investinajdovscina.eu
Open in
urlscan Pro
89.143.198.115
Public Scan
URL:
https://investinajdovscina.eu/wp-content/themes/axel/theme-framework/theme-style/css/style.css?ver=1.0.0
Submission: On August 29 via api from US — Scanned from DE
Submission: On August 29 via api from US — Scanned from DE
Form analysis
0 forms found in the DOMText Content
/** * @package WordPress * @subpackage Axel * @version 1.0.5 * * Design CSS Rules * Created by CMSMasters * */ /*------------------------------------------------------------------------- 1. Globally Applied Styles / body 1.1. Instagram / #sbi_load 1.2. Icons 1.2.1. Global 1.2.2. Arrows 1.2.3. Widget Add Info 1.2.4. Twitter stripe 1.3. Elements 1.3.1. Icon Arrow Global Styles 1.3.2. Pixel Arrow Global Styles 1.3.3. Post Password Form / .post-password-form 1.3.4. Prelodaer / .preloader 1.3.5. Resizable Block / .resizable_block 1.3.6. Img Wrapper / .cmsmasters_img_wrap 1.3.7. Img Rollover / .cmsmasters_img_rollover_wrap 1.3.8. Placeholder Small / .img_placeholder_small 1.3.9. Video Wrapper / .mejs-container 1.3.10. Search Bar / .search_bar_wrap 1.3.10. Social Icons / .social_wrap 1.3.11. Core Owl Carousel CSS v1.3.2 / .owl-carousel 1.3.12. Slide Top Button / #slide_top 1.3.13. Opened Article / .opened-article 1.3.14. Likes and Comments 1.3.14.1. Likes / .cmsmasters_likes 1.3.14.2. Comments / .cmsmasters_comments 1.3.15. Button 1.3.16. Items Filter / .cmsmasters_items_filter_wrap 1.3.17. More Items Loader and Pagination 1.3.17.1. More Items Loader / .cmsmasters_wrap_more_items 1.3.17.2. Subpage Pagination / .subpage_nav 1.3.17.2. Pagination / .cmsmasters_wrap_pagination 1.3.18. Post Navigation / .post_nav 1.3.19. Share Posts / .share_posts 1.3.20. About Author / .about_author 1.3.21. Single Post Slider / .cmsmasters_single_slider 1.3.22. Single Pings List / .cmsmasters_pings_list 1.3.23. Post Comments / .post_comments 1.3.24. Comment Respond / .comment-respond 2. Header / #header 2.1. Header Top / .header_top 2.1.1. Header Top Navigation / .top_line_nav 2.2. Header Mid / .header_mid 2.1.1. Header Mid Navigation / .mid_nav 2.3. Header Bot / .header_bot 2.1.1. Header Bot Navigation / .bot_nav 2.4. Header Search Form 3. Headline Styles 4. Bottom + Footer Styles 4.1. Bottom / #bottom 4.2. Footer / #footer 4.2.1. Footer Default / .cmsmasters_footer_default 4.2.2. Footer Small / .cmsmasters_footer_small 5. Blog / .blog 5.1. Blog Default / .cmsmasters_post_default 5.2. Blog Masonry / .cmsmasters_post_masonry 5.3. Blog Timeline / .cmsmasters_post_timeline 5.4. Blog Post / .cmsmasters_open_post 6. Portfolio / .portfolio 6.1. Portfolio Grid / .cmsmasters_project_grid 6.2. Portfolio Puzzle / .cmsmasters_project_puzzle 6.3. Portfolio Open Project / .cmsmasters_open_project 7. Posts Slider Styles / .cmsmasters_posts_slider 7.1. Posts Slider Blog / .cmsmasters_slider_post 7.2. Posts Slider Portfolio / .cmsmasters_slider_project 8. Profiles + Profile Styles / .cmsmasters_profile 8.1. Profiles Horizontal / .cmsmasters_profile_horizontal 8.2. Profiles Vertical / .cmsmasters_profile_vertical 8.3. Profiles Open Profile / .cmsmasters_open_profile 9. Shortcodes Styles 9.1. Divider / .cmsmasters_divider 9.2. Special Heading / .cmsmasters_heading_wrap 9.3. Featured Block / .cmsmasters_featured_block 9.4. Table / .cmsmasters_table 9.5. Notice / .cmsmasters_notice 9.6. Icon / .cmsmasters_icon_wrap 9.7. Icon List / .cmsmasters_icon_list_items 9.8. Icon Box / .cmsmasters_icon_box 9.9. Toggles / .cmsmasters_toggles 9.10. Tabs / .cmsmasters_tabs 9.11. Stats / .cmsmasters_stats 9.12. Counters / .cmsmasters_counters 9.13. CMSMASTERS Button / .cmsmasters_button 9.14. Contact Form 7 / .wpcf7-form 9.15. Hover slider / .cmsmasters_hover_slider 9.16. Content slider / .cmsmasters_content_slider 9.17. Gallery / .cmsmasters_gallery 9.18. Quotes / .cmsmasters_quotes_slider 9.19. Pricing tables / .cmsmasters_pricing_table 9.20. Google Maps / .google_map 9.21. Caption / .cmsmasters_img 9.22. WP Gallery / .gallery 9.23. Sidebar / .cmsmasters_sidebar 9.24. Share / .share_wrap 9.25. Twitter Stripe / .cmsmasters_twitter_wrap 9.26. Dropcap / .cmsmasters_dropcap 9.27. Clients / .cmsmasters_clients_slider 10. Widgets Styles / .widget 10.1. Widget Advertisement / .widget_custom_advertisement_entries 10.2. Widget Lists 10.2.1. Widget Pages / .widget_pages 10.2.2. Widget Categories / .widget_categories 10.2.3. Widget Archive / .widget_archive 10.2.4. Widget Meta / .widget_meta 10.2.5. Widget Recent Comments / .widget_recent_comments 10.2.6. Widget Recent Entries / .widget_recent_entries 10.3. Widget Calendar / #wp-calendar 10.4. Widget Contact Form / .widget_custom_contact_form_entries 10.5. Widget Contact Info / .widget_custom_contact_info_entries 10.6. Widget Custom Menu / .widget_nav_menu 10.7. Widget Facebook / .widget_custom_facebook_entries 10.8. Widget Flickr / .widget_custom_flickr_entries 10.9. Widget Latest and Popular Projects 10.9.1. Widget Latest Projects / .widget_custom_popular_projects_entries 10.9.2. Widget Popular Projects / .widget_custom_latest_projects_entries 10.10. Widget Posts Tabs / .widget_custom_posts_tabs_entries 10.11. Widget RSS / .widget_rss 10.12. Widget Tag Cloud / .widget_tag_cloud 10.13. Widget Twitter / .widget_custom_twitter_entries 11. Search + Archives + Sitemap + Error + Other Styles 11.1. Archives + Search 11.1.1. Archives / .cmsmasters_archive 11.1.2. Search / .cmsmasters_search 11.2. Sitemap / .cmsmasters_sitemap_wrap 11.3. Error / .error 11.4. Attachment Page / .cmsmasters_attach_img 11.5. Other 12. Contact Forms Styles 12.1. Form Builder / .cmsmasters-form-builder 12.2. Contact Form 7 / .wpcf7 13. CSS3 Animations / .csstransitions 13.1. Custom Animations 13.2. Global Animations -------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------*/ /* Theme Reset Style /*-------------------------------------------------------------------------*/ table { border-spacing: 0; border-collapse: collapse; width: 100%; margin-bottom: 20px; /* don't touch */ border-width: 1px; border-style: solid; /* for gutenberg start */ /* for gutenberg end */ } table th, table td { border-width: 0; border-style: solid; /* for gutenberg */ padding: 13px 30px; } table.is-style-stripes { border-width: 0; border-style: solid; } table.is-style-stripes tr:nth-child(odd) { background-color: transparent !important; } table:not([class]):not([id]) { border-spacing: 0; border-collapse: collapse; } table:not([class]):not([id]) th, table:not([class]):not([id]) td { padding: 13px 30px; border-style: solid; } table caption { text-align: center; padding: 20px; } html.is_404 { margin-top: 0 !important; } .form_field_wrap { position: relative; } .formError { bottom: 100%; top: 0 !important; } #page .formError .formErrorContent { width: 152px; margin-top: 0; margin-bottom: 0; padding: 4px 10px; } .pls-container, .pls-container table, .cmsmasters_table, .tribe-mini-calendar, .tribe-events-calendar, .shop_table, .group_table, .variations, .shop_attributes { border-collapse: collapse; border-spacing: 0; vertical-align: middle; } .esg-grid ul { padding: 0; margin: 0; } .esg-grid ul li:before { display: none; } blockquote { padding: 0; margin: 0 0 20px; /* don't touch */ position: relative; quotes: none; } blockquote:before, blockquote:after { content: none; } blockquote p:last-of-type { margin: 0; padding: 0; } blockquote cite { display: block; } iframe { margin-bottom: 20px; } address { margin: 0 0 20px; } pre { margin: 0 0 20px; } dd { margin: 0 0 20px; } /*-------------------------------------------------------------------------*/ /* Globally Applied Styles /*-------------------------------------------------------------------------*/ body { text-align: left; } div { text-align: left; } p { padding: 0 0 20px; margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0 0 20px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; line-height: inherit; } ul, ol { list-style-position: inside; margin-bottom: 20px; } ul { outline: none; list-style-type: none; } ul > li { position: relative; display: block; } ul > li:before { content: ''; font-family: 'fontello'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; padding: 0; margin: 0 5px 0 0; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; position: relative; vertical-align: middle; height: 5px; width: 5px; left: -5px; } ol { list-style-type: decimal-leading-zero; } ul li, ol li { padding: 10px 0 0; } ul li:first-child, ol li:first-child { padding-top: 0; } ul ul, ol ul, ul ol, ol ol { margin: 0 0 0 20px; padding: 10px 0 0; } input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]):not([type=color]):not([type=range]), textarea, select, option { padding: 10px; max-width: 100%; border-width: 1px; border-style: solid; } #page textarea { height: 115px; min-height: 115px; overflow: auto; padding-top: 10px; padding-bottom: 10px; } select { line-height: 1em; text-indent: 0.01px; text-overflow: ''; min-width: 100px; max-width: 100%; height: 40px; padding: 10px 40px 10px 18px; background-position: 100% center; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none !important; border-width: 1px; border-style: solid; -webkit-border-radius: 4px; border-radius: 4px; background-image: url('../../../img/select.png'); } select::-ms-expand { display: none; } select[multiple] { height: auto; background-image: none; } select[multiple] option { padding-left: 0; padding-right: 0; background: none !important; } input[type=text], input[type=search], input[type=password], input[type=email], input[type=tel], input[type=url], input[type=number], input[type=date], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="date"]::-webkit-clear-button { display: none; } input[type="date"]::-webkit-inner-spin-button { display: none; } input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]):not([type=color]):not([type=range]) { height: 38px; } input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]):not([type=color]):not([type=range]):focus, textarea:focus { outline: none; } input:-webkit-autofill { -webkit-animation-name: autofill; -webkit-animation-fill-mode: both; } input[type=submit], input[type=button], button { max-width: 100%; cursor: pointer; } option { outline: none; } .jetpack_subscription_widget #subscribe-email input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]):not([type=color]):not([type=range]), .widget_wysija input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]):not([type=color]):not([type=range]) { width: 100% !important; padding: 10px !important; } .widget_wysija_cont .wysija-submit { display: inline-block !important; margin: 0 !important; } .single.single-wysijap .cmsmasters_open_post > * { display: none; } .single.single-wysijap .cmsmasters_open_post .cmsmasters_post_content { display: block; } .cmsmasters_content_slider_wrap { margin-right: 1px; } .gform_wrapper input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]):not([type=color]):not([type=range]), .gform_wrapper textarea { padding: 10px !important; } .gform_wrapper select { padding: 10px !important; margin: 0 !important; } nav { display: block; height: 100%; position: relative; } nav ul { /* clear ul styles */ margin: 0; padding: 0; } nav ul:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } nav ul li { margin: 0; padding: 0; } nav ul li:before { display: none; } nav > div { height: 100%; } nav > div:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; } nav > div > ul { list-style: none; display: inline-block; width: 100%; height: 100%; vertical-align: middle; position: relative; z-index: 202; zoom: 1; } nav > div > ul ul { list-style: none; width: 210px; margin: 20px 0 0; padding: 20px 0 20px; visibility: hidden; position: absolute; left: 0; top: 100%; z-index: 203; opacity: 0; border-width: 1px; border-style: solid; } .header_top nav > div > ul ul { width: 160px; margin: 20px 0 0; padding: 14px 0 14px; } nav > div > ul ul ul { margin: 0 0 0 20px; left: 100%; top: -21px; } .header_top nav > div > ul ul ul { margin: 0 0 0 14px; top: -15px; } nav > div > ul li.menu-item-dropdown-right { text-align: right; } nav > div > ul li.menu-item-dropdown-right * { text-align: right; } nav > div > ul li.menu-item-dropdown-right > ul { left: auto; right: 0; } nav > div > ul li.menu-item-dropdown-right > ul ul { margin: 0 20px 0 0; left: auto; right: 100%; } nav > div > ul li.menu-item-dropdown-right > div.menu-item-mega-container { left: auto; right: 0; } nav > div > ul li.menu-item-dropdown-right > div.menu-item-mega-container ul { right: auto; } nav > div > ul li:hover > ul { margin: 0 0 0 -1px; visibility: visible; opacity: 1; } .header_top nav > div > ul li:hover > ul { margin: 0px 0 0 -1px; } nav > div > ul li:hover > ul:before { content: ''; width: 100%; height: 0; position: absolute; left: 0; top: -1; } .header_top nav > div > ul li:hover > ul:before { width: 100%; height: 0px; top: -1px; } nav > div > ul li:hover > div.menu-item-mega-container { margin: 0 0 0; visibility: visible; opacity: 1; } nav > div > ul li:hover > div.menu-item-mega-container:before { content: ''; width: 100%; height: 0; position: absolute; left: 0; top: -1; } nav > div > ul li:hover > div.menu-item-mega-container ul { visibility: visible; opacity: 1; } nav > div > ul li li:hover > ul { margin: 0 0 0 0; } .header_top nav > div > ul li li:hover > ul { margin: 0 0 0 0px; } nav > div > ul li li:hover > ul:before { width: 0; height: 100%; top: 0; left: -1; } .header_top nav > div > ul li li:hover > ul:before { width: 0px; height: 100%; left: -1px; } nav > div > ul li.menu-item-dropdown-right li:hover > ul { margin: 0 0 0 0; } nav > div > ul li.menu-item-dropdown-right li:hover > ul:before { left: auto; right: -1; } nav > div > ul li { display: block; margin: 0; padding: 0; position: relative; z-index: 203; } nav > div > ul li:hover { z-index: 204; } nav > div > ul a { display: block; position: relative; z-index: 204; } nav > div > ul .menu-item-mega-description-container { display: block; padding: 10px 15px; overflow: hidden; } nav > div > ul .nav_title[class^="cmsmasters-icon-"]:before, nav > div > ul .nav_title[class*=" cmsmasters-icon-"]:before { margin: 0 0.5em 0 0; } nav > div > ul .menu-item-hide-text > a .nav_title[class^="cmsmasters-icon-"]:before, nav > div > ul .menu-item-hide-text > a .nav_title[class*=" cmsmasters-icon-"]:before { margin: 0 0.3em; } nav > div > ul .menu-item-hide-text:not(.menu-item-icon) > a { display: none; } nav > div > ul > li { float: left; border-right-width: 1px; border-right-style: solid; } nav > div > ul > li:last-child { border-right-width: 0; border-right-style: solid; } nav > div > ul > li li { border-bottom-width: 1px; border-bottom-style: solid; } nav > div > ul > li li:last-child { border-bottom-width: 0; border-bottom-style: solid; } nav > div > ul li.menu-item-mega ul { background-color: transparent; border: 0; width: auto; margin: 0; padding: 0; position: relative; left: auto; right: auto; top: auto; bottom: auto; z-index: 203; } nav > div > ul div.menu-item-mega-container { display: block; width: auto; margin: 20px 0 0; padding: 20px 10px 30px; visibility: hidden; position: absolute; left: 0; top: 100%; z-index: 203; opacity: 0; border-width: 1px; border-style: solid; } nav > div > ul div.menu-item-mega-container > ul { display: table; width: 100%; margin-left: 0; margin-right: 0; } nav > div > ul div.menu-item-mega-container > ul > li { display: table-cell; padding: 0 5px; border-bottom-width: 0; border-bottom-style: solid; } nav > div > ul div.menu-item-mega-container > ul > li > a { margin-bottom: 10px; } nav > div > ul div.menu-item-mega-container > ul > li > ul { width: 210px; margin: 0; padding: 0; } nav > div > ul div.menu-item-mega-container > ul > li:hover > ul { margin: 0; padding: 0; } nav > div > ul div.menu-item-mega-container > ul > li a:empty { padding: 0; margin: 0; } nav > div > ul li.menu-item-mega-fullwidth > div.menu-item-mega-container > ul > li a, nav > div > ul li.menu-item-mega-fullwidth > div.menu-item-mega-container > ul > li ul { width: auto; } nav > div > ul li.menu-item-mega-fullwidth.menu-item-mega-cols-two > div.menu-item-mega-container > ul > li { width: 50%; } nav > div > ul li.menu-item-mega-fullwidth.menu-item-mega-cols-three > div.menu-item-mega-container > ul > li { width: 33.33%; } nav > div > ul li.menu-item-mega-fullwidth.menu-item-mega-cols-four > div.menu-item-mega-container > ul > li { width: 25%; } nav > div > ul li.menu-item-mega-fullwidth.menu-item-mega-cols-five > div.menu-item-mega-container > ul > li { width: 20%; } .full-width { min-width: 100%; } audio.full-width { width: 100%; } .alignleft, .fl { float: left; } .alignright, .fr { float: right; } .aligncenter { text-align: center; } .aligncenter, .alignnone { clear: both; } img.alignleft, img.fl { margin-right: 20px; margin-bottom: 20px; } img.alignright, img.fr { margin-left: 20px; margin-bottom: 20px; } img.aligncenter { margin: 0 auto 20px; display: block; } img.alignnone { margin-bottom: 20px; } .dn { display: none; } .tal, .ta_left { text-align: left; } .tac, .ta_center { text-align: center; } .tar, .ta_right { text-align: right; } .cl, .clear { display: block; clear: both; } .ovh { overflow: hidden; } .low_case { text-transform: lowercase; } .up_case { text-transform: uppercase; } .cmsmasters_responsive_width { display: block; width: auto; visibility: hidden; } .cmsmasters_column { position: relative; min-height: 1px; } .cmsmasters_column_sticky { position: relative; top: 0; } .cmsmasters_column_inner { width: 100%; position: relative; min-height: 1px; } .one_first, .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .one_sixth { margin: 0 2%; position: relative; float: left; } .one_sixth { width: 12.67%; } .cmsmasters_row_no_margin > .cmsmasters_row_margin > .one_sixth { width: 16.67%; } .one_fifth { width: 16%; } .cmsmasters_row_no_margin > .cmsmasters_row_margin > .one_fifth { width: 20%; } .one_fourth { width: 21%; } .cmsmasters_row_no_margin > .cmsmasters_row_margin > .one_fourth { width: 25%; } .one_third { width: 29.33%; } .cmsmasters_row_no_margin > .cmsmasters_row_margin > .one_third { width: 33.33%; } .one_half { width: 46%; } .cmsmasters_row_no_margin > .cmsmasters_row_margin > .one_half { width: 50%; } .two_third { width: 62.67%; } .cmsmasters_row_no_margin > .cmsmasters_row_margin > .two_third { width: 66.67%; } .three_fourth { width: 71%; } .cmsmasters_row_no_margin > .cmsmasters_row_margin > .three_fourth { width: 75%; } .one_first { width: 96%; float: none; position: relative; display: block; clear: both; } .cmsmasters_row_no_margin > .cmsmasters_row_margin > .one_first { width: 100%; } .cmsmasters_row_margin.cmsmasters_row_columns_behavior { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; } .cmsmasters_row_margin.cmsmasters_row_columns_behavior:after { content: none; } .cmsmasters_row_margin.cmsmasters_row_columns_behavior.cmsmasters_131313 { width: 99.99%; } .cmsmasters_row_margin.cmsmasters_row_columns_behavior .cmsmasters_column .cmsmasters_column_inner { height: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-content: flex-start; -moz-align-content: flex-start; -ms-align-content: flex-start; align-content: flex-start; } .cmsmasters_row_margin.cmsmasters_row_columns_behavior .cmsmasters_column .cmsmasters_column_inner .resizable_block { height: 100%; } .cmsmasters_row_margin.cmsmasters_row_columns_behavior .cmsmasters_column .cmsmasters_column_inner:after { content: none; } .cmsmasters_row_margin.cmsmasters_row_columns_behavior .cmsmasters_column .cmsmasters_column_inner > div { width: 100%; } .cmsmasters_row_margin.cmsmasters_row_columns_behavior .cmsmasters_column .cmsmasters_column_inner > .cmsmasters_featured_block { height: 100%; } .safari_only .cmsmasters_row_margin.cmsmasters_row_columns_behavior .cmsmasters_column, .safari_mobile_only .cmsmasters_row_margin.cmsmasters_row_columns_behavior .cmsmasters_column { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; } .safari_only .cmsmasters_row_margin.cmsmasters_row_columns_behavior .cmsmasters_column .cmsmasters_column_inner, .safari_mobile_only .cmsmasters_row_margin.cmsmasters_row_columns_behavior .cmsmasters_column .cmsmasters_column_inner { min-width: 100%; height: auto; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: flex-start; -moz-align-content: flex-start; -ms-align-content: flex-start; align-content: flex-start; } .safari_only .cmsmasters_row_margin.cmsmasters_row_columns_behavior .cmsmasters_column .cmsmasters_column_inner .resizable_block, .safari_mobile_only .cmsmasters_row_margin.cmsmasters_row_columns_behavior .cmsmasters_column .cmsmasters_column_inner .resizable_block { height: 100%; padding-bottom: 120%; } .safari_only .cmsmasters_row_margin.cmsmasters_row_columns_behavior .cmsmasters_column .cmsmasters_column_inner > .cmsmasters_featured_block, .safari_mobile_only .cmsmasters_row_margin.cmsmasters_row_columns_behavior .cmsmasters_column .cmsmasters_column_inner > .cmsmasters_featured_block { height: auto; } [data-animation] { opacity: 0; } [data-animation].animated { opacity: 1; } #page.cmsmasters_boxed { width: 1000px; margin: 0 auto; } #page.cmsmasters_boxed #header, #page.cmsmasters_boxed #footer { width: 1000px; } #page, #main, #middle, .middle_content, #bottom, #footer, .headline, .headline_outer, .middle_inner, .cmsmasters_row, .cmsmasters_row_outer, .cmsmasters_row_outer_parent { width: 100%; position: relative; } #middle { z-index: 1; } .post-password-form, .header_top_inner, .header_mid_inner, .content_wrap, .headline_inner, .bottom_outer, .footer_inner, .cmsmasters_row_inner { position: relative; width: 980px; padding: 0 20px; margin: 0 auto; } .content_wrap .post-password-form { width: auto; padding: 0; } .cmsmasters_row.cmsmasters_row_top_default.cmsmasters_row_bot_default { z-index: 0; } .cmsmasters_row.cmsmasters_row_top_left_diagonal:before, .cmsmasters_row.cmsmasters_row_bot_left_diagonal:after { content: ''; background-color: inherit; width: 150%; height: 150px; position: absolute; left: auto; right: 0; top: 0; bottom: auto; z-index: 1; -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .cmsmasters_row.cmsmasters_row_bot_left_diagonal:after { top: auto; bottom: 0; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); } .cmsmasters_row.cmsmasters_row_top_right_diagonal:before, .cmsmasters_row.cmsmasters_row_bot_right_diagonal:after { content: ''; background-color: inherit; width: 150%; height: 150px; position: absolute; left: 0; right: auto; top: 0; bottom: auto; z-index: 1; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .cmsmasters_row.cmsmasters_row_bot_right_diagonal:after { top: auto; bottom: 0; -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); } .cmsmasters_row.cmsmasters_row_top_zigzag:before, .cmsmasters_row.cmsmasters_row_bot_zigzag:after { content: ''; background-size: 10px 5px; height: 5px; width: 100%; position: absolute; left: 0; right: 0; top: auto; bottom: 100%; z-index: 1; } .cmsmasters_row.cmsmasters_row_bot_zigzag:after { top: 100%; bottom: auto; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .cmsmasters_row.cmsmasters_row_top_triangle:before, .cmsmasters_row.cmsmasters_row_bot_triangle:after { content: ''; background-color: inherit; z-index: 1; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 30px; height: 30px; margin: auto !important; position: absolute; left: 0; right: 0; top: -15px; bottom: auto; } .cmsmasters_row.cmsmasters_row_bot_triangle:after { top: auto; bottom: -15px; } .cmsmasters_row .cmsmasters_row_outer_parent { padding: 0.1px 0; z-index: 2; } .cmsmasters_row .cmsmasters_row_inner.cmsmasters_row_fullwidth { width: 100%; padding: 0 40px; } .cmsmasters_row .cmsmasters_row_inner.cmsmasters_row_no_margin > .cmsmasters_row_margin { margin: 0; } .cmsmasters_row .cmsmasters_row_inner.cmsmasters_row_no_margin > .cmsmasters_row_margin > .cmsmasters_column { margin: 0; } .cmsmasters_row .cmsmasters_row_overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .cmsmasters_row_margin { margin: 0 -2.07%; position: relative; } .content_wrap.r_sidebar .cmsmasters_row, .content_wrap.l_sidebar .cmsmasters_row, .content_wrap .opened-article .cmsmasters_row, .content_wrap .cmsmasters_tabs .cmsmasters_row { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .content_wrap.r_sidebar .cmsmasters_row .cmsmasters_row_inner, .content_wrap.l_sidebar .cmsmasters_row .cmsmasters_row_inner, .content_wrap .opened-article .cmsmasters_row .cmsmasters_row_inner, .content_wrap .cmsmasters_tabs .cmsmasters_row .cmsmasters_row_inner { width: 100%; padding: 0; } .content_wrap.cmsmasters_set_fullwidth { width: 100%; padding: 0; } #page:after, #middle:after, .middle_inner:after, .middle_content:after, #bottom:after, .bottom_bg:after, .content_wrap:after, .cmsmasters_row_inner:after, .cmsmasters_row_margin:after, .cmsmasters_column_inner:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .middle_content { padding: 90px 0; } .middle_content:empty { display: none; } .content { width: 65.5%; padding: 60px 0; position: relative; z-index: 2; float: left; } .content.fr { float: right; } .sidebar { width: 34.5%; padding: 60px 0 60px 40px; position: relative; z-index: 1; float: right; } .sidebar.fl { padding: 60px 40px 60px 0; float: left; } .sidebar .tab_comments .widget_tab_title { position: relative; display: inline-block; margin-bottom: 5px; } .sidebar .tab_comments .widget_tab_title:hover:before { width: 100%; } .sidebar .tab_comments .widget_tab_title:hover:after { width: 100%; background: 0 0; } .sidebar .tab_comments .widget_tab_title:before { content: ""; position: absolute; bottom: 0; left: 0; height: 1px; width: 0; } .sidebar .tab_comments .widget_tab_title:after { content: ""; position: absolute; bottom: 0; right: 0; height: 1px; width: 0; } .bottom_bg { padding-top: 30px; padding-bottom: 30px; } .bottom_inner { margin: 0 -2%; } .bottom_inner:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .bottom_inner aside { position: relative; float: left; margin: 0 2%; } /* Instagram */ #sbi_load { padding-top: 0 !important; } /***************** Icons ******************/ /* Global */ body .cmsmasters_theme_icon_comment:before { font-family: "fontello-custom"; content: '\e842'; } body .cmsmasters_theme_icon_like:before { font-family: "fontello-custom"; content: '\e858'; } body .cmsmasters_theme_icon_search:before { font-family: "fontello-custom"; content: '\e879'; } body .cmsmasters_theme_icon_cancel:before { font-family: "fontello-custom"; content: '\e84f'; } body .cmsmasters_theme_icon_resp_nav:before { font-family: "fontello-custom"; content: '\e849'; } .cmsmasters_theme_icon_person:before { content: '\e813'; } .cmsmasters_theme_icon_image:before { content: '\e831'; } .cmsmasters_theme_icon_check:before { content: '\eabb'; } .cmsmasters_theme_icon_spinner:before { content: '\e9fd'; } .cmsmasters_theme_icon_sticky:before { content: '\e830'; } /* Arrows */ body .cmsmasters_theme_icon_slide_prev:before, body .cmsmasters_theme_icon_pagination_prev:before, body .cmsmasters_theme_icon_comments_nav_prev:before, body .cmsmasters_prev_arrow span:before { font-family: "fontello-custom"; content: '\e837'; } body .cmsmasters_theme_icon_slide_next:before, body .cmsmasters_theme_icon_pagination_next:before, body .cmsmasters_theme_icon_comments_nav_next:before, body .cmsmasters_next_arrow span:before { font-family: "fontello-custom"; content: '\e838'; } .cmsmasters_theme_icon_slide_top:before { content: '\eb27'; } .cmsmasters_theme_icon_slide_bottom:before { content: '\eb24'; } .cmsmasters_theme_icon_resp_nav_slide_up:before { content: '\eb2f'; } .cmsmasters_theme_icon_resp_nav_slide_down:before { content: '\eb2c'; } /* Widget Add Info */ .cmsmasters_theme_icon_user_mail:before { content: '\e885'; } .cmsmasters_theme_icon_user_website:before { content: '\e836'; } .cmsmasters_theme_icon_user_phone:before { content: '\e805'; } .cmsmasters_theme_icon_user_address:before { content: '\e895'; } /* Twitter stripe */ .cmsmasters_theme_icon_user_twitter:before { content: '\ea97'; } /***************** Elements ******************/ /* Icon Arrow Global Styles */ .cmsmasters_prev_arrow, .cmsmasters_next_arrow { display: inline-block; width: 64px; height: 24px; vertical-align: middle; position: relative; text-align: center; } .cmsmasters_prev_arrow:after, .cmsmasters_next_arrow:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .cmsmasters_prev_arrow span, .cmsmasters_next_arrow span { display: inline-block; width: 64px; height: 24px; vertical-align: middle; } .cmsmasters_prev_arrow span:before, .cmsmasters_next_arrow span:before { font-size: 64px; line-height: 24px; text-align: center; display: block; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Pixel Arrow Global Styles */ .cmsmasters_prev_arrow_pixel, .cmsmasters_next_arrow_pixel { background: #000000; width: 1px; height: 1px; margin: auto !important; position: absolute; left: 0; right: auto; top: 0; bottom: 0; } .cmsmasters_prev_arrow_pixel:before, .cmsmasters_next_arrow_pixel:before, .cmsmasters_prev_arrow_pixel:after, .cmsmasters_next_arrow_pixel:after, .cmsmasters_prev_arrow_pixel span:before, .cmsmasters_next_arrow_pixel span:before, .cmsmasters_prev_arrow_pixel span:after, .cmsmasters_next_arrow_pixel span:after { content: ''; background: transparent; position: absolute; width: 1px; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; } .cmsmasters_prev_arrow_pixel:before, .cmsmasters_next_arrow_pixel:before { height: 3px; left: 1px; top: -1px; } .cmsmasters_prev_arrow_pixel:after, .cmsmasters_next_arrow_pixel:after { height: 5px; left: 2px; top: -2px; } .cmsmasters_prev_arrow_pixel span:before, .cmsmasters_next_arrow_pixel span:before { height: 7px; left: 3px; top: -3px; } .cmsmasters_prev_arrow_pixel span:after, .cmsmasters_next_arrow_pixel span:after { height: 9px; left: 4px; top: -4px; } .cmsmasters_next_arrow_pixel { right: 0; left: auto; } .cmsmasters_next_arrow_pixel:before { left: auto; right: 1px; } .cmsmasters_next_arrow_pixel:after { left: auto; right: 2px; } .cmsmasters_next_arrow_pixel span:before { left: auto; right: 3px; } .cmsmasters_next_arrow_pixel span:after { left: auto; right: 4px; } .cmsmasters_top_arrow_pixel, .cmsmasters_bot_arrow_pixel { background: #000000; width: 1px; height: 1px; margin: auto !important; position: absolute; left: 0; right: 0; top: -4px; bottom: 0; } .cmsmasters_top_arrow_pixel:before, .cmsmasters_bot_arrow_pixel:before, .cmsmasters_top_arrow_pixel:after, .cmsmasters_bot_arrow_pixel:after, .cmsmasters_top_arrow_pixel span:before, .cmsmasters_bot_arrow_pixel span:before, .cmsmasters_top_arrow_pixel span:after, .cmsmasters_bot_arrow_pixel span:after { content: ''; background: transparent; position: absolute; height: 1px; border-left-width: 1px; border-left-style: solid; border-right-width: 1px; border-right-style: solid; } .cmsmasters_top_arrow_pixel:before, .cmsmasters_bot_arrow_pixel:before { width: 3px; top: 1px; left: -1px; } .cmsmasters_top_arrow_pixel:after, .cmsmasters_bot_arrow_pixel:after { width: 5px; top: 2px; left: -2px; } .cmsmasters_top_arrow_pixel span:before, .cmsmasters_bot_arrow_pixel span:before { width: 7px; top: 3px; left: -3px; } .cmsmasters_top_arrow_pixel span:after, .cmsmasters_bot_arrow_pixel span:after { width: 9px; top: 4px; left: -4px; } .cmsmasters_bot_arrow_pixel { top: 4px; } .cmsmasters_bot_arrow_pixel:before { top: auto; bottom: 1px; } .cmsmasters_bot_arrow_pixel:after { top: auto; bottom: 2px; } .cmsmasters_bot_arrow_pixel span:before { top: auto; bottom: 3px; } .cmsmasters_bot_arrow_pixel span:after { top: auto; bottom: 4px; } /* Post Password Form */ .post-password-form { padding-top: 40px; } .post-password-form p:first-child { font-weight: bold; } .post-password-form label { display: inline-block; vertical-align: bottom; } .post-password-form input[type="password"] { display: block; } .post-password-form input[type=submit] { display: inline-block; line-height: 38px; margin: 0 0 0 5px; vertical-align: bottom; } /* Prelodaer */ .preloader { display: block; width: 100%; height: 0; padding-bottom: 63.79%; position: relative; text-align: center; } .preloader .full-width { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .preloader.highImg { height: auto; padding: 0; } .preloader.highImg .full-width { height: auto; position: relative; top: auto; left: auto; } /* Resizable Block */ .resizable_block { display: block; width: 100%; height: 0; padding-bottom: 63.79%; position: relative; overflow: hidden; } .resizable_block .full-width { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } /* Img Wrapper */ .cmsmasters_img_wrap { display: block; position: relative; text-align: center; overflow: hidden; } .cmsmasters_img_wrap .img_placeholder { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .cmsmasters_img_wrap .img_placeholder:before { font-size: 40px; width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .cmsmasters_img_wrap .highImg .img_placeholder { display: block; padding-bottom: 63.79%; position: relative; } /* Img Rollover */ .cmsmasters_img_rollover_wrap { display: block; position: relative; overflow: hidden; } .cmsmasters_img_rollover_wrap .img_placeholder { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .cmsmasters_img_rollover_wrap .img_placeholder:before { font-size: 40px; width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .cmsmasters_img_rollover_wrap.highImg .img_placeholder { display: block; padding-bottom: 63.79%; position: relative; } .cmsmasters_img_rollover_wrap .cmsmasters_img_rollover { width: 100%; height: 100%; position: absolute; left: 0; top: 0; text-align: center; opacity: 0; } .cmsmasters_img_rollover_wrap .cmsmasters_img_rollover:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .cmsmasters_img_rollover_wrap .cmsmasters_img_rollover .cmsmasters_open_post_link { display: inline-block; } .cmsmasters_img_rollover_wrap .cmsmasters_img_rollover .cmsmasters_open_link, .cmsmasters_img_rollover_wrap .cmsmasters_img_rollover .cmsmasters_image_link { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .cmsmasters_img_rollover_wrap:hover .cmsmasters_img_rollover { opacity: 1; } /* Placeholder Small */ .img_placeholder_small { height: 53px; width: 53px; display: block; position: relative; } .img_placeholder_small:before { font-size: 18px; width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Video Wrapper */ .wp-video-shortcode, .mejs-layer { max-width: 100%; } .mejs-container.wp-video-shortcode, .mejs-container.wp-audio-shortcode { margin-bottom: 0; max-width: 100%; } .cmsmasters_video_wrap { width: 100%; max-width: 100%; height: 0; padding-bottom: 63.79%; margin-bottom: 20px; overflow: hidden; position: relative; } .cmsmasters_video_wrap > div { width: 100% !important; height: 100%; position: absolute; left: 0; top: 0; } .cmsmasters_video_wrap iframe { width: 100%; max-width: auto; height: 100%; margin-bottom: 0; position: absolute; left: 0; top: 0; } .cmsmasters_video_wrap .wp-video-shortcode, .cmsmasters_video_wrap .mejs-layer { width: 100% !important; height: 100% !important; position: absolute; left: 0; top: 0; } .cmsmasters_video_wrap .wp-video-shortcode .mejs-overlay-button, .cmsmasters_video_wrap .mejs-layer .mejs-overlay-button { margin-top: -50px !important; } /* Search Bar */ .search_bar_wrap { display: inline-block; width: 100%; position: relative; } .search_bar_wrap .search_field { padding: 0; margin: 0; overflow: hidden; } .search_bar_wrap .search_field input { width: 100%; height: 50px !important; } #middle .search_bar_wrap .search_field input, #bottom .search_bar_wrap .search_field input { padding-left: 15px; padding-right: 50px; } .search_bar_wrap .search_field input[type=search]::-ms-clear { font-size: 10px; width: 20px; height: 20px; } .search_bar_wrap .search_button { padding: 0; margin: 0; width: 50px; height: 100%; margin: auto !important; position: absolute; left: auto; right: 0; top: 0; bottom: 0; overflow: hidden; } .search_bar_wrap .search_button button { background: none; display: block; width: 100%; height: 100%; padding: 0; margin: 0; cursor: pointer; position: relative; border-width: 0; border-style: solid; -webkit-box-shadow: none; box-shadow: none; } .search_bar_wrap .search_button button:before { font-size: 14px; width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .search_bar_wrap .search_button button:hover { background: none; } /* Social Icons */ .social_wrap { display: block; height: 100%; position: relative; overflow: hidden; } .social_wrap .social_wrap_inner { height: 100%; } .social_wrap .social_wrap_inner:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .social_wrap ul { list-style: none; display: inline-block; margin: 0; padding: 0; vertical-align: middle; } .social_wrap li { display: inline-block; margin: 0 5px 0 0; padding: 0; position: relative; vertical-align: middle; } .social_wrap li:last-child { margin: 0; } .social_wrap li:before { display: none; } .social_wrap a { display: block; width: 30px; height: 30px; position: relative; } .social_wrap a:before { width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Core Owl Carousel CSS v1.3.2 */ .cmsmasters_owl_slider:not(.owl-carousel) > div { width: 0; height: 0; visibility: hidden; } .cmsmasters_owl_slider:hover .owl-buttons { opacity: 1; } .cmsmasters_owl_slider .owl-buttons { opacity: 0; } .cmsmasters_owl_slider .owl-buttons:hover { opacity: 1; } .owl-carousel { width: 100%; position: relative; -ms-touch-action: pan-y; display: none; } .owl-carousel .owl-wrapper-outer { width: 100%; position: relative; overflow: hidden; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 0.5s ease-in-out; -moz-transition: height 0.5s ease-in-out; -ms-transition: height 0.5s ease-in-out; -o-transition: height 0.5s ease-in-out; transition: height 0.5s ease-in-out; } .owl-carousel .owl-wrapper-outer .owl-wrapper { position: relative; display: none; } .owl-carousel .owl-wrapper-outer .owl-wrapper:after { content: '.'; line-height: 0; height: 0; visibility: hidden; display: block; clear: both; } .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item { float: left; } .owl-carousel .owl-wrapper-outer .owl-wrapper, .owl-carousel .owl-wrapper-outer .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); } .ie_only .owl-carousel .owl-wrapper-outer .owl-wrapper, .ie_only .owl-carousel .owl-wrapper-outer .owl-item { -ms-backface-visibility: visible; } .owl-carousel .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); } .owl-pagination { display: block; width: 100%; position: absolute; left: 0; bottom: 0; text-align: center; } .owl-pagination .owl-page { display: inline-block; width: 10px; height: 10px; margin: 0 5px 1px; text-indent: -9999px; cursor: pointer; -webkit-border-radius: 50%; border-radius: 50%; } .owl-pagination .owl-page:hover, .owl-pagination .owl-page.active { outline: none; } .owl-pagination .owl-page.active { cursor: default; } .owl-buttons { display: block; width: 100%; position: absolute; left: 0; top: 50%; margin-top: -12px; text-align: center; } .owl-buttons > div { display: inline-block; margin: 0; cursor: pointer; position: absolute; left: -15px; z-index: 1; } .owl-buttons > div.owl-next { left: auto; right: -15px; } /* Slide Top Button */ #slide_top { text-align: center; width: 60px; height: 60px; position: fixed; bottom: 50px; right: 20px; z-index: 99999; display: none; } #slide_top:before { font-size: 15px; line-height: 60px; } #slide_top > span { display: inline-block; text-indent: -9999px; } /* Opened Article */ .opened-article { outline: none; } /* Likes and Comments */ .cmsmasters_likes a, .cmsmasters_comments a { font-size: 14px; line-height: 20px; margin: 0 0 0 13px; cursor: pointer; display: inline-block; } .cmsmasters_likes a:before, .cmsmasters_comments a:before { font-size: 16px; } .cmsmasters_likes a.active, .cmsmasters_comments a.active { cursor: default; } .cmsmasters_likes a span, .cmsmasters_comments a span { margin: 0 0 0 5px; } .cmsmasters_likes a:before { font-size: 15px; } /* Button */ .button, input[type=submit], input[type=button], button { display: inline-block; padding: 0 30px; position: relative; white-space: nowrap; text-align: center; border-width: 0; border-style: solid; -webkit-border-radius: 0; border-radius: 0; } /* Items Filter */ .cmsmasters_items_filter_wrap { padding: 80px 0 25px; position: relative; overflow: hidden; } .cmsmasters_items_filter_wrap .cmsmasters_items_filter { position: relative; overflow: hidden; } .cmsmasters_items_filter_wrap .cmsmasters_items_sort_block { display: block; position: relative; overflow: hidden; } .cmsmasters_items_filter_wrap .cmsmasters_items_sort_block a:last-child { margin: 0; } .cmsmasters_items_filter_wrap .cmsmasters_items_filter_block + .cmsmasters_items_sort_block { float: right; margin-top: 7px; } .cmsmasters_items_filter_wrap .cmsmasters_items_sort_but { display: block; margin: 0 25px 0 0; padding: 0; background: none; float: left; text-transform: none; } .cmsmasters_items_filter_wrap .cmsmasters_items_sort_but:before { margin: 0 0 0 5px; float: right; font-size: 10px; } .cmsmasters_items_filter_wrap .cmsmasters_items_sort_but:hover { background: none; } .cmsmasters_items_filter_wrap .cmsmasters_items_sort_but.reversed { position: relative; } .cmsmasters_items_filter_wrap .cmsmasters_items_sort_but.reversed:before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .cmsmasters_items_filter_wrap .cmsmasters_items_filter_block { position: relative; margin: 0 -25px; overflow: hidden; float: left; } .cmsmasters_items_filter_wrap .cmsmasters_items_filter_but { display: none; } .cmsmasters_items_filter_wrap .cmsmasters_items_filter_list { margin: 0; padding: 0; overflow: hidden; } .cmsmasters_items_filter_wrap .cmsmasters_items_filter_list li { display: inline-block; margin: 0 15px 0 25px; padding: 0; } .cmsmasters_items_filter_wrap .cmsmasters_items_filter_list li:before { content: none; } .cmsmasters_items_filter_wrap .cmsmasters_items_filter_list li a { background-color: transparent; display: inline-block; padding: 7px 0; cursor: pointer; text-transform: none; } .cmsmasters_items_filter_wrap .cmsmasters_items_filter_list li.current a { cursor: default; } /* More Items Loader and Pagination */ .cmsmasters_wrap_more_items { width: 100%; position: relative; overflow: hidden; } .cmsmasters_wrap_more_items.cmsmasters_loading { min-height: 60px; } .cmsmasters_wrap_more_items.cmsmasters_loading:before { font-size: 30px; width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: auto; bottom: 0; } .cmsmasters_wrap_items_loader { padding: 40px 0 0; text-align: center; overflow: hidden; } .cmsmasters_wrap_items_loader .cmsmasters_items_loader { display: inline-block; } div.subpage_nav { position: relative; } div.subpage_nav > strong { font-weight: bold; display: inline-block; padding: 0 5px 0 0; vertical-align: middle; } div.subpage_nav > span, div.subpage_nav > a { display: inline-block; padding: 0 5px; vertical-align: middle; } .cmsmasters_wrap_pagination { padding: 70px 0 0; overflow: hidden; } .cmsmasters_wrap_pagination ul { display: inline-block; padding: 0; margin: 0; } .cmsmasters_wrap_pagination ul li { display: block; margin: 0 20px 0 0; padding: 0; float: left; } .cmsmasters_wrap_pagination ul li:before { content: none; } .cmsmasters_wrap_pagination ul li .page-numbers { font-size: 16px; min-width: 10px; height: 20px; position: relative; display: inline-block; text-align: center; } .cmsmasters_wrap_pagination ul li .page-numbers:before, .cmsmasters_wrap_pagination ul li .page-numbers:after { position: absolute; height: 1px; bottom: 0; content: ''; } .cmsmasters_wrap_pagination ul li .page-numbers:before { display: block; left: 0; width: 0; } .cmsmasters_wrap_pagination ul li .page-numbers:after { display: block; right: 0; width: 0; } .cmsmasters_wrap_pagination ul li .page-numbers.current:before, .cmsmasters_wrap_pagination ul li .page-numbers:hover:before { width: 100%; } .cmsmasters_wrap_pagination ul li .page-numbers.current:after, .cmsmasters_wrap_pagination ul li .page-numbers:hover:after { width: 100%; background: 0 0; } .cmsmasters_wrap_pagination ul li .page-numbers > span:before { content: none; display: none; } .cmsmasters_wrap_pagination ul li .page-numbers span { font-size: 16px; line-height: 20px !important; } .cmsmasters_wrap_pagination ul li .page-numbers.dots:before, .cmsmasters_wrap_pagination ul li .page-numbers.dots:after { content: none; } .cmsmasters_wrap_pagination:empty { display: none; } /* Post Navigation */ .post_nav { padding: 65px 0 0; position: relative; overflow: hidden; } .post_nav > span { display: block; position: relative; } .post_nav > span a { display: inline-block; padding: 30px 0 0 0; position: relative; z-index: 2; -ms-word-wrap: break-word; word-wrap: break-word; } .post_nav > span > span { margin: auto !important; position: absolute; top: 0; bottom: 0; } .post_nav > span.cmsmasters_prev_post { padding-left: 0; padding-right: 20px; float: left; } .post_nav > span.cmsmasters_prev_post a { padding-left: 85px; padding-right: 0; } .post_nav > span.cmsmasters_prev_post > span { left: 1px; right: auto; } .post_nav > span.cmsmasters_prev_post > span.sub { left: 85px; bottom: auto; top: 5px; } .post_nav > span.cmsmasters_next_post { padding-left: 20px; padding-right: 0; float: right; } .post_nav > span.cmsmasters_next_post a { padding-left: 0; padding-right: 85px; } .post_nav > span.cmsmasters_next_post > span { left: auto; right: 1px; } .post_nav > span.cmsmasters_next_post > span.sub { right: 85px; bottom: auto; top: 5px; } /* Share Posts */ .share_posts { padding: 20px 0 0; position: relative; overflow: hidden; } .share_posts .share_posts_title { position: relative; padding-right: 15px; margin: 5px 0 0 0; display: inline-block; vertical-align: bottom; } .share_posts .share_posts_inner { display: inline-block; vertical-align: bottom; position: relative; overflow: hidden; } .share_posts a { margin: 5px 20px 2px 0; display: inline-block; position: relative; } .share_posts a:before, .share_posts a:after { position: absolute; height: 1px; bottom: 0; content: ''; } .share_posts a:before { display: block; left: 0; width: 0; } .share_posts a:after { display: block; right: 0; width: 0; } .share_posts a.current:before, .share_posts a:hover:before { width: 100%; } .share_posts a.current:after, .share_posts a:hover:after { width: 100%; background: 0 0; } .share_posts a:last-child { margin-left: 0; margin-right: 0; } /* About Author */ .about_author { padding: 50px 0 0; position: relative; } .about_author .about_author_title { margin-bottom: 30px; } .about_author .about_author_inner { padding: 0; overflow: hidden; } .about_author .about_author_avatar { margin: 0 50px 0 0; -webkit-border-radius: 50%; border-radius: 50%; float: left; overflow: hidden; } .about_author .about_author_avatar img { outline: none; } .about_author .about_author_cont { position: relative; overflow: hidden; } .about_author .about_author_cont p { padding: 0 0 10px; } .about_author .about_author_cont_title { margin: 0 0 10px; } /* Single Post Slider */ .cmsmasters_single_slider { padding: 50px 0 0; position: relative; } .cmsmasters_single_slider .preloader { padding-bottom: 63.79%; } .cmsmasters_single_slider .preloader.highImg { height: auto; padding: 0; } .cmsmasters_single_slider .cmsmasters_owl_slider { outline: none; } .cmsmasters_single_slider .owl-buttons > div { left: 5px; } .cmsmasters_single_slider .owl-buttons > div.owl-next { left: auto; right: 5px; } .cmsmasters_single_slider .cmsmasters_single_slider_inner { margin: 0 -20px; } .cmsmasters_single_slider .cmsmasters_single_slider_item { min-width: 300px; padding: 0 20px; position: relative; } .cmsmasters_single_slider .cmsmasters_single_slider_item_outer { position: relative; overflow: hidden; } .cmsmasters_single_slider .cmsmasters_single_slider_item_inner { padding: 20px 0; position: relative; overflow: hidden; } .cmsmasters_single_slider .cmsmasters_single_slider_item_title { margin: 0; padding: 0; } .cmsmasters_single_slider .cmsmasters_single_slider_item_title a { display: inline-block; position: relative; padding-bottom: 1px; } .cmsmasters_single_slider .cmsmasters_single_slider_item_title a:before, .cmsmasters_single_slider .cmsmasters_single_slider_item_title a:after { position: absolute; height: 1px; bottom: 0; content: ''; } .cmsmasters_single_slider .cmsmasters_single_slider_item_title a:before { display: block; left: 0; width: 0; } .cmsmasters_single_slider .cmsmasters_single_slider_item_title a:after { display: block; right: 0; width: 0; } .cmsmasters_single_slider .cmsmasters_single_slider_item_title a.current:before, .cmsmasters_single_slider .cmsmasters_single_slider_item_title a:hover:before { width: 100%; } .cmsmasters_single_slider .cmsmasters_single_slider_item_title a.current:after, .cmsmasters_single_slider .cmsmasters_single_slider_item_title a:hover:after { width: 100%; background: 0 0; } /* Single Pings List */ .cmsmasters_pings_list { padding: 50px 0 0; position: relative; overflow: hidden; } .cmsmasters_pings_list .pingslist { list-style: none; } .cmsmasters_pings_list .comment-body { position: relative; overflow: hidden; display: block; clear: both; } .cmsmasters_pings_list .comment-body span { margin: 0 0 0 20px; float: right; } /* Post Comments */ .post_comments { padding: 60px 0 0; position: relative; } .post_comments:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .post_comments .post_comments_title { margin: 0; } .post_comments .cmsmasters_comment_item_content > ul, .post_comments .cmsmasters_comment_item_content > ol { margin: 0 0 20px; padding: 0; } .comments_nav { padding: 40px 0 0 0; overflow: hidden; } .comments_nav .comments_nav_prev { float: left; } .comments_nav .comments_nav_prev:before { content: none; } .comments_nav .comments_nav_next { float: right; } .comments_nav .comments_nav_next:before { content: none; } .commentlist { list-style: none; margin: 0; padding: 0; } .commentlist:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .commentlist .children { list-style: none; margin: 0; padding: 0 0 0 40px; } .commentlist .comment { margin: 0; padding: 40px 0 0; } .commentlist .comment:before { content: none; } .commentlist .comment:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .cmsmasters_comment_item { position: relative; } .cmsmasters_comment_item:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .cmsmasters_comment_item .cmsmasters_comment_item_date { outline: none; padding-right: 20px; } .cmsmasters_comment_item .cmsmasters_comment_item_avatar { display: block; -webkit-border-radius: 50%; border-radius: 50%; float: left; overflow: hidden; } .cmsmasters_comment_item .cmsmasters_comment_item_avatar img { outline: none; } .cmsmasters_comment_item .cmsmasters_comment_item_cont { position: relative; padding-left: 40px; overflow: hidden; } .cmsmasters_comment_item .cmsmasters_comment_item_cont_info { position: relative; padding-bottom: 5px; overflow: hidden; } .cmsmasters_comment_item .cmsmasters_comment_item_cont_info > a { display: inline-block; } .cmsmasters_comment_item .cmsmasters_comment_item_title { display: inline-block; margin: 0; padding: 0; } .cmsmasters_comment_item .cmsmasters_comment_item_content p { padding: 0 0 15px; } .cmsmasters_comment_item .cmsmasters_comment_item_content a { margin-right: 20px; position: relative; display: inline-block; } .cmsmasters_comment_item .cmsmasters_comment_item_content a:before, .cmsmasters_comment_item .cmsmasters_comment_item_content a:after { position: absolute; height: 1px; bottom: 0; content: ''; } .cmsmasters_comment_item .cmsmasters_comment_item_content a:before { display: block; left: 0; width: 0; } .cmsmasters_comment_item .cmsmasters_comment_item_content a:after { display: block; right: 0; width: 0; } .cmsmasters_comment_item .cmsmasters_comment_item_content a.current:before, .cmsmasters_comment_item .cmsmasters_comment_item_content a:hover:before { width: 100%; } .cmsmasters_comment_item .cmsmasters_comment_item_content a.current:after, .cmsmasters_comment_item .cmsmasters_comment_item_content a:hover:after { width: 100%; background: 0 0; } .cmsmasters_comment_item .cmsmasters_comment_item_content a:last-child { margin: 0; } .cmsmasters_comment_item .cmsmasters_comment_item_content > *:last-child { margin-bottom: 0; padding-bottom: 0; } /* Comment Respond */ .comment-respond { padding: 50px 0 0; position: relative; } .comment-respond:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .comment-respond textarea { min-height: 175px; display: block; } .comment-respond p { padding-bottom: 10px; } .comment-respond .comment-reply-title { position: relative; } .comment-respond .comment-reply-title small { float: right; } .comment-respond .comment-form { position: relative; } .comment-respond .comment-form:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .comment-respond .comment-notes, .comment-respond .logged-in-as { padding-bottom: 20px; display: block; clear: both; } .comment-respond .comment-form-author, .comment-respond .comment-form-email { padding-right: 10px; clear: left; float: left; } .comment-respond .comment-form-cookies-consent { float: none; display: block; clear: both; } .comment-respond .comment-form-cookies-consent input, .comment-respond .comment-form-cookies-consent label { display: inline-block; vertical-align: middle; } .comment-respond .comment-form-cookies-consent label { margin-left: 5px; } .comment-respond .form-submit { padding-top: 10px; display: block; clear: both; } .nocomments { margin: 50px 0 0; position: relative; overflow: hidden; } /*-------------------------------------------------------------------------*/ /* Header + Centered + Right + Fixed Versions /*-------------------------------------------------------------------------*/ /***************** Header ******************/ #header { width: 100%; position: absolute; z-index: 9999; } /***************** Header Top ******************/ .header_top { outline: none; } .header_top .header_top_but { width: 100%; height: 32px; position: relative; cursor: pointer; display: none; } .header_top .header_top_but.closed { border-color: transparent; } .header_top .header_top_but > span { font-size: 18px; line-height: 18px; width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .header_top .header_top_outer { height: 100%; position: relative; } .header_top .header_top_inner { height: 100%; } .header_top .header_top_inner:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .header_top .social_wrap { height: 100%; float: right; } .header_top .social_wrap li { margin: 0; } .header_top .social_wrap a { font-size: 14px; line-height: 14px; width: 22px; height: 22px; } .header_top .top_nav_wrap { display: block; height: 100%; float: right; } .header_top .responsive_top_nav { font-size: 14px; width: 30px; height: 30px; position: relative; display: none; margin: 0 auto; } .header_top .responsive_top_nav:before { width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .header_top .header_top_meta { height: 100%; padding: 0 20px 0 0; overflow: hidden; } .header_top .header_top_meta:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .header_top .meta_wrap { display: inline-block; vertical-align: middle; position: relative; } .header_top .meta_wrap > * { margin: 0 20px 0 0; display: inline-block; } .header_top .meta_wrap > *:last-child { margin: 0; } .header_top .meta_wrap > *[class^="cmsmasters-icon-"]:before, .header_top .meta_wrap > *[class*=" cmsmasters-icon-"]:before, .header_top .meta_wrap > *[class^="cmsmasters_theme_icon_"]:before, .header_top .meta_wrap > *[class*=" cmsmasters_theme_icon_"]:before { margin-left: 0; margin-right: 0.5em; vertical-align: middle; } .header_top .meta_wrap > p { padding: 0; } .header_top .meta_wrap .adr { white-space: nowrap; } /***************** Header Top Navigation ******************/ .top_line_nav { z-index: 205; } .top_line_nav > li { height: 100%; } .top_line_nav > li > a { height: 100%; padding: 0 14px; } .top_line_nav > li > a:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .top_line_nav > li > a .nav_item_wrap { display: inline-block; vertical-align: middle; } .top_line_nav > li ul a { padding: 3px 14px; } /***************** Header Mid ******************/ .header_mid { display: block; clear: both; } .enable_header_side .header_mid { height: 1px; width: 1px; position: fixed; margin-top: -1px; z-index: 1; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); display: block; clear: both; } .enable_header_side .header_mid .header_mid_outer { position: relative; } .admin-bar .enable_header_side .header_mid .header_mid_outer { padding-right: 32px; } .enable_header_side .header_mid .header_mid_inner { width: auto; padding: 0 45px; } .enable_header_side .header_mid .header_mid_logo_section { height: 100%; width: 50%; float: right; } .enable_header_side .header_mid .logo_wrap { float: right; } .enable_header_side .header_mid .header_mid_info_section { height: 100%; width: 50%; float: left; } .enable_header_side .header_mid .slogan_wrap { float: left; } .enable_header_side .header_mid .slogan_wrap .slogan_wrap_inner { padding: 0 30px; } .enable_header_side .header_mid .mid_search_but_wrap { margin: 0; float: left; } .enable_header_side .header_mid .mid_search_but_wrap .mid_search_but { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .enable_header_side .header_mid .resp_mid_nav_wrap { position: absolute; left: 50%; top: 0; display: block; } .header_mid .header_mid_outer { height: 100%; position: relative; } .header_mid .header_mid_inner { height: 100%; } .header_mid .header_mid_inner:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .header_mid .logo_wrap { height: 100%; position: relative; float: left; } .header_mid .logo_wrap:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .header_mid .logo_wrap .logo_text_wrap { display: inline-block; vertical-align: middle; } .header_mid .logo_wrap .title { display: block; line-height: 1em; } .header_mid .logo_wrap .title_text { padding: 0 0 0 3px; } .header_mid .logo_wrap .logo { display: inline-block; width: auto; vertical-align: middle; } .header_mid .logo_wrap .logo img { max-height: 100%; width: auto; height: auto; margin: auto !important; position: absolute; left: 0; right: auto; top: 0; bottom: 0; } .header_mid .logo_wrap .logo .logo_retina { display: none; } .header_mid .resp_mid_nav_wrap { height: 100%; margin: 0; position: relative; z-index: 1; display: none; float: right; overflow: hidden; } .header_mid .resp_mid_nav_wrap .resp_mid_nav { font-size: 20px; line-height: 20px; display: inline-block; vertical-align: middle; position: relative; } .header_mid .resp_mid_nav_wrap .resp_mid_nav:before { width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .header_mid .resp_mid_nav_wrap .resp_mid_nav:hover, .header_mid .resp_mid_nav_wrap .resp_mid_nav.active { outline: none; } .header_mid .mid_search_but_wrap { height: 100%; margin: 0 0 0 20px; position: relative; float: right; } .header_mid .mid_search_but_wrap:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .header_mid .mid_search_but_wrap .mid_search_but { font-size: 18px; line-height: 18px; width: 25px; height: 25px; margin: 0; cursor: pointer; display: inline-block; position: relative; vertical-align: middle; } .header_mid .mid_search_but_wrap .mid_search_but:before { width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .header_mid .social_wrap { outline: none; } .header_mid .social_wrap .social_wrap_inner { text-align: right; } .header_mid .social_wrap li { margin-left: 0; margin-right: 7px; } .header_mid .social_wrap li:last-child { margin-left: 0; margin-right: 0; } .header_mid .social_wrap a { font-size: 14px; line-height: 14px; width: 26px; height: 26px; } .header_mid .slogan_wrap { height: 100%; display: block; position: relative; overflow: hidden; } .header_mid .slogan_wrap .slogan_wrap_inner { height: 100%; padding: 0 0 0 20px; text-align: right; } .header_mid .slogan_wrap .slogan_wrap_inner:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .header_mid .slogan_wrap .slogan_wrap_text { display: inline-block; vertical-align: middle; } .header_mid .slogan_wrap .slogan_wrap_text > * { margin: 0 10px 0 0; display: inline-block; } .header_mid .slogan_wrap .slogan_wrap_text > *:last-child { margin: 0; } .header_mid .slogan_wrap .slogan_wrap_text > *[class^="cmsmasters-icon-"]:before, .header_mid .slogan_wrap .slogan_wrap_text > *[class*=" cmsmasters-icon-"]:before, .header_mid .slogan_wrap .slogan_wrap_text > *[class^="cmsmasters_theme_icon_"]:before, .header_mid .slogan_wrap .slogan_wrap_text > *[class*=" cmsmasters_theme_icon_"]:before { margin-left: 0; margin-right: 0.5em; vertical-align: middle; } .header_mid .slogan_wrap .slogan_wrap_text > p { padding: 0; } .header_mid .slogan_wrap .slogan_wrap_text .adr { white-space: nowrap; } .header_mid .mid_nav_wrap { height: 100%; position: relative; float: right; } /***************** Header Mid Navigation ******************/ .mid_nav { outline: none; } .mid_nav > li { height: 100%; } .mid_nav > li > a { height: 100%; padding: 0 20px; } .mid_nav > li > a:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .mid_nav > li > a .nav_item_wrap { display: inline-block; vertical-align: middle; } .mid_nav > li ul a { padding: 3px 20px; } .mid_nav li > a:not([href]) .cmsmasters_resp_nav_toggle, .mid_nav li > a[href="#"] .cmsmasters_resp_nav_toggle { width: 100%; left: 0; right: 0; } .mid_nav li > a:not([href]) .cmsmasters_resp_nav_toggle .cmsmasters_resp_nav_toggle_inner, .mid_nav li > a[href="#"] .cmsmasters_resp_nav_toggle .cmsmasters_resp_nav_toggle_inner { right: 0px !important; left: auto !important; } .mid_nav li > a .cmsmasters_resp_nav_toggle .cmsmasters_resp_nav_toggle_inner { width: 21px; height: 3px; left: 14px; margin-top: 3px; } .mid_nav li > a .cmsmasters_resp_nav_toggle .cmsmasters_resp_nav_toggle_inner:before, .mid_nav li > a .cmsmasters_resp_nav_toggle .cmsmasters_resp_nav_toggle_inner:after { width: 3px; height: 9px; top: -9px; left: 9px; } .mid_nav li > a .cmsmasters_resp_nav_toggle .cmsmasters_resp_nav_toggle_inner:after { top: 3px; } .mid_nav li > a .cmsmasters_resp_nav_toggle.opened .cmsmasters_resp_nav_toggle_inner:before, .mid_nav li > a .cmsmasters_resp_nav_toggle.opened .cmsmasters_resp_nav_toggle_inner:after { top: 0; opacity: 0; } .mid_nav .cmsmasters_resp_nav_toggle { position: absolute; width: 48px; top: 0; bottom: 0; cursor: pointer; } .mid_nav .cmsmasters_resp_nav_toggle .cmsmasters_resp_nav_toggle_inner { width: 8px; height: 2px; position: absolute; top: 50%; margin-top: -1px; left: 20px; } .mid_nav .cmsmasters_resp_nav_toggle .cmsmasters_resp_nav_toggle_inner:before, .mid_nav .cmsmasters_resp_nav_toggle .cmsmasters_resp_nav_toggle_inner:after { content: ''; position: absolute; width: 2px; height: 3px; top: -3px; left: 3px; } .mid_nav .cmsmasters_resp_nav_toggle .cmsmasters_resp_nav_toggle_inner:after { top: 2px; } .mid_nav .cmsmasters_resp_nav_toggle.opened .cmsmasters_resp_nav_toggle_inner:before, .mid_nav .cmsmasters_resp_nav_toggle.opened .cmsmasters_resp_nav_toggle_inner:after { top: 0; opacity: 0; } .enable_header_side .mid_nav_wrap { position: fixed; width: 100%; height: 100%; visibility: hidden; opacity: 0; } .enable_header_side .mid_nav_wrap.opened { visibility: visible; opacity: 1; } .enable_header_side .mid_nav_wrap.opened nav > div > ul > li { margin-top: 0; opacity: 1; } .enable_header_side .mid_nav_wrap.opened nav > div > ul > li:nth-child(1) { -webkit-transition-delay: 0.05s; -o-transition-delay: 0.05s; -moz-transition-delay: 0.05s; transition-delay: 0.05s; } .enable_header_side .mid_nav_wrap.opened nav > div > ul > li:nth-child(2) { -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s; } .enable_header_side .mid_nav_wrap.opened nav > div > ul > li:nth-child(3) { -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; -moz-transition-delay: 0.15s; transition-delay: 0.15s; } .enable_header_side .mid_nav_wrap.opened nav > div > ul > li:nth-child(4) { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; } .enable_header_side .mid_nav_wrap.opened nav > div > ul > li:nth-child(5) { -webkit-transition-delay: 0.25s; -o-transition-delay: 0.25s; -moz-transition-delay: 0.25s; transition-delay: 0.25s; } .enable_header_side .mid_nav_wrap.opened nav > div > ul > li:nth-child(6) { -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; } .enable_header_side .mid_nav_wrap.opened nav > div > ul > li:nth-child(7) { -webkit-transition-delay: 0.35s; -o-transition-delay: 0.35s; -moz-transition-delay: 0.35s; transition-delay: 0.35s; } .enable_header_side .mid_nav_wrap.opened nav > div > ul > li:nth-child(8) { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; } .enable_header_side .mid_nav_wrap.opened nav > div > ul > li:nth-child(9) { -webkit-transition-delay: 0.45s; -o-transition-delay: 0.45s; -moz-transition-delay: 0.45s; transition-delay: 0.45s; } .enable_header_side .mid_nav_wrap.opened nav > div > ul > li:nth-child(10) { -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s; } .enable_header_side .mid_nav_wrap.opened nav > div > ul > li:nth-child(11) { -webkit-transition-delay: 0.55s; -o-transition-delay: 0.55s; -moz-transition-delay: 0.55s; transition-delay: 0.55s; } .enable_header_side .mid_nav_wrap.opened nav > div > ul > li:nth-child(12) { -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; -moz-transition-delay: 0.6s; transition-delay: 0.6s; } .enable_header_side .mid_nav_wrap.opened nav > div > ul > li:nth-child(13) { -webkit-transition-delay: 0.65s; -o-transition-delay: 0.65s; -moz-transition-delay: 0.65s; transition-delay: 0.65s; } .enable_header_side .mid_nav_wrap.opened nav > div > ul > li:nth-child(14) { -webkit-transition-delay: 0.7s; -o-transition-delay: 0.7s; -moz-transition-delay: 0.7s; transition-delay: 0.7s; } .enable_header_side .mid_nav_wrap.opened nav > div > ul > li:nth-child(15) { -webkit-transition-delay: 0.75s; -o-transition-delay: 0.75s; -moz-transition-delay: 0.75s; transition-delay: 0.75s; } .enable_header_side .mid_nav_wrap.opened nav > div > ul > li:nth-child(16) { -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; -moz-transition-delay: 0.8s; transition-delay: 0.8s; } .enable_header_side .mid_nav_wrap.opened nav > div > ul > li:nth-child(17) { -webkit-transition-delay: 0.85s; -o-transition-delay: 0.85s; -moz-transition-delay: 0.85s; transition-delay: 0.85s; } .enable_header_side .mid_nav_wrap.opened nav > div > ul > li:nth-child(18) { -webkit-transition-delay: 0.9s; -o-transition-delay: 0.9s; -moz-transition-delay: 0.9s; transition-delay: 0.9s; } .enable_header_side .mid_nav_wrap.opened nav > div > ul > li:nth-child(19) { -webkit-transition-delay: 0.95s; -o-transition-delay: 0.95s; -moz-transition-delay: 0.95s; transition-delay: 0.95s; } .enable_header_side .mid_nav_wrap.opened nav > div > ul > li:nth-child(20) { -webkit-transition-delay: 1s; -o-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; } .enable_header_side .mid_nav_wrap .cmsmasters_close_nav { font-size: 18px; line-height: 30px; display: block; width: 32px; height: 32px; margin: auto !important; position: absolute; left: auto; right: 75px; top: 75px; bottom: auto; } .enable_header_side .mid_nav_wrap .cmsmasters_close_nav:before { width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .enable_header_side .mid_nav_wrap .cmsmasters_close_nav:hover { opacity: 0.4; } .enable_header_side .mid_nav_wrap nav { position: absolute; right: 0; top: 0; bottom: 0; margin: auto; height: 80%; padding: 0 0 0 10%; } .enable_header_side .mid_nav_wrap nav::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .admin-bar .enable_header_side .mid_nav_wrap nav { padding-bottom: 32px; } .enable_header_side .mid_nav_wrap nav > div { display: inline-block; height: auto; vertical-align: middle; } .enable_header_side .mid_nav_wrap nav .mid_nav_container { width: 620px; height: auto; max-height: 100%; padding-left: 40px; } .enable_header_side .mid_nav_wrap nav .mid_nav_container:after { display: none; content: none; } .enable_header_side .mid_nav_wrap nav .mid_nav_container > ul { width: auto; height: auto; display: block; } .enable_header_side .mid_nav_wrap nav .mid_nav_container > ul > li { float: left; clear: both; margin-top: 20px; opacity: 0; border-top-width: 2px; border-top-style: solid; border-right-width: 0; border-right-style: solid; } .enable_header_side .mid_nav_wrap nav .mid_nav_container > ul > li:first-child { border-top-width: 0; border-top-style: solid; } .enable_header_side .mid_nav_wrap nav .mid_nav_container > ul > li > a { padding: 10px 30px; display: inline-block; } .enable_header_side .mid_nav_wrap nav .mid_nav_container > ul > li > a:not([href]) .cmsmasters_resp_nav_toggle, .enable_header_side .mid_nav_wrap nav .mid_nav_container > ul > li > a[href="#"] .cmsmasters_resp_nav_toggle { width: 100%; left: 0; right: 0; } .enable_header_side .mid_nav_wrap nav .mid_nav_container > ul > li > a:not([href]) .cmsmasters_resp_nav_toggle .cmsmasters_resp_nav_toggle_inner, .enable_header_side .mid_nav_wrap nav .mid_nav_container > ul > li > a[href="#"] .cmsmasters_resp_nav_toggle .cmsmasters_resp_nav_toggle_inner { right: 0px !important; left: auto !important; } .enable_header_side .mid_nav_wrap nav .mid_nav_container > ul > li > a .cmsmasters_resp_nav_toggle .cmsmasters_resp_nav_toggle_inner { width: 21px; height: 3px; left: 14px; margin-top: 3px; } .enable_header_side .mid_nav_wrap nav .mid_nav_container > ul > li > a .cmsmasters_resp_nav_toggle .cmsmasters_resp_nav_toggle_inner:before, .enable_header_side .mid_nav_wrap nav .mid_nav_container > ul > li > a .cmsmasters_resp_nav_toggle .cmsmasters_resp_nav_toggle_inner:after { width: 3px; height: 9px; top: -9px; left: 9px; } .enable_header_side .mid_nav_wrap nav .mid_nav_container > ul > li > a .cmsmasters_resp_nav_toggle .cmsmasters_resp_nav_toggle_inner:after { top: 3px; } .enable_header_side .mid_nav_wrap nav .mid_nav_container > ul > li > a .cmsmasters_resp_nav_toggle.opened .cmsmasters_resp_nav_toggle_inner:before, .enable_header_side .mid_nav_wrap nav .mid_nav_container > ul > li > a .cmsmasters_resp_nav_toggle.opened .cmsmasters_resp_nav_toggle_inner:after { top: 0; opacity: 0; } .enable_header_side .mid_nav_wrap nav .mid_nav_container > ul > li > ul { border-top-width: 2px; border-top-style: solid; } .enable_header_side .mid_nav_wrap nav .mid_nav_container > ul ul { width: auto; margin: 0; padding: 20px 55px; visibility: visible; position: relative; left: auto; right: auto; top: auto; opacity: 1; border-width: 0; border-style: solid; } .enable_header_side .mid_nav_wrap nav .mid_nav_container > ul ul a { padding: 5px 20px; } .enable_header_side .mid_nav_wrap nav .mid_nav_container > ul ul ul { padding: 25px 50px; } .enable_header_side .mid_nav_wrap nav .mid_nav_container > ul li:hover > ul { padding: 20px 55px; margin: 0; } .enable_header_side .mid_nav_wrap nav .mid_nav_container > ul li:hover > ul:before { content: none; display: none; } .enable_header_side .mid_nav_wrap nav .mid_nav_container > ul li li:hover ul { padding: 25px 50px; margin: 0; } .enable_header_side .mid_nav_wrap nav .mid_nav_container > ul li li:hover ul:before { content: none; display: none; } /***************** Header Search Form ******************/ .cmsmasters_header_search_form { width: 100%; height: 100%; visibility: hidden; position: fixed; z-index: 99999; opacity: 0; } .cmsmasters_header_search_form.cmsmasters_show { visibility: visible; opacity: 0.97; } .cmsmasters_header_search_form .cmsmasters_header_search_form_close { font-size: 18px; line-height: 32px; display: block; cursor: pointer; width: 32px; height: 32px; margin: auto !important; position: absolute; left: auto; right: 75px; top: 75px; bottom: auto; } .cmsmasters_header_search_form .cmsmasters_header_search_form_close:before { width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .cmsmasters_header_search_form .cmsmasters_header_search_form_close:hover { opacity: 0.4; } .cmsmasters_header_search_form .cmsmasters_header_search_form_field { max-width: 90%; width: 560px; height: 82px; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .cmsmasters_header_search_form input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]):not([type=color]):not([type=range]) { background-color: transparent; padding: 0; width: 100%; height: 100%; border-width: 0; border-style: solid; border-bottom-width: 2px; border-bottom-style: solid; } .cmsmasters_header_search_form button { display: none; } /*-------------------------------------------------------------------------*/ /* Headline Styles /*-------------------------------------------------------------------------*/ body .headline { background-color: transparent; } .cmsmasters_breadcrumbs { position: relative; overflow: hidden; } .cmsmasters_breadcrumbs .cmsmasters_breadcrumbs_inner { display: inline-block; padding-top: 15px; vertical-align: middle; text-align: center; overflow: hidden; } .headline_outer { background-position: top center; position: relative; z-index: 1; } .headline_outer.cmsmasters_headline_disabled { outline: none; } .headline_outer .headline_color { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .headline_outer .headline_inner { padding: 0 20px; position: relative; z-index: 1; overflow: hidden; } .headline_outer .headline_inner .headline_aligner { display: inline-block; vertical-align: middle; } .headline_outer .headline_inner .headline_text { display: inline-block; vertical-align: middle; position: relative; } .headline_outer .headline_inner .headline_text:before { line-height: 1em; width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .headline_outer .headline_inner .headline_text .entry-title { -ms-word-wrap: break-word; word-wrap: break-word; margin: 0; } .headline_outer .headline_inner .headline_text .entry-subtitle { margin: 5px 0 0; } .headline_outer .headline_inner.align_left { text-align: left; } .headline_outer .headline_inner.align_left .headline_text { text-align: left; } .headline_outer .headline_inner.align_left .headline_text:before { right: auto; } .headline_outer .headline_inner.align_right { text-align: right; } .headline_outer .headline_inner.align_right .headline_text { text-align: right; } .headline_outer .headline_inner.align_right .headline_text:before { left: auto; } .headline_outer .headline_inner.align_right .cmsmasters_breadcrumbs { text-align: right; } .headline_outer .headline_inner.align_center { text-align: center; } .headline_outer .headline_inner.align_center .headline_text { text-align: center; } .headline_outer .headline_inner.align_center .headline_text:before { bottom: auto; } .headline_outer .headline_inner.align_center .headline_text.headline_icon > *:first-child { padding-top: 15px; } .headline_outer .headline_inner.align_center .cmsmasters_breadcrumbs { text-align: center; } .content_wrap { display: block; min-width: inherit; } /*-------------------------------------------------------------------------*/ /* Bottom + Footer Styles /*-------------------------------------------------------------------------*/ /***************** Bottom ******************/ .bottom_inner .widgettitle { margin-bottom: 20px; position: relative; } /***************** Footer ******************/ #footer { overflow: hidden; } .footer_inner { position: relative; overflow: hidden; } /***************** Footer Default ******************/ .cmsmasters_footer_default .footer_inner { padding-top: 100px; padding-bottom: 25px; } .cmsmasters_footer_default .footer_inner > div:first-child { padding-top: 0; } .cmsmasters_footer_default .footer_logo_wrap { position: relative; text-align: center; overflow: hidden; } .cmsmasters_footer_default .footer_logo_wrap .footer_logo { display: inline-block; } .cmsmasters_footer_default .footer_logo_wrap .footer_logo > .footer_logo_retina { display: none; } .cmsmasters_footer_default .footer_custom_html_wrap { padding: 35px 0 0; position: relative; text-align: center; overflow: hidden; } .cmsmasters_footer_default .footer_custom_html { display: inline-block; overflow: hidden; text-align: center; } .cmsmasters_footer_default .footer_nav_wrap { padding: 40px 0 0; position: relative; overflow: hidden; } .cmsmasters_footer_default .footer_nav_wrap div { text-align: center; } .cmsmasters_footer_default .footer_nav { display: inline-block; width: auto; } .cmsmasters_footer_default .footer_nav > li { margin: 0 15px 0; border-width: 0; border-style: solid; } .cmsmasters_footer_default .footer_nav > li ul { display: none !important; } .cmsmasters_footer_default .social_wrap { padding: 30px 0 0; } .cmsmasters_footer_default .social_wrap .social_wrap_inner { text-align: center; } .cmsmasters_footer_default .social_wrap li { margin-left: 0; margin-right: 5px; } .cmsmasters_footer_default .social_wrap li:last-child { margin-left: 0; margin-right: 0; } .cmsmasters_footer_default .social_wrap a { font-size: 22px; line-height: 22px; } .cmsmasters_footer_default .footer_copyright { display: block; padding: 85px 0 0; text-align: center; } /***************** Footer Small ******************/ .cmsmasters_footer_small .footer_inner { padding-top: 55px; padding-bottom: 45px; } .cmsmasters_footer_small .footer_nav_wrap { position: relative; float: right; overflow: hidden; } .cmsmasters_footer_small .footer_nav > li { margin: 0 30px 0 0; border-width: 0; border-style: solid; } .cmsmasters_footer_small .footer_nav > li:last-child { margin: 0; } .cmsmasters_footer_small .footer_nav > li ul { display: none !important; } .cmsmasters_footer_small .social_wrap { float: right; } .cmsmasters_footer_small .social_wrap li { margin-left: 0; margin-right: 7px; } .cmsmasters_footer_small .social_wrap li:last-child { margin-left: 0; margin-right: 0; } .cmsmasters_footer_small .social_wrap a { font-size: 22px; line-height: 22px; } .cmsmasters_footer_small .footer_custom_html_wrap { position: relative; float: right; overflow: hidden; } .cmsmasters_footer_small .footer_copyright { display: block; padding: 1px 20px 1px 0; position: relative; overflow: hidden; } /*-------------------------------------------------------------------------*/ /* Blog (Default, Masonry, Timeline) + Post Styles /*-------------------------------------------------------------------------*/ /***************** Blog ******************/ .blog { position: relative; overflow: visible !important; } .blog:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .blog .cmsmasters_post_read_more, .blog .cmsmasters_post_title a { position: relative; display: inline; -ms-word-wrap: break-word; word-wrap: break-word; width: 100%; } .blog .cmsmasters_post_read_more:before, .blog .cmsmasters_post_title a:before, .blog .cmsmasters_post_read_more:after, .blog .cmsmasters_post_title a:after { content: ''; position: absolute; height: 2px; bottom: 0; } .blog .cmsmasters_post_read_more:before, .blog .cmsmasters_post_title a:before { display: block; left: 0; width: 0; } .blog .cmsmasters_post_read_more:after, .blog .cmsmasters_post_title a:after { display: block; right: 0; width: 0; } .blog .cmsmasters_post_read_more:hover:before, .blog .cmsmasters_post_title a:hover:before { width: 100%; } .blog .cmsmasters_post_read_more:hover:after, .blog .cmsmasters_post_title a:hover:after { width: 100%; background: 0 0; } .blog .cmsmasters_post_read_more:before, .blog .cmsmasters_post_read_more:after { height: 1px; } .blog .cmsmasters_post_title { margin: 0; padding-bottom: 4px; } .blog .cmsmasters_post_title a:before, .blog .cmsmasters_post_title a:after { bottom: -3px; } .blog .post { width: 100%; max-width: 100%; } .blog .post .preloader { padding-bottom: 63.79%; } .blog .post .preloader.highImg { height: auto; padding-bottom: 0; } .blog .post .cmsmasters_video_wrap, .blog .post .resizable_block { padding-bottom: 63.79%; } .blog.columns { margin: -40px -20px 0; } .blog.columns .post { min-width: 290px; padding: 40px 20px 0; float: left; opacity: 0; } .cmsmasters_4.blog.columns .post { width: 25%; } .cmsmasters_3.blog.columns .post { width: 33.33%; } .cmsmasters_2.blog.columns .post { width: 50%; } .blog.columns .post.shortcode_animated { opacity: 1; } .blog.columns .post .preloader { padding-bottom: 63.79%; } .blog.columns .post .preloader.highImg { height: auto; padding-bottom: 0; } .blog.columns .post .cmsmasters_video_wrap, .blog.columns .post .resizable_block { padding-bottom: 63.79%; } .blog.timeline { overflow: visible !important; } .blog.timeline:before { content: ''; width: 1px; margin: auto !important; position: absolute; left: 0; right: 0; top: 35px; bottom: 0; } .blog.timeline .post { width: 50%; overflow: visible; float: left; opacity: 0; } .blog.timeline .post.cmsmasters_timeline_left:before { content: ''; width: 13px; height: 13px; margin: auto !important; position: absolute; left: auto; right: -7px; top: 32px; bottom: auto; -webkit-border-radius: 50%; border-radius: 50%; } .blog.timeline .post.cmsmasters_timeline_left .cmsmasters_timeline_margin { margin-right: 23%; } .blog.timeline .post.cmsmasters_timeline_right:before { content: ''; width: 13px; height: 13px; margin: auto !important; position: absolute; left: -7px; right: auto; top: 32px; bottom: auto; -webkit-border-radius: 50%; border-radius: 50%; } .blog.timeline .post.cmsmasters_timeline_right .cmsmasters_timeline_margin { margin-left: 23%; } .blog.timeline .post.shortcode_animated { opacity: 1; } .blog.timeline .post .preloader { padding-bottom: 63.79%; } .blog.timeline .post .preloader.highImg { height: auto; padding-bottom: 0; } .blog.timeline .post .cmsmasters_video_wrap, .blog.timeline .post .resizable_block { padding-bottom: 63.79%; } .blog .owl-pagination { display: none; } /***************** Blog Default ******************/ .cmsmasters_post_default { padding: 80px 0 0; position: relative; } .content .cmsmasters_post_default:first-child { padding-top: 0; } .cmsmasters_post_default .cmsmasters_without_title { display: inline-block; } .cmsmasters_post_default .cmsmasters_post_sticky_head_wrap { position: relative; padding-left: 42px; } .cmsmasters_post_default .cmsmasters_post_sticky_head_wrap:before { font-size: 24px; position: absolute; left: 0; top: 10px; } .cmsmasters_post_default .cmsmasters_post_info { outline: none; display: inline-block; vertical-align: bottom; padding: 11px 0 0 10px; width: 30%; text-align: right; } .cmsmasters_post_default .cmsmasters_post_date { display: block; outline: none; } .cmsmasters_post_default .cmsmasters_post_date .published { outline: none; } .cmsmasters_post_default .cmsmasters_post_likes { outline: none; } .cmsmasters_post_default .cmsmasters_post_comments { outline: none; } .cmsmasters_post_default .cmsmasters_post_cont_info_divider { padding: 0 0.5em; } .cmsmasters_post_default .cmsmasters_post_cont { position: relative; } .cmsmasters_post_default .cmsmasters_img_wrap { padding-top: 20px; overflow: hidden; } .cmsmasters_post_default .cmsmasters_owl_slider { margin-top: 20px; outline: none; } .cmsmasters_post_default .cmsmasters_owl_slider figure { overflow: hidden; } .cmsmasters_post_default .cmsmasters_audio { padding-top: 20px; outline: none; } .cmsmasters_post_default .cmsmasters_video_wrap { outline: none; } .cmsmasters_post_default .cmsmasters_post_header { padding: 0; } .cmsmasters_post_default .cmsmasters_post_header .cmsmasters_post_title { margin: 0; word-wrap: break-word; } .cmsmasters_post_default .cmsmasters_post_cont_info { padding: 15px 10px 0 0; display: inline-block; vertical-align: bottom; width: 70%; overflow: hidden; } .cmsmasters_post_default .cmsmasters_post_content { padding-top: 20px; overflow: hidden; } .cmsmasters_post_default .cmsmasters_post_content p { margin: 0; padding: 0; } .cmsmasters_post_default .cmsmasters_post_footer { padding-top: 20px; overflow: hidden; } .cmsmasters_post_default .cmsmasters_post_read_more { outline: none; } /***************** Blog Masonry ******************/ .cmsmasters_post_masonry { position: relative; } .cmsmasters_post_masonry .cmsmasters_post_cont { position: relative; } .cmsmasters_post_masonry .cmsmasters_post_masonry_content_wrapper { position: relative; padding-bottom: 20px; } .cmsmasters_post_masonry .cmsmasters_post_masonry_content_wrapper_inner { padding-bottom: 5px; overflow: hidden; } .cmsmasters_post_masonry .cmsmasters_post_date { outline: none; float: left; } .cmsmasters_post_masonry .cmsmasters_post_likes, .cmsmasters_post_masonry .cmsmasters_post_comments { float: right; } .cmsmasters_post_masonry .cmsmasters_post_cont_info_divider { padding: 0 0.5em; } .cmsmasters_post_masonry .cmsmasters_video_wrap { outline: none; } .cmsmasters_post_masonry .cmsmasters_audio { outline: none; } .cmsmasters_post_masonry .cmsmasters_post_header { padding-bottom: 5px; } .cmsmasters_post_masonry .cmsmasters_post_header .cmsmasters_post_title { margin: 0; padding-bottom: 1px; } .cmsmasters_post_masonry .cmsmasters_post_header .cmsmasters_post_title a:before, .cmsmasters_post_masonry .cmsmasters_post_header .cmsmasters_post_title a:after { height: 1px; } .cmsmasters_post_masonry .cmsmasters_post_cont_info { padding-bottom: 15px; overflow: hidden; } .cmsmasters_post_masonry .cmsmasters_post_cont_info > span { display: inline-block; } .cmsmasters_post_masonry .cmsmasters_post_content { padding-bottom: 20px; overflow: hidden; } .cmsmasters_post_masonry .cmsmasters_post_content p { margin: 0; padding: 0; } .cmsmasters_post_masonry .cmsmasters_post_footer { overflow: hidden; } .cmsmasters_post_masonry .cmsmasters_post_footer > span { outline: none; } .cmsmasters_post_masonry .cmsmasters_post_read_more { outline: none; } /***************** Blog Timeline ******************/ .cmsmasters_post_timeline { position: relative; } .cmsmasters_post_timeline:hover:before { -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); transform: scale(1.6); } .cmsmasters_post_timeline .cmsmasters_post_info { display: block; position: absolute; z-index: 1; } .cmsmasters_post_timeline .cmsmasters_post_cont { position: relative; } .cmsmasters_post_timeline .cmsmasters_post_timeline_content_wrapper { position: relative; padding-bottom: 20px; } .cmsmasters_post_timeline .cmsmasters_post_timeline_content_wrapper_inner { padding-bottom: 8px; overflow: hidden; } .cmsmasters_post_timeline .cmsmasters_post_date { outline: none; float: left; } .cmsmasters_post_timeline .cmsmasters_post_likes, .cmsmasters_post_timeline .cmsmasters_post_comments { float: right; } .cmsmasters_post_timeline figure { overflow: hidden; } .cmsmasters_post_timeline .cmsmasters_post_cont_info_divider { padding: 0 0.5em; } .cmsmasters_post_timeline .cmsmasters_video_wrap { outline: none; } .cmsmasters_post_timeline .cmsmasters_audio { outline: none; } .cmsmasters_post_timeline .cmsmasters_post_header { padding-bottom: 5px; } .cmsmasters_post_timeline .cmsmasters_post_header .cmsmasters_post_title { margin: 0; padding-bottom: 1px; } .cmsmasters_post_timeline .cmsmasters_post_header .cmsmasters_post_title a:before, .cmsmasters_post_timeline .cmsmasters_post_header .cmsmasters_post_title a:after { height: 1px; } .cmsmasters_post_timeline .cmsmasters_post_cont_info { padding-bottom: 15px; overflow: hidden; } .cmsmasters_post_timeline .cmsmasters_post_cont_info > span { display: inline-block; } .cmsmasters_post_timeline .cmsmasters_post_content { padding-bottom: 20px; overflow: hidden; } .cmsmasters_post_timeline .cmsmasters_post_content p { margin: 0; padding: 0; } .cmsmasters_post_timeline .cmsmasters_post_footer { overflow: hidden; } .cmsmasters_post_timeline .cmsmasters_post_footer > span { outline: none; } .cmsmasters_post_timeline .cmsmasters_post_read_more { outline: none; } /***************** Blog Post ******************/ .cmsmasters_open_post .preloader { padding-bottom: 63.79%; } .cmsmasters_open_post .preloader.highImg { height: auto; padding: 0; } .cmsmasters_open_post .cmsmasters_video_wrap, .cmsmasters_open_post .resizable_block { padding-bottom: 63.79%; } .cmsmasters_open_post > div:first-child { margin-top: 0; } .cmsmasters_open_post .cmsmasters_img_wrap { padding-bottom: 40px; overflow: hidden; } .cmsmasters_open_post .cmsmasters_owl_slider { margin-bottom: 40px; outline: none; } .cmsmasters_open_post .cmsmasters_owl_slider figure { overflow: hidden; } .cmsmasters_open_post .cmsmasters_owl_slider:hover .owl-buttons { opacity: 1; } .cmsmasters_open_post .cmsmasters_owl_slider .owl-buttons { opacity: 0; } .cmsmasters_open_post .cmsmasters_video_wrap { margin-bottom: 40px; outline: none; } .cmsmasters_open_post .cmsmasters_audio { outline: none; padding-bottom: 40px; } .cmsmasters_open_post .cmsmasters_post_header { padding-bottom: 5px; } .cmsmasters_open_post .cmsmasters_post_header .cmsmasters_post_title { margin: 0; } .cmsmasters_open_post .cmsmasters_post_info_wrapper { padding-bottom: 25px; overflow: hidden; } .cmsmasters_open_post .cmsmasters_post_cont_info_divider { padding: 0 0.5em; } .cmsmasters_open_post .cmsmasters_post_cont_info { float: left; overflow: hidden; } .cmsmasters_open_post .cmsmasters_post_info_right_side { float: right; } .cmsmasters_open_post .cmsmasters_post_date { display: block; padding-bottom: 20px; } .cmsmasters_open_post .cmsmasters_post_content { padding-bottom: 45px; overflow: hidden; } .cmsmasters_open_post .cmsmasters_post_content > *:last-child { margin-bottom: 0; padding-bottom: 0; } .cmsmasters_open_post .cmsmasters_post_footer { overflow: hidden; } .cmsmasters_open_post .cmsmasters_post_footer > span { display: inline-block; } .cmsmasters_open_post .cmsmasters_post_tags { outline: none; } /*-------------------------------------------------------------------------*/ /* Portfolio (Grid, Puzzle) + Project Styles /*-------------------------------------------------------------------------*/ /***************** Portfolio ******************/ .portfolio { position: relative; } .portfolio:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .portfolio .owl-pagination { display: none; } .portfolio .cmsmasters_project_grid { min-width: 160px; } .portfolio .cmsmasters_project_puzzle { min-width: 210px; } .small_gap.portfolio .cmsmasters_project_puzzle, .zero_gap.portfolio .cmsmasters_project_puzzle { min-width: 200px; } .portfolio .cmsmasters_project_grid, .portfolio .cmsmasters_project_puzzle { float: left; } .portfolio .cmsmasters_project_grid .preloader, .portfolio .cmsmasters_project_puzzle .preloader { padding-bottom: 100%; } .portfolio .cmsmasters_project_grid .preloader.highImg, .portfolio .cmsmasters_project_puzzle .preloader.highImg { height: auto; padding-bottom: 0; } .portfolio.large_gap { margin: 0 -35px -70px -35px; } .portfolio.large_gap .project { padding-left: 35px; padding-right: 35px; padding-bottom: 70px; } .portfolio.large_gap.grid { margin: 0 -20px -40px -20px; } .portfolio.large_gap.grid .cmsmasters_project_grid { padding-left: 20px; padding-right: 20px; padding-bottom: 40px; } .portfolio.small_gap { padding: 1px 1px 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .portfolio.small_gap .project { overflow: visible; } .portfolio.small_gap .project .project_outer { margin-left: 0; margin-right: 1px; margin-bottom: 1px; } .portfolio.grid.perfect .project figure { opacity: 0; } .portfolio.grid.perfect .project.shortcode_animated figure { opacity: 1; } .portfolio.grid.masonry .project, .portfolio.puzzle .project { opacity: 0; } .portfolio.grid.masonry .project.shortcode_animated, .portfolio.puzzle .project.shortcode_animated { opacity: 1; } .portfolio.cmsmasters_5 .project { max-width: 20%; } .portfolio.cmsmasters_4 .project { max-width: 25%; } .portfolio.cmsmasters_3 .project { max-width: 33%; } .portfolio.cmsmasters_2 .project { max-width: 50%; } .portfolio.isotope.cmsmasters_5 .project, .portfolio.isotope.cmsmasters_4 .project, .portfolio.isotope.cmsmasters_3 .project, .portfolio.isotope.cmsmasters_2 .project { max-width: none; } /***************** Portfolio Grid ******************/ .cmsmasters_project_grid { position: relative; } .cmsmasters_project_grid .project_outer { position: relative; overflow: hidden; } .cmsmasters_project_grid .project_outer:hover .project_inner { opacity: 1; } .cmsmasters_project_grid .cmsmasters_img_rollover { display: none; } .cmsmasters_project_grid .project_inner { position: absolute; height: 100%; width: 100%; left: 0; top: 0; overflow: hidden; opacity: 0; } .cmsmasters_project_grid .project_inner:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .cmsmasters_project_grid .cmsmasters_project_grid_content_wrap { position: absolute; bottom: 30px; left: 30px; right: 30px; z-index: 2; overflow: hidden; } .cmsmasters_project_grid .cmsmasters_project_header { position: relative; padding: 0; } .cmsmasters_project_grid .cmsmasters_project_header .cmsmasters_project_title { margin: 0; } .cmsmasters_project_grid .cmsmasters_project_header .cmsmasters_project_title a { display: inline-block; position: relative; padding-bottom: 1px; } .cmsmasters_project_grid .cmsmasters_project_header .cmsmasters_project_title a:before, .cmsmasters_project_grid .cmsmasters_project_header .cmsmasters_project_title a:after { position: absolute; height: 1px; bottom: 0; content: ''; } .cmsmasters_project_grid .cmsmasters_project_header .cmsmasters_project_title a:before { display: block; left: 0; width: 0; } .cmsmasters_project_grid .cmsmasters_project_header .cmsmasters_project_title a:after { display: block; right: 0; width: 0; } .cmsmasters_project_grid .cmsmasters_project_header .cmsmasters_project_title a.current:before, .cmsmasters_project_grid .cmsmasters_project_header .cmsmasters_project_title a:hover:before { width: 100%; } .cmsmasters_project_grid .cmsmasters_project_header .cmsmasters_project_title a.current:after, .cmsmasters_project_grid .cmsmasters_project_header .cmsmasters_project_title a:hover:after { width: 100%; background: 0 0; } .cmsmasters_project_grid .cmsmasters_project_cont_info { position: relative; overflow: hidden; } .cmsmasters_project_grid .cmsmasters_project_content { position: relative; overflow: hidden; } .cmsmasters_project_grid .cmsmasters_project_content p { margin: 0; padding: 0; } .cmsmasters_project_grid .cmsmasters_project_footer { position: absolute; top: 30px; left: 30px; z-index: 2; overflow: hidden; } .cmsmasters_project_grid .cmsmasters_project_footer > span:first-child { margin-right: 5px; } .cmsmasters_project_grid .cmsmasters_project_footer .cmsmasters_project_likes, .cmsmasters_project_grid .cmsmasters_project_footer .cmsmasters_project_comments { outline: none; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; float: left; } .cmsmasters_project_grid .cmsmasters_project_footer .cmsmasters_project_likes > a, .cmsmasters_project_grid .cmsmasters_project_footer .cmsmasters_project_comments > a { position: relative; width: 40px; height: 40px; margin: 0; display: block; } .cmsmasters_project_grid .cmsmasters_project_footer .cmsmasters_project_likes > a:before, .cmsmasters_project_grid .cmsmasters_project_footer .cmsmasters_project_comments > a:before, .cmsmasters_project_grid .cmsmasters_project_footer .cmsmasters_project_likes > a span, .cmsmasters_project_grid .cmsmasters_project_footer .cmsmasters_project_comments > a span { position: absolute; height: 40px; width: 40px; line-height: 42px; margin: 0; text-align: center; } .cmsmasters_project_grid .cmsmasters_project_footer .cmsmasters_project_likes > a span, .cmsmasters_project_grid .cmsmasters_project_footer .cmsmasters_project_comments > a span { right: -40px; } .cmsmasters_project_grid .cmsmasters_project_footer .cmsmasters_project_likes > a:hover span, .cmsmasters_project_grid .cmsmasters_project_footer .cmsmasters_project_comments > a:hover span { right: 0; } /***************** Portfolio Puzzle ******************/ .cmsmasters_project_puzzle { position: relative; } .cmsmasters_project_puzzle .cmsmasters_img_rollover .cmsmasters_open_post_link { position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .cmsmasters_project_puzzle .project_outer { position: relative; overflow: hidden; } .cmsmasters_project_puzzle .project_outer:hover img { outline: none; } .cmsmasters_project_puzzle .project_outer:hover .cmsmasters_project_footer { opacity: 1; } .cmsmasters_project_puzzle .cmsmasters_project_header { position: absolute; width: 1px; height: 1px; display: block; z-index: 1; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .cmsmasters_project_puzzle .cmsmasters_project_header .cmsmasters_project_title { padding: 15px 20px; margin: 0; } .cmsmasters_project_puzzle .cmsmasters_project_header .cmsmasters_project_title a { display: inline-block; position: relative; padding-bottom: 1px; } .cmsmasters_project_puzzle .cmsmasters_project_header .cmsmasters_project_title a:before, .cmsmasters_project_puzzle .cmsmasters_project_header .cmsmasters_project_title a:after { position: absolute; height: 1px; bottom: 0; content: ''; } .cmsmasters_project_puzzle .cmsmasters_project_header .cmsmasters_project_title a:before { display: block; left: 0; width: 0; } .cmsmasters_project_puzzle .cmsmasters_project_header .cmsmasters_project_title a:after { display: block; right: 0; width: 0; } .cmsmasters_project_puzzle .cmsmasters_project_header .cmsmasters_project_title a.current:before, .cmsmasters_project_puzzle .cmsmasters_project_header .cmsmasters_project_title a:hover:before { width: 100%; } .cmsmasters_project_puzzle .cmsmasters_project_header .cmsmasters_project_title a.current:after, .cmsmasters_project_puzzle .cmsmasters_project_header .cmsmasters_project_title a:hover:after { width: 100%; background: 0 0; } .cmsmasters_project_puzzle .cmsmasters_project_cont_info { padding: 15px 0px 15px 20px; text-align: right; overflow: hidden; } .cmsmasters_project_puzzle .cmsmasters_project_footer { position: absolute; top: 10px; right: 10px; z-index: 2; margin: 0 -3px; overflow: hidden; opacity: 0; } .cmsmasters_project_puzzle .cmsmasters_project_footer .cmsmasters_project_comments, .cmsmasters_project_puzzle .cmsmasters_project_footer .cmsmasters_project_likes { outline: none; margin: 0 3px; float: left; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%; } .cmsmasters_project_puzzle .cmsmasters_project_footer .cmsmasters_project_comments > a, .cmsmasters_project_puzzle .cmsmasters_project_footer .cmsmasters_project_likes > a { position: relative; width: 40px; height: 40px; margin: 0; display: block; } .cmsmasters_project_puzzle .cmsmasters_project_footer .cmsmasters_project_comments > a:before, .cmsmasters_project_puzzle .cmsmasters_project_footer .cmsmasters_project_likes > a:before, .cmsmasters_project_puzzle .cmsmasters_project_footer .cmsmasters_project_comments > a span, .cmsmasters_project_puzzle .cmsmasters_project_footer .cmsmasters_project_likes > a span { position: absolute; height: 40px; width: 40px; line-height: 42px; margin: 0; text-align: center; } .cmsmasters_project_puzzle .cmsmasters_project_footer .cmsmasters_project_comments > a span, .cmsmasters_project_puzzle .cmsmasters_project_footer .cmsmasters_project_likes > a span { right: -40px; } .cmsmasters_project_puzzle .cmsmasters_project_footer .cmsmasters_project_comments > a:hover span, .cmsmasters_project_puzzle .cmsmasters_project_footer .cmsmasters_project_likes > a:hover span { right: 0; } /***************** Portfolio Open Project ******************/ .cmsmasters_open_project { padding: 0 0 40px; position: relative; overflow: hidden; } .cmsmasters_open_project .project_details_item_desc .cmsmasters_likes a, .cmsmasters_open_project .project_details_item_desc .cmsmasters_comments a { font-size: 16px; line-height: 22px; } .cmsmasters_open_project .preloader { padding-bottom: 54.65%; } .cmsmasters_open_project .preloader.highImg { height: auto; padding: 0; } .cmsmasters_open_project .cmsmasters_owl_slider, .cmsmasters_open_project .cmsmasters_img_wrap { padding-bottom: 30px; } .cmsmasters_open_project .cmsmasters_video_wrap { margin-bottom: 30px; } .cmsmasters_open_project .cmsmasters_gallery_row { margin: 0 -2.07%; padding-bottom: 40px; overflow: hidden; } .cmsmasters_open_project .cmsmasters_video_wrap, .cmsmasters_open_project .resizable_block { padding-bottom: 54.65%; } .cmsmasters_open_project .owl-pagination { width: auto; position: absolute; left: auto; right: 10px; top: 10px; bottom: auto; } .cmsmasters_open_project .cmsmasters_project_likes, .cmsmasters_open_project .cmsmasters_project_comments { outline: none; } .cmsmasters_open_project .cmsmasters_project_header { padding: 0 0 25px 0; overflow: hidden; } .cmsmasters_open_project .cmsmasters_project_header .cmsmasters_project_title { margin: 0; } .cmsmasters_open_project .project_content { width: 100%; padding: 15px 0 0; overflow: hidden; } .cmsmasters_open_project .project_content.with_sidebar { width: 65.5%; float: left; } .cmsmasters_open_project .project_content .project_gallery_row { margin: 0 -2%; position: relative; } .cmsmasters_open_project .project_content .project_gallery_row figure { overflow: hidden; } .cmsmasters_open_project .project_content .project_gallery_row .one_third, .cmsmasters_open_project .project_content .project_gallery_row .one_half, .cmsmasters_open_project .project_content .project_gallery_row .one_first { margin-bottom: 4%; } .cmsmasters_open_project .project_content .project_gallery_row .one_third .preloader, .cmsmasters_open_project .project_content .project_gallery_row .one_half .preloader { padding-bottom: 100%; } .cmsmasters_open_project .project_content .project_gallery_row .one_third .preloader.highImg, .cmsmasters_open_project .project_content .project_gallery_row .one_half .preloader.highImg { height: auto; padding: 0; } .cmsmasters_open_project .project_content > .cmsmasters_img_wrap { overflow: hidden; } .cmsmasters_open_project .project_content > .cmsmasters_owl_slider { outline: none; } .cmsmasters_open_project .project_content > .cmsmasters_owl_slider figure { overflow: hidden; } .cmsmasters_open_project .project_content > .cmsmasters_video_wrap { outline: none; } .cmsmasters_open_project .cmsmasters_project_content { position: relative; overflow: hidden; } .cmsmasters_open_project .project_sidebar { width: 34.5%; padding: 40px 0 0 40px; float: right; } .cmsmasters_open_project .project_sidebar > div { outline: none; } .cmsmasters_open_project .project_sidebar > div:last-of-type { padding-bottom: 0; } .cmsmasters_open_project .project_details, .cmsmasters_open_project .project_features { position: relative; padding-bottom: 40px; overflow: hidden; } .cmsmasters_open_project .project_details_title, .cmsmasters_open_project .project_features_title { margin: 0 0 20px; padding: 0; } .cmsmasters_open_project .project_details_item, .cmsmasters_open_project .project_features_item { position: relative; padding: 10px 0; border-bottom-width: 1px; border-bottom-style: solid; overflow: hidden; } .cmsmasters_open_project .project_details_item:last-child, .cmsmasters_open_project .project_features_item:last-child { border-bottom-width: 0; border-bottom-style: solid; } .cmsmasters_open_project .cmsmasters_project_date { text-transform: none; } .cmsmasters_open_project .project_details_item_title, .cmsmasters_open_project .project_features_item_title { max-width: 50%; float: left; overflow: hidden; } .cmsmasters_open_project .project_details_one_item .project_details_item_title, .cmsmasters_open_project .project_features_one_item .project_features_item_title { max-width: 100%; float: none; } .cmsmasters_open_project .project_details_item_desc, .cmsmasters_open_project .project_features_item_desc { padding: 0 0 0 15px; word-wrap: break-word; text-align: right; overflow: hidden; } .cmsmasters_open_project .project_details_one_item .project_details_item_desc, .cmsmasters_open_project .project_features_one_item .project_features_item_desc { padding-left: 0; padding-right: 0; } /*-------------------------------------------------------------------------*/ /* Posts Slider Styles /*-------------------------------------------------------------------------*/ /***************** Posts Slider ******************/ .cmsmasters_posts_slider { margin: 0 -20px; position: relative; } .cmsmasters_posts_slider.project { margin: 0; } .cmsmasters_posts_slider.project .owl-pagination { display: none; } .cmsmasters_posts_slider.post .owl-pagination { display: none; } .cmsmasters_posts_slider.post .owl-buttons { top: 165px; margin: 0; } .cmsmasters_posts_slider.post .owl-buttons > div { left: 5px; } .cmsmasters_posts_slider.post .owl-buttons > div.owl-next { left: auto; right: 5px; } .cmsmasters_posts_slider .owl-buttons { padding: 0 10px; } .cmsmasters_posts_slider .preloader { padding-bottom: 63.79%; } .cmsmasters_posts_slider .preloader.highImg { height: auto; padding: 0; } .cmsmasters_posts_slider .cmsmasters_owl_slider { padding: 40px 0; } .cmsmasters_posts_slider .cmsmasters_owl_slider_item { min-width: 240px; max-width: 100%; } .cmsmasters_posts_slider .cmsmasters_slider_post { width: 100%; padding: 0 20px 20px; } /***************** Posts Slider Blog ******************/ .cmsmasters_slider_post { position: relative; } .cmsmasters_slider_post .cmsmasters_slider_post_outer { position: relative; overflow: hidden; } .cmsmasters_slider_post .cmsmasters_slider_post_content_wrapper { position: relative; padding-bottom: 20px; overflow: hidden; } .cmsmasters_slider_post .cmsmasters_slider_post_content_wrapper_inner { padding-bottom: 5px; overflow: hidden; } .cmsmasters_slider_post .cmsmasters_slider_post_date { outline: none; float: left; } .cmsmasters_slider_post .cmsmasters_slider_post_likes, .cmsmasters_slider_post .cmsmasters_slider_post_comments { float: right; } .cmsmasters_slider_post .cmsmasters_slider_post_inner { position: relative; overflow: hidden; } .cmsmasters_slider_post .cmsmasters_slider_post_cont_info_divider { padding: 0 0.5em; } .cmsmasters_slider_post .cmsmasters_slider_post_header { padding-bottom: 5px; } .cmsmasters_slider_post .cmsmasters_slider_post_header .cmsmasters_slider_post_title { margin: 0; } .cmsmasters_slider_post .cmsmasters_slider_post_header .cmsmasters_slider_post_title a { display: inline-block; position: relative; padding-bottom: 1px; } .cmsmasters_slider_post .cmsmasters_slider_post_header .cmsmasters_slider_post_title a:before, .cmsmasters_slider_post .cmsmasters_slider_post_header .cmsmasters_slider_post_title a:after { position: absolute; height: 1px; bottom: 0; content: ''; } .cmsmasters_slider_post .cmsmasters_slider_post_header .cmsmasters_slider_post_title a:before { display: block; left: 0; width: 0; } .cmsmasters_slider_post .cmsmasters_slider_post_header .cmsmasters_slider_post_title a:after { display: block; right: 0; width: 0; } .cmsmasters_slider_post .cmsmasters_slider_post_header .cmsmasters_slider_post_title a.current:before, .cmsmasters_slider_post .cmsmasters_slider_post_header .cmsmasters_slider_post_title a:hover:before { width: 100%; } .cmsmasters_slider_post .cmsmasters_slider_post_header .cmsmasters_slider_post_title a.current:after, .cmsmasters_slider_post .cmsmasters_slider_post_header .cmsmasters_slider_post_title a:hover:after { width: 100%; background: 0 0; } .cmsmasters_slider_post .cmsmasters_slider_post_cont_info { padding-bottom: 15px; overflow: hidden; } .cmsmasters_slider_post .cmsmasters_slider_post_cont_info > span { display: inline-block; } .cmsmasters_slider_post .cmsmasters_slider_post_content { padding-bottom: 20px; overflow: hidden; } .cmsmasters_slider_post .cmsmasters_slider_post_content p { margin: 0; padding: 0; } .cmsmasters_slider_post .cmsmasters_slider_post_footer { overflow: hidden; } .cmsmasters_slider_post .cmsmasters_slider_post_read_more { outline: none; position: relative; display: inline-block; } .cmsmasters_slider_post .cmsmasters_slider_post_read_more:before, .cmsmasters_slider_post .cmsmasters_slider_post_read_more:after { position: absolute; height: 1px; bottom: 0; content: ''; } .cmsmasters_slider_post .cmsmasters_slider_post_read_more:before { display: block; left: 0; width: 0; } .cmsmasters_slider_post .cmsmasters_slider_post_read_more:after { display: block; right: 0; width: 0; } .cmsmasters_slider_post .cmsmasters_slider_post_read_more:hover:before { width: 100%; } .cmsmasters_slider_post .cmsmasters_slider_post_read_more:hover:after { width: 100%; background: 0 0; } /***************** Posts Slider Portfolio ******************/ .cmsmasters_slider_project { position: relative; padding: 0; } .cmsmasters_slider_project:hover .cmsmasters_slider_project_inner { opacity: 1; } .cmsmasters_slider_project .preloader { padding-bottom: 100%; } .cmsmasters_slider_project .preloader .cmsmasters_img_rollover { display: none; } .cmsmasters_slider_project .cmsmasters_slider_project_outer { position: relative; overflow: hidden; } .cmsmasters_slider_project .cmsmasters_slider_project_inner { position: absolute; height: 100%; width: 100%; left: 0; top: 0; overflow: hidden; opacity: 0; } .cmsmasters_slider_project .cmsmasters_slider_project_inner:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .cmsmasters_slider_project .cmsmasters_slider_project_content_wrap { position: absolute; bottom: 30px; left: 30px; right: 30px; z-index: 2; overflow: hidden; } .cmsmasters_slider_project .cmsmasters_slider_project_header { position: relative; padding: 0; } .cmsmasters_slider_project .cmsmasters_slider_project_header .cmsmasters_slider_project_title { margin: 0; } .cmsmasters_slider_project .cmsmasters_slider_project_header .cmsmasters_slider_project_title a { display: inline-block; position: relative; padding-bottom: 1px; } .cmsmasters_slider_project .cmsmasters_slider_project_header .cmsmasters_slider_project_title a:before, .cmsmasters_slider_project .cmsmasters_slider_project_header .cmsmasters_slider_project_title a:after { position: absolute; height: 1px; bottom: 0; content: ''; } .cmsmasters_slider_project .cmsmasters_slider_project_header .cmsmasters_slider_project_title a:before { display: block; left: 0; width: 0; } .cmsmasters_slider_project .cmsmasters_slider_project_header .cmsmasters_slider_project_title a:after { display: block; right: 0; width: 0; } .cmsmasters_slider_project .cmsmasters_slider_project_header .cmsmasters_slider_project_title a.current:before, .cmsmasters_slider_project .cmsmasters_slider_project_header .cmsmasters_slider_project_title a:hover:before { width: 100%; } .cmsmasters_slider_project .cmsmasters_slider_project_header .cmsmasters_slider_project_title a.current:after, .cmsmasters_slider_project .cmsmasters_slider_project_header .cmsmasters_slider_project_title a:hover:after { width: 100%; background: 0 0; } .cmsmasters_slider_project .cmsmasters_slider_project_cont_info { position: relative; overflow: hidden; } .cmsmasters_slider_project .cmsmasters_slider_project_content { position: relative; overflow: hidden; } .cmsmasters_slider_project .cmsmasters_slider_project_content p { margin: 0; padding: 0; } .cmsmasters_slider_project .cmsmasters_slider_project_footer { position: absolute; top: 30px; left: 30px; z-index: 2; overflow: hidden; } .cmsmasters_slider_project .cmsmasters_slider_project_footer > span:first-child { margin-right: 5px; } .cmsmasters_slider_project .cmsmasters_slider_project_footer .cmsmasters_slider_project_comments, .cmsmasters_slider_project .cmsmasters_slider_project_footer .cmsmasters_slider_project_likes { outline: none; -webkit-border-radius: 50%; border-radius: 50%; float: left; overflow: hidden; } .cmsmasters_slider_project .cmsmasters_slider_project_footer .cmsmasters_slider_project_comments > a, .cmsmasters_slider_project .cmsmasters_slider_project_footer .cmsmasters_slider_project_likes > a { position: relative; width: 40px; height: 40px; margin: 0; display: block; } .cmsmasters_slider_project .cmsmasters_slider_project_footer .cmsmasters_slider_project_comments > a:before, .cmsmasters_slider_project .cmsmasters_slider_project_footer .cmsmasters_slider_project_likes > a:before, .cmsmasters_slider_project .cmsmasters_slider_project_footer .cmsmasters_slider_project_comments > a span, .cmsmasters_slider_project .cmsmasters_slider_project_footer .cmsmasters_slider_project_likes > a span { position: absolute; height: 40px; width: 40px; line-height: 42px; margin: 0; text-align: center; } .cmsmasters_slider_project .cmsmasters_slider_project_footer .cmsmasters_slider_project_comments > a span, .cmsmasters_slider_project .cmsmasters_slider_project_footer .cmsmasters_slider_project_likes > a span { right: -40px; } .cmsmasters_slider_project .cmsmasters_slider_project_footer .cmsmasters_slider_project_comments > a:hover span, .cmsmasters_slider_project .cmsmasters_slider_project_footer .cmsmasters_slider_project_likes > a:hover span { right: 0; } /*-------------------------------------------------------------------------*/ /* Profiles + Profile Styles /*-------------------------------------------------------------------------*/ /***************** Profiles ******************/ .cmsmasters_profile { position: relative; overflow: hidden; } .cmsmasters_profile .one_half:nth-child(2n+1) { display: block; clear: both; } .cmsmasters_profile .one_third:nth-child(3n+1) { display: block; clear: both; } .cmsmasters_profile .one_fourth:nth-child(4n+1) { display: block; clear: both; } .cmsmasters_profile.horizontal { margin: -40px -2% 0; } .cmsmasters_profile.horizontal .cmsmasters_profile_horizontal { margin-top: 40px; } .cmsmasters_profile.horizontal .cmsmasters_profile_horizontal.one_half:nth-child(2n+1), .cmsmasters_profile.horizontal .cmsmasters_profile_horizontal.one_third:nth-child(3n+1), .cmsmasters_profile.horizontal .cmsmasters_profile_horizontal.one_fourth:nth-child(4n+1) { clear: left; } /***************** Profiles Horizontal ******************/ .cmsmasters_profile_horizontal { position: relative; text-align: center; } .cmsmasters_profile_horizontal .profile_outer { position: relative; max-width: 360px; display: inline-block; overflow: hidden; } .cmsmasters_profile_horizontal .profile_content_wrapper { position: relative; } .cmsmasters_profile_horizontal .profile_content_wrapper:hover .cmsmasters_img_wrap:before, .cmsmasters_profile_horizontal .profile_content_wrapper:hover .cmsmasters_img_wrap + .profile_inner { opacity: 1; } .cmsmasters_profile_horizontal .profile_content_wrapper:hover .cmsmasters_img_wrap:after { opacity: 0; } .cmsmasters_profile_horizontal .profile_content_wrapper:hover .cmsmasters_img_wrap + .profile_inner .profile_social_icons { margin-bottom: 0 !important; } .cmsmasters_profile_horizontal .cmsmasters_img_wrap { text-align: center; overflow: hidden; } .cmsmasters_profile_horizontal .cmsmasters_img_wrap:after, .cmsmasters_profile_horizontal .cmsmasters_img_wrap:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; } .cmsmasters_profile_horizontal .cmsmasters_img_wrap:after { opacity: 1; } .cmsmasters_profile_horizontal .cmsmasters_img_wrap img { outline: none; } .cmsmasters_profile_horizontal .cmsmasters_img_wrap + .profile_inner { position: absolute; bottom: 20px; left: 20px; right: 20px; z-index: 2; } .cmsmasters_profile_horizontal .profile_inner { position: relative; text-align: center; overflow: hidden; } .cmsmasters_profile_horizontal .cmsmasters_profile_header { padding: 0; } .cmsmasters_profile_horizontal .cmsmasters_profile_header .cmsmasters_profile_title { padding-bottom: 5px; margin: 0; } .cmsmasters_profile_horizontal .cmsmasters_profile_header .cmsmasters_profile_title a { display: inline-block; position: relative; padding-bottom: 1px; } .cmsmasters_profile_horizontal .cmsmasters_profile_header .cmsmasters_profile_title a:before, .cmsmasters_profile_horizontal .cmsmasters_profile_header .cmsmasters_profile_title a:after { position: absolute; height: 1px; bottom: 0; content: ''; } .cmsmasters_profile_horizontal .cmsmasters_profile_header .cmsmasters_profile_title a:before { display: block; left: 0; width: 0; } .cmsmasters_profile_horizontal .cmsmasters_profile_header .cmsmasters_profile_title a:after { display: block; right: 0; width: 0; } .cmsmasters_profile_horizontal .cmsmasters_profile_header .cmsmasters_profile_title a.current:before, .cmsmasters_profile_horizontal .cmsmasters_profile_header .cmsmasters_profile_title a:hover:before { width: 100%; } .cmsmasters_profile_horizontal .cmsmasters_profile_header .cmsmasters_profile_title a.current:after, .cmsmasters_profile_horizontal .cmsmasters_profile_header .cmsmasters_profile_title a:hover:after { width: 100%; background: 0 0; } .cmsmasters_profile_horizontal .cmsmasters_profile_header .cmsmasters_profile_subtitle { margin: 0; } .cmsmasters_profile_horizontal .cmsmasters_profile_content { position: relative; padding-top: 25px; text-align: center; overflow: hidden; } .cmsmasters_profile_horizontal .cmsmasters_profile_content p { margin: 0; padding: 0; } .cmsmasters_profile_horizontal .profile_social_icons { position: relative; padding-top: 10px; text-align: center; overflow: hidden; } .cmsmasters_profile_horizontal .profile_social_icons_list { list-style: none; display: block; margin: 0; padding: 0; } .cmsmasters_profile_horizontal .profile_social_icons_list li { display: inline-block; vertical-align: middle; margin: 5px 5px 0 5px; padding: 0; position: relative; } .cmsmasters_profile_horizontal .profile_social_icons_list li:before { display: none; } .cmsmasters_profile_horizontal .profile_social_icons_list a { font-size: 14px; line-height: 20px; display: block; width: 26px; height: 26px; position: relative; } .cmsmasters_profile_horizontal .profile_social_icons_list a:before { width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /***************** Profiles Vertical ******************/ .cmsmasters_profile_vertical { margin: 0; padding: 0; position: relative; } .cmsmasters_profile_vertical .profile_outer { padding: 30px 0px; position: relative; overflow: hidden; } .cmsmasters_profile_vertical .profile_content_wrapper { position: relative; width: 260px; margin: 0 40px 0 0; float: left; } .cmsmasters_profile_vertical .profile_content_wrapper .cmsmasters_profile_header { position: absolute; width: 1px; height: 1px; top: 260px; display: block; z-index: 1; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .cmsmasters_profile_vertical .profile_content_wrapper .cmsmasters_profile_subtitle { width: 261px; padding: 10px 15px; } .cmsmasters_profile_vertical .profile_content_wrapper .cmsmasters_profile_title { display: none; } .cmsmasters_profile_vertical .cmsmasters_img_wrap img { outline: none; } .cmsmasters_profile_vertical .profile_inner { display: block; padding: 40px 0; overflow: hidden; } .cmsmasters_profile_vertical .profile_inner .cmsmasters_profile_subtitle { display: none; } .cmsmasters_profile_vertical .profile_heading_wrapper { padding-bottom: 20px; } .cmsmasters_profile_vertical .profile_heading_wrapper .cmsmasters_profile_header { width: 60%; display: inline-block; vertical-align: middle; } .cmsmasters_profile_vertical .profile_heading_wrapper .cmsmasters_profile_header .cmsmasters_profile_title { margin: 0; } .cmsmasters_profile_vertical .profile_heading_wrapper .cmsmasters_profile_header .cmsmasters_profile_title a { position: relative; display: inline-block; padding-bottom: 4px; } .cmsmasters_profile_vertical .profile_heading_wrapper .cmsmasters_profile_header .cmsmasters_profile_title a:before, .cmsmasters_profile_vertical .profile_heading_wrapper .cmsmasters_profile_header .cmsmasters_profile_title a:after { position: absolute; height: 2px; bottom: 0; content: ''; } .cmsmasters_profile_vertical .profile_heading_wrapper .cmsmasters_profile_header .cmsmasters_profile_title a:before { display: block; left: 0; width: 0; } .cmsmasters_profile_vertical .profile_heading_wrapper .cmsmasters_profile_header .cmsmasters_profile_title a:after { display: block; right: 0; width: 0; } .cmsmasters_profile_vertical .profile_heading_wrapper .cmsmasters_profile_header .cmsmasters_profile_title a:hover:before { width: 100%; } .cmsmasters_profile_vertical .profile_heading_wrapper .cmsmasters_profile_header .cmsmasters_profile_title a:hover:after { width: 100%; background: 0 0; } .cmsmasters_profile_vertical .cmsmasters_profile_content { position: relative; overflow: hidden; } .cmsmasters_profile_vertical .cmsmasters_profile_content p { margin: 0; padding: 0; } .cmsmasters_profile_vertical .profile_social_icons { width: 40%; position: relative; display: inline-block; vertical-align: middle; padding: 0 0 0 1px; text-align: right; overflow: hidden; } .cmsmasters_profile_vertical .profile_social_icons_list { list-style: none; display: block; margin: 0; padding: 0; } .cmsmasters_profile_vertical .profile_social_icons_list li { display: inline-block; margin: 0 9px 0 0; padding: 0; position: relative; vertical-align: middle; } .cmsmasters_profile_vertical .profile_social_icons_list li:last-child { margin: 0; } .cmsmasters_profile_vertical .profile_social_icons_list li:before { display: none; } .cmsmasters_profile_vertical .profile_social_icons_list a { font-size: 19px; line-height: 20px; display: block; width: 26px; height: 26px; position: relative; } .cmsmasters_profile_vertical .profile_social_icons_list a:before { width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /***************** Profiles Open Profile ******************/ .cmsmasters_open_profile { padding: 0 0 40px; position: relative; overflow: hidden; } .cmsmasters_open_profile .profile_details_item_desc .cmsmasters_likes a, .cmsmasters_open_profile .profile_details_item_desc .cmsmasters_comments a { font-size: 16px; line-height: 22px; } .cmsmasters_open_profile .cmsmasters_profile_header { padding: 0 0 30px; overflow: hidden; } .cmsmasters_open_profile .cmsmasters_profile_header .cmsmasters_profile_title { margin: 0; } .cmsmasters_open_profile .cmsmasters_profile_header .cmsmasters_profile_subtitle { margin: 0; } .cmsmasters_open_profile .profile_content { width: 100%; padding: 0; overflow: hidden; } .cmsmasters_open_profile .profile_content.with_sidebar { width: 65.5%; float: left; } .cmsmasters_open_profile .cmsmasters_profile_content { position: relative; overflow: hidden; } .cmsmasters_open_profile .profile_sidebar { width: 34.5%; padding: 0 0 0 40px; float: right; } .cmsmasters_open_profile .profile_sidebar > div { outline: none; } .cmsmasters_open_profile .profile_sidebar > div:last-of-type { padding-bottom: 0; } .cmsmasters_open_profile .profile_details, .cmsmasters_open_profile .profile_features { position: relative; padding-bottom: 40px; overflow: hidden; } .cmsmasters_open_profile .profile_details_title, .cmsmasters_open_profile .profile_features_title { margin: 0 0 20px; padding: 0; } .cmsmasters_open_profile .profile_details_item, .cmsmasters_open_profile .profile_features_item { position: relative; padding: 10px 0; border-bottom-width: 1px; border-bottom-style: solid; overflow: hidden; } .cmsmasters_open_profile .profile_details_item:last-child, .cmsmasters_open_profile .profile_features_item:last-child { border-bottom-width: 0; border-bottom-style: solid; } .cmsmasters_open_profile .profile_details_item_title, .cmsmasters_open_profile .profile_features_item_title { max-width: 50%; float: left; overflow: hidden; } .cmsmasters_open_profile .profile_details_one_item .profile_details_item_title, .cmsmasters_open_profile .profile_features_one_item .profile_features_item_title { max-width: 100%; float: none; } .cmsmasters_open_profile .profile_details_item_desc, .cmsmasters_open_profile .profile_features_item_desc { padding: 0 0 0 15px; word-wrap: break-word; text-align: right; overflow: hidden; } .cmsmasters_open_profile .profile_details_one_item .profile_details_item_desc, .cmsmasters_open_profile .profile_features_one_item .profile_features_item_desc { padding-left: 0; padding-right: 0; } .cmsmasters_open_profile .profile_social_icons { position: relative; overflow: hidden; } .cmsmasters_open_profile .profile_social_icons_title { margin: 0; padding: 0 15px 10px 0; float: left; } .cmsmasters_open_profile .profile_social_icons_list { list-style: none; display: block; margin: 0; padding: 0; } .cmsmasters_open_profile .profile_social_icons_list li { display: inline-block; vertical-align: middle; margin: 0 0px 10px 0; padding: 0; position: relative; } .cmsmasters_open_profile .profile_social_icons_list li:before { display: none; } .cmsmasters_open_profile .profile_social_icons_list a { font-size: 16px; line-height: 16px; display: block; width: 26px; height: 26px; position: relative; } .cmsmasters_open_profile .profile_social_icons_list a:before { width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /*-------------------------------------------------------------------------*/ /* Shortcodes Styles /*-------------------------------------------------------------------------*/ /***************** Divider ******************/ hr { border: 0; border-bottom-style: solid; margin: 40px 0; } hr, .cmsmasters_widget_divider, .cmsmasters_divider { background-color: transparent; border-bottom-width: 1px; width: 100%; height: 1px; position: relative; display: block; clear: both; } .cmsmasters_widget_divider { margin: 0 2% 40px; width: 96%; } .cmsmasters_widget_divider.solid { border-bottom-style: solid; } .cmsmasters_widget_divider.dashed { border-bottom-style: dashed; } .cmsmasters_widget_divider.dotted { border-bottom-style: dotted; } .cmsmasters_widget_divider.transparent { border-bottom-width: 0; } .cmsmasters_divider.cmsmasters_divider_width_short { width: 20%; } .cmsmasters_divider.cmsmasters_divider_width_short.cmsmasters_divider_pos_center { left: 40%; } .cmsmasters_divider.cmsmasters_divider_width_short.cmsmasters_divider_pos_right { left: 80%; } .cmsmasters_divider.cmsmasters_divider_width_medium { width: 40%; } .cmsmasters_divider.cmsmasters_divider_width_medium.cmsmasters_divider_pos_center { left: 30%; } .cmsmasters_divider.cmsmasters_divider_width_medium.cmsmasters_divider_pos_right { left: 60%; } .cmsmasters_divider.cmsmasters_divider_width_long { width: 100%; } /***************** Special Heading ******************/ .cmsmasters_heading_wrap { position: relative; } .cmsmasters_heading_wrap .cmsmasters_heading_divider { display: inline-block; height: 2px; position: absolute; top: 50%; } .cmsmasters_heading_wrap .cmsmasters_heading_divider_left_wrap, .cmsmasters_heading_wrap .cmsmasters_heading_divider_right_wrap { display: inline-block; width: 0; } .cmsmasters_heading_wrap.cmsmasters_heading_divider_short .cmsmasters_heading_divider { width: 10%; } .cmsmasters_heading_wrap.cmsmasters_heading_divider_short .cmsmasters_heading_divider_left { margin-left: -10%; margin-right: 0; } .cmsmasters_heading_wrap.cmsmasters_heading_divider_medium .cmsmasters_heading_divider { width: 20%; } .cmsmasters_heading_wrap.cmsmasters_heading_divider_medium .cmsmasters_heading_divider_left { margin-left: -20%; margin-right: 0; } .cmsmasters_heading_wrap.cmsmasters_heading_divider_long .cmsmasters_heading_divider { width: 100%; } .cmsmasters_heading_wrap.cmsmasters_heading_divider_long .cmsmasters_heading_divider_left { margin-left: -100%; margin-right: 0; } .cmsmasters_heading_wrap.cmsmasters_heading_divider_short .cmsmasters_heading, .cmsmasters_heading_wrap.cmsmasters_heading_divider_medium .cmsmasters_heading, .cmsmasters_heading_wrap.cmsmasters_heading_divider_long .cmsmasters_heading { max-width: 80%; } .cmsmasters_heading_wrap .cmsmasters_heading { display: inline-block; margin: 0; } .cmsmasters_heading_wrap .cmsmasters_heading:before, .cmsmasters_heading_wrap .cmsmasters_heading a:before { margin-left: 0; margin-right: 0.5em; } /***************** Featured Block ******************/ .cmsmasters_featured_block { position: relative; overflow: hidden; } .cmsmasters_featured_block .featured_block_link { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; } .cmsmasters_featured_block .featured_block_inner { width: 100%; padding: 20px 20px 0; position: relative; overflow: hidden; } /***************** Table ******************/ .cmsmasters_table { width: 100%; } .cmsmasters_table caption { outline: none; } .cmsmasters_table tbody, .cmsmasters_table thead { border-right-width: 1px; border-right-style: solid; border-left-width: 1px; border-left-style: solid; } .cmsmasters_table tfoot { border-right-width: 1px; border-right-style: solid; border-left-width: 1px; border-left-style: solid; border-bottom-width: 1px; border-bottom-style: solid; } .cmsmasters_table tr td, .cmsmasters_table tr th { padding: 15px 35px; } .cmsmasters_table tr td.cmsmasters_table_cell_aligncenter, .cmsmasters_table tr th.cmsmasters_table_cell_aligncenter { text-align: center; } .cmsmasters_table tr td.cmsmasters_table_cell_alignleft, .cmsmasters_table tr th.cmsmasters_table_cell_alignleft { text-align: left; } .cmsmasters_table tr td.cmsmasters_table_cell_alignright, .cmsmasters_table tr th.cmsmasters_table_cell_alignright { text-align: right; } .cmsmasters_table tr td { padding: 7px 35px; } .cmsmasters_table tbody tr:first-of-type td { padding: 30px 35px 7px 35px; } .cmsmasters_table tbody tr:last-of-type td { padding: 7px 35px 30px 35px; } .cmsmasters_table tfoot tr td { padding: 15px 35px; } /***************** Notice ******************/ .cmsmasters_notice { display: block; width: 100%; padding: 0 20px; margin-bottom: 20px; position: relative; border-width: 1px; border-style: solid; } .cmsmasters_notice:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .cmsmasters_notice[class*=" cmsmasters-icon-"], .cmsmasters_notice[class*=" cmsmasters_theme_icon_"] { padding-left: 80px; padding-right: 20px; } .cmsmasters_notice:before { font-size: 32px; width: 1em; height: 1em; margin: auto !important; position: absolute; left: 20px; right: auto; top: 0; bottom: 0; } .cmsmasters_notice .notice_content { position: relative; padding: 20px 0 0; } .cmsmasters_notice .notice_close { font-size: 7px; line-height: 10px; display: block; background-color: #ffffff; -webkit-border-radius: 50%; border-radius: 50%; border-width: 1px; border-style: solid; width: 29px; height: 29px; margin: auto !important; position: absolute; left: auto; right: -14px; top: -14px; bottom: auto; } .cmsmasters_notice .notice_close:before { width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .cmsmasters_notice.cmsmasters_notice_success { color: #6e6e6e; background-color: #fdfff9; } .cmsmasters_notice.cmsmasters_notice_success:before { color: #8bc34a; } .cmsmasters_notice.cmsmasters_notice_error { color: #6e6e6e; background-color: #fffdfd; } .cmsmasters_notice.cmsmasters_notice_error:before { color: #ea5151; } .cmsmasters_notice.cmsmasters_notice_error .notice_content a { color: #3e4ddd; } .cmsmasters_notice.cmsmasters_notice_error .notice_content a:hover { color: #a4a3a4; } .cmsmasters_notice.cmsmasters_notice_info { color: #6e6e6e; background-color: #fafcff; } .cmsmasters_notice.cmsmasters_notice_info:before { color: #6e95d1; } .cmsmasters_notice.cmsmasters_notice_warning { color: #6e6e6e; background-color: #ffffff; } .cmsmasters_notice.cmsmasters_notice_warning:before { color: #fdb543; } .cmsmasters_notice.cmsmasters_notice_download { color: #6e6e6e; background-color: #f9fffa; } .cmsmasters_notice.cmsmasters_notice_download:before { color: #63b698; } /***************** Icon ******************/ .cmsmasters_icon_wrap a { display: inline-block; } .cmsmasters_icon_wrap .cmsmasters_simple_icon_title { display: inline-block; margin-left: 8px; } .cmsmasters_icon_wrap .cmsmasters_simple_icon { border-style: solid; display: inline-block; vertical-align: middle; } .cmsmasters_icon_wrap .cmsmasters_simple_icon:before { margin: 0; } /***************** Icon List ******************/ .cmsmasters_icon_list_items { list-style: none; padding: 0; margin: 0; position: relative; } .cmsmasters_icon_list_items li:before { position: absolute; height: auto; width: auto; left: auto; background: transparent; } .cmsmasters_icon_list_items .cmsmasters_icon_list_item:before { left: 50px; right: auto; } .cmsmasters_icon_list_items .cmsmasters_icon_list_item .cmsmasters_icon_list_icon { width: 100px; height: 100px; margin: 1px; position: relative; } .cmsmasters_icon_list_items .cmsmasters_icon_list_item .cmsmasters_icon_list_icon:before { font-size: 32px; line-height: 80px; } .cmsmasters_icon_list_items .cmsmasters_icon_list_item .cmsmasters_icon_list_icon:after { content: ''; border-width: 10px; border-style: solid; width: 102px; height: 102px; position: absolute; top: -1px; left: -1px; } .cmsmasters_icon_list_items .cmsmasters_icon_list_item .cmsmasters_icon_list_item_title { word-wrap: break-word; margin-bottom: 10px; } .cmsmasters_icon_list_items.cmsmasters_color_type_icon .cmsmasters_icon_list_item { overflow: hidden; } .cmsmasters_icon_list_items.cmsmasters_icon_list_pos_right .cmsmasters_icon_list_item:before { left: auto; right: 50px; } .cmsmasters_icon_list_items.cmsmasters_icon_list_type_list { padding-left: 30px; } .cmsmasters_icon_list_items.cmsmasters_icon_list_type_list .cmsmasters_icon_list_item:before { left: -32px; } .cmsmasters_icon_list_items.cmsmasters_icon_list_type_list .cmsmasters_icon_list_item > * { margin: 0; padding: 0; } .cmsmasters_icon_list_items.cmsmasters_icon_list_type_block { padding: 0; margin: 0; } .cmsmasters_icon_list_items.cmsmasters_icon_list_type_block .cmsmasters_icon_list_item { display: block; width: 100%; padding: 0 0 50px; position: relative; overflow: hidden; } .cmsmasters_icon_list_items.cmsmasters_icon_list_type_block .cmsmasters_icon_list_item:before { content: ''; display: block; width: 1px; height: 0; padding: 0; position: absolute; top: 40px; z-index: 1; opacity: 0; } .cmsmasters_icon_list_items.cmsmasters_icon_list_type_block .cmsmasters_icon_list_item:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .cmsmasters_icon_list_items.cmsmasters_icon_list_type_block .cmsmasters_icon_list_item:last-child { padding-bottom: 0; margin-bottom: 0; } .cmsmasters_icon_list_items.cmsmasters_icon_list_type_block .cmsmasters_icon_list_item:last-child:before { display: none; } .cmsmasters_icon_list_items.cmsmasters_icon_list_type_block .cmsmasters_icon_list_item.cmsmasters_icon_type_image .cmsmasters_icon_list_icon { background-position: center center; background-repeat: no-repeat; background-size: cover; } .cmsmasters_icon_list_items.cmsmasters_icon_list_type_block .cmsmasters_icon_list_item .cmsmasters_icon_list_icon { display: block; text-align: center; z-index: 2; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5); opacity: 0.3; } .cmsmasters_icon_list_items.cmsmasters_icon_list_type_block .cmsmasters_icon_list_item.shortcode_animated:before { height: 100%; opacity: 1; } .cmsmasters_icon_list_items.cmsmasters_icon_list_type_block .cmsmasters_icon_list_item.shortcode_animated .cmsmasters_icon_list_icon { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .cmsmasters_icon_list_items.cmsmasters_icon_list_type_block .cmsmasters_icon_list_item_content { overflow: hidden; } .cmsmasters_icon_list_items.cmsmasters_icon_list_type_block.cmsmasters_icon_list_pos_left .cmsmasters_icon_list_item_content { text-align: left; } .cmsmasters_icon_list_items.cmsmasters_icon_list_type_block.cmsmasters_icon_list_pos_left .cmsmasters_icon_list_item_content .cmsmasters_icon_list_item_text { text-align: left; } .cmsmasters_icon_list_items.cmsmasters_icon_list_type_block.cmsmasters_icon_list_pos_left .cmsmasters_icon_list_icon_wrap { padding-right: 30px; float: left; } .cmsmasters_icon_list_items.cmsmasters_icon_list_type_block.cmsmasters_icon_list_pos_right .cmsmasters_icon_list_item_content { text-align: right; } .cmsmasters_icon_list_items.cmsmasters_icon_list_type_block.cmsmasters_icon_list_pos_right .cmsmasters_icon_list_item_content .cmsmasters_icon_list_item_text { text-align: right; } .cmsmasters_icon_list_items.cmsmasters_icon_list_type_block.cmsmasters_icon_list_pos_right .cmsmasters_icon_list_icon_wrap { padding-left: 30px; float: right; } /***************** Icon Box ******************/ .cmsmasters_icon_box { border-style: solid; border-color: transparent; position: relative; } .cmsmasters_icon_box:before, .cmsmasters_icon_box .icon_box_heading:before { border-style: solid; text-align: center; } .cmsmasters_icon_box.box_icon_type_image:before, .cmsmasters_icon_box.box_icon_type_number:before { content: ''; background-position: center center; background-repeat: no-repeat; background-size: cover; } .cmsmasters_icon_box.box_icon_type_image.cmsmasters_icon_heading_left:before, .cmsmasters_icon_box.box_icon_type_number.cmsmasters_icon_heading_left:before { content: none; } .cmsmasters_icon_box.box_icon_type_image.cmsmasters_icon_heading_left .icon_box_heading:before, .cmsmasters_icon_box.box_icon_type_number.cmsmasters_icon_heading_left .icon_box_heading:before { content: '\00a0'; background-position: center center; background-repeat: no-repeat; background-size: cover; display: inline-block; text-align: center; } .cmsmasters_icon_box.cmsmasters_icon_top:before { font-size: 0; position: absolute; left: 50%; top: 30px; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); opacity: 0; } .cmsmasters_icon_box.cmsmasters_icon_top.shortcode_animated:before { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 1; } .cmsmasters_icon_box.cmsmasters_icon_top .icon_box_inner { text-align: center; } .cmsmasters_icon_box.cmsmasters_icon_top .icon_box_inner .icon_box_text { text-align: center; } .cmsmasters_icon_box.cmsmasters_icon_box_top { border-width: 1px; padding: 20px 20px 30px; } .cmsmasters_icon_box.cmsmasters_icon_box_top:before { font-size: 0; position: absolute; left: 50%; top: 35px; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); opacity: 0; } .cmsmasters_icon_box.cmsmasters_icon_box_top[class*=" cmsmasters-icon-"], .cmsmasters_icon_box.cmsmasters_icon_box_top[class*=" cmsmasters_theme_icon_"] { padding-top: 120px; } .cmsmasters_icon_box.cmsmasters_icon_box_top.shortcode_animated:before { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 1; } .cmsmasters_icon_box.cmsmasters_icon_box_top .icon_box_inner { text-align: center; } .cmsmasters_icon_box.cmsmasters_icon_box_top .icon_box_inner .icon_box_text { text-align: center; } .cmsmasters_icon_box.cmsmasters_icon_box_left { border-width: 1px; padding: 20px 20px 30px; } .cmsmasters_icon_box.cmsmasters_icon_box_left:before { font-size: 24px; line-height: 45px; width: 45px; height: 45px; margin: 0; position: absolute; left: 0; top: 50%; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); text-align: center; opacity: 0; } .cmsmasters_icon_box.cmsmasters_icon_box_left.shortcode_animated:before { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 1; } .cmsmasters_icon_box.cmsmasters_icon_box_left_top { padding-left: 60px; } .cmsmasters_icon_box.cmsmasters_icon_box_left_top:before { font-size: 24px; line-height: 45px; width: 45px; height: 45px; margin: 0; position: absolute; left: 0; top: 0; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); text-align: center; opacity: 0; } .cmsmasters_icon_box.cmsmasters_icon_box_left_top.shortcode_animated:before { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 1; } .cmsmasters_icon_box.cmsmasters_icon_heading_left h1, .cmsmasters_icon_box.cmsmasters_icon_heading_left h2, .cmsmasters_icon_box.cmsmasters_icon_heading_left h3, .cmsmasters_icon_box.cmsmasters_icon_heading_left h4, .cmsmasters_icon_box.cmsmasters_icon_heading_left h5, .cmsmasters_icon_box.cmsmasters_icon_heading_left h6 { display: flex; align-items: center; position: relative; } .cmsmasters_icon_box.cmsmasters_icon_heading_left h1:before, .cmsmasters_icon_box.cmsmasters_icon_heading_left h2:before, .cmsmasters_icon_box.cmsmasters_icon_heading_left h3:before, .cmsmasters_icon_box.cmsmasters_icon_heading_left h4:before, .cmsmasters_icon_box.cmsmasters_icon_heading_left h5:before, .cmsmasters_icon_box.cmsmasters_icon_heading_left h6:before { margin-left: 0; margin-right: 15px; vertical-align: inherit; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); opacity: 0; width: auto; height: auto; margin: auto !important; position: absolute; left: 0; right: auto; top: 0; bottom: 0; } .cmsmasters_icon_box.cmsmasters_icon_heading_left.shortcode_animated h1, .cmsmasters_icon_box.cmsmasters_icon_heading_left.shortcode_animated h2, .cmsmasters_icon_box.cmsmasters_icon_heading_left.shortcode_animated h3, .cmsmasters_icon_box.cmsmasters_icon_heading_left.shortcode_animated h4, .cmsmasters_icon_box.cmsmasters_icon_heading_left.shortcode_animated h5, .cmsmasters_icon_box.cmsmasters_icon_heading_left.shortcode_animated h6 { display: flex; align-items: center; position: relative; } .cmsmasters_icon_box.cmsmasters_icon_heading_left.shortcode_animated h1:before, .cmsmasters_icon_box.cmsmasters_icon_heading_left.shortcode_animated h2:before, .cmsmasters_icon_box.cmsmasters_icon_heading_left.shortcode_animated h3:before, .cmsmasters_icon_box.cmsmasters_icon_heading_left.shortcode_animated h4:before, .cmsmasters_icon_box.cmsmasters_icon_heading_left.shortcode_animated h5:before, .cmsmasters_icon_box.cmsmasters_icon_heading_left.shortcode_animated h6:before { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 1; width: auto; height: auto; margin: auto !important; position: absolute; left: 0; right: auto; top: 0; bottom: 0; } .cmsmasters_icon_box .icon_box_text { margin-bottom: 10px; } /***************** Toggles ******************/ .cmsmasters_toggles { position: relative; } .cmsmasters_toggles .cmsmasters_toggles_filter { padding: 0 0 15px; position: relative; } .cmsmasters_toggles .cmsmasters_toggles_filter a { cursor: pointer; } .cmsmasters_toggles .cmsmasters_toggles_filter a.current_filter { cursor: default; } .cmsmasters_toggles .cmsmasters_toggle_wrap { position: relative; margin-top: -1px; } .cmsmasters_toggles .cmsmasters_toggle_title { position: relative; } .cmsmasters_toggles .cmsmasters_toggle_title a { padding: 15px 60px 15px 0; display: block; position: relative; z-index: 2; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; } .cmsmasters_toggles .cmsmasters_toggle_plus { display: block; z-index: 1; width: 8px; height: 8px; margin: auto !important; position: absolute; left: auto; right: 0; top: 0; bottom: 0; } .cmsmasters_toggles .cmsmasters_toggle_plus span { display: block; width: 8px; height: 2px; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .cmsmasters_toggles .cmsmasters_toggle_plus span.cmsmasters_toggle_plus_vert { width: 2px; height: 8px; } .cmsmasters_toggles .cmsmasters_toggle { display: none; } .cmsmasters_toggles .cmsmasters_toggle_inner { position: relative; padding: 15px 0; overflow: hidden; } .cmsmasters_toggles .cmsmasters_toggle_inner > *:last-child { margin-bottom: 0; padding-bottom: 0; } .cmsmasters_toggles .cmsmasters_toggle_wrap.current_toggle > .cmsmasters_toggle_title .cmsmasters_toggle_plus_vert { height: 0; } .cmsmasters_toggles .cmsmasters_toggle_wrap.current_toggle > .cmsmasters_toggle { display: block; } /***************** Tabs ******************/ .cmsmasters_tabs { position: relative; } .cmsmasters_tabs:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .cmsmasters_tabs .cmsmasters_tabs_list { list-style: none; margin: 0; padding: 0; position: relative; text-align: center; } .cmsmasters_tabs .cmsmasters_tabs_list:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .cmsmasters_tabs .cmsmasters_tabs_list_item { display: block; margin: 0; padding: 0; } .cmsmasters_tabs .cmsmasters_tabs_list_item:before { display: none; } .cmsmasters_tabs .cmsmasters_tabs_list_item a { display: block; position: relative; cursor: pointer; } .cmsmasters_tabs .cmsmasters_tabs_list_item a:before { width: 1em; height: 0.7em; margin: auto !important; position: absolute; left: 0; right: auto; top: 0; bottom: 0; font-size: 23px; line-height: 0.7em; } .cmsmasters_tabs .cmsmasters_tabs_list_item a span { position: relative; padding-bottom: 5px; } .cmsmasters_tabs .cmsmasters_tabs_list_item a span:before { content: ""; height: 2px; width: 100%; position: absolute; bottom: 0; opacity: 0; } .cmsmasters_tabs .cmsmasters_tabs_list_item a:hover span:before { opacity: 1; } .sidebar .cmsmasters_tabs .cmsmasters_tabs_list_item a span:before { display: none; } .cmsmasters_tabs .cmsmasters_tabs_list_item.current_tab a span:before { opacity: 1; } .cmsmasters_tabs .cmsmasters_tabs_list_item.current_tab a, .cmsmasters_tabs .cmsmasters_tabs_list_item:hover a { outline: none; } .cmsmasters_tabs .cmsmasters_tabs_wrap { position: relative; overflow: hidden; } .cmsmasters_tabs .cmsmasters_tab { display: none; } .cmsmasters_tabs .cmsmasters_tab:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .cmsmasters_tabs .cmsmasters_tab.active_tab { display: block; } .cmsmasters_tabs .cmsmasters_tab_inner { position: relative; overflow: hidden; } .cmsmasters_tabs .cmsmasters_tab_inner > *:last-child { margin-bottom: 0; padding-bottom: 0; } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list { display: table; width: 100%; } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list_item { display: table-cell; } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list_item a { padding: 15px 15px 15px 15px; } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list_item a span { display: inline-block; } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list_item a span:before { right: 0; left: 0; margin: auto; } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tab_inner { padding: 10px 0 0; } .cmsmasters_tabs.tabs_mode_tour { display: table; } .cmsmasters_tabs.tabs_mode_tour .cmsmasters_tabs_list { display: table-cell; width: 16%; vertical-align: top; } .cmsmasters_tabs.tabs_mode_tour .cmsmasters_tabs_list_item { margin: 0 0 5px 0; } .cmsmasters_tabs.tabs_mode_tour .cmsmasters_tabs_list_item a { text-align: right; padding-bottom: 12px; } .cmsmasters_tabs.tabs_mode_tour .cmsmasters_tabs_list_item a:before { position: relative; font-size: 23px; line-height: 1em; margin: 0 10px 0 0 !important; height: 1em; } .cmsmasters_tabs.tabs_mode_tour .cmsmasters_tabs_list_item:last-child { margin: 0; } .cmsmasters_tabs.tabs_mode_tour .cmsmasters_tabs_wrap { display: table-cell; width: 77%; vertical-align: top; } .cmsmasters_tabs.tabs_mode_tour .cmsmasters_tab_inner { padding: 0 0 0 65px; } .cmsmasters_tabs.tabs_mode_tour.tabs_pos_right { direction: rtl; } .cmsmasters_tabs.tabs_mode_tour.tabs_pos_right .cmsmasters_tabs_list { text-align: right; direction: ltr; } .cmsmasters_tabs.tabs_mode_tour.tabs_pos_right .cmsmasters_tabs_list_item a { text-align: left; } .cmsmasters_tabs.tabs_mode_tour.tabs_pos_right .cmsmasters_tabs_list_item a[class^="cmsmasters-icon-"], .cmsmasters_tabs.tabs_mode_tour.tabs_pos_right .cmsmasters_tabs_list_item a[class^="cmsmasters_theme_icon_"] { padding: 10px 0; } .cmsmasters_tabs.tabs_mode_tour.tabs_pos_right .cmsmasters_tabs_wrap { direction: ltr; } .cmsmasters_tabs.tabs_mode_tour.tabs_pos_right .cmsmasters_tab_inner { padding: 0 65px 0 0; text-align: right; } /***************** Stats ******************/ .cmsmasters_stats { position: relative; text-align: center; } .cmsmasters_stats:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .cmsmasters_stats .cmsmasters_stat_wrap .cmsmasters_stat { position: relative; } .cmsmasters_stats .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner { display: block; position: relative; } .cmsmasters_stats.stats_mode_bars .cmsmasters_stat_wrap .cmsmasters_stat_container { width: 100%; height: 164px; margin: 0 0 13px; position: relative; } .cmsmasters_stats.stats_mode_bars .cmsmasters_stat_wrap .cmsmasters_stat { width: 0; overflow: hidden; } .cmsmasters_stats.stats_mode_bars .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner[class^="cmsmasters-icon-"]:before, .cmsmasters_stats.stats_mode_bars .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner[class*=" cmsmasters-icon-"]:before, .cmsmasters_stats.stats_mode_bars .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner[class^="cmsmasters_theme_icon_"]:before, .cmsmasters_stats.stats_mode_bars .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner[class*=" cmsmasters_theme_icon_"]:before { font-size: 20px; margin: 0; position: absolute; left: 15px; top: 10px; } .cmsmasters_stats.stats_mode_bars .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner .cmsmasters_stat_title { position: absolute; left: 15px; top: 10px; } .cmsmasters_stats.stats_mode_bars .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner .cmsmasters_stat_counter_wrap { position: absolute; left: auto; right: 15px; top: 10px; } .cmsmasters_stats.stats_mode_bars .cmsmasters_stat_wrap .cmsmasters_stat canvas { display: none; } .cmsmasters_stats.stats_mode_bars.stats_type_vertical { margin: 0 -2%; } .cmsmasters_stats.stats_mode_bars.stats_type_vertical .cmsmasters_stat_wrap .cmsmasters_stat_counter_wrap { display: block; margin-bottom: 8px; } .cmsmasters_stats.stats_mode_bars.stats_type_vertical .cmsmasters_stat_wrap .cmsmasters_stat_counter_wrap:before { font-size: 22px; margin: 0; } .cmsmasters_stats.stats_mode_bars.stats_type_vertical .cmsmasters_stat_wrap .cmsmasters_stat { width: 90px; height: 0; position: absolute; bottom: 0; left: 0; overflow: hidden; } .cmsmasters_stats.stats_mode_bars.stats_type_vertical .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner { height: 100%; text-align: center; } .cmsmasters_stats.stats_mode_bars.stats_type_vertical .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner:before { content: none; display: none; } .cmsmasters_stats.stats_mode_bars.stats_type_vertical .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .cmsmasters_stats.stats_mode_bars.stats_type_vertical .cmsmasters_stat_wrap .cmsmasters_stat_title { display: block; margin-bottom: 10px; } .cmsmasters_stats.stats_mode_bars.stats_type_vertical .cmsmasters_stat_wrap .cmsmasters_stat_subtitle { display: block; } .cmsmasters_stats.stats_mode_bars.stats_type_horizontal .cmsmasters_stat_wrap { position: relative; } .cmsmasters_stats.stats_mode_bars.stats_type_horizontal .cmsmasters_stat_wrap:last-child { padding-bottom: 0; } .cmsmasters_stats.stats_mode_bars.stats_type_horizontal .cmsmasters_stat_wrap:before { content: ''; display: block; width: 100%; height: 1px; position: absolute; top: 32px; left: 0; } .cmsmasters_stats.stats_mode_bars.stats_type_horizontal .cmsmasters_stat_wrap .cmsmasters_stat { min-height: 56px; } .cmsmasters_stats.stats_mode_bars.stats_type_horizontal .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner { width: 100%; height: 4px; position: absolute; bottom: 23px; left: 0; } .cmsmasters_stats.stats_mode_bars.stats_type_horizontal .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner .cmsmasters_stat_counter_wrap { left: auto; right: 0; top: 3px; bottom: auto; } .cmsmasters_stats.stats_mode_bars.stats_type_horizontal .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner:before, .cmsmasters_stats.stats_mode_bars.stats_type_horizontal .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner .cmsmasters_stat_title { left: 0; top: auto; bottom: 8px; } .cmsmasters_stats.stats_mode_bars.stats_type_horizontal .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner[class^="cmsmasters-icon-"] .cmsmasters_stat_title, .cmsmasters_stats.stats_mode_bars.stats_type_horizontal .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner[class*=" cmsmasters-icon-"] .cmsmasters_stat_title, .cmsmasters_stats.stats_mode_bars.stats_type_horizontal .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner[class^="cmsmasters_theme_icon_"] .cmsmasters_stat_title, .cmsmasters_stats.stats_mode_bars.stats_type_horizontal .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner[class*=" cmsmasters_theme_icon_"] .cmsmasters_stat_title { left: 30px; } .cmsmasters_stats.stats_mode_bars.stats_type_horizontal .cmsmasters_stat_wrap .cmsmasters_stat_subtitle { display: inline-block; padding: 0 0 25px; } .cmsmasters_stats.stats_mode_circles { margin-top: -40px; } .cmsmasters_stats.stats_mode_circles .cmsmasters_stat_wrap { display: inline-block; float: none; margin: 0; padding: 40px 10px 0; vertical-align: top; text-align: center; } .cmsmasters_stats.stats_mode_circles .cmsmasters_stat_wrap.one_fifth { width: 20%; } .cmsmasters_stats.stats_mode_circles .cmsmasters_stat_wrap.one_fourth { width: 25%; } .cmsmasters_stats.stats_mode_circles .cmsmasters_stat_wrap.one_third { width: 33.3%; } .cmsmasters_stats.stats_mode_circles .cmsmasters_stat_wrap.one_half { width: 50%; } .cmsmasters_stats.stats_mode_circles .cmsmasters_stat_wrap.one_first { width: 100%; } .cmsmasters_stats.stats_mode_circles .cmsmasters_stat_wrap .cmsmasters_stat { display: inline-block; width: 200px; height: 200px; margin: 0 0 12px; } .cmsmasters_stats.stats_mode_circles .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner { width: 190px; height: 190px; padding-top: 75px; position: absolute; left: 5px; top: 5px; z-index: 2; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); } .cmsmasters_stats.stats_mode_circles .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner:before { font-size: 34px; line-height: 34px; } .cmsmasters_stats.stats_mode_circles .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner .cmsmasters_stat_counter_wrap { display: block; text-align: center; } .cmsmasters_stats.stats_mode_circles .cmsmasters_stat_wrap .cmsmasters_stat canvas { width: 200px; height: 200px; position: relative; z-index: 1; -webkit-border-radius: 50%; border-radius: 50%; } .cmsmasters_stats.stats_mode_circles .cmsmasters_stat_wrap .cmsmasters_stat.stat_has_titleicon .cmsmasters_stat_inner { padding-top: 60px; } .cmsmasters_stats.stats_mode_circles .cmsmasters_stat_wrap .cmsmasters_stat.stat_has_titleicon .cmsmasters_stat_inner .cmsmasters_stat_counter_wrap { padding: 2px 0 0; } .cmsmasters_stats.stats_mode_circles .cmsmasters_stat_wrap .cmsmasters_stat_title { display: block; padding: 0; text-align: center; } .cmsmasters_stats.stats_mode_circles .cmsmasters_stat_wrap .cmsmasters_stat_subtitle { display: block; padding: 10px 0 0; text-align: center; } /***************** Counters ******************/ .cmsmasters_counters { position: relative; text-align: center; } .cmsmasters_counters:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .cmsmasters_counters canvas { display: none; } .cmsmasters_counters .cmsmasters_counter_wrap { display: inline-block; padding: 0 2px; margin: 0; float: none; vertical-align: top; text-align: center; } .cmsmasters_counters .cmsmasters_counter_wrap.one_fifth { width: 20%; } .cmsmasters_counters .cmsmasters_counter_wrap.one_fourth { width: 25%; } .cmsmasters_counters .cmsmasters_counter_wrap.one_third { width: 33.3%; } .cmsmasters_counters .cmsmasters_counter_wrap.one_half { width: 50%; } .cmsmasters_counters .cmsmasters_counter_wrap.one_first { width: 100%; } .cmsmasters_counters .cmsmasters_counter_wrap .cmsmasters_counter { min-height: 100px; padding: 0 20px; margin: 0 0 20px; position: relative; overflow: hidden; } .cmsmasters_counters .cmsmasters_counter_wrap .cmsmasters_counter .cmsmasters_counter_inner { display: block; margin: 10px 0; position: relative; } .cmsmasters_counters .cmsmasters_counter_wrap .cmsmasters_counter .cmsmasters_counter_inner:before { border-style: solid; position: absolute; left: 0; top: 0; } .cmsmasters_counters .cmsmasters_counter_wrap .cmsmasters_counter .cmsmasters_counter_inner .cmsmasters_counter_title_wrap { display: block; } .cmsmasters_counters .cmsmasters_counter_wrap .cmsmasters_counter .cmsmasters_counter_inner .cmsmasters_counter_title { display: block; } .cmsmasters_counters .cmsmasters_counter_wrap .cmsmasters_counter .cmsmasters_counter_inner .cmsmasters_counter_counter_wrap { display: inline-block; } .cmsmasters_counters .cmsmasters_counter_wrap .cmsmasters_counter.counter_has_icon .cmsmasters_counter_inner:before { margin-left: 0; margin-right: 0; } .cmsmasters_counters .cmsmasters_counter_wrap .cmsmasters_counter.counter_has_image .cmsmasters_counter_inner:before { background-position: center center; background-repeat: no-repeat; background-size: cover; } .cmsmasters_counters .cmsmasters_counter_wrap .cmsmasters_counter_subtitle { display: block; padding-bottom: 20px; } .cmsmasters_counters.counters_type_vertical .cmsmasters_counter_wrap .cmsmasters_counter .cmsmasters_counter_inner:before { text-align: left; } .cmsmasters_counters.counters_type_vertical .cmsmasters_counter_wrap .cmsmasters_counter .cmsmasters_counter_inner .cmsmasters_counter_counter_wrap { padding: 0; } .cmsmasters_counters.counters_type_vertical .cmsmasters_counter_wrap .cmsmasters_counter .cmsmasters_counter_inner .cmsmasters_counter_title { padding: 14px 0 0; } .cmsmasters_counters.counters_type_vertical .cmsmasters_counter_wrap .cmsmasters_counter_subtitle { display: block; } .cmsmasters_counters.counters_type_horizontal .cmsmasters_counter_wrap .cmsmasters_counter .cmsmasters_counter_inner { margin: 20px 0 0 0; } .cmsmasters_counters.counters_type_horizontal .cmsmasters_counter_wrap .cmsmasters_counter .cmsmasters_counter_inner:before { left: 0; right: auto; top: 15px; bottom: 0; } .cmsmasters_counters.counters_type_horizontal .cmsmasters_counter_wrap .cmsmasters_counter .cmsmasters_counter_inner:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .cmsmasters_counters.counters_type_horizontal .cmsmasters_counter_wrap .cmsmasters_counter .cmsmasters_counter_inner .cmsmasters_counter_title_wrap { display: inline-block; vertical-align: middle; } .cmsmasters_counters.counters_type_horizontal .cmsmasters_counter_wrap .cmsmasters_counter .cmsmasters_counter_title { margin-top: 5px; } .cmsmasters_counters.counters_type_horizontal .cmsmasters_counter_wrap .cmsmasters_counter .cmsmasters_counter_subtitle { margin-top: -10px; } /***************** CMSMASTERS Button ******************/ .cmsmasters_button { display: inline-block; padding: 0 40px; cursor: pointer; position: relative; border-width: 0; border-style: solid; white-space: nowrap; } .cmsmasters_button:before { line-height: inherit !important; position: relative; z-index: 10; } .cmsmasters_button span { position: relative; z-index: 10; } .cmsmasters_button.cmsmasters_but_clear_styles { background: none; border: 0; margin: 0; padding: 0 20px; overflow: hidden; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .cmsmasters_button.cmsmasters_but_clear_styles:hover { margin: 0; -webkit-box-shadow: none; box-shadow: none; } .cmsmasters_button.cmsmasters_but_clear_styles:after { content: ''; position: absolute; } .cmsmasters_button.cmsmasters_but_bg_hover { border-width: 1px; border-style: solid; } .cmsmasters_button.cmsmasters_but_bd_underline { border-left-width: 0; border-left-style: solid; border-right-width: 0; border-right-style: solid; border-top-width: 0; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; } #page .cmsmasters_button.cmsmasters_but_bd_underline:before { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .cmsmasters_button.cmsmasters_but_bg_slide_left { border-width: 1px; border-style: solid; } .cmsmasters_button.cmsmasters_but_bg_slide_left:after { width: 100%; height: 100%; left: -100%; top: 0; } .cmsmasters_button.cmsmasters_but_bg_slide_left:hover:after { left: 0%; } .cmsmasters_button.cmsmasters_but_bg_slide_right { border-width: 1px; border-style: solid; } .cmsmasters_button.cmsmasters_but_bg_slide_right:after { width: 100%; height: 100%; right: -100%; top: 0; } .cmsmasters_button.cmsmasters_but_bg_slide_right:hover:after { right: 0%; } .cmsmasters_button.cmsmasters_but_bg_slide_top { border-width: 1px; border-style: solid; } .cmsmasters_button.cmsmasters_but_bg_slide_top:after { width: 100%; height: 0; left: 0; top: 0; } .cmsmasters_button.cmsmasters_but_bg_slide_top:hover:after { height: 100%; } .cmsmasters_button.cmsmasters_but_bg_slide_bottom { border-width: 1px; border-style: solid; } .cmsmasters_button.cmsmasters_but_bg_slide_bottom:after { width: 100%; height: 0; left: 0; bottom: 0; } .cmsmasters_button.cmsmasters_but_bg_slide_bottom:hover:after { height: 100%; } .cmsmasters_button.cmsmasters_but_bg_expand_vert { border-width: 1px; border-style: solid; } .cmsmasters_button.cmsmasters_but_bg_expand_vert:after { width: 0; height: 105%; left: 50%; top: 50%; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .cmsmasters_button.cmsmasters_but_bg_expand_vert:hover:after { width: 90%; opacity: 1; } .cmsmasters_button.cmsmasters_but_bg_expand_hor { border-width: 1px; border-style: solid; } .cmsmasters_button.cmsmasters_but_bg_expand_hor:after { width: 105%; height: 0; left: 50%; top: 50%; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .cmsmasters_button.cmsmasters_but_bg_expand_hor:hover:after { height: 75%; opacity: 1; } .cmsmasters_button.cmsmasters_but_bg_expand_diag { border-width: 1px; border-style: solid; } .cmsmasters_button.cmsmasters_but_bg_expand_diag:after { width: 500%; height: 0; left: 50%; top: 50%; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } .cmsmasters_button.cmsmasters_but_bg_expand_diag:hover:after { height: 170%; opacity: 1; } .cmsmasters_button.cmsmasters_but_shadow { padding-bottom: 3px; -webkit-box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2); box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2); } #page .cmsmasters_button.cmsmasters_but_shadow { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .cmsmasters_button.cmsmasters_but_shadow:hover { padding-bottom: 0; margin-top: 3px; -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.02); box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.02); } .cmsmasters_button.cmsmasters_but_icon_dark_bg:before, .cmsmasters_button.cmsmasters_but_icon_light_bg:before, .cmsmasters_button.cmsmasters_but_icon_divider:before, .cmsmasters_button.cmsmasters_but_icon_inverse:before { margin: auto !important; position: absolute; left: 0; top: 0; } .cmsmasters_button.cmsmasters_but_icon_dark_bg:after, .cmsmasters_button.cmsmasters_but_icon_light_bg:after, .cmsmasters_button.cmsmasters_but_icon_divider:after, .cmsmasters_button.cmsmasters_but_icon_inverse:after { content: ''; background-color: rgba(0, 0, 0, 0.2); height: 100%; position: absolute; left: 0; top: 0; } .cmsmasters_button.cmsmasters_but_icon_dark_bg:hover:before, .cmsmasters_button.cmsmasters_but_icon_light_bg:hover:before, .cmsmasters_button.cmsmasters_but_icon_divider:hover:before { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); } .cmsmasters_button.cmsmasters_but_icon_light_bg:after { background-color: rgba(255, 255, 255, 0.2); } .cmsmasters_button.cmsmasters_but_icon_divider:after { background-color: transparent; border-right-width: 1px; border-right-style: solid; } .cmsmasters_button.cmsmasters_but_icon_inverse { border-width: 1px; border-style: solid; } .cmsmasters_button.cmsmasters_but_icon_inverse:after { background-color: transparent; } .cmsmasters_button.cmsmasters_but_icon_slide_left, .cmsmasters_button.cmsmasters_but_icon_slide_right { padding-left: 40px; padding-right: 40px; border-width: 1px; border-style: solid; } .cmsmasters_button.cmsmasters_but_icon_slide_left:before { width: 40px; height: auto; margin: auto !important; position: absolute; left: -40px; right: auto; top: 0; bottom: 0; } .cmsmasters_button.cmsmasters_but_icon_slide_left:hover:before { left: 0; } .cmsmasters_button.cmsmasters_but_icon_slide_right:before { width: 40px; height: auto; margin: auto !important; position: absolute; left: auto; right: -40px; top: 0; bottom: 0; } .cmsmasters_button.cmsmasters_but_icon_slide_right:hover:before { right: 0; } .cmsmasters_button.cmsmasters_but_icon_hover_slide_left, .cmsmasters_button.cmsmasters_but_icon_hover_slide_right, .cmsmasters_button.cmsmasters_but_icon_hover_slide_top, .cmsmasters_button.cmsmasters_but_icon_hover_slide_bottom { border-width: 1px; border-style: solid; } .cmsmasters_button.cmsmasters_but_icon_hover_slide_left:before, .cmsmasters_button.cmsmasters_but_icon_hover_slide_right:before, .cmsmasters_button.cmsmasters_but_icon_hover_slide_top:before, .cmsmasters_button.cmsmasters_but_icon_hover_slide_bottom:before { width: 100%; height: auto; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .cmsmasters_button.cmsmasters_but_icon_hover_slide_left span, .cmsmasters_button.cmsmasters_but_icon_hover_slide_right span, .cmsmasters_button.cmsmasters_but_icon_hover_slide_top span, .cmsmasters_button.cmsmasters_but_icon_hover_slide_bottom span { display: block; position: relative; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .cmsmasters_button.cmsmasters_but_icon_hover_slide_left:before { left: -200%; } .cmsmasters_button.cmsmasters_but_icon_hover_slide_left:hover:before { left: 0; } .cmsmasters_button.cmsmasters_but_icon_hover_slide_left:hover span { -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); -o-transform: translateX(200%); transform: translateX(200%); } .cmsmasters_button.cmsmasters_but_icon_hover_slide_right:before { right: -200%; } .cmsmasters_button.cmsmasters_but_icon_hover_slide_right:hover:before { right: 0; } .cmsmasters_button.cmsmasters_but_icon_hover_slide_right:hover span { -webkit-transform: translateX(-200%); -moz-transform: translateX(-200%); -ms-transform: translateX(-200%); -o-transform: translateX(-200%); transform: translateX(-200%); } .cmsmasters_button.cmsmasters_but_icon_hover_slide_top:before { top: -200%; } .cmsmasters_button.cmsmasters_but_icon_hover_slide_top:hover:before { top: 0; } .cmsmasters_button.cmsmasters_but_icon_hover_slide_top:hover span { -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); -o-transform: translateY(200%); transform: translateY(200%); } .cmsmasters_button.cmsmasters_but_icon_hover_slide_bottom:before { top: 200%; } .cmsmasters_button.cmsmasters_but_icon_hover_slide_bottom:hover:before { top: 0; } .cmsmasters_button.cmsmasters_but_icon_hover_slide_bottom:hover span { -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); -o-transform: translateY(-200%); transform: translateY(-200%); } /***************** Contact Form 7 ******************/ .wpcf7-form input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]):not([type=color]):not([type=range]), .wpcf7-form select, .wpcf7-form textarea, .wpcf7-form option { min-width: 100px; width: 100%; } /***************** Hover slider ******************/ .cmsmasters_hover_slider { position: relative; overflow: hidden; } .cmsmasters_hover_slider li:before { display: none; } .cmsmasters_hover_slider .cmsmasters_hover_slider_items { list-style: none; width: 100%; height: 1px; padding: 0 0 63.79%; margin: 0; position: relative; } .cmsmasters_hover_slider .cmsmasters_hover_slider_items li { list-style: none; padding: 0; width: 100%; height: 100%; visibility: hidden; position: absolute; left: 0; top: 0; opacity: 0; } .cmsmasters_hover_slider .cmsmasters_hover_slider_items .cmsmasters_hover_slider_full_img { width: 100%; max-width: 100%; height: 100%; max-height: 100%; } .cmsmasters_hover_slider .cmsmasters_hover_slider_items img { display: block; width: 100%; max-width: 100%; height: 100%; max-height: 100%; position: absolute; } .cmsmasters_hover_slider .cmsmasters_hover_slider_thumbs { font-size: 0; line-height: 0; margin: 0 -5px; padding: 0; word-spacing: -1px; } .cmsmasters_hover_slider .cmsmasters_hover_slider_thumbs li { word-spacing: normal; display: inline-block; display: -moz-inline-stack; padding: 10px 5px 0; vertical-align: top; } .cmsmasters_hover_slider .cmsmasters_hover_slider_thumbs li.shortcode_animated a { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 1; } .cmsmasters_hover_slider .cmsmasters_hover_slider_thumbs li.hovered_item a:before { opacity: 1; } .cmsmasters_hover_slider .cmsmasters_hover_slider_thumbs li img { image-rendering: auto; } .cmsmasters_hover_slider .cmsmasters_hover_slider_thumbs a { display: block; position: relative; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5); overflow: hidden; opacity: 0.3; } .cmsmasters_hover_slider .cmsmasters_hover_slider_thumbs a:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; } .cmsmasters_hover_slider .cmsmasters_hover_slider_thumbs a:hover:before { opacity: 1; } .cmsmasters_hover_slider .cmsmasters_hover_slider_thumbs img { display: block; width: 100px; height: auto; image-rendering: auto; } .js_body .cmsmasters_hover_slider_items > li > figure.cmsmasters_hover_slider_full_img img { position: absolute; } /***************** Content slider ******************/ .cmsmasters_content_slider { padding-bottom: 40px; position: relative; } .cmsmasters_content_slider img { width: 100%; } .cmsmasters_content_slider .owl-buttons { margin-top: -32px; } .cmsmasters_content_slider .owl-pagination { bottom: 5px; } /***************** Gallery ******************/ .cmsmasters_gallery { margin: 0 0 0 -10px; padding: 0; } .cmsmasters_gallery .cmsmasters_gallery_item { min-width: 180px; padding: 0 0 10px 10px; float: left; opacity: 0; } .cmsmasters_gallery .cmsmasters_gallery_item:before { display: none; } .cmsmasters_gallery .cmsmasters_gallery_item img { display: block; width: 100%; image-rendering: auto; } .cmsmasters_gallery .cmsmasters_gallery_item.shortcode_animated { opacity: 1; } .cmsmasters_gallery .cmsmasters_gallery_item.cmsmasters_caption figure { display: block; padding: 20px 20px 15px; } .cmsmasters_gallery .cmsmasters_gallery_item.cmsmasters_caption figcaption { padding: 15px 0 0; text-align: center; } .ilightbox-thumbnails.dark .ilightbox-thumbnails-grid .ilightbox-thumbnail img { image-rendering: auto; } /***************** Quotes ******************/ .cmsmasters_quotes_slider { padding: 0 0 25px; position: relative; overflow: hidden; } .cmsmasters_quotes_slider:before { content: '\201c'; font-family: 'Fira Sans', Arial, Helvetica, 'Nimbus Sans L', sans-serif; font-size: 400px; line-height: 275px; position: absolute; height: 90px; top: 31px; left: 290px; opacity: 0.1; } .cmsmasters_quotes_slider .owl-buttons { visibility: hidden; display: none; } .cmsmasters_quotes_slider .cmsmasters_quote { position: relative; overflow: hidden; } .cmsmasters_quotes_slider .cmsmasters_quote_inner { position: relative; overflow: hidden; } .cmsmasters_quotes_slider .cmsmasters_quote_image { margin: 0 140px 0 0; float: left; text-align: center; overflow: hidden; } .cmsmasters_quotes_slider .cmsmasters_quote_image img { width: 260px; } .cmsmasters_quotes_slider .cmsmasters_quote_header { margin: 0 12px 0 0; display: inline-block; overflow: hidden; } .cmsmasters_quotes_slider .cmsmasters_quote_title { margin: 0; } .cmsmasters_quotes_slider .cmsmasters_quote_subtitle_wrap { display: inline-block; letter-spacing: 1.5px; overflow: hidden; } .cmsmasters_quotes_slider .cmsmasters_quote_subtitle { display: inline-block; margin: 0 4px 0 0; } .cmsmasters_quotes_slider .cmsmasters_quote_site { display: inline-block; letter-spacing: 1px; } .cmsmasters_quotes_slider .cmsmasters_quote_content { margin: 25px 0 0; position: relative; overflow: hidden; } .cmsmasters_quotes_slider .cmsmasters_quote_content > *:last-child { margin-bottom: 0; padding-bottom: 0; } .cmsmasters_quotes_slider .owl-pagination { left: 400px; text-align: left; } .cmsmasters_quotes_grid { position: relative; overflow: hidden; } .cmsmasters_quotes_grid .cmsmasters_quotes_list { padding: 0; position: relative; margin: -2%; clear: both; z-index: 2; } .cmsmasters_quotes_grid .cmsmasters_quotes_list:first-of-type { padding-top: 0; } .cmsmasters_quotes_grid .cmsmasters_quotes_list:last-of-type { padding-bottom: 20px; } .quote_three.cmsmasters_quotes_grid .cmsmasters_quotes_list .cmsmasters_quote:nth-child(3) .cmsmasters_quote_inner { border: none; } .quote_two.cmsmasters_quotes_grid .cmsmasters_quotes_list .cmsmasters_quote:nth-child(2) .cmsmasters_quote_inner { border: none; } .cmsmasters_quotes_grid .cmsmasters_quote { width: 96%; position: relative; margin: 2%; float: left; } .quote_four.cmsmasters_quotes_grid .cmsmasters_quote { width: 21%; } .quote_three.cmsmasters_quotes_grid .cmsmasters_quote { width: 29.33%; } .quote_two.cmsmasters_quotes_grid .cmsmasters_quote { width: 46%; } .quote_one.cmsmasters_quotes_grid .cmsmasters_quote { float: none; } .cmsmasters_quotes_grid .cmsmasters_quote_inner { padding: 22px 0; position: relative; overflow: hidden; } .quote_two.cmsmasters_quotes_grid .cmsmasters_quote_inner { padding: 15px 0; } .quote_four.cmsmasters_quotes_grid .cmsmasters_quote_inner { padding: 0; text-align: center; } .quote_two.cmsmasters_quotes_grid .cmsmasters_quote_subtitle_wrap, .quote_three.cmsmasters_quotes_grid .cmsmasters_quote_subtitle_wrap { display: block; } .quote_two.cmsmasters_quotes_grid .cmsmasters_quote_content, .quote_three.cmsmasters_quotes_grid .cmsmasters_quote_content { clear: both; padding-top: 40px; } .quote_two.cmsmasters_quotes_grid .cmsmasters_quote_grid_content_wrap, .quote_three.cmsmasters_quotes_grid .cmsmasters_quote_grid_content_wrap { padding: 15px 0 0; } .quote_two.cmsmasters_quotes_grid .cmsmasters_quote_inner, .quote_three.cmsmasters_quotes_grid .cmsmasters_quote_inner { padding: 3px 35px 5px 0; border-right-width: 1px; border-right-style: solid; } .quote_two.cmsmasters_quotes_grid .cmsmasters_quotes_list:not(:only-of-type) .cmsmasters_quote_inner, .quote_three.cmsmasters_quotes_grid .cmsmasters_quotes_list:not(:only-of-type) .cmsmasters_quote_inner, .quote_four.cmsmasters_quotes_grid .cmsmasters_quotes_list:not(:only-of-type) .cmsmasters_quote_inner { border-right-width: 0; border-right-style: solid; } .cmsmasters_quotes_grid .cmsmasters_quote_grid_content_wrap { padding: 0 0 3px; overflow: hidden; } .quote_four.cmsmasters_quotes_grid .cmsmasters_quote_grid_content_wrap { padding: 0; } .cmsmasters_quotes_grid .cmsmasters_quote_image { margin: 0 25px 0 0; -webkit-border-radius: 50%; border-radius: 50%; float: left; overflow: hidden; } .quote_four.cmsmasters_quotes_grid .cmsmasters_quote_image { float: none; margin: 0 0 15px; display: inline-block; text-align: center; } .quote_four.cmsmasters_quotes_grid .cmsmasters_quote_image img { width: 72px; } .cmsmasters_quotes_grid .cmsmasters_quote_image img { width: 75px; } .quote_four.cmsmasters_quotes_grid .cmsmasters_quote_info_wrap { padding: 0 0 20px; display: block; text-align: center; } .cmsmasters_quotes_grid .cmsmasters_quote_header { margin: 0 25px 0 0; display: inline-block; overflow: hidden; } .quote_four.cmsmasters_quotes_grid .cmsmasters_quote_header { margin: 0; display: block; text-align: center; } .cmsmasters_quotes_grid .cmsmasters_quote_title { margin: 0; } .cmsmasters_quotes_grid .cmsmasters_quote_subtitle_wrap { display: inline-block; letter-spacing: 1.5px; overflow: hidden; } .quote_four.cmsmasters_quotes_grid .cmsmasters_quote_subtitle_wrap { display: block; text-align: center; } .cmsmasters_quotes_grid .cmsmasters_quote_subtitle { display: inline-block; margin: 0 5px 0 0; } .quote_four.cmsmasters_quotes_grid .cmsmasters_quote_subtitle { margin: 0; display: block; text-align: center; } .cmsmasters_quotes_grid .cmsmasters_quote_site { display: inline-block; } .cmsmasters_quotes_grid .cmsmasters_quote_content { margin: 0; position: relative; overflow: hidden; } .quote_four.cmsmasters_quotes_grid .cmsmasters_quote_content { text-align: center; } .cmsmasters_quotes_grid .cmsmasters_quote_content > *:last-child { margin-bottom: 0; padding-bottom: 0; } /***************** Pricing tables ******************/ .cmsmasters_pricing_table { margin: 0 -20px; position: relative; overflow: hidden; } .cmsmasters_pricing_table .cmsmasters_pricing_item { display: block; padding: 0 20px; margin-bottom: 20px; position: relative; float: left; overflow: hidden; } .pricing_four.cmsmasters_pricing_table .cmsmasters_pricing_item { width: 25%; } .pricing_three.cmsmasters_pricing_table .cmsmasters_pricing_item { width: 33.33%; } .pricing_two.cmsmasters_pricing_table .cmsmasters_pricing_item { width: 50%; } .pricing_one.cmsmasters_pricing_table .cmsmasters_pricing_item { float: none; } .cmsmasters_pricing_table .cmsmasters_pricing_item_inner { position: relative; padding: 30px 10px 0 10px; text-align: center; border-width: 2px; border-style: solid; } .cmsmasters_pricing_table .cmsmasters_pricing_info_wrap { padding: 30px 10px 25px; overflow: hidden; } .cmsmasters_pricing_table .pricing_title { margin: 0; letter-spacing: 1.5px; text-align: center; } .cmsmasters_pricing_table .cmsmasters_price_wrap { word-spacing: -15px; overflow: hidden; text-align: center; } .cmsmasters_pricing_table .cmsmasters_price { display: inline-block; } .cmsmasters_pricing_table .cmsmasters_currency, .cmsmasters_pricing_table .cmsmasters_coins { font-size: 37%; display: inline-block; vertical-align: super; } .cmsmasters_pricing_table .cmsmasters_period { letter-spacing: 1.5px; display: block; margin: 20px 0 -10px 0; word-spacing: 0; text-align: center; } .cmsmasters_pricing_table .feature_list { list-style: none; margin: 0; padding: 30px 0 0; text-align: center; } .cmsmasters_pricing_table .feature_list li { margin: 0; padding: 4px 0; } .cmsmasters_pricing_table .feature_list li:before { content: none; } .cmsmasters_pricing_table .pricing_best .cmsmasters_pricing_item_inner { border-width: 2px; border-style: solid; } .cmsmasters_pricing_table .cmsmasters_pricing_but_wrap { padding: 0 0 40px; text-align: center; overflow: hidden; } .cmsmasters_pricing_table .cmsmasters_pricing_info_wrap + .cmsmasters_pricing_but_wrap { padding-top: 40px; } /***************** Google Maps ******************/ .resizable_block .google_map { position: absolute; width: 100%; left: 0; top: 0; height: 100%; } .google_map img { max-width: none; } /***************** Caption ******************/ .cmsmasters_img { display: inline-block; max-width: 100%; } .cmsmasters_img.cmsmasters_image_l { margin-right: 20px; float: left; } .cmsmasters_img.cmsmasters_image_r { margin-left: 20px; float: right; } .cmsmasters_img.with_caption { padding: 20px 20px 0 20px; border-width: 1px; border-style: solid; } .cmsmasters_img .cmsmasters_img_caption { padding: 15px 0; text-align: center; } .wp-caption { max-width: 100%; padding: 0; margin-bottom: 20px; } .wp-caption.aligncenter { margin-left: auto; margin-right: auto; } .wp-caption.alignleft { margin-right: 25px; } .wp-caption.alignright { margin-left: 25px; } .wp-caption > a { display: block; } .wp-caption .wp-caption-text { padding: 15px 0; text-align: center; } /***************** WP Gallery ******************/ .gallery { position: relative; margin: 0 -2% 20px; } .gallery img { width: 100%; border: none; } .gallery .gallery-item { position: relative; float: left; margin: 0 2% 20px; } .gallery .gallery-item .wp-caption-text { padding: 5px; text-align: center; -ms-word-wrap: break-word; word-wrap: break-word; } .gallery.gallery-columns-1 .gallery-item { width: 96%; position: relative; float: none; display: block; clear: both; } .gallery.gallery-columns-2 .gallery-item { width: 46%; } .gallery.gallery-columns-2 .gallery-item:nth-child(2n+1) { display: block; clear: both; } .gallery.gallery-columns-3 .gallery-item { width: 29.333%; } .gallery.gallery-columns-3 .gallery-item:nth-child(3n+1) { display: block; clear: both; } .gallery.gallery-columns-4 .gallery-item { width: 21%; } .gallery.gallery-columns-4 .gallery-item:nth-child(4n+1) { display: block; clear: both; } .gallery.gallery-columns-5 .gallery-item { width: 16%; } .gallery.gallery-columns-5 .gallery-item:nth-child(5n+1) { display: block; clear: both; } .gallery.gallery-columns-6 .gallery-item { width: 12.657%; } .gallery.gallery-columns-6 .gallery-item:nth-child(6n+1) { display: block; clear: both; } .gallery.gallery-columns-7 .gallery-item { width: 10.276%; } .gallery.gallery-columns-7 .gallery-item:nth-child(7n+1) { display: block; clear: both; } .gallery.gallery-columns-8 .gallery-item { width: 8.5%; } .gallery.gallery-columns-8 .gallery-item:nth-child(8n+1) { display: block; clear: both; } .gallery.gallery-columns-9 .gallery-item { width: 7.111%; } .gallery.gallery-columns-9 .gallery-item:nth-child(9n+1) { display: block; clear: both; } .gallery:after, .gallery-item:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .gallery-caption { outline: none; } /***************** Sidebar ******************/ .cmsmasters_sidebar { margin: 0 -2%; } .cmsmasters_sidebar aside { margin: 0 2%; float: left; } .sidebar_layout_14141414 aside { width: 21%; } .sidebar_layout_141412 > aside:first-child, .sidebar_layout_141412 > aside:first-child + aside, .sidebar_layout_141412 > div.cl + aside, .sidebar_layout_141412 > div.cl + aside + aside, .sidebar_layout_141412 > div.cmsmasters_widget_divider + aside, .sidebar_layout_141412 > div.cmsmasters_widget_divider + aside + aside { width: 21%; } .sidebar_layout_141412 > aside:first-child + aside + aside, .sidebar_layout_141412 > div.cl + aside + aside + aside, .sidebar_layout_141412 > div.cmsmasters_widget_divider + aside + aside + aside { width: 46%; } .sidebar_layout_141214 > aside:first-child, .sidebar_layout_141214 > aside:first-child + aside + aside, .sidebar_layout_141214 > div.cl + aside, .sidebar_layout_141214 > div.cl + aside + aside + aside, .sidebar_layout_141214 > div.cmsmasters_widget_divider + aside, .sidebar_layout_141214 > div.cmsmasters_widget_divider + aside + aside + aside { width: 21%; } .sidebar_layout_141214 > aside:first-child + aside, .sidebar_layout_141214 > div.cl + aside + aside, .sidebar_layout_141214 > div.cmsmasters_widget_divider + aside + aside { width: 46%; } .sidebar_layout_121414 > aside:first-child, .sidebar_layout_121414 > div.cl + aside, .sidebar_layout_121414 > div.cmsmasters_widget_divider + aside { width: 46%; } .sidebar_layout_121414 > aside:first-child + aside, .sidebar_layout_121414 > aside:first-child + aside + aside, .sidebar_layout_121414 > div.cl + aside + aside, .sidebar_layout_121414 > div.cl + aside + aside + aside, .sidebar_layout_121414 > div.cmsmasters_widget_divider + aside + aside, .sidebar_layout_121414 > div.cmsmasters_widget_divider + aside + aside + aside { width: 21%; } .sidebar_layout_131313 aside { width: 29.33%; } .sidebar_layout_3414 > aside:first-child, .sidebar_layout_3414 > div.cl + aside, .sidebar_layout_3414 > div.cmsmasters_widget_divider + aside { width: 71%; } .sidebar_layout_3414 > aside:first-child + aside, .sidebar_layout_3414 > div.cl + aside + aside, .sidebar_layout_3414 > div.cmsmasters_widget_divider + aside + aside { width: 21%; } .sidebar_layout_1434 > aside:first-child, .sidebar_layout_1434 > div.cl + aside, .sidebar_layout_1434 > div.cmsmasters_widget_divider + aside { width: 21%; } .sidebar_layout_1434 > aside:first-child + aside, .sidebar_layout_1434 > div.cl + aside + aside, .sidebar_layout_1434 > div.cmsmasters_widget_divider + aside + aside { width: 71%; } .sidebar_layout_2313 > aside:first-child, .sidebar_layout_2313 > div.cl + aside, .sidebar_layout_2313 > div.cmsmasters_widget_divider + aside { width: 62.67%; } .sidebar_layout_2313 > aside:first-child + aside, .sidebar_layout_2313 > div.cl + aside + aside, .sidebar_layout_2313 > div.cmsmasters_widget_divider + aside + aside { width: 29.33%; } .sidebar_layout_1323 > aside:first-child, .sidebar_layout_1323 > div.cl + aside, .sidebar_layout_1323 > div.cmsmasters_widget_divider + aside { width: 29.33%; } .sidebar_layout_1323 > aside:first-child + aside, .sidebar_layout_1323 > div.cl + aside + aside, .sidebar_layout_1323 > div.cmsmasters_widget_divider + aside + aside { width: 62.67%; } .sidebar_layout_1212 aside { width: 46%; } .sidebar_layout_11 aside { width: 96%; } /***************** Share ******************/ .cmsmasters_sharing { overflow: hidden; } .share_wrap { float: left; margin-bottom: 20px; margin-right: 20px; } .share_wrap:last-child { margin-right: 0; } .social_vertical .share_wrap { float: none; margin-right: 0; } /***************** Twitter Stripe ******************/ .cmsmasters_twitter_wrap { position: relative; overflow: hidden; } .cmsmasters_twitter_wrap .owl-pagination { visibility: hidden; display: none; } .cmsmasters_twitter_wrap .owl-buttons > div { left: 0; } .cmsmasters_twitter_wrap .owl-buttons > div.owl-next { left: auto; right: 0; } .cmsmasters_twitter_wrap .tweet_time:before { display: inline-block; position: relative; font-size: 27px; width: 30px; padding-right: 35px; vertical-align: middle; } .cmsmasters_twitter_wrap .cmsmasters_twitter { position: relative; } .cmsmasters_twitter_wrap .cmsmasters_twitter_item { padding: 20px 85px; position: relative; text-align: center; } .cmsmasters_twitter_wrap .published { padding: 0; } .cmsmasters_twitter_wrap .cmsmasters_twitter_item_content { display: block; padding-bottom: 35px; } /***************** Dropcap ******************/ .cmsmasters_dropcap { margin: 5px 33px 5px 23px; line-height: 50px; float: left; } .cmsmasters_dropcap.type2 { width: 50px; height: 50px; margin: 5px 25px 5px 0; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; } /***************** Clients ******************/ .cmsmasters_clients_slider { margin: 0; padding: 0; } .enable_slider_control .cmsmasters_clients_slider { padding: 35px 0; } .cmsmasters_clients_slider .cmsmasters_owl_slider_item { min-width: 250px; } .cmsmasters_clients_item { font-size: 0; line-height: 180px; height: 180px; vertical-align: middle; position: relative; text-align: center; } .cmsmasters_clients_item img { display: inline-block; padding: 0 20px; max-width: 100%; max-height: 100%; height: auto; width: auto; vertical-align: middle; } .cmsmasters_clients_item a { line-height: 180px; display: block; height: 100%; } .cmsmasters_clients_item:hover { outline: none; } .cmsmasters_clients_grid { overflow: hidden; } .cmsmasters_clients_grid.clients_five .cmsmasters_clients_item { width: 20%; } .cmsmasters_clients_grid.clients_four .cmsmasters_clients_item { width: 25%; } .cmsmasters_clients_grid.clients_three .cmsmasters_clients_item { width: 33.33%; } .cmsmasters_clients_grid.clients_two .cmsmasters_clients_item { width: 50%; } .cmsmasters_clients_grid .cmsmasters_clients_items { height: auto; } .cmsmasters_clients_grid .cmsmasters_clients_item { margin-bottom: 20px; float: left; } .cmsmasters_clients_grid .cmsmasters_clients_item img { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5); opacity: 0.1; } .cmsmasters_clients_grid .cmsmasters_clients_item.shortcode_animated img { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 1; } .cmsmasters_clients_grid.clients_one .cmsmasters_clients_item:last-child, .cmsmasters_clients_grid.clients_one .cmsmasters_clients_item { width: 100%; float: none; height: auto; line-height: 0; } .cmsmasters_clients_grid.clients_two .cmsmasters_clients_item:nth-child(2n+1), .cmsmasters_clients_grid.clients_three .cmsmasters_clients_item:nth-child(3n+1), .cmsmasters_clients_grid.clients_four .cmsmasters_clients_item:nth-child(4n+1), .cmsmasters_clients_grid.clients_five .cmsmasters_clients_item:nth-child(5n+1) { clear: both; } /*-------------------------------------------------------------------------*/ /* Widgets Styles /*-------------------------------------------------------------------------*/ .widget { position: relative; padding: 0 0 40px; } .widget .widgettitle { margin-bottom: 20px; } /***************** Widget Advertisement ******************/ .widget_custom_advertisement_entries .widgettitle { margin-bottom: 25px; } .widget_custom_advertisement_entries .adv_image_wrap { margin: -5px; overflow: hidden; } .widget_custom_advertisement_entries .adv_image_wrap .adv_widget_image { width: 125px; height: 125px; float: left; margin: 5px; } /***************** Widget Lists ******************/ .widget_pages ul, .widget_categories ul, .widget_archive ul, .widget_meta ul, .widget_recent_comments ul, .widget_recent_entries ul { margin: 0; padding: 0; } .widget_pages ul ul, .widget_categories ul ul, .widget_archive ul ul, .widget_meta ul ul, .widget_recent_comments ul ul, .widget_recent_entries ul ul { margin: 0; padding: 5px 0 0 10px; } .widget_pages ul li, .widget_categories ul li, .widget_archive ul li, .widget_meta ul li, .widget_recent_comments ul li, .widget_recent_entries ul li { margin: 0; padding: 4px 0; } .widget_pages ul li:before, .widget_categories ul li:before, .widget_archive ul li:before, .widget_meta ul li:before, .widget_recent_comments ul li:before, .widget_recent_entries ul li:before { content: none; } .widget_pages ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_meta ul li a, .widget_recent_comments ul li a, .widget_recent_entries ul li a { outline: none; } .widget_pages .post-date, .widget_categories .post-date, .widget_archive .post-date, .widget_meta .post-date, .widget_recent_comments .post-date, .widget_recent_entries .post-date { display: block; margin: -3px 0 0; padding-bottom: 10px; } .widget_text .screen-reader-text, .widget_pages .screen-reader-text, .widget_meta .screen-reader-text, .widget_categories .screen-reader-text, .widget_archive .screen-reader-text { display: none; } .widget_text ul li, .widget_pages ul li, .widget_meta ul li, .widget_categories ul li, .widget_archive ul li { padding: 5px; } .widget_text ul li:before, .widget_pages ul li:before, .widget_meta ul li:before, .widget_categories ul li:before, .widget_archive ul li:before { content: ''; display: inline-block; vertical-align: middle; height: 5px; width: 5px; position: relative; left: -5px; top: -1px; } .widget_text ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_categories ul li a, .widget_archive ul li a { outline: none; } /***************** Widget Calendar ******************/ #wp-calendar { border-spacing: 0; width: auto; min-width: 200px; } #wp-calendar caption { text-align: left; padding: 0 0 10px; text-align: center; } #wp-calendar td, #wp-calendar th { padding: 5px 0; text-align: center; } #wp-calendar tfoot #prev { text-align: left; } #wp-calendar tfoot #next { text-align: right; } #wp-calendar tfoot a { display: inline-block; padding-top: 10px; } /***************** Widget Contact Form ******************/ .widget_custom_contact_form_entries input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]):not([type=color]):not([type=range]), .widget_custom_contact_form_entries textarea, .widget_custom_contact_form_entries select { width: 100%; } .widget_custom_contact_form_entries .form_info.submit_wrap { padding-top: 0; } /***************** Widget Contact Info ******************/ .widget_custom_contact_info_entries { position: relative; overflow: hidden; } .widget_custom_contact_info_entries > span, .widget_custom_contact_info_entries .adress_wrap { display: block; margin: 20px 0 0; padding: 0 0 0 30px; position: relative; } .widget_custom_contact_info_entries > span:first-child, .widget_custom_contact_info_entries .adress_wrap:first-child { margin: 0; } .widget_custom_contact_info_entries > span:before, .widget_custom_contact_info_entries .adress_wrap:before { font-size: 16px; line-height: 18px; text-align: center; width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: auto; top: 0; bottom: 0; } .widget_custom_contact_info_entries .adress_wrap span { display: block; } .widget_custom_contact_info_entries .adress_wrap:before { top: 4px; bottom: auto; } /***************** Widget Custom Menu ******************/ .widget_nav_menu { position: relative; overflow: hidden; } .widget_nav_menu ul { margin: 0; padding: 0; } .widget_nav_menu ul li { margin: 0; padding: 2px 0 0; } .widget_nav_menu ul li:before { content: none; } .widget_nav_menu ul li a { display: block; } .widget_nav_menu ul li a:empty { display: none; } .widget_nav_menu .menu { position: relative; } .widget_nav_menu .menu > li { padding: 8px 1px; border-bottom-width: 1px; border-bottom-style: solid; } .widget_nav_menu .menu > li:last-child { border: none; } .widget_nav_menu .menu > li > a { padding: 0; position: relative; } .widget_nav_menu .menu ul { padding: 5px 0 0 10px; } .widget_nav_menu .menu ul a { padding: 4px 10px; } .widget_nav_menu .menu ul ul a { padding-left: 25px; } /***************** Widget Facebook ******************/ .widget_custom_facebook_entries iframe { margin-bottom: 0; } /***************** Widget Flickr ******************/ .widget_custom_flickr_entries .wrap { margin: 0 -7px; } .widget_custom_flickr_entries .more_button { display: none; } .widget_custom_flickr_entries .flickr_badge_image { margin: 0 7px 18px; float: left; } /***************** Widget Latest and Popular Projects ******************/ .widget_custom_popular_projects_entries, .widget_custom_latest_projects_entries { position: relative; } .widget_custom_popular_projects_entries .owl-pagination, .widget_custom_latest_projects_entries .owl-pagination { display: none; } .widget_custom_popular_projects_entries .cmsmasters_slider_project_content, .widget_custom_latest_projects_entries .cmsmasters_slider_project_content { display: none; } .widget_custom_popular_projects_entries .widget_custom_projects_entries_slides, .widget_custom_latest_projects_entries .widget_custom_projects_entries_slides { padding: 40px 0 0; } .widget_custom_popular_projects_entries .widgettitle + .widget_custom_projects_entries_slides, .widget_custom_latest_projects_entries .widgettitle + .widget_custom_projects_entries_slides { padding: 0; } .widget_custom_popular_projects_entries .cmsmasters_slider_project, .widget_custom_latest_projects_entries .cmsmasters_slider_project { padding: 0 1px 2px; } .widget_custom_popular_projects_entries .cmsmasters_slider_project .cmsmasters_slider_project_likes, .widget_custom_latest_projects_entries .cmsmasters_slider_project .cmsmasters_slider_project_likes { display: none; } /***************** Widget Posts Tabs ******************/ .widget_custom_posts_tabs_entries { position: relative; overflow: hidden; } .widget_custom_posts_tabs_entries .cmsmasters_tabs { position: relative; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tabs_list { text-align: left; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tabs_list_item { display: inline-block; vertical-align: middle; margin: 0; padding: 0; float: none; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tabs_list_item span { padding-bottom: 0; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tabs_list_item span:before { display: none; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tabs_list_item:before { content: '/'; display: inline-block; vertical-align: middle; margin: 0 4px; width: auto; height: auto; left: auto; background: transparent; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tabs_list_item:first-of-type:before { content: none; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tabs_list_item a { padding: 0; outline: none; display: inline-block; vertical-align: middle; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .color_2 { display: block; height: 0; visibility: hidden; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tabs_wrap { margin: 15px 0 0; padding: 0; position: relative; overflow: hidden; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tabs_wrap > .cmsmasters_tab:first-child { display: block; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tab ul { margin: 0; padding: 0; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tab li { margin: 20px 0 0; padding: 0; position: relative; overflow: hidden; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tab li:first-child { margin: 0; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tab li:before { content: none; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tab li p { margin: 0; padding: 0; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tab.tab_latest li:after, .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tab.tab_popular li:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; height: 60px; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tab.tab_comments a.widget_tab_title { display: inline-block; position: relative; margin-top: -2px; margin-bottom: 7px; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tab.tab_comments a.widget_tab_title:before, .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tab.tab_comments a.widget_tab_title:after { position: absolute; height: 1px; bottom: 0; content: ''; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tab.tab_comments a.widget_tab_title:before { display: block; left: 0; width: 0; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tab.tab_comments a.widget_tab_title:after { display: block; right: 0; width: 0; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tab.tab_comments a.widget_tab_title.current:before, .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tab.tab_comments a.widget_tab_title:hover:before { width: 100%; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tab.tab_comments a.widget_tab_title.current:after, .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tab.tab_comments a.widget_tab_title:hover:after { width: 100%; background: 0 0; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tab.tab_comments .comm_author, .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tab.tab_comments a:not(.widget_tab_title) { padding-right: 10px; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tab.tab_comments li { line-height: 0; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tab.tab_comments li > p { margin: 0; padding: 0px 0 0; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_lpr_tabs_img { margin-right: 20px; z-index: 1; overflow: hidden; width: 53px; height: 53px; margin: auto !important; position: absolute; left: 0; right: auto; top: 0; bottom: 0; -webkit-border-radius: 50%; border-radius: 50%; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_lpr_tabs_cont { display: inline-block; vertical-align: middle; padding: 0 0 0 75px; position: relative; overflow: hidden; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_lpr_tabs_cont .widget_tab_title { position: relative; display: inline-block; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_lpr_tabs_cont .widget_tab_title:before, .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_lpr_tabs_cont .widget_tab_title:after { position: absolute; height: 1px; bottom: 0; content: ''; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_lpr_tabs_cont .widget_tab_title:before { display: block; left: 0; width: 0; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_lpr_tabs_cont .widget_tab_title:after { display: block; right: 0; width: 0; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_lpr_tabs_cont .widget_tab_title.current:before, .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_lpr_tabs_cont .widget_tab_title:hover:before { width: 100%; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_lpr_tabs_cont .widget_tab_title.current:after, .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_lpr_tabs_cont .widget_tab_title:hover:after { width: 100%; background: 0 0; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_lpr_tabs_cont > a { outline: none; margin-top: -2px; display: block; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_lpr_tabs_cont > .published { display: block; } /***************** Widget RSS ******************/ .widget_rss img { margin: -3px 0 0; } .widget_rss ul { margin: 0; padding: 0; } .widget_rss ul li { margin: 0; padding: 20px 0 0; } .widget_rss ul li:first-child { padding: 0; } .widget_rss ul li:before { content: none; } .widget_rss ul li .rsswidget { outline: none; } .widget_rss ul li .rss-date { display: block; } .widget_rss ul li .rssSummary { padding: 5px 0 0; overflow: hidden; } .widget_rss ul li cite { display: block; padding: 7px 0 0; } /***************** Widget Tag Cloud ******************/ .widget_tag_cloud { position: relative; overflow: hidden; } .widget_tag_cloud a { line-height: 1em; display: inline-block; margin: 0 4px 0 0; } .widget_tag_cloud a:last-child { margin: 0; } /***************** Widget Twitter ******************/ .widget_custom_twitter_entries { position: relative; overflow: hidden; } .widget_custom_twitter_entries ul { margin: 0; padding: 0; } .widget_custom_twitter_entries ul li { margin: 0 0 13px; padding: 0; position: relative; } .widget_custom_twitter_entries ul li:last-child { margin: 0; } .widget_custom_twitter_entries ul li:before { content: none; } .widget_custom_twitter_entries .tweet_time { display: block; padding: 0 0 10px; } .widget_custom_twitter_entries .tweet_time:before { display: inline-block; position: relative; font-size: 18px; width: 30px; padding-right: 30px; vertical-align: middle; } .widget_custom_twitter_entries .tweet_text { display: block; padding: 0; overflow: hidden; } /*-------------------------------------------------------------------------*/ /* Search + Archives + Sitemap + Error + Other Styles /*-------------------------------------------------------------------------*/ /***************** Archives + Search ******************/ .cmsmasters_search, .cmsmasters_archive { position: relative; overflow: hidden; } .content_wrap.fullwidth .cmsmasters_search, .content_wrap.fullwidth .cmsmasters_archive { padding: 50px 0 0; } .cmsmasters_search > .about_author, .cmsmasters_archive > .about_author { padding: 0 0 50px; } .cmsmasters_search > .cmsmasters_wrap_pagination, .cmsmasters_archive > .cmsmasters_wrap_pagination { padding: 50px 0 0; } .cmsmasters_search .cmsmasters_search_zero .search_bar_wrap, .cmsmasters_archive .cmsmasters_search_zero .search_bar_wrap { max-width: 400px; } .content .cmsmasters_search .cmsmasters_search_zero, .content .cmsmasters_archive .cmsmasters_search_zero { text-align: left; } .content .cmsmasters_search .cmsmasters_search_zero.tar, .content .cmsmasters_archive .cmsmasters_search_zero.tar { float: none; } .middle_content .cmsmasters_search .cmsmasters_search_zero, .middle_content .cmsmasters_archive .cmsmasters_search_zero { max-width: 650px; } .middle_content .cmsmasters_search .cmsmasters_search_zero.tac, .middle_content .cmsmasters_archive .cmsmasters_search_zero.tac { margin: 0 auto; } .cmsmasters_archive_type { padding: 50px 0 0; overflow: hidden; } .cmsmasters_archive_type:first-of-type { padding-top: 0; } .cmsmasters_archive_type .preloader { padding-bottom: 100%; } .cmsmasters_archive_type .preloader.highImg { height: auto; padding: 0; } .cmsmasters_archive_type .cmsmasters_archive_item_img_wrap { margin: 0 40px 0 0; width: 34%; float: left; } .cmsmasters_archive_type .cmsmasters_archive_item_img_wrap .cmsmasters_img_wrap { overflow: hidden; } .cmsmasters_archive_type .cmsmasters_archive_item_cont_wrap { overflow: hidden; } .cmsmasters_archive_type .cmsmasters_archive_item_type { padding: 0 0 15px; overflow: hidden; } .cmsmasters_archive_type .cmsmasters_archive_item_header { padding: 0 0 15px; } .cmsmasters_archive_type .cmsmasters_archive_item_title { margin: 0; } .cmsmasters_archive_type .cmsmasters_archive_item_content { padding: 0 0 20px; position: relative; overflow: hidden; } .cmsmasters_archive_type .cmsmasters_archive_item_content p { padding: 0; } .cmsmasters_archive_type .cmsmasters_archive_item_info { padding: 0; position: relative; overflow: hidden; } .cmsmasters_archive_type .cmsmasters_archive_item_date_wrap { padding: 0 0 5px; display: block; } .cmsmasters_archive_type .cmsmasters_archive_item_user_name { padding: 0 10px 0 3px; } /***************** Sitemap ******************/ .cmsmasters_sitemap_wrap { position: relative; overflow: hidden; } .cmsmasters_sitemap_wrap ul, .cmsmasters_sitemap_wrap ol, .cmsmasters_sitemap_wrap li { margin: 0; padding: 0; position: relative; overflow: hidden; } .cmsmasters_sitemap_wrap ul:before, .cmsmasters_sitemap_wrap ol:before, .cmsmasters_sitemap_wrap li:before { content: none; } .cmsmasters_sitemap_wrap .cmsmasters_divider { margin-bottom: 30px; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap { padding: 0; margin: 0; overflow: hidden; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li { width: 100%; padding-top: 30px; position: relative; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li:before { content: ''; display: block; width: 100%; height: 2px; position: absolute; left: 0; top: 0; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li:first-child { margin-top: 0; padding-top: 0; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li:first-child:before { content: none; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > a { display: inline-block; margin-bottom: 35px; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > a + ul { margin-top: -10px; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul { width: 100%; overflow: hidden; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li { width: 25%; padding-top: 0; padding-right: 20px; margin-bottom: 40px; float: left; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li:nth-child(5), .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li:nth-child(9), .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li:nth-child(13), .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li:nth-child(17), .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li:nth-child(21), .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li:nth-child(25), .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li:nth-child(29), .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li:nth-child(33), .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li:nth-child(37), .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li:nth-child(41), .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li:nth-child(45) { clear: both; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li > ul { padding-top: 20px; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li > ul ul { padding-top: 10px; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li > ul li { margin-left: 20px; padding-top: 10px; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li > ul li:first-child { padding-top: 0; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li > ul > li { margin-left: 0; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category { padding: 5px 0 0; margin: 0; overflow: hidden; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li { width: 25%; padding-right: 20px; margin-bottom: 40px; float: left; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li:nth-child(5), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li:nth-child(9), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li:nth-child(13), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li:nth-child(17), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li:nth-child(21), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li:nth-child(25), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li:nth-child(29), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li:nth-child(33), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li:nth-child(37), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li:nth-child(41), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li:nth-child(45) { clear: both; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li > ul { padding-top: 20px; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li > ul ul { padding-top: 10px; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li > ul li { margin-left: 20px; padding-top: 10px; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li > ul li:first-child { padding-top: 0; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li > ul > li { margin-left: 0; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap_archive { padding: 5px 0 20px; margin: 0; overflow: hidden; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap_archive > li { width: 25%; margin-bottom: 20px; padding-right: 20px; float: left; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap_archive > li:nth-child(5), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_archive > li:nth-child(9), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_archive > li:nth-child(13), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_archive > li:nth-child(17), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_archive > li:nth-child(21), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_archive > li:nth-child(25), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_archive > li:nth-child(29), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_archive > li:nth-child(33), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_archive > li:nth-child(37), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_archive > li:nth-child(41), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_archive > li:nth-child(45) { clear: both; } /***************** Error ******************/ .error { overflow: hidden; } .error .error_bg { padding: 190px 20px 191px; } .error .error_inner { padding: 0; } .error .error_title { font-size: 140px; line-height: 200px; margin: 0; padding: 0; text-align: center; } .error .error_subtitle { font-size: 68px; line-height: 78px; text-align: center; margin: 0; padding: 0; } .error .error_subtitle span { padding-right: 0.2em; } .error_cont { padding: 110px 0 0 0; text-align: center; } .error_cont .search_bar_wrap { display: inline-block; vertical-align: middle; width: 260px; max-width: 100%; margin: 0 5px; } .error_cont .error_button_wrap { display: inline-block; vertical-align: middle; margin: 0 5px; } /***************** Attachment Page ******************/ .cmsmasters_attach_img { padding: 40px 0; position: relative; overflow: hidden; } .cmsmasters_attach_img .cmsmasters_attach_img_info { padding: 0 0 20px; margin: 0 0 30px; position: relative; overflow: hidden; } .cmsmasters_attach_img .cmsmasters_attach_img_edit { margin: 0; padding: 0; float: right; } .cmsmasters_attach_img .cmsmasters_attach_img_meta { margin: 0; padding: 0; overflow: hidden; } /***************** Other ******************/ #main .with_frm_style .frm_form_fields input, #main #wpcontent .with_frm_style .frm_form_fields select, #main .with_frm_style .frm_form_fields select, #main .with_frm_style .frm_form_fields textarea { padding: 10px; } #lang_sel ul { overflow: visible; } #lang_sel_footer { display: none; } /*-------------------------------------------------------------------------*/ /* Contact Forms Styles /*-------------------------------------------------------------------------*/ .cmsmasters-form-builder { margin: 0 -2%; } .cmsmasters-form-builder form small.db { padding-top: 3px; } .cmsmasters-form-builder .success_box { margin: 0 2% 10px; width: 96%; } .cmsmasters-form-builder .form_info { margin: 0 2%; padding-bottom: 20px !important; } .cmsmasters-form-builder .form_info.submit_wrap { padding-top: 0 !important; } .cmsmasters-form-builder .form_info input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]):not([type=color]):not([type=range]) { height: 48px; } .cmsmasters-form-builder [class*="one_"] input[type="text"], .cmsmasters-form-builder [class*="one_"] select, .cmsmasters-form-builder [class*="one_"] textarea { width: 100%; } select[multiple] { height: auto; } span.wpcf7-list-item { display: block; margin: 0; } .wpcf7-list-item-label, body .cmsmasters-form-builder .check_parent input[type="checkbox"] + label, body .cmsmasters-form-builder .check_parent input[type="radio"] + label { padding-left: 25px; padding-right: 0; position: relative; cursor: pointer; float: left; } .wpcf7-list-item label { position: relative; display: block; overflow: hidden; padding: 5px 0; } .cmsmasters-form-builder .check_parent input[type="checkbox"], .cmsmasters-form-builder .check_parent input[type="radio"], .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="checkbox"], .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="radio"] { float: left; opacity: 0; width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: auto; top: 0; bottom: 0; } .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="checkbox"] + span.wpcf7-list-item-label:before, .cmsmasters-form-builder .check_parent input[type="checkbox"] + label:before, .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="radio"] + span.wpcf7-list-item-label:before, .cmsmasters-form-builder .check_parent input[type="radio"] + label:before { content: ''; border-width: 1px; border-style: solid; width: 17px; height: 17px; margin: auto !important; position: absolute; left: 1px; right: auto; top: 0; bottom: 0; } .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="radio"] + span.wpcf7-list-item-label:before, .cmsmasters-form-builder .check_parent input[type="radio"] + label:before { -webkit-border-radius: 50%; border-radius: 50%; } .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="checkbox"] + span.wpcf7-list-item-label:after, .cmsmasters-form-builder .check_parent input[type="checkbox"] + label:after, .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="radio"] + span.wpcf7-list-item-label:after, .cmsmasters-form-builder .check_parent input[type="radio"] + label:after { content: ''; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); width: 9px; height: 9px; margin: auto !important; position: absolute; left: 5px; right: auto; top: 0; bottom: 0; opacity: 0; } .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="radio"] + span.wpcf7-list-item-label:after, .cmsmasters-form-builder .check_parent input[type="radio"] + label:after { -webkit-border-radius: 50%; border-radius: 50%; } .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="checkbox"]:checked + span.wpcf7-list-item-label:after, .cmsmasters-form-builder .check_parent input[type="checkbox"]:checked + label:after, .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="radio"]:checked + span.wpcf7-list-item-label:after, .cmsmasters-form-builder .check_parent input[type="radio"]:checked + label:after { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 1; } /*-------------------------------------------------------------------------*/ /* CSS3 Animations /*-------------------------------------------------------------------------*/ html.csstransitions { /* Custom Animations */ /* Global Animations */ } html.csstransitions .nicescroll-rails { -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -ms-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } html.csstransitions .post_nav > span.cmsmasters_prev_post > span.sub, html.csstransitions .post_nav > span.cmsmasters_next_post > span.sub { -webkit-transition: color .3s ease; -moz-transition: color .3s ease; -ms-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; } html.csstransitions .cmsmasters_project_puzzle .project_outer .cmsmasters_project_header { -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -ms-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } html.csstransitions .cmsmasters_project_title a:before, html.csstransitions .share_posts a:before, html.csstransitions .widget_custom_posts_tabs_entries .cmsmasters_tabs .widget_tab_title:before, html.csstransitions .cmsmasters_comment_item .cmsmasters_comment_item_content a:before, html.csstransitions .cmsmasters_single_slider .cmsmasters_single_slider_item_title a:before, html.csstransitions .cmsmasters_profile_header .cmsmasters_profile_title a:before, html.csstransitions .cmsmasters_slider_project .cmsmasters_slider_project_title a:before, html.csstransitions .cmsmasters_slider_post .cmsmasters_slider_post_title a:before, html.csstransitions .cmsmasters_wrap_pagination .page-numbers:before, html.csstransitions .blog .cmsmasters_post_read_more:before, html.csstransitions .cmsmasters_slider_post_read_more:before, html.csstransitions .cmsmasters_post_title a:before { -webkit-transition: width 0s ease, background .4s ease; -moz-transition: width 0s ease, background .4s ease; -ms-transition: width 0s ease, background .4s ease; -o-transition: width 0s ease, background .4s ease; transition: width 0s ease, background .4s ease; } html.csstransitions .share_posts a:hover:before, html.csstransitions .share_posts a:after, html.csstransitions .widget_custom_posts_tabs_entries .cmsmasters_tabs .widget_tab_title:hover:before, html.csstransitions .widget_custom_posts_tabs_entries .cmsmasters_tabs .widget_tab_title:after, html.csstransitions .cmsmasters_comment_item .cmsmasters_comment_item_content a:hover:before, html.csstransitions .cmsmasters_comment_item .cmsmasters_comment_item_content a:after, html.csstransitions .cmsmasters_profile_header .cmsmasters_profile_title a:hover:before, html.csstransitions .cmsmasters_profile_header .cmsmasters_profile_title a:after, html.csstransitions .cmsmasters_single_slider .cmsmasters_single_slider_item_title a:hover:before, html.csstransitions .cmsmasters_single_slider .cmsmasters_single_slider_item_title a:after, html.csstransitions .cmsmasters_project_title a:hover:before, html.csstransitions .cmsmasters_project_title a:after, html.csstransitions .cmsmasters_slider_post .cmsmasters_slider_post_title a:hover:before, html.csstransitions .cmsmasters_slider_post .cmsmasters_slider_post_title a:after, html.csstransitions .cmsmasters_slider_project .cmsmasters_slider_project_title a:hover:before, html.csstransitions .cmsmasters_slider_project .cmsmasters_slider_project_title a:after, html.csstransitions .cmsmasters_wrap_pagination .page-numbers:hover:before, html.csstransitions .cmsmasters_wrap_pagination .page-numbers:after, html.csstransitions .cmsmasters_slider_post_read_more:hover:before, html.csstransitions .cmsmasters_slider_post_read_more:after, html.csstransitions .cmsmasters_post_read_more:hover:before, html.csstransitions .cmsmasters_post_read_more:after, html.csstransitions .cmsmasters_post_title a:hover:before, html.csstransitions .cmsmasters_post_title a:after { -webkit-transition: width .4s ease; -moz-transition: width .4s ease; -ms-transition: width .4s ease; -o-transition: width .4s ease; transition: width .4s ease; } html.csstransitions .share_posts a:hover:after, html.csstransitions .cmsmasters_comment_item .cmsmasters_comment_item_content a:hover:after, html.csstransitions .widget_custom_posts_tabs_entries .cmsmasters_tabs .widget_tab_title:hover:after, html.csstransitions .cmsmasters_single_slider .cmsmasters_single_slider_item_title a:hover:after, html.csstransitions .cmsmasters_profile_header .cmsmasters_profile_title a:hover:after, html.csstransitions .cmsmasters_project_title a:hover:after, html.csstransitions .cmsmasters_slider_post .cmsmasters_slider_post_title a:hover:after, html.csstransitions .cmsmasters_wrap_pagination .page-numbers:hover:after, html.csstransitions .cmsmasters_slider_project .cmsmasters_slider_project_title a:hover:after, html.csstransitions .cmsmasters_slider_post_read_more:hover:after, html.csstransitions .cmsmasters_post_read_more:hover:after, html.csstransitions .cmsmasters_post_title a:hover:after { -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -ms-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease; } html.csstransitions input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]):not([type=color]):not([type=range]), html.csstransitions textarea, html.csstransitions select { -webkit-transition: border-color .2s ease-in-out; -moz-transition: border-color .2s ease-in-out; -ms-transition: border-color .2s ease-in-out; -o-transition: border-color .2s ease-in-out; transition: border-color .2s ease-in-out; } html.csstransitions .blog.timeline .post:before { -webkit-transition: transform .3s ease-in-out, background-color .3s ease-in-out; -moz-transition: transform .3s ease-in-out, background-color .3s ease-in-out; -ms-transition: transform .3s ease-in-out, background-color .3s ease-in-out; -o-transition: transform .3s ease-in-out, background-color .3s ease-in-out; transition: transform .3s ease-in-out, background-color .3s ease-in-out; } html.csstransitions .owl-buttons, html.csstransitions .cmsmasters_project_puzzle .cmsmasters_project_footer, html.csstransitions .cmsmasters_project_grid .project_inner, html.csstransitions .cmsmasters_profile_horizontal .cmsmasters_img_wrap:after, html.csstransitions .cmsmasters_profile_horizontal .cmsmasters_img_wrap:before, html.csstransitions .cmsmasters_slider_project .cmsmasters_slider_project_inner, html.csstransitions .cmsmasters_slider_project .preloader:before, html.csstransitions .enable_header_side .mid_nav_wrap .cmsmasters_close_nav, html.csstransitions .cmsmasters_header_search_form .cmsmasters_header_search_form_close { -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } html.csstransitions .cmsmasters_project_footer .cmsmasters_project_likes > a span, html.csstransitions .cmsmasters_project_footer .cmsmasters_project_comments > a span, html.csstransitions .cmsmasters_slider_project .cmsmasters_slider_project_likes > a span, html.csstransitions .cmsmasters_slider_project .cmsmasters_slider_project_comments > a span { -webkit-transition: right .3s ease-in-out; -moz-transition: right .3s ease-in-out; -ms-transition: right .3s ease-in-out; -o-transition: right .3s ease-in-out; transition: right .3s ease-in-out; } html.csstransitions .enable_header_side .mid_nav_wrap { -webkit-transition: opacity .5s ease-in-out, visibility .5s ease-in-out; -moz-transition: opacity .5s ease-in-out, visibility .5s ease-in-out; -ms-transition: opacity .5s ease-in-out, visibility .5s ease-in-out; -o-transition: opacity .5s ease-in-out, visibility .5s ease-in-out; transition: opacity .5s ease-in-out, visibility .5s ease-in-out; } html.csstransitions .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list_item a { -webkit-transition: font-size .3s ease-in-out, color .3s ease-in-out, padding .3s ease-in-out; -moz-transition: font-size .3s ease-in-out, color .3s ease-in-out, padding .3s ease-in-out; -ms-transition: font-size .3s ease-in-out, color .3s ease-in-out, padding .3s ease-in-out; -o-transition: font-size .3s ease-in-out, color .3s ease-in-out, padding .3s ease-in-out; transition: font-size .3s ease-in-out, color .3s ease-in-out, padding .3s ease-in-out; } html.csstransitions .cmsmasters_tabs .cmsmasters_tabs_list_item a span:before { -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } html.csstransitions .cmsmasters_profile_horizontal .profile_social_icons { -webkit-transition: margin-bottom 0.3s ease-in-out; -moz-transition: margin-bottom 0.3s ease-in-out; -ms-transition: margin-bottom 0.3s ease-in-out; -o-transition: margin-bottom 0.3s ease-in-out; transition: margin-bottom 0.3s ease-in-out; } html.csstransitions .enable_header_side .mid_nav_wrap nav > div > ul > li { -webkit-transition: margin-top 0.3s ease-in-out, opacity 0.3s ease-in-out; -moz-transition: margin-top 0.3s ease-in-out, opacity 0.3s ease-in-out; -ms-transition: margin-top 0.3s ease-in-out, opacity 0.3s ease-in-out; -o-transition: margin-top 0.3s ease-in-out, opacity 0.3s ease-in-out; transition: margin-top 0.3s ease-in-out, opacity 0.3s ease-in-out; } html.csstransitions .owl-pagination .owl-page, html.csstransitions .header_mid .resp_mid_nav_wrap .resp_mid_nav, html.csstransitions .mid_nav_wrap nav > div > ul .cmsmasters_resp_nav_toggle_inner { -webkit-transition: background-color .3s ease-in-out; -moz-transition: background-color .3s ease-in-out; -ms-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } html.csstransitions .mid_nav_wrap nav > div > ul .cmsmasters_resp_nav_toggle_inner:before, html.csstransitions .mid_nav_wrap nav > div > ul .cmsmasters_resp_nav_toggle_inner:after { -webkit-transition: background-color .3s ease-in-out, top .3s ease-in-out, opacity .3s ease-in-out; -moz-transition: background-color .3s ease-in-out, top .3s ease-in-out, opacity .3s ease-in-out; -ms-transition: background-color .3s ease-in-out, top .3s ease-in-out, opacity .3s ease-in-out; -o-transition: background-color .3s ease-in-out, top .3s ease-in-out, opacity .3s ease-in-out; transition: background-color .3s ease-in-out, top .3s ease-in-out, opacity .3s ease-in-out; } html.csstransitions a, html.csstransitions .cmsmasters_post_default .cmsmasters_post_date, html.csstransitions .img_placeholder_small, html.csstransitions .owl-buttons > div span:before, html.csstransitions .post_nav .cmsmasters_prev_arrow, html.csstransitions .post_nav .cmsmasters_next_arrow, html.csstransitions .cmsmasters_header_search_form button, html.csstransitions .cmsmasters_icon_wrap .cmsmasters_simple_icon_title, html.csstransitions .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li > ul li a:before { -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } html.csstransitions .header_mid { -webkit-transition: background-color .2s ease-in-out; -moz-transition: background-color .2s ease-in-out; -ms-transition: background-color .2s ease-in-out; -o-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; } html.csstransitions #slide_top, html.csstransitions .edge_only .cmsmasters_but_icon_inverse, html.csstransitions #page .cmsmasters_social_icon { -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out; -moz-transition: color .3s ease-in-out, background-color .3s ease-in-out; -ms-transition: color .3s ease-in-out, background-color .3s ease-in-out; -o-transition: color .3s ease-in-out, background-color .3s ease-in-out; transition: color .3s ease-in-out, background-color .3s ease-in-out; } html.csstransitions nav > div > ul ul, html.csstransitions nav > div > ul div { -webkit-transition: opacity .3s ease-in-out .1s, margin-top .3s ease-in-out .1s; -moz-transition: opacity .3s ease-in-out .1s, margin-top .3s ease-in-out .1s; -ms-transition: opacity .3s ease-in-out .1s, margin-top .3s ease-in-out .1s; -o-transition: opacity .3s ease-in-out .1s, margin-top .3s ease-in-out .1s; transition: opacity .3s ease-in-out .1s, margin-top .3s ease-in-out .1s; } html.csstransitions nav > div > ul ul ul { -webkit-transition: opacity .3s ease-in-out .1s, margin-left .3s ease-in-out .1s, margin-right .3s ease-in-out .1s; -moz-transition: opacity .3s ease-in-out .1s, margin-left .3s ease-in-out .1s, margin-right .3s ease-in-out .1s; -ms-transition: opacity .3s ease-in-out .1s, margin-left .3s ease-in-out .1s, margin-right .3s ease-in-out .1s; -o-transition: opacity .3s ease-in-out .1s, margin-left .3s ease-in-out .1s, margin-right .3s ease-in-out .1s; transition: opacity .3s ease-in-out .1s, margin-left .3s ease-in-out .1s, margin-right .3s ease-in-out .1s; } html.csstransitions nav > div > ul li a, html.csstransitions .cmsmasters_icon_wrap .cmsmasters_simple_icon { -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out; -moz-transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out; -ms-transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out; transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out; } html.csstransitions nav > div > ul li a .nav_subtitle, html.csstransitions .cmsmasters_tabs .cmsmasters_tabs_list_item a:before { -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } html.csstransitions .header_top .header_top_but { -webkit-transition: color .3s ease-in-out, border-color .3s ease-in-out; -moz-transition: color .3s ease-in-out, border-color .3s ease-in-out; -ms-transition: color .3s ease-in-out, border-color .3s ease-in-out; -o-transition: color .3s ease-in-out, border-color .3s ease-in-out; transition: color .3s ease-in-out, border-color .3s ease-in-out; } html.csstransitions .cmsmasters_toggles .cmsmasters_toggle_plus span { -webkit-transition: background-color .3s ease-in-out, height .1s ease-in-out; -moz-transition: background-color .3s ease-in-out, height .1s ease-in-out; -ms-transition: background-color .3s ease-in-out, height .1s ease-in-out; -o-transition: background-color .3s ease-in-out, height .1s ease-in-out; transition: background-color .3s ease-in-out, height .1s ease-in-out; } html.csstransitions .cmsmasters_hover_slider_thumbs > li img { -webkit-transition: opacity .4s ease-in-out, width .3s ease-in-out, left .3s ease-in-out, right .3s ease-in-out; -moz-transition: opacity .4s ease-in-out, width .3s ease-in-out, left .3s ease-in-out, right .3s ease-in-out; -ms-transition: opacity .4s ease-in-out, width .3s ease-in-out, left .3s ease-in-out, right .3s ease-in-out; -o-transition: opacity .4s ease-in-out, width .3s ease-in-out, left .3s ease-in-out, right .3s ease-in-out; transition: opacity .4s ease-in-out, width .3s ease-in-out, left .3s ease-in-out, right .3s ease-in-out; } html.csstransitions .cmsmasters_hover_slider_items > li { -webkit-transition: opacity .5s ease-in-out, visibility .5s ease-in-out; -moz-transition: opacity .5s ease-in-out, visibility .5s ease-in-out; -ms-transition: opacity .5s ease-in-out, visibility .5s ease-in-out; -o-transition: opacity .5s ease-in-out, visibility .5s ease-in-out; transition: opacity .5s ease-in-out, visibility .5s ease-in-out; } html.csstransitions .cmsmasters_hover_slider_thumbs > li a { -webkit-transition: border-color 0.3s ease-in-out; -moz-transition: border-color 0.3s ease-in-out; -ms-transition: border-color 0.3s ease-in-out; -o-transition: border-color 0.3s ease-in-out; transition: border-color 0.3s ease-in-out; } html.csstransitions .cmsmasters_hover_slider .cmsmasters_hover_slider_thumbs > li a:before { -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } html.csstransitions .isotope > * { -webkit-transition: opacity 0.8s ease-in-out; -moz-transition: opacity 0.8s ease-in-out; -ms-transition: opacity 0.8s ease-in-out; -o-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out; } html.csstransitions .cmsmasters_button, html.csstransitions .button, html.csstransitions input[type=submit], html.csstransitions input[type=button], html.csstransitions button, html.csstransitions .cmsmasters_notice .notice_close, html.csstransitions .cmsmasters_notice .notice_close:before, html.csstransitions .cmsmasters_button.cmsmasters_but_clear_styles:before, html.csstransitions .cmsmasters_button.cmsmasters_but_clear_styles:after { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } html.csstransitions .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="checkbox"] + span.wpcf7-list-item-label:after, html.csstransitions .cmsmasters-form-builder .check_parent input[type="checkbox"] + label:after, html.csstransitions .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="radio"] + span.wpcf7-list-item-label:after, html.csstransitions .cmsmasters-form-builder .check_parent input[type="radio"] + label:after { -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } html.csstransitions .cmsmasters_icon_box.cmsmasters_icon_top:before, html.csstransitions .cmsmasters_icon_box.cmsmasters_icon_box_top:before, html.csstransitions .cmsmasters_icon_box.cmsmasters_icon_box_left_top:before, html.csstransitions .cmsmasters_icon_box.cmsmasters_icon_box_left:before, html.csstransitions .cmsmasters_icon_box.cmsmasters_icon_heading_left h1:before, html.csstransitions .cmsmasters_icon_box.cmsmasters_icon_heading_left h2:before, html.csstransitions .cmsmasters_icon_box.cmsmasters_icon_heading_left h3:before, html.csstransitions .cmsmasters_icon_box.cmsmasters_icon_heading_left h4:before, html.csstransitions .cmsmasters_icon_box.cmsmasters_icon_heading_left h5:before, html.csstransitions .cmsmasters_icon_box.cmsmasters_icon_heading_left h6:before { -webkit-transition: all 1s cubic-bezier(.55, .3, .5, 1.65); -moz-transition: all 1s cubic-bezier(.55, .3, .5, 1.65); -ms-transition: all 1s cubic-bezier(.55, .3, .5, 1.65); -o-transition: all 1s cubic-bezier(.55, .3, .5, 1.65); transition: all 1s cubic-bezier(.55, .3, .5, 1.65); } html.csstransitions .cmsmasters_icon_list_items.cmsmasters_icon_list_type_block .cmsmasters_icon_list_item:before { -webkit-transition: opacity 5s ease-in-out, height .8s ease-in; -moz-transition: opacity 5s ease-in-out, height .8s ease-in; -ms-transition: opacity 5s ease-in-out, height .8s ease-in; -o-transition: opacity 5s ease-in-out, height .8s ease-in; transition: opacity 5s ease-in-out, height .8s ease-in; } html.csstransitions .cmsmasters_icon_list_items.cmsmasters_icon_list_type_block .cmsmasters_icon_list_item .cmsmasters_icon_list_icon, html.csstransitions .cmsmasters_icon_list_items.cmsmasters_icon_list_type_block .cmsmasters_icon_list_item .cmsmasters_icon_list_icon:after { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } html.csstransitions .cmsmasters_icon_list_items.cmsmasters_icon_list_type_block .cmsmasters_icon_list_item .cmsmasters_icon_list_icon:before { -webkit-transition: color .4s ease-in-out, font-size .4s ease-in-out, line-height .4s ease-in; -moz-transition: color .4s ease-in-out, font-size .4s ease-in-out, line-height .4s ease-in; -ms-transition: color .4s ease-in-out, font-size .4s ease-in-out, line-height .4s ease-in; -o-transition: color .4s ease-in-out, font-size .4s ease-in-out, line-height .4s ease-in; transition: color .4s ease-in-out, font-size .4s ease-in-out, line-height .4s ease-in; } html.csstransitions .cmsmasters_clients_item img, html.csstransitions .cmsmasters_hover_slider .cmsmasters_hover_slider_thumbs a { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } html.csstransitions .cmsmasters_profile .profile img { -webkit-transition: all .7s cubic-bezier(.55, .3, .5, 1.65); -moz-transition: all .7s cubic-bezier(.55, .3, .5, 1.65); -ms-transition: all .7s cubic-bezier(.55, .3, .5, 1.65); -o-transition: all .7s cubic-bezier(.55, .3, .5, 1.65); transition: all .7s cubic-bezier(.55, .3, .5, 1.65); } html.csstransitions .cmsmasters_profile .profile .pl_social_list { -webkit-transition: opacity .5s ease-out, margin .5s ease-out; -moz-transition: opacity .5s ease-out, margin .5s ease-out; -ms-transition: opacity .5s ease-out, margin .5s ease-out; -o-transition: opacity .5s ease-out, margin .5s ease-out; transition: opacity .5s ease-out, margin .5s ease-out; } html.csstransitions .cmsmasters_project_grid figure { -webkit-transition: opacity .7s ease-in-out; -moz-transition: opacity .7s ease-in-out; -ms-transition: opacity .7s ease-in-out; -o-transition: opacity .7s ease-in-out; transition: opacity .7s ease-in-out; } html.csstransitions .cmsmasters_stats.stats_mode_bars.stats_type_horizontal.shortcode_animated .cmsmasters_stat_inner { -webkit-animation: bar_move 2s ease-in; -moz-animation: bar_move 2s ease-in; -ms-animation: bar_move 2s ease-in; -o-animation: bar_move 2s ease-in; animation: bar_move 2s ease-in; } html.csstransitions .cmsmasters_stats.stats_mode_bars.stats_type_vertical.shortcode_animated .cmsmasters_stat_inner { -webkit-animation: bar_up 2s ease-in; -moz-animation: bar_up 2s ease-in; -ms-animation: bar_up 2s ease-in; -o-animation: bar_up 2s ease-in; animation: bar_up 2s ease-in; } html.csstransitions .cmsmasters_stats.stats_mode_bars.stats_type_horizontal.shortcode_animated .cmsmasters_stat_inner:before, html.csstransitions .cmsmasters_stats.stats_mode_bars.shortcode_animated .cmsmasters_stat_inner .cmsmasters_stat_title { -webkit-animation: bar_title 2.2s ease-out; -moz-animation: bar_title 2.2s ease-out; -ms-animation: bar_title 2.2s ease-out; -o-animation: bar_title 2.2s ease-out; animation: bar_title 2.2s ease-out; } html.csstransitions .cmsmasters_stats.stats_mode_bars.stats_type_vertical.shortcode_animated .cmsmasters_stat_inner:before { -webkit-animation: bar_icon 2.2s ease-out; -moz-animation: bar_icon 2.2s ease-out; -ms-animation: bar_icon 2.2s ease-out; -o-animation: bar_icon 2.2s ease-out; animation: bar_icon 2.2s ease-out; } html.csstransitions .cmsmasters_stats.stats_mode_bars.shortcode_animated .cmsmasters_stat_inner .cmsmasters_stat_counter_wrap { -webkit-animation: bar_inner 1s ease-in-out; -moz-animation: bar_inner 1s ease-in-out; -ms-animation: bar_inner 1s ease-in-out; -o-animation: bar_inner 1s ease-in-out; animation: bar_inner 1s ease-in-out; } html.csstransitions .cmsmasters_column_sticky { -webkit-transition: -webkit-transform .3s ease, transform .3s ease; -moz-transition: -webkit-transform .3s ease, transform .3s ease; -ms-transition: -webkit-transform .3s ease, transform .3s ease; -o-transition: -webkit-transform .3s ease, transform .3s ease; transition: -webkit-transform .3s ease, transform .3s ease; } @-webkit-keyframes autofill { to { color: inherit; background: transparent; } } @-webkit-keyframes bar_move { from { width: 0; } to { width: 100%; } } @-moz-keyframes bar_move { from { width: 0; } to { width: 100%; } } @-o-keyframes bar_move { from { width: 0; } to { width: 100%; } } @keyframes bar_move { from { width: 0; } to { width: 100%; } } @-webkit-keyframes bar_up { from { -webkit-transform: translate(0, 100%); } to { -webkit-transform: translate(0, 0%); } } @-moz-keyframes bar_up { from { -moz-transform: translate(0, 100%); } to { -moz-transform: translate(0, 0%); } } @-o-keyframes bar_up { from { -o-transform: translate(0, 100%); } to { -o-transform: translate(0, 0%); } } @keyframes bar_up { from { transform: translate(0, 100%); } to { transform: translate(0, 0%); } } @-webkit-keyframes bar_title { from { margin-left: -200px; } to { margin-left: 0px; } } @-moz-keyframes bar_title { from { margin-left: -200px; } to { margin-left: 0px; } } @-o-keyframes bar_title { from { margin-left: -200px; } to { margin-left: 0px; } } @keyframes bar_title { from { margin-left: -200px; } to { margin-left: 0px; } } @-webkit-keyframes bar_icon { from { margin-right: -200px; } to { margin-right: 0px; } } @-moz-keyframes bar_icon { from { margin-right: -200px; } to { margin-right: 0px; } } @-o-keyframes bar_icon { from { margin-right: -200px; } to { margin-right: 0px; } } @keyframes bar_icon { from { margin-right: -200px; } to { margin-right: 0px; } } @-webkit-keyframes bar_inner { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes bar_inner { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes bar_inner { from { opacity: 0; } to { opacity: 1; } } @keyframes bar_inner { from { opacity: 0; } to { opacity: 1; } }