/** * @package WordPress * @subpackage Aspero * @version 1.0.3 * * 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 -------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------*/ /* 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 { list-style-type: none; } ul > li { display: block; position: relative; } ul > li:before { content: ''; line-height: 1em; display: inline-block; width: 4px; height: 4px; margin: 0 10px 0 0; vertical-align: middle; position: relative; -webkit-border-radius: 50%; border-radius: 50%; } 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; } .esg-grid ul { padding: 0; margin: 0; } .esg-grid ul li:before { display: none; } iframe { margin-bottom: 20px; } address { margin: 0 0 20px; } pre { margin: 0 0 20px; } dd { margin: 0 0 20px; } blockquote { padding: 0; margin: 0 0 20px; /* don't touch */ position: relative; quotes: none; border-width: 0; border-style: solid; text-align: center; } blockquote:before, blockquote:after { content: none; } blockquote p:last-of-type { margin: 0; padding: 0; } blockquote cite { display: block; margin-top: 10px; } table { border-spacing: 0; border-collapse: collapse; width: 100%; margin-bottom: 20px; /* don't touch */ /* for gutenberg start */ /* for gutenberg end */ } table th, table td { border-width: 0; border-style: solid; /* for gutenberg */ border-bottom-width: 1px; border-bottom-style: solid; } table tr th:first-child, table tr td:first-child { border-left-width: 1px; border-left-style: solid; } table tr th:last-child, table tr td:last-child { border-right-width: 1px; border-right-style: solid; } table thead tr:first-child th { border-top-width: 1px; border-top-style: solid; } table thead tr th, table thead tr td { padding: 17px 30px; } table thead + tbody tr:first-child th, table thead + tbody tr:first-child td { border-top-width: 0; border-top-style: solid; } table.is-style-stripes { border-width: 0; border-style: solid; } table.is-style-stripes tr:nth-child(odd) { background-color: transparent !important; } table tbody tr:first-child th, table tbody tr:first-child td { border-top-width: 1px; border-top-style: solid; } table tbody tr th, table tbody tr td { padding: 13px 30px; } table tfoot tr th, table tfoot tr td { padding: 16px 30px; } table caption { text-align: center; padding: 20px; } .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; } 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, option { padding: 10px; max-width: 100%; border-width: 1px; border-style: solid; } 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 { padding: 10px 25px; } textarea { overflow: auto; } select { line-height: 1em; text-indent: 0.01px; text-overflow: ''; min-width: 100px; max-width: 100%; height: 45px; padding: 10px 40px 10px 25px; 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: 6px; border-radius: 6px; 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; } textarea { -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; } 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: 50px; -webkit-border-radius: 6px; border-radius: 6px; } 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; } select { outline: none; } 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; } .widget_wysija .widget_wysija_cont p { position: relative; } .widget_wysija .widget_wysija_cont p label { padding: 0 0 11px; } .widget_wysija .widget_wysija_cont .formError { margin: 0 0 8px !important; top: auto !important; bottom: 100% !important; left: 0 !important; right: auto !important; } .single.single-wysijap .cmsmasters_open_post > * { display: none; } .single.single-wysijap .cmsmasters_open_post .cmsmasters_post_content { display: block; } .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: 206px; margin: 25px 0 0; padding: 15px 0 15px; 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: 175px; margin: 20px 0 0; padding: 13px 0 13px; } .header_bot nav > div > ul ul { width: 206px; margin: 20px 0 0; padding: 15px 0 15px; } nav > div > ul ul ul { margin: 0 0 0 10px; left: 100%; top: -16px; } .header_top nav > div > ul ul ul { margin: 0 0 0 20px; top: -14px; } .header_bot nav > div > ul ul ul { margin: 0 0 0 10px; top: -16px; } 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 10px 0 0; left: auto; right: 100%; } .header_bot nav > div > ul li.menu-item-dropdown-right > ul ul { margin: 0 10px 0 0; } 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: 10px 0 0; visibility: visible; opacity: 1; } .header_top nav > div > ul li:hover > ul { margin: 0px 0 0; } .header_bot nav > div > ul li:hover > ul { margin: 0px 0 0; } nav > div > ul li:hover > ul:before { content: ''; width: 100%; height: 10px; position: absolute; left: 0; top: -11px; } .header_top nav > div > ul li:hover > ul:before { width: 100%; height: 0px; top: -1px; } .header_bot nav > div > ul li:hover > ul:before { width: 100%; height: 0px; top: -1px; } nav > div > ul li:hover > div.menu-item-mega-container { margin: 10px 0 0; visibility: visible; opacity: 1; } .header_bot nav > div > ul li:hover > div.menu-item-mega-container { margin: 0px 0 0; } nav > div > ul li:hover > div.menu-item-mega-container:before { content: ''; width: 100%; height: 10px; position: absolute; left: 0; top: -11px; } .header_bot nav > div > ul li:hover > div.menu-item-mega-container:before { width: 100%; height: 0px; top: -1px; } 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 2px; } .header_top nav > div > ul li li:hover > ul { margin: 0 0 0 2px; } .header_bot nav > div > ul li li:hover > ul { margin: 0 0 0 2px; } nav > div > ul li li:hover > ul:before { width: 2px; height: 100%; top: 0; left: -3px; } .header_top nav > div > ul li li:hover > ul:before { width: 2px; height: 100%; left: -3px; } .header_bot nav > div > ul li li:hover > ul:before { width: 2px; height: 100%; left: -3px; } nav > div > ul li.menu-item-dropdown-right li:hover > ul { margin: 0 2px 0 0; } .header_bot nav > div > ul li.menu-item-dropdown-right li:hover > ul { margin: 0 2px 0 0; } nav > div > ul li.menu-item-dropdown-right li:hover > ul:before { left: auto; right: -3px; } .header_bot nav > div > ul li.menu-item-dropdown-right li:hover > ul:before { right: -3px; } 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 .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 .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: 25px 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; } .header_bot nav > div > ul div.menu-item-mega-container { margin: 20px 0 0; } 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: 206px; margin: 0; padding: 0; } .header_bot nav > div > ul div.menu-item-mega-container > ul > li > ul { width: 206px; } nav > div > ul div.menu-item-mega-container > ul > li:hover > ul { margin: 0; padding: 0; } .header_bot 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 1.3%; position: relative; float: left; } .one_sixth { width: 14.07%; } .cmsmasters_row_no_margin > .cmsmasters_row_margin > .one_sixth { width: 16.67%; } .one_fifth { width: 17.4%; } .cmsmasters_row_no_margin > .cmsmasters_row_margin > .one_fifth { width: 20%; } .one_fourth { width: 22.4%; } .cmsmasters_row_no_margin > .cmsmasters_row_margin > .one_fourth { width: 25%; } .one_third { width: 30.73%; } .cmsmasters_row_no_margin > .cmsmasters_row_margin > .one_third { width: 33.33%; } .one_half { width: 47.4%; } .cmsmasters_row_no_margin > .cmsmasters_row_margin > .one_half { width: 50%; } .two_third { width: 64.07%; } .cmsmasters_row_no_margin > .cmsmasters_row_margin > .two_third { width: 66.67%; } .three_fourth { width: 72.4%; } .cmsmasters_row_no_margin > .cmsmasters_row_margin > .three_fourth { width: 75%; } .one_first { width: 97.4%; 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; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .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: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 > .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; } .post-password-form, .header_top_inner, .header_mid_inner, .header_bot_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: .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 -1.37%; 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 { z-index: 1; } .middle_content { padding: 60px 0; } .middle_content:empty { display: none; } .content { width: 71.6%; padding: 60px 0; position: relative; float: left; } .content.fr { float: right; } .sidebar { width: 28.4%; padding: 60px 0 60px 60px; position: relative; float: right; } .sidebar.fl { padding: 60px 60px 60px 0; float: left; } .bottom_bg { border-top-width: 1px; border-top-style: solid; } .bottom_bg .bottom_inner { padding-top: 90px; padding-bottom: 30px; } .bottom_bg .bottom_inner:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .bottom_inner { margin: 0 -1.3%; } .bottom_inner aside { position: relative; float: left; margin: 0 1.3%; } /* Instagram */ #sbi_load { padding-top: 0 !important; } /***************** Icons ******************/ /* Global */ .cmsmasters_theme_icon_comment:before { content: '\e88a'; font-family: 'fontello-custom' !important; } .cmsmasters_theme_icon_like:before { content: '\e89f'; font-family: 'fontello-custom' !important; } .cmsmasters_icon_custom_search:before { content: '\e8a9'; } .cmsmasters_theme_icon_cancel:before { content: '\eabc'; } .cmsmasters_theme_icon_resp_nav:before { content: '\e925'; } .cmsmasters_theme_icon_person:before { content: '\e813'; } .cmsmasters_theme_icon_image:before { content: '\e87e'; } .cmsmasters_theme_icon_check:before { content: '\eabb'; } .cmsmasters_theme_icon_spinner:before { content: '\e9fd'; } /* Arrows */ .cmsmasters_theme_icon_slide_prev:before, .cmsmasters_theme_icon_pagination_prev:before, .cmsmasters_theme_icon_comments_nav_prev:before, .cmsmasters_prev_arrow span:before { content: '\eb21'; } .cmsmasters_theme_icon_slide_next:before, .cmsmasters_theme_icon_pagination_next:before, .cmsmasters_theme_icon_comments_nav_next:before, .cmsmasters_next_arrow span:before { content: '\eb22'; } .cmsmasters_theme_icon_slide_top:before { content: '\eb23'; } .cmsmasters_theme_icon_slide_bottom:before { content: '\eb20'; } .cmsmasters_theme_icon_resp_nav_slide_up:before { content: '\eb23'; } .cmsmasters_theme_icon_resp_nav_slide_down:before { content: '\eb20'; } /* 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: '\eb9a'; } /***************** Elements ******************/ /* Icon Arrow Global Styles */ .cmsmasters_prev_arrow, .cmsmasters_next_arrow { display: inline-block; width: 26px; height: 26px; 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: 6px; height: 10px; vertical-align: middle; } .cmsmasters_prev_arrow span:before, .cmsmasters_next_arrow span:before { font-family: 'fontello'; font-size: 14px; line-height: 9px; 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: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; } .post-password-form input[type=submit] { display: inline-block; margin: 0 0 0 5px; vertical-align: bottom; } /* Prelodaer */ .preloader { display: block; width: 100%; height: 0; padding-bottom: 66.86%; 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: 66.86%; 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: 24px; 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: 66.86%; 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: 24px; 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: 66.86%; 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: 60px; width: 60px; 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: 20px; max-width: 100%; } .cmsmasters_video_wrap { width: 100%; max-width: 100%; height: 0; padding-bottom: 66.86%; 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%; } #middle .search_bar_wrap .search_field input, #bottom .search_bar_wrap .search_field input { padding-left: 15px; padding-right: 42px; } .search_bar_wrap .search_button { padding: 0; margin: 0; width: 42px; 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: 16px; 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-color: transparent; } /* 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; -webkit-border-radius: 50%; border-radius: 50%; } .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; } .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; border-width: 1px; border-style: solid; -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: 0; text-align: center; } .owl-buttons > div { display: inline-block; margin: 0 3px; cursor: pointer; position: relative; } /* Slide Top Button */ #slide_top { text-align: center; width: 50px; height: 50px; position: fixed; bottom: 50px; right: 20px; z-index: 99999; display: none; } #slide_top:before { font-size: 24px; line-height: 50px; } #slide_top > span { display: inline-block; text-indent: -9999px; } /* Opened Article */ .middle_content .opened-article.blog { padding: 0 17%; } .middle_content .opened-article.portfolio { padding: 0; } .middle_content .opened-article.profiles { padding: 0 20%; } /* Likes and Comments */ .cmsmasters_likes a, .cmsmasters_comments a { padding: 0 0 0 1px; cursor: pointer; } .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, .cmsmasters_comments a:before { vertical-align: middle; } .cmsmasters_comments + .cmsmasters_likes, .cmsmasters_likes + .cmsmasters_comments { padding: 0 0 0 5px; } /* Button */ .button, input[type=submit], input[type=button], button { display: inline-block; padding: 10px 30px; position: relative; white-space: nowrap; text-align: center; border-width: 1px; border-style: solid; -webkit-border-radius: 6px; border-radius: 6px; } /* Items Filter */ .cmsmasters_items_filter_wrap { padding: 0 0 30px; 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; margin: 0 -15px; position: relative; float: right; overflow: hidden; } .cmsmasters_items_filter_wrap .cmsmasters_items_sort_but { display: block; margin: 0 15px 5px 15px; padding: 0 0 0 25px; border-width: 0; border-style: solid; float: left; } .cmsmasters_items_filter_wrap .cmsmasters_items_sort_but:before { content: ''; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 9px; height: 1px; margin: auto !important; position: absolute; left: -3px; right: auto; top: 0; bottom: 0; } .cmsmasters_items_filter_wrap .cmsmasters_items_sort_but:after { content: ''; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); width: 9px; height: 1px; margin: auto !important; position: absolute; left: 3px; right: auto; top: 0; bottom: 0; } .cmsmasters_items_filter_wrap .cmsmasters_items_sort_but.reversed { position: relative; } .cmsmasters_items_filter_wrap .cmsmasters_items_sort_but.reversed:before { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .cmsmasters_items_filter_wrap .cmsmasters_items_sort_but.reversed:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .cmsmasters_items_filter_wrap .cmsmasters_items_filter_block { position: relative; overflow: hidden; } .cmsmasters_items_filter_wrap .cmsmasters_items_filter_but { display: none; } .cmsmasters_items_filter_wrap .cmsmasters_items_filter_list { margin: 0; padding: 0 20px 0 0; overflow: hidden; } .cmsmasters_items_filter_wrap .cmsmasters_items_filter_list li { margin: 0 40px 5px 0; padding: 0; float: left; overflow: hidden; } .cmsmasters_items_filter_wrap .cmsmasters_items_filter_list li:before { content: none; } .cmsmasters_items_filter_wrap .cmsmasters_items_filter_list li a { display: block; padding: 0; cursor: pointer; border-width: 0; border-style: solid; } .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 { margin: 85px 0 0; padding: 25px 0 0; border-top-width: 1px; border-top-style: solid; text-align: center; overflow: hidden; } .cmsmasters_wrap_items_loader .cmsmasters_items_loader { display: block; padding: 0 20px; border-width: 0; border-style: solid; -webkit-border-radius: 0; border-radius: 0; } .cmsmasters_wrap_items_loader .cmsmasters_items_loader:hover { margin-top: 0; margin-bottom: 0; } .cmsmasters_wrap_pagination { margin: 85px 0 0; padding: 20px 0 0; border-top-width: 1px; border-top-style: solid; overflow: hidden; } .cmsmasters_wrap_pagination ul { display: block; padding: 0 85px; margin: 0; position: relative; text-align: center; } .cmsmasters_wrap_pagination ul li { display: inline-block; margin: 0; padding: 1px 3px; vertical-align: middle; position: static; overflow: hidden; } .cmsmasters_wrap_pagination ul li:before { content: none; } .cmsmasters_wrap_pagination ul li .page-numbers { line-height: 34px !important; display: block; min-width: 34px; height: 34px; position: relative; } .cmsmasters_wrap_pagination ul li .page-numbers.next, .cmsmasters_wrap_pagination ul li .page-numbers.prev { margin: auto !important; position: absolute; top: 0; bottom: 0; } .cmsmasters_wrap_pagination ul li .page-numbers.prev { padding: 0 0 0 18px; left: 0; right: auto; } .cmsmasters_wrap_pagination ul li .page-numbers.prev > span:before { content: ''; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 9px; height: 1px; margin: auto !important; position: absolute; left: 0; right: auto; top: 4px; bottom: 0; } .cmsmasters_wrap_pagination ul li .page-numbers.prev > span:after { content: ''; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); width: 9px; height: 1px; margin: auto !important; position: absolute; left: 0; right: auto; top: 0; bottom: 8px; } .cmsmasters_wrap_pagination ul li .page-numbers.next { direction: rtl; padding: 0 18px 0 0; right: 0; left: auto; } .cmsmasters_wrap_pagination ul li .page-numbers.next > span:before { content: ''; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 9px; height: 1px; margin: auto !important; position: absolute; left: auto; right: 0; top: 0; bottom: 8px; } .cmsmasters_wrap_pagination ul li .page-numbers.next > span:after { content: ''; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); width: 9px; height: 1px; margin: auto !important; position: absolute; left: auto; right: 0; top: 4px; bottom: 0; } .cmsmasters_wrap_pagination ul li .page-numbers > span { display: block; } .cmsmasters_wrap_pagination:empty { display: none; } /* Subpage Navigation */ .subpage_nav > span, .subpage_nav > a { margin: 0 8px; } .subpage_nav .subpage_nav_title { margin: 0 10px 0 0; } /* Post Navigation */ .post_nav { padding: 44px 0; margin: 55px 0 0; position: relative; border-width: 1px; border-style: solid; overflow: hidden; } .post_nav > span { position: relative; } .post_nav > span a { display: inline-block; padding: 3px 0; position: relative; z-index: 2; } .post_nav > span > span { width: 12px; margin: auto !important; position: absolute; top: 0; bottom: 0; } .post_nav > span > span > span { display: none; } .post_nav > span.cmsmasters_prev_post { display: block; padding-left: 0; padding-right: 20px; float: left; } .post_nav > span.cmsmasters_prev_post a { padding-left: 60px; padding-right: 0; } .post_nav > span.cmsmasters_prev_post > span { left: 30px; right: auto; } .post_nav > span.cmsmasters_prev_post > span:before { content: ''; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 10px; height: 1px; margin: auto !important; position: absolute; left: 0; right: auto; top: 7px; bottom: 0; } .post_nav > span.cmsmasters_prev_post > span:after { content: ''; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); width: 10px; height: 1px; margin: auto !important; position: absolute; left: 0; right: auto; top: 0; bottom: 7px; } .post_nav > span.cmsmasters_next_post { display: block; padding-left: 20px; padding-right: 0; float: right; } .post_nav > span.cmsmasters_next_post a { padding-left: 0; padding-right: 60px; } .post_nav > span.cmsmasters_next_post > span { left: auto; right: 30px; } .post_nav > span.cmsmasters_next_post > span:before { content: ''; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 10px; height: 1px; margin: auto !important; position: absolute; left: auto; right: 0; top: 0; bottom: 7px; } .post_nav > span.cmsmasters_next_post > span:after { content: ''; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); width: 10px; height: 1px; margin: auto !important; position: absolute; left: auto; right: 0; top: 7px; bottom: 0; } /* Share Posts */ .share_posts { padding: 55px 0 0; position: relative; overflow: hidden; } .share_posts .share_posts_title { position: relative; } .share_posts .share_posts_inner { position: relative; overflow: hidden; } .share_posts a { margin: 0 1px 0 0; position: relative; } .share_posts a:after { content: ','; } .share_posts a:last-child { margin-left: 0; margin-right: 0; } .share_posts a:last-child:after { content: none; } /* About Author */ .about_author { padding: 50px 0 0; position: relative; } .about_author .about_author_title { margin: 0 0 35px; } .about_author .about_author_inner { overflow: hidden; } .about_author .about_author_avatar { margin: 3px 20px 0 0; float: left; overflow: hidden; } .about_author .about_author_avatar img { -webkit-border-radius: 50%; border-radius: 50%; } .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; position: relative; overflow: hidden; } .cmsmasters_single_slider .preloader { padding-bottom: 70.69%; } .cmsmasters_single_slider .preloader.highImg { height: auto; padding: 0; } .cmsmasters_single_slider .cmsmasters_owl_slider { outline: none; } .cmsmasters_single_slider .cmsmasters_single_slider_title { margin: 0 0 35px; } .cmsmasters_single_slider .cmsmasters_single_slider_inner { margin: 0 -8px; } .cmsmasters_single_slider .cmsmasters_single_slider_inner .owl-pagination, .cmsmasters_single_slider .cmsmasters_single_slider_inner .owl-buttons { display: none; } .cmsmasters_single_slider .cmsmasters_single_slider_item { min-width: 200px; padding: 0 8px; position: relative; } .cmsmasters_single_slider .cmsmasters_single_slider_item_outer { position: relative; overflow: hidden; } .cmsmasters_single_slider .cmsmasters_single_slider_item_inner { padding: 15px 0 0; position: relative; overflow: hidden; } .cmsmasters_single_slider .cmsmasters_single_slider_item_title { margin: 0; padding: 0; } /* Single Pings List */ .cmsmasters_pings_list { padding: 50px 0 0; position: relative; overflow: hidden; } .cmsmasters_pings_list .pingslist { list-style-type: none; } .cmsmasters_pings_list .comment-body { padding: 0 65px 0 0; position: relative; overflow: hidden; display: block; clear: both; } .cmsmasters_pings_list .comment-body .edit-link { margin: auto !important; position: absolute; left: auto; right: 0; top: 0; bottom: 0; } /* Post Comments */ .post_comments { padding: 45px 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 0 30px; } .post_comments .cmsmasters_comment_item_content > ul, .post_comments .cmsmasters_comment_item_content > ol { margin: 0 0 20px; padding: 0; } .comments_nav { padding: 25px 0 10px; overflow: hidden; } .comments_nav > span { position: relative; } .comments_nav a { display: block; } .comments_nav .comments_nav_prev { float: left; } .comments_nav .comments_nav_prev:before { text-align: left; width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: auto; top: -2px; bottom: 0; } .comments_nav .comments_nav_prev > a { padding: 0 0 0 20px; } .comments_nav .comments_nav_next { float: right; } .comments_nav .comments_nav_next:before { text-align: right; width: 1em; height: 1em; margin: auto !important; position: absolute; left: auto; right: 0; top: -2px; bottom: 0; } .comments_nav .comments_nav_next > a { padding: 0 20px 0 0; } .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 30px; } .commentlist .comment { margin: 30px 0 0; padding: 30px 0 0; border-top-width: 1px; border-top-style: solid; } .commentlist .comment:before { content: none; } .commentlist .comment:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .commentlist > .comment:first-child { margin-top: 0; padding-top: 0; border-top-width: 0; border-top-style: solid; } .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; } .cmsmasters_comment_item .cmsmasters_comment_item_avatar { display: block; margin: 4px 30px 0 0; float: left; overflow: hidden; } .cmsmasters_comment_item .cmsmasters_comment_item_avatar img { -webkit-border-radius: 50%; border-radius: 50%; } .cmsmasters_comment_item .cmsmasters_comment_item_avatar .comment-reply-link { display: block; margin: 6px 0 0; text-align: center; } .cmsmasters_comment_item .cmsmasters_comment_item_cont { position: relative; overflow: hidden; } .cmsmasters_comment_item .cmsmasters_comment_item_cont_info { padding: 0 0 10px; position: relative; overflow: hidden; } .cmsmasters_comment_item .cmsmasters_comment_item_cont_info * { display: inline-block; } .cmsmasters_comment_item .cmsmasters_comment_item_cont_info .cmsmasters_comment_item_title_wrap { margin: 0 20px 0 0; } .cmsmasters_comment_item .cmsmasters_comment_item_cont_info .cmsmasters_comment_item_title_wrap .cmsmasters_comment_item_title + .cmsmasters_comment_item_date:before { content: '- '; } .cmsmasters_comment_item .cmsmasters_comment_item_title { margin: 0; padding: 0; } .cmsmasters_comment_item .cmsmasters_comment_item_content > *:last-child { margin-bottom: 0; padding-bottom: 0; } /* Comment Respond */ .comment-respond { padding: 45px 0 0; position: relative; } .comment-respond:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .comment-respond textarea { min-height: 135px; } .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 { max-width: 100%; clear: left; float: left; } .comment-respond .comment-form-cookies-consent { float: none; overflow: hidden; display: block; clear: both; } .comment-respond .comment-form-cookies-consent input, .comment-respond .comment-form-cookies-consent label { display: inline; vertical-align: middle; } .comment-respond .comment-form-cookies-consent label { margin-left: 5px; } .comment-respond .form-submit { 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: 34px; position: relative; cursor: pointer; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; display: none; } .header_top .header_top_but.closed { border-top-color: transparent; } .header_top .header_top_but > span { font-size: 16px; line-height: 16px; 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-left: 0; margin-right: 5px; } .header_top .social_wrap li:last-child { margin-left: 0; margin-right: 0; } .header_top .social_wrap a { font-size: 16px; line-height: 16px; width: 22px; height: 22px; } .header_top .top_nav_wrap { display: block; height: 100%; float: right; } .header_top .responsive_top_nav { width: 30px; height: 30px; position: relative; display: none; margin: 0 auto; } .header_top .responsive_top_nav > span, .header_top .responsive_top_nav > span:before, .header_top .responsive_top_nav > span:after { width: 15px; height: 2px; margin: auto !important; position: absolute; left: 0; right: 0; } .header_top .responsive_top_nav > span { top: 0; bottom: 0; } .header_top .responsive_top_nav > span:before { content: ''; top: -6px; } .header_top .responsive_top_nav > span:after { content: ''; bottom: -6px; } .header_top .responsive_top_nav.active > span { width: 0; height: 0; position: static; } .header_top .responsive_top_nav.active > span:before { top: 0; bottom: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .header_top .responsive_top_nav.active > span:after { top: 0; bottom: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .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 10px 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%; border-width: 1px; border-style: solid; } .top_line_nav > li:last-child { border-right-width: 1px; border-right-style: solid; } .top_line_nav > li a { padding: 0 14px; } /***************** Header Mid ******************/ .header_mid { display: block; clear: both; } .header_mid.header_mid_scroll { -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); } .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 .header_mid_button_wrap { height: 100%; margin-left: 20px; float: right; } .header_mid .header_mid_button_wrap:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .header_mid .header_mid_button_wrap .header_mid_button { padding: 0 25px; display: inline-block; vertical-align: middle; -webkit-border-radius: 6px; border-radius: 6px; } .header_mid .logo_wrap { height: 100%; position: relative; margin-right: 30px; float: left; } .enable_header_centered .header_mid .logo_wrap { float: none; margin: 0 auto; text-align: center; } .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; } .enable_header_centered .header_mid .logo_wrap .logo img { left: 0; right: 0; } .header_mid .logo_wrap .logo .logo_retina { display: none; } .header_mid .resp_mid_nav_wrap { height: 100%; margin: 0 0 0 15px; position: relative; display: none; float: right; overflow: hidden; } .header_mid .resp_mid_nav_wrap .resp_mid_nav_outer { height: 100%; } .header_mid .resp_mid_nav_wrap .resp_mid_nav_outer:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .header_mid .resp_mid_nav_wrap .resp_mid_nav { display: inline-block; vertical-align: middle; width: 28px; height: 28px; position: relative; } .header_mid .resp_mid_nav_wrap .resp_mid_nav > span, .header_mid .resp_mid_nav_wrap .resp_mid_nav > span:before, .header_mid .resp_mid_nav_wrap .resp_mid_nav > span:after { width: 15px; height: 2px; margin: auto !important; position: absolute; left: 0; right: 0; } .header_mid .resp_mid_nav_wrap .resp_mid_nav > span { top: 0; bottom: 0; } .header_mid .resp_mid_nav_wrap .resp_mid_nav > span:before { content: ''; top: -6px; } .header_mid .resp_mid_nav_wrap .resp_mid_nav > span:after { content: ''; bottom: -6px; } .header_mid .resp_mid_nav_wrap .resp_mid_nav.active > span { width: 0; height: 0; position: static; } .header_mid .resp_mid_nav_wrap .resp_mid_nav.active > span:before { top: 0; bottom: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .header_mid .resp_mid_nav_wrap .resp_mid_nav.active > span:after { top: 0; bottom: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .header_mid .mid_search_but_wrap { height: 100%; margin: 0 0 0 15px; 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: 26px; width: 26px; height: 26px; 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 { padding: 0 0 0 20px; float: right; } .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: 18px; line-height: 18px; width: 28px; height: 28px; } .header_mid .slogan_wrap { height: 100%; display: block; position: relative; float: right; 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: left; } /***************** Header Mid Navigation ******************/ .mid_nav { font-size: 0; line-height: 0; outline: none; } .mid_nav:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .mid_nav > li { float: none; display: inline-block; vertical-align: middle; border-width: 0; border-style: solid; } .mid_nav > li > a { display: inline-block; padding: 8px 5px; vertical-align: middle; border-width: 1px; border-style: solid; } .mid_nav > li > a .nav_subtitle { display: block; } .mid_nav > li > a .nav_tag { display: inline-block; margin: 0 0 0 10px; padding: 2px 15px; vertical-align: middle; border-width: 1px; border-style: solid; -webkit-border-radius: 6px; border-radius: 6px; } /***************** Header Bot ******************/ .header_bot { display: block; clear: both; } .header_bot .header_bot_outer { height: 100%; position: relative; } .header_bot .header_bot_outer .header_bot_border_top { display: block; border-top-width: 1px; border-top-style: solid; } .header_bot .header_bot_inner { height: 100%; } .header_bot .header_bot_inner:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .enable_header_centered .header_bot .header_bot_inner { text-align: center; } .header_bot .resp_bot_nav_wrap { height: 100%; padding: 7px 15px; position: relative; display: none; overflow: hidden; } .header_bot .resp_bot_nav_wrap .resp_bot_nav_outer { height: 100%; } .header_bot .resp_bot_nav_wrap .resp_bot_nav_outer:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .header_bot .resp_bot_nav_wrap .resp_bot_nav { display: inline-block; vertical-align: middle; width: 28px; height: 28px; position: relative; } .header_bot .resp_bot_nav_wrap .resp_bot_nav > span, .header_bot .resp_bot_nav_wrap .resp_bot_nav > span:before, .header_bot .resp_bot_nav_wrap .resp_bot_nav > span:after { width: 15px; height: 2px; margin: auto !important; position: absolute; left: 0; right: 0; } .header_bot .resp_bot_nav_wrap .resp_bot_nav > span { top: 0; bottom: 0; } .header_bot .resp_bot_nav_wrap .resp_bot_nav > span:before { content: ''; top: -6px; } .header_bot .resp_bot_nav_wrap .resp_bot_nav > span:after { content: ''; bottom: -6px; } .header_bot .resp_bot_nav_wrap .resp_bot_nav.active > span { width: 0; height: 0; position: static; } .header_bot .resp_bot_nav_wrap .resp_bot_nav.active > span:before { top: 0; bottom: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .header_bot .resp_bot_nav_wrap .resp_bot_nav.active > span:after { top: 0; bottom: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .header_bot .bot_nav_wrap { height: 100%; position: relative; float: left; } .enable_header_right .header_bot .bot_nav_wrap { float: right; } .enable_header_centered .header_bot .bot_nav_wrap { display: inline-block; float: none; } /***************** Header Bot Navigation ******************/ .bot_nav { outline: none; } .bot_nav > li { font-size: 0; line-height: 0; height: 100%; border-width: 0; border-style: solid; } .bot_nav > li:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .bot_nav > li > a { display: inline-block; padding: 8px 20px; vertical-align: middle; border-width: 1px; border-style: solid; } .bot_nav > li > a .nav_subtitle { display: block; } .bot_nav > li > a .nav_tag { display: inline-block; margin: 0 0 0 10px; padding: 2px 15px; vertical-align: middle; border-width: 1px; border-style: solid; -webkit-border-radius: 6px; border-radius: 6px; } /***************** 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: 1; } .cmsmasters_header_search_form .cmsmasters_header_search_form_close { font-size: 30px; line-height: 30px; display: block; cursor: pointer; width: 32px; height: 32px; margin: auto !important; position: absolute; left: auto; right: 50px; top: 50px; 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.3; } .cmsmasters_header_search_form .cmsmasters_header_search_form_field { max-width: 90%; text-align: center; width: 800px; height: 46px; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .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]) { font-size: 20px; line-height: 46px; background-color: transparent; display: inline-block; width: 100%; max-width: 335px; height: 100%; padding: 0 25px; vertical-align: middle; border-right-width: 0; border-right-style: solid; border-top-width: 0; border-top-style: solid; border-bottom-width: 0; border-bottom-style: solid; -webkit-border-radius: 0; border-radius: 0; } .cmsmasters_header_search_form button { display: inline-block; padding: 0 30px; cursor: pointer; position: relative; border-width: 1px; border-style: solid; -webkit-border-radius: 6px; border-radius: 6px; } .cmsmasters_header_search_form button:hover { background-color: transparent; } /*-------------------------------------------------------------------------*/ /* Headline Styles /*-------------------------------------------------------------------------*/ body .headline { background-color: transparent; } .cmsmasters_breadcrumbs { position: relative; overflow: hidden; } .cmsmasters_breadcrumbs .cmsmasters_breadcrumbs_aligner { display: inline-block; vertical-align: middle; } .cmsmasters_breadcrumbs .cmsmasters_breadcrumbs_inner { display: inline-block; vertical-align: middle; overflow: hidden; } .cmsmasters_breadcrumbs .cmsmasters_breadcrumbs_inner a:hover, .cmsmasters_breadcrumbs .cmsmasters_breadcrumbs_inner span:not([class]) { word-wrap: break-word; } .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_wrap { display: inline-block; vertical-align: middle; position: relative; } .headline_outer .headline_inner .headline_text { 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: auto; } .headline_outer .headline_inner .headline_text .entry-title { word-wrap: break-word; margin: 0; } .headline_outer .headline_inner .headline_text .entry-subtitle { margin: 13px 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 { right: auto; } .headline_outer .headline_inner.align_center .cmsmasters_breadcrumbs { text-align: center; } .headline_outer .headline_inner.align_center .cmsmasters_breadcrumbs .cmsmasters_breadcrumbs_aligner { display: none; } .content_wrap { display: block; min-width: inherit; } /*-------------------------------------------------------------------------*/ /* Bottom + Footer Styles /*-------------------------------------------------------------------------*/ /***************** Bottom ******************/ .bottom_inner .widgettitle { margin-bottom: 35px; position: relative; } /***************** Footer ******************/ #footer { overflow: hidden; } .footer_inner { position: relative; overflow: hidden; } /***************** Footer Default ******************/ .cmsmasters_footer_default .footer_inner { padding-top: 50px; padding-bottom: 32px; } .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_nav_wrap { padding: 27px 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; text-align: center; } .cmsmasters_footer_default .footer_nav > li { float: none; display: inline-block; margin: 0 15px 5px; vertical-align: middle; border-width: 0; border-style: solid; } .cmsmasters_footer_default .footer_nav > li ul { display: none !important; } .cmsmasters_footer_default .footer_custom_html_wrap { padding: 25px 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 .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: 16px; line-height: 16px; } .cmsmasters_footer_default .footer_copyright { display: block; margin: 50px 0 0; padding: 30px 0 0; border-top-width: 1px; border-top-style: solid; text-align: center; } .cmsmasters_footer_default .footer_copyright:first-child { margin: 0; padding: 0; border-top-width: 0; border-top-style: solid; } /***************** Footer Small ******************/ .cmsmasters_footer_small .footer_inner { padding-top: 23px; padding-bottom: 23px; } .cmsmasters_footer_small .footer_nav_wrap { position: relative; float: right; overflow: hidden; } .cmsmasters_footer_small .footer_nav > li { margin: 0 20px 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: 5px; } .cmsmasters_footer_small .social_wrap li:last-child { margin-left: 0; margin-right: 0; } .cmsmasters_footer_small .social_wrap a { font-size: 16px; line-height: 16px; } .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; } .blog:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .blog .post { width: 100%; max-width: 100%; } .blog .post .preloader { padding-bottom: 55.8%; } .blog .post .preloader.highImg { height: auto; padding-bottom: 0; } .blog .post .cmsmasters_video_wrap, .blog .post .resizable_block { padding-bottom: 55.8%; } .blog.columns { margin: -60px -16px 0; } .blog.columns .post { min-width: 280px; padding: 60px 16px 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.1%; } .blog.columns .post .preloader.highImg { height: auto; padding-bottom: 0; } .blog.columns .post .cmsmasters_video_wrap, .blog.columns .post .resizable_block { padding-bottom: 63.1%; } .blog.timeline .post { width: 100%; overflow: visible; opacity: 0; } .blog.timeline .post.shortcode_animated { opacity: 1; } .blog.timeline .post .preloader { padding-bottom: 63.1%; } .blog.timeline .post .preloader.highImg { height: auto; padding-bottom: 0; } .blog.timeline .post .cmsmasters_video_wrap, .blog.timeline .post .resizable_block { padding-bottom: 63.1%; } .blog .owl-pagination { width: 100%; left: 0; right: 0; top: auto; bottom: 0; } /***************** Blog Default ******************/ .cmsmasters_post_default { padding: 70px 0 0; position: relative; overflow: hidden; } .cmsmasters_post_default:first-child { padding-top: 0; } .cmsmasters_post_default .cmsmasters_post_cont_wrap { position: relative; -webkit-border-radius: 6px; border-radius: 6px; border-width: 1px; border-style: solid; overflow: hidden; } .cmsmasters_post_default .cmsmasters_img_wrap { overflow: hidden; } .cmsmasters_post_default .cmsmasters_post_cont { padding: 40px 55px 45px; position: relative; overflow: hidden; } .cmsmasters_post_default .cmsmasters_post_cont:not(.enable_image) { text-align: center; } .cmsmasters_post_default .cmsmasters_post_cont:not(.enable_image) .cmsmasters_post_content, .cmsmasters_post_default .cmsmasters_post_cont:not(.enable_image) .cmsmasters_post_cont_info { text-align: center; } .cmsmasters_post_default .cmsmasters_post_footer { margin-top: 20px; padding-top: 15px; border-top-width: 1px; border-top-style: solid; overflow: hidden; } .cmsmasters_post_default .cmsmasters_post_footer > span + .cmsmasters_post_meta_info { float: right; } .cmsmasters_post_default .cmsmasters_post_category { display: inline-block; vertical-align: middle; } .cmsmasters_post_default .cmsmasters_post_meta_info { display: inline-block; vertical-align: middle; } .cmsmasters_post_default .cmsmasters_post_header { padding: 0 0 25px; } .cmsmasters_post_default .cmsmasters_post_header .cmsmasters_post_title { word-wrap: break-word; margin: 0; } .sticky.cmsmasters_post_default .cmsmasters_post_header .cmsmasters_post_title:before { content: '\e830'; font-family: 'fontello'; font-size: 28px; margin-right: 10px; vertical-align: middle; } .sticky.cmsmasters_post_default .cmsmasters_post_header .cmsmasters_post_title a { vertical-align: middle; } .cmsmasters_post_default .cmsmasters_post_content { padding: 0 0 7px; overflow: hidden; } .cmsmasters_post_default .cmsmasters_post_content p { margin: 0; padding: 0; } .cmsmasters_post_default .cmsmasters_post_read_more { display: inline-block; padding: 0 0 20px; } .cmsmasters_post_default .cmsmasters_post_cont_info { overflow: hidden; padding-bottom: 10px; } .cmsmasters_post_default .cmsmasters_post_cont_info > span { display: inline-block; vertical-align: middle; } .cmsmasters_post_default .cmsmasters_post_date + .cmsmasters_post_author:before { content: '-'; padding: 0 3px; } .cmsmasters_post_default .cmsmasters_owl_slider { outline: none; } .cmsmasters_post_default .cmsmasters_owl_slider .owl-buttons { display: none; } #page:not(.fullwidth) .cmsmasters_post_default .cmsmasters_owl_slider .owl-pagination { padding: 0; bottom: 13px; } .cmsmasters_post_default .cmsmasters_owl_slider figure { overflow: hidden; } .cmsmasters_post_default .cmsmasters_audio { padding: 5px 0 12px; } .cmsmasters_post_default .cmsmasters_post_video_wrap { outline: none; } /***************** Blog Masonry ******************/ .cmsmasters_post_masonry { position: relative; } .cmsmasters_post_masonry .cmsmasters_post_cont { position: relative; } .cmsmasters_post_masonry .cmsmasters_img_wrap { margin: 0 0 25px; position: relative; overflow: hidden; -webkit-border-radius: 3px; border-radius: 3px; } .cmsmasters_post_masonry .cmsmasters_img_wrap img { -webkit-border-radius: 3px; border-radius: 3px; } .cmsmasters_post_masonry .cmsmasters_post_header { padding: 0 0 15px; } .cmsmasters_post_masonry .cmsmasters_post_header .cmsmasters_post_title { margin: 0; } .cmsmasters_post_masonry .cmsmasters_post_footer { padding: 0 0 20px; position: relative; overflow: hidden; } .cmsmasters_post_masonry .cmsmasters_post_footer.enable_meta_info .cmsmasters_post_category { padding: 0 75px 0 0; } .cmsmasters_post_masonry .cmsmasters_post_category { display: block; } .cmsmasters_post_masonry .cmsmasters_post_category + .cmsmasters_post_meta_info { position: absolute; right: 0; top: 0; } .cmsmasters_post_masonry .cmsmasters_post_meta_info { display: block; } .cmsmasters_post_masonry .cmsmasters_post_content { padding: 0 0 13px; overflow: hidden; } .cmsmasters_post_masonry .cmsmasters_post_content p { margin: 0; padding: 0; } .cmsmasters_post_masonry .cmsmasters_post_read_more { display: inline-block; padding: 0 0 20px; } .cmsmasters_post_masonry .cmsmasters_post_cont_info { overflow: hidden; } .cmsmasters_post_masonry .cmsmasters_post_cont_info > span { display: inline-block; vertical-align: middle; } .cmsmasters_post_masonry .cmsmasters_post_date + .cmsmasters_post_author:before { content: '-'; padding: 0 3px; } .cmsmasters_post_masonry .cmsmasters_video_wrap { margin: 0 0 25px; } .cmsmasters_post_masonry .cmsmasters_audio { outline: none; } .cmsmasters_post_masonry .cmsmasters_owl_slider { margin: 0 0 25px; } .cmsmasters_post_masonry .cmsmasters_owl_slider .owl-buttons { display: none; } .cmsmasters_post_masonry .cmsmasters_owl_slider .owl-pagination { bottom: 13px; } /***************** Blog Timeline ******************/ .cmsmasters_post_timeline { padding: 70px 0 0; position: relative; overflow: hidden; } .cmsmasters_post_timeline:first-child { padding-top: 0; } .cmsmasters_post_timeline .cmsmasters_post_info { display: block; padding: 0 0 35px; position: relative; z-index: 1; } .cmsmasters_post_timeline .cmsmasters_post_date { display: block; text-align: center; overflow: hidden; } .cmsmasters_post_timeline .cmsmasters_post_date .published { outline: none; } .cmsmasters_post_timeline .cmsmasters_post_date span { display: block; } .cmsmasters_post_timeline .cmsmasters_post_date .cmsmasters_day { outline: none; } .cmsmasters_post_timeline .cmsmasters_post_date .cmsmasters_mon_year { padding: 3px 0 0; } .cmsmasters_post_timeline .cmsmasters_post_cont { position: relative; overflow: hidden; } .cmsmasters_post_timeline .cmsmasters_img_wrap { overflow: hidden; } .fullwidth .cmsmasters_post_timeline .cmsmasters_img_wrap { width: 50%; float: left; } .cmsmasters_post_timeline .cmsmasters_post_cont_inner { padding: 25px 0 0; position: relative; overflow: hidden; } .fullwidth .cmsmasters_post_timeline .cmsmasters_post_cont_inner.enable_image { width: 50%; padding: 25px 0 0 40px; float: left; } .cmsmasters_post_timeline .cmsmasters_post_cont_inner:not(.enable_image) { padding: 0; text-align: center; } .cmsmasters_post_timeline .cmsmasters_post_cont_inner:not(.enable_image) .cmsmasters_post_content, .cmsmasters_post_timeline .cmsmasters_post_cont_inner:not(.enable_image) .cmsmasters_post_cont_info { text-align: center; } .cmsmasters_post_timeline .cmsmasters_post_cont_inner:not(.enable_image) .cmsmasters_post_footer .cmsmasters_post_read_more { display: inline-block; padding: 0 0 15px; text-align: center; } .cmsmasters_post_timeline .cmsmasters_post_cont_inner:not(.enable_image) .cmsmasters_post_footer .cmsmasters_post_meta_info { display: block; position: relative; left: auto; top: auto; text-align: center; } .cmsmasters_post_timeline .cmsmasters_post_header { padding: 0 0 15px; } .cmsmasters_post_timeline .cmsmasters_post_header .cmsmasters_post_title { margin: 0; } .cmsmasters_post_timeline .cmsmasters_post_cont_info { padding: 0 0 13px; overflow: hidden; } .cmsmasters_post_timeline .cmsmasters_post_cont_info > span { display: inline-block; vertical-align: middle; } .cmsmasters_post_timeline .cmsmasters_post_category + .cmsmasters_post_author:before { content: '-'; padding: 0 3px; } .cmsmasters_post_timeline .cmsmasters_post_content { padding: 0 0 16px; overflow: hidden; } .cmsmasters_post_timeline .cmsmasters_post_content p { margin: 0; padding: 0; } .cmsmasters_post_timeline .cmsmasters_post_footer { position: relative; overflow: hidden; } .cmsmasters_post_timeline .cmsmasters_post_footer.enable_meta_info .cmsmasters_post_read_more { padding: 0 75px 0 0; } .cmsmasters_post_timeline .cmsmasters_post_footer > span { outline: none; } .cmsmasters_post_timeline .cmsmasters_post_read_more { display: inline-block; vertical-align: middle; } .cmsmasters_post_timeline .cmsmasters_post_read_more + .cmsmasters_post_meta_info { position: absolute; right: 0; top: 0; } .cmsmasters_post_timeline .cmsmasters_post_meta_info { display: block; } .cmsmasters_post_timeline .cmsmasters_post_video_wrap { outline: none; } .fullwidth .cmsmasters_post_timeline .cmsmasters_post_video_wrap { width: 50%; float: left; } .fullwidth .cmsmasters_post_timeline .cmsmasters_post_video_wrap .cmsmasters_img_wrap { width: 100%; float: left; } .fullwidth .cmsmasters_post_timeline .cmsmasters_post_video_wrap .cmsmasters_video_wrap { margin-bottom: 0; } .cmsmasters_post_timeline .cmsmasters_owl_slider { outline: none; } .fullwidth .cmsmasters_post_timeline .cmsmasters_owl_slider { width: 50%; padding: 0 0 37px 0; float: left; } .cmsmasters_post_timeline .cmsmasters_owl_slider .owl-buttons { display: none; } #page:not(.fullwidth) .cmsmasters_post_timeline .cmsmasters_owl_slider .owl-pagination { padding: 0; bottom: 13px; } .cmsmasters_post_timeline .cmsmasters_owl_slider figure { overflow: hidden; } .cmsmasters_post_timeline .cmsmasters_audio { padding: 5px 0 12px; } /***************** Blog Post ******************/ .cmsmasters_open_post { overflow: hidden; } .cmsmasters_open_post .preloader { padding-bottom: 66.86%; } .cmsmasters_open_post .preloader.highImg { height: auto; padding: 0; } .cmsmasters_open_post .cmsmasters_video_wrap, .cmsmasters_open_post .resizable_block { padding-bottom: 66.86% !important; } .cmsmasters_open_post > div:first-child { margin-top: 0; } .cmsmasters_open_post .cmsmasters_post_category { display: block; text-align: center; } .cmsmasters_open_post .cmsmasters_post_header { margin: 15px 0 0; text-align: center; } .cmsmasters_open_post .cmsmasters_post_header .cmsmasters_post_title { margin: 0; } .cmsmasters_open_post .cmsmasters_post_cont_info { margin: 8px 0 0; text-align: center; overflow: hidden; } .cmsmasters_open_post .cmsmasters_post_cont_info > span { display: inline-block; vertical-align: middle; } .cmsmasters_open_post .cmsmasters_post_date + .cmsmasters_post_author { margin-left: 17px; margin-right: 0; } .cmsmasters_open_post .cmsmasters_img_wrap { margin: 40px 0 0; overflow: hidden; } .cmsmasters_open_post .cmsmasters_post_content { margin: 45px 0 0; overflow: hidden; } .cmsmasters_open_post .cmsmasters_post_content > *:last-child { margin-bottom: 0; padding-bottom: 0; } .cmsmasters_open_post .cmsmasters_post_footer { margin: 60px 0 0; position: relative; overflow: hidden; } .cmsmasters_open_post .cmsmasters_post_footer > span { display: inline-block; } .cmsmasters_open_post .cmsmasters_post_tags { padding: 0 75px 0 0; } .cmsmasters_open_post .cmsmasters_post_tags + .cmsmasters_post_meta_info { position: absolute; left: auto; right: 0; top: 0; } .cmsmasters_open_post .cmsmasters_post_meta_info { position: relative; overflow: hidden; } .cmsmasters_open_post .cmsmasters_owl_slider { margin: 45px 0 0; } .cmsmasters_open_post .cmsmasters_owl_slider .owl-buttons { display: none; } .cmsmasters_open_post .cmsmasters_owl_slider .owl-pagination { bottom: 13px; } .cmsmasters_open_post .cmsmasters_owl_slider figure { overflow: hidden; } .cmsmasters_open_post .cmsmasters_audio { margin: 45px 0 0; } .cmsmasters_open_post .cmsmasters_video_wrap { margin: 45px 0 0; } /*-------------------------------------------------------------------------*/ /* Portfolio (Grid, Puzzle) + Project Styles /*-------------------------------------------------------------------------*/ /***************** Portfolio ******************/ .portfolio { position: relative; } .portfolio:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .portfolio .cmsmasters_project_grid, .portfolio .cmsmasters_project_puzzle { min-width: 250px; float: left; } .portfolio .cmsmasters_project_grid .preloader, .portfolio .cmsmasters_project_puzzle .preloader { padding-bottom: 70.69%; } .portfolio .cmsmasters_project_grid .preloader.highImg, .portfolio .cmsmasters_project_puzzle .preloader.highImg { height: auto; padding-bottom: 0; } .portfolio.large_gap { margin: 0 -15px; } .portfolio.large_gap .project { padding-left: 15px; padding-right: 15px; padding-bottom: 30px; } .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 .cmsmasters_img_rollover .cmsmasters_open_link:empty { display: none; } .cmsmasters_project_grid .cmsmasters_img_rollover .cmsmasters_open_post_link { text-indent: -9999px; display: block !important; width: 100%; height: 100%; padding: 0; border-width: 0; border-style: solid; -webkit-border-radius: 0; border-radius: 0; } .cmsmasters_project_grid .project_outer { position: relative; overflow: hidden; } .cmsmasters_project_grid .project_outer:hover .cmsmasters_project_footer { top: 4px; opacity: 1; } .cmsmasters_project_grid .project_outer:hover .cmsmasters_img_rollover { opacity: 0.75; } .cmsmasters_project_grid .cmsmasters_project_images_wrap { position: relative; overflow: hidden; } .cmsmasters_project_grid .cmsmasters_project_images_wrap + .project_inner { padding-top: 10px; } .cmsmasters_project_grid .cmsmasters_project_cont_info { padding: 0 0 12px; text-align: center; overflow: hidden; } .cmsmasters_project_grid .cmsmasters_project_footer { padding: 9px 20px; position: absolute; right: 4px; top: -20px; opacity: 0; overflow: hidden; } .cmsmasters_project_grid .cmsmasters_project_footer > span { outline: none; } .cmsmasters_project_grid .project_inner { padding: 0 10px; position: relative; overflow: hidden; } .cmsmasters_project_grid .cmsmasters_project_header { padding: 0 0 15px; text-align: center; } .cmsmasters_project_grid .cmsmasters_project_header .cmsmasters_project_title { margin: 0; } .cmsmasters_project_grid .cmsmasters_project_content { text-align: center; overflow: hidden; } .cmsmasters_project_grid .cmsmasters_project_content p { margin: 0; padding: 0; } /***************** Portfolio Puzzle ******************/ .cmsmasters_project_puzzle { position: relative; } .cmsmasters_project_puzzle .cmsmasters_img_rollover { display: none; } .cmsmasters_project_puzzle .cmsmasters_img_rollover .cmsmasters_open_link:empty { display: none; } .cmsmasters_project_puzzle .cmsmasters_img_rollover .cmsmasters_open_post_link { text-indent: -9999px; display: block !important; width: 100%; height: 100%; padding: 0; border-width: 0; border-style: solid; -webkit-border-radius: 0; border-radius: 0; } .cmsmasters_project_puzzle .project_outer { position: relative; overflow: hidden; -webkit-border-radius: 6px; border-radius: 6px; } .cmsmasters_project_puzzle .project_outer:hover { margin-top: -5px; margin-bottom: 5px; } .cmsmasters_project_puzzle .project_outer:hover img { outline: none; } .cmsmasters_project_puzzle .project_outer:hover .cmsmasters_img_rollover { opacity: 0.75; } .cmsmasters_project_puzzle .project_outer:hover .project_inner { opacity: 0.9; } .cmsmasters_project_puzzle .project_inner { width: auto; height: auto; margin: auto !important; position: absolute; left: 0; right: 0; top: 0 !important; bottom: 0; display: flex; flex-direction: column; justify-content: center; text-align: center; overflow: hidden; opacity: 0; } .cmsmasters_project_puzzle .project_inner_cont { padding: 15px 20px 18px; } .cmsmasters_project_puzzle .cmsmasters_project_header .cmsmasters_project_title { margin: 0; text-align: center; } .cmsmasters_project_puzzle .cmsmasters_project_header .cmsmasters_project_title a:hover { opacity: 0.6; } .cmsmasters_project_puzzle .cmsmasters_project_cont_info { position: relative; padding-bottom: 6px; overflow: hidden; } .cmsmasters_project_puzzle .cmsmasters_project_cont_info.enable_project_footer .cmsmasters_project_category { padding: 0 75px 0 0; } .cmsmasters_project_puzzle .cmsmasters_project_category { display: block; text-align: center; } .cmsmasters_project_puzzle .cmsmasters_project_category a:hover { opacity: 0.6; } .cmsmasters_project_puzzle .cmsmasters_project_category + .cmsmasters_project_footer { position: absolute; right: 0; top: 0; } .cmsmasters_project_puzzle .cmsmasters_project_footer { margin: 15px 0 0; text-align: center; overflow: hidden; } .cmsmasters_project_puzzle .cmsmasters_project_footer > span { outline: none; } .cmsmasters_project_puzzle .cmsmasters_project_footer > span a:not(.active):hover { opacity: 0.6; } /***************** Portfolio Open Project ******************/ .cmsmasters_open_project { padding: 0 0 40px; position: relative; overflow: hidden; } .cmsmasters_open_project .preloader { padding-bottom: 55.8%; } .cmsmasters_open_project .preloader.highImg { height: auto; padding: 0; } .cmsmasters_open_project .cmsmasters_video_wrap, .cmsmasters_open_project .resizable_block { padding-bottom: 55.8%; } .cmsmasters_open_project .owl-pagination { display: none; } .cmsmasters_open_project .cmsmasters_owl_slider:hover .owl-buttons > div { opacity: 1; } .cmsmasters_open_project .owl-buttons { position: static; width: 0; height: 0; } .cmsmasters_open_project .owl-buttons > div { display: block; margin: 0; opacity: 0; width: 50px; height: 50px; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .cmsmasters_open_project .owl-buttons > div:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .cmsmasters_open_project .owl-buttons > div.owl-prev { left: 0; right: auto; } .cmsmasters_open_project .owl-buttons > div.owl-next { left: auto; right: 0; } .cmsmasters_open_project .owl-buttons > div > span { background: transparent; display: block; width: 100%; height: 100%; border-width: 0; border-style: solid; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .cmsmasters_open_project .owl-buttons > div > span > span { width: 10px; height: 26px; } .cmsmasters_open_project .owl-buttons > div > span > span:before { font-size: 26px; line-height: 26px; } .cmsmasters_open_project .cmsmasters_project_likes, .cmsmasters_open_project .cmsmasters_project_comments { outline: none; } .cmsmasters_open_project .cmsmasters_project_header { padding: 0 0 10px; text-align: center; overflow: hidden; display: block; clear: both; } .cmsmasters_open_project .cmsmasters_project_header .cmsmasters_project_title { margin: 0; } .cmsmasters_open_project .project_content { width: 100%; padding: 40px 0 0; overflow: hidden; } .cmsmasters_open_project .project_content.with_sidebar .cmsmasters_project_content { width: 71%; padding: 0 40px; float: left; } .cmsmasters_open_project .project_content .cmsmasters_gallery_row { margin: 0 -1.3%; position: relative; } .cmsmasters_open_project .project_content .cmsmasters_gallery_row figure { overflow: hidden; } .cmsmasters_open_project .project_content .cmsmasters_gallery_row .one_third, .cmsmasters_open_project .project_content .cmsmasters_gallery_row .one_half, .cmsmasters_open_project .project_content .cmsmasters_gallery_row .one_first { margin-bottom: 2.6%; } .cmsmasters_open_project .project_content .cmsmasters_gallery_row .one_third .preloader, .cmsmasters_open_project .project_content .cmsmasters_gallery_row .one_half .preloader { padding-bottom: 70.69%; } .cmsmasters_open_project .project_content .cmsmasters_gallery_row .one_third .preloader.highImg, .cmsmasters_open_project .project_content .cmsmasters_gallery_row .one_half .preloader.highImg { height: auto; padding: 0; } .cmsmasters_open_project .project_content > .cmsmasters_img_wrap { margin: 0 0 50px; overflow: hidden; } .cmsmasters_open_project .project_content > .cmsmasters_owl_slider { margin: 0 0 50px; } .cmsmasters_open_project .project_content > .cmsmasters_owl_slider figure { overflow: hidden; } .cmsmasters_open_project .project_content > .cmsmasters_video_wrap { margin: 0 0 50px; } .cmsmasters_open_project .cmsmasters_project_content { position: relative; overflow: hidden; } .cmsmasters_open_project .project_sidebar { width: 29%; padding: 0 40px 0 0; float: left; } .cmsmasters_open_project .project_sidebar > div { margin: 35px 0 0; } .cmsmasters_open_project .project_sidebar > div:first-child { margin: 0; } .cmsmasters_open_project .project_details, .cmsmasters_open_project .project_features { position: relative; overflow: hidden; } .cmsmasters_open_project .project_details_title, .cmsmasters_open_project .project_features_title { margin: 0 0 25px; padding: 0; } .cmsmasters_open_project .project_details_title + .project_details_item, .cmsmasters_open_project .project_features_title + .project_details_item, .cmsmasters_open_project .project_details_title + .project_features_item, .cmsmasters_open_project .project_features_title + .project_features_item { padding-top: 0; } .cmsmasters_open_project .project_details_item, .cmsmasters_open_project .project_features_item { padding: 9px 0; position: relative; border-bottom-width: 1px; border-bottom-style: solid; overflow: hidden; } .cmsmasters_open_project .project_details_item:first-child, .cmsmasters_open_project .project_features_item:first-child { padding-top: 0; } .cmsmasters_open_project .project_details_item:last-child, .cmsmasters_open_project .project_features_item:last-child { padding-bottom: 0; border-bottom-width: 0; border-bottom-style: solid; } .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 -15px; position: relative; overflow: hidden; } .cmsmasters_posts_slider .owl-buttons { display: none; } .cmsmasters_posts_slider .preloader { padding-bottom: 63.1%; } .cmsmasters_posts_slider .preloader.highImg { height: auto; padding: 0; } .cmsmasters_posts_slider .cmsmasters_slider_project .preloader { padding-bottom: 70.69%; } .cmsmasters_posts_slider .cmsmasters_owl_slider { padding: 0 0 40px; } .cmsmasters_posts_slider .cmsmasters_owl_slider_item { min-width: 200px; max-width: 100%; } .cmsmasters_posts_slider .cmsmasters_slider_post, .cmsmasters_posts_slider .cmsmasters_slider_project { width: 100%; padding: 20px 15px 30px; } /***************** Posts Slider Blog ******************/ .cmsmasters_slider_post { position: relative; padding-top: 5px; } .cmsmasters_slider_post .cmsmasters_slider_post_outer { position: relative; overflow: hidden; border-width: 1px; border-style: solid; -webkit-border-radius: 6px; border-radius: 6px; } .cmsmasters_slider_post .cmsmasters_slider_post_outer:hover { margin-top: -5px; } .cmsmasters_slider_post .cmsmasters_slider_post_date_img_wrap { position: relative; overflow: hidden; } .cmsmasters_slider_post .cmsmasters_slider_post_inner { position: relative; padding: 20px 30px; overflow: hidden; } .cmsmasters_slider_post .cmsmasters_slider_post_category { display: block; margin-bottom: 10px; } .cmsmasters_slider_post .cmsmasters_slider_post_header .cmsmasters_slider_post_title { margin: 0; } .cmsmasters_slider_post .cmsmasters_slider_post_content { margin-top: 13px; overflow: hidden; } .cmsmasters_slider_post .cmsmasters_slider_post_content p { margin: 0; padding: 0; } .cmsmasters_slider_post .cmsmasters_slider_post_read_more { margin-top: 5px; display: inline-block; } .cmsmasters_slider_post .cmsmasters_slider_post_footer { margin-top: 23px; padding-top: 20px; position: relative; overflow: hidden; border-top-width: 1px; border-top-style: solid; } .cmsmasters_slider_post .cmsmasters_slider_post_header + .cmsmasters_slider_post_footer { margin-top: 40px; } .cmsmasters_slider_post .cmsmasters_slider_post_cont_info { float: left; overflow: hidden; } .cmsmasters_slider_post .cmsmasters_slider_post_cont_info + .cmsmasters_slider_post_meta_info { float: right; } .cmsmasters_slider_post .cmsmasters_slider_post_cont_info > span { display: inline-block; } .cmsmasters_slider_post .cmsmasters_slider_post_date { outline: none; } .cmsmasters_slider_post .cmsmasters_slider_post_date + .cmsmasters_slider_post_author:before { content: '-'; padding: 0 3px; } /***************** Posts Slider Portfolio ******************/ .cmsmasters_slider_project { position: relative; } .cmsmasters_slider_project .cmsmasters_slider_project_outer { position: relative; } .cmsmasters_slider_project .cmsmasters_slider_project_outer:hover .cmsmasters_slider_project_cont_wrap_inner { top: 0; opacity: 1; } .cmsmasters_slider_project .cmsmasters_slider_project_author + .cmsmasters_slider_project_meta_info { float: right; } .cmsmasters_slider_project .cmsmasters_slider_project_inner { position: relative; padding-top: 18px; overflow: hidden; } .cmsmasters_slider_project .cmsmasters_slider_project_header { padding: 0; text-align: center; } .cmsmasters_slider_project .cmsmasters_slider_project_header .cmsmasters_slider_project_title { margin: 0; } .cmsmasters_slider_project .cmsmasters_slider_project_header + * { margin-top: 20px; } .cmsmasters_slider_project .cmsmasters_slider_project_cont_wrap { overflow: hidden; } .cmsmasters_slider_project .cmsmasters_slider_project_cont_wrap_inner { width: 100%; padding: 25px 20px 22px; z-index: 1; } .cmsmasters_slider_project .cmsmasters_slider_project_cont_info { margin-top: -6px; margin-bottom: 6px; text-align: center; overflow: hidden; } .cmsmasters_slider_project .cmsmasters_slider_project_content { overflow: hidden; } .cmsmasters_slider_project .cmsmasters_slider_project_content p { margin: 0; padding: 0; } .cmsmasters_slider_project .cmsmasters_slider_post_read_more { display: inline-block; margin-top: 5px; } .cmsmasters_slider_project .cmsmasters_slider_project_footer { margin-top: 10px; overflow: hidden; } .cmsmasters_slider_project .cmsmasters_img_rollover_wrap { -webkit-border-radius: 6px; border-radius: 6px; } .cmsmasters_slider_project .cmsmasters_img_rollover_wrap:hover { margin-top: -5px; margin-bottom: 5px; } .cmsmasters_slider_project .cmsmasters_img_rollover_wrap:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); } /*-------------------------------------------------------------------------*/ /* Profiles + Profile Styles /*-------------------------------------------------------------------------*/ /***************** Profiles ******************/ .cmsmasters_profile { position: relative; overflow: hidden; } .cmsmasters_profile.horizontal { margin: -40px -1.3% 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; } .cmsmasters_profile_horizontal .profile_outer { position: relative; text-align: center; overflow: hidden; } .cmsmasters_profile_horizontal .cmsmasters_img_social_wrap { margin: 0 40px 26px; position: relative; overflow: hidden; } .cmsmasters_profile_horizontal .cmsmasters_img_social_wrap.no_image { display: block; } .cmsmasters_profile_horizontal .cmsmasters_img_social_wrap .profile_social_icons { width: 100%; height: 100%; padding: 0 10px; position: absolute; left: 0; top: 0; opacity: 0; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; overflow: hidden; } .cmsmasters_profile_horizontal .cmsmasters_img_social_wrap .profile_social_icons:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .cmsmasters_profile_horizontal .cmsmasters_img_social_wrap .profile_social_icons_list a:hover { opacity: 0.6; } .cmsmasters_profile_horizontal .cmsmasters_img_social_inner { -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; } .cmsmasters_profile_horizontal .cmsmasters_img_social_inner:hover .profile_social_icons { opacity: 1; } .cmsmasters_profile_horizontal .cmsmasters_img_wrap { text-align: center; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; } .cmsmasters_profile_horizontal .cmsmasters_img_wrap img { -webkit-border-radius: 50%; border-radius: 50%; } .cmsmasters_profile_horizontal .cmsmasters_img_wrap.no_image > span { display: block; padding: 0 0 100%; -webkit-border-radius: 50%; border-radius: 50%; } .cmsmasters_profile_horizontal .cmsmasters_img_wrap.no_image > span:before { font-size: 20px; width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .cmsmasters_profile_horizontal .profile_social_icons_list { list-style: none; display: inline-block; margin: 0; padding: 0; vertical-align: middle; } .cmsmasters_profile_horizontal .profile_social_icons_list:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .cmsmasters_profile_horizontal .profile_social_icons_list li { display: inline-block; vertical-align: middle; margin: 0; padding: 0; position: relative; } .cmsmasters_profile_horizontal .profile_social_icons_list li:last-child { margin: 0; } .cmsmasters_profile_horizontal .profile_social_icons_list li:before { display: none; } .cmsmasters_profile_horizontal .profile_social_icons_list a { font-size: 14px; line-height: 14px; 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; } .cmsmasters_profile_horizontal .profile_inner { position: relative; text-align: center; overflow: hidden; } .cmsmasters_profile_horizontal .profile_inner .profile_social_icons { margin: 10px 0 0; display: none; text-align: center; } .cmsmasters_profile_horizontal .profile_inner .profile_social_icons li { margin: 0 5px; } .cmsmasters_profile_horizontal .cmsmasters_profile_header { padding: 0; } .cmsmasters_profile_horizontal .cmsmasters_profile_header .cmsmasters_profile_title { margin: 0; } .cmsmasters_profile_horizontal .cmsmasters_profile_header .cmsmasters_profile_subtitle { margin: 5px 0 0; } .cmsmasters_profile_horizontal .cmsmasters_profile_content { padding: 27px 0 0; position: relative; text-align: center; overflow: hidden; } .cmsmasters_profile_horizontal .cmsmasters_profile_content p { margin: 0; padding: 0; } /***************** Profiles Vertical ******************/ .cmsmasters_profile_vertical { margin: 0 0 70px; position: relative; } .cmsmasters_profile_vertical:last-child { margin: 0; } .cmsmasters_profile_vertical .profile_outer { position: relative; overflow: hidden; } .cmsmasters_profile_vertical .cmsmasters_img_wrap { display: inline-block; width: 30.16%; padding: 0 50px 0 0; vertical-align: middle; } .cmsmasters_profile_vertical .cmsmasters_img_wrap img { outline: none; } .cmsmasters_profile_vertical .cmsmasters_img_wrap.no_image > span { display: block; position: relative; } .cmsmasters_profile_vertical .cmsmasters_img_wrap.no_image > span { display: block; padding: 0 0 100%; } .cmsmasters_profile_vertical .cmsmasters_img_wrap.no_image > span > span:before { font-size: 20px; width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .cmsmasters_profile_vertical .profile_inner { display: block; width: 100%; } .cmsmasters_profile_vertical .cmsmasters_img_wrap + .profile_inner { display: inline-block; width: 69.84%; padding: 40px 0 0; vertical-align: top; } .cmsmasters_profile_vertical .cmsmasters_profile_header { margin: 0 0 27px; } .cmsmasters_profile_vertical .cmsmasters_profile_header .cmsmasters_profile_title { margin: 0; } .cmsmasters_profile_vertical .cmsmasters_profile_header .cmsmasters_profile_subtitle { margin: 7px 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 { margin: 30px 0 0; position: relative; 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; 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: 16px; line-height: 16px; 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 ******************/ .profiles.opened-article .share_posts { margin: -55px 0 0; } .cmsmasters_open_profile { padding: 0 0 40px; z-index: 1; position: relative; overflow: hidden; } .cmsmasters_open_profile .cmsmasters_profile_likes, .cmsmasters_open_profile .cmsmasters_profile_comments { outline: none; } .cmsmasters_open_profile .cmsmasters_profile_header { padding: 0 0 10px; text-align: center; overflow: hidden; display: block; clear: both; } .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: 40px 0 10px; overflow: hidden; } .cmsmasters_open_profile .cmsmasters_profile_content { position: relative; overflow: hidden; } .cmsmasters_open_profile .profile_sidebar > div { outline: none; } .cmsmasters_open_profile .profile_details, .cmsmasters_open_profile .profile_features { padding: 25px 0 0; position: relative; overflow: hidden; } .cmsmasters_open_profile .profile_details_title, .cmsmasters_open_profile .profile_features_title { margin: 0 0 12px; padding: 0; } .cmsmasters_open_profile .profile_details_item, .cmsmasters_open_profile .profile_features_item { padding: 9px 0; position: relative; 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 { padding: 25px 0 0; position: relative; overflow: hidden; } .cmsmasters_open_profile .profile_social_icons_title { margin: 0 0 12px; padding: 0; } .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 12px 0 0; padding: 0; position: relative; } .cmsmasters_open_profile .profile_social_icons_list li:last-child { margin: 0; } .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: 1em; height: 1em; 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 1.3% 40px; width: 97.4%; } .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%; position: relative; overflow: hidden; } /***************** Table ******************/ .cmsmasters_wrap_table { overflow: auto; } .cmsmasters_table { width: 100%; } .cmsmasters_table caption { outline: none; } .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; } /***************** Notice ******************/ .cmsmasters_notice { display: block; padding: 0 25px; margin: 20px 15px 20px 0; 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: 90px; padding-right: 25px; } .cmsmasters_notice:before { font-size: 32px; width: 1em; height: 1em; margin: auto !important; position: absolute; left: 27px; right: auto; top: 0; bottom: 0; } .cmsmasters_notice .notice_content { position: relative; padding: 20px 0 0; } .cmsmasters_notice .notice_close { font-size: 12px; line-height: 27px; display: block; width: 28px; height: 28px; margin: auto !important; position: absolute; left: auto; right: -15px; top: -14px; bottom: auto; border-width: 1px; border-style: solid; -webkit-border-radius: 50%; border-radius: 50%; } .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_warning { background-color: #fffdf9; border-color: #f1ceb7; } .cmsmasters_notice.cmsmasters_notice_warning:before { color: #fdb543; } .cmsmasters_notice.cmsmasters_notice_success { background-color: #fdfff9; border-color: #d0e4a8; } .cmsmasters_notice.cmsmasters_notice_success:before { color: #8bc34a; } .cmsmasters_notice.cmsmasters_notice_download { background-color: #f9fffa; border-color: #c9e0cd; } .cmsmasters_notice.cmsmasters_notice_download:before { color: #63b698; } .cmsmasters_notice.cmsmasters_notice_info { background-color: #fafcff; border-color: #d5dde9; } .cmsmasters_notice.cmsmasters_notice_info:before { color: #6e95d1; } .cmsmasters_notice.cmsmasters_notice_error { background-color: #fffdfd; border-color: #f7d1d1; } .cmsmasters_notice.cmsmasters_notice_error:before { color: #ea5151; } /***************** 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; } .cmsmasters_icon_list_items .cmsmasters_icon_list_item:before { background-color: transparent; width: 1em; height: 1em; 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; border-bottom-width: 1px; border-bottom-style: solid; } .cmsmasters_toggles .cmsmasters_toggle_wrap:last-child { border-bottom-width: 0; border-bottom-style: solid; } .cmsmasters_toggles .cmsmasters_toggle_title { position: relative; } .cmsmasters_toggles .cmsmasters_toggle_title a { display: block; position: relative; z-index: 2; } .cmsmasters_toggles .cmsmasters_toggle_plus { display: block; z-index: 1; width: 20px; height: 20px; margin: auto !important; position: absolute; left: auto; right: 0; top: 0; bottom: 0; text-align: center; } .cmsmasters_toggles .cmsmasters_toggle_plus:before { content: '\e950'; font-family: 'fontello'; font-size: 20px; line-height: 12px; width: 1em; height: 1em; margin: 0; } .cmsmasters_toggles .cmsmasters_toggle_plus span { display: none; } .cmsmasters_toggles .cmsmasters_toggle { display: none; } .cmsmasters_toggles .cmsmasters_toggle_inner { padding: 0 0 20px; position: relative; overflow: hidden; } .cmsmasters_toggles .cmsmasters_toggle_inner > *:last-child { padding-bottom: 0; } .cmsmasters_toggles .cmsmasters_toggle_wrap.current_toggle .cmsmasters_toggle_plus { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .cmsmasters_toggles .cmsmasters_toggle_wrap.current_toggle > .cmsmasters_toggle { display: block; } .cmsmasters_toggles.toggles_mode_toggle .cmsmasters_toggle_title a { padding: 20px 60px 20px 0; } .cmsmasters_toggles.toggles_mode_accordion .cmsmasters_toggle_title a { padding: 10px 0; text-align: left; } .cmsmasters_toggles.toggles_mode_accordion .cmsmasters_toggle_inner { padding: 35px 0 15px; } .cmsmasters_toggles.toggles_mode_accordion .cmsmasters_toggle_wrap:last-child { border-bottom-width: 1px; border-bottom-style: solid; } .cmsmasters_toggles.toggles_mode_accordion .cmsmasters_toggle_wrap.current_toggle { border-bottom-width: 0; border-bottom-style: solid; } .cmsmasters_toggles.toggles_mode_accordion .cmsmasters_toggle_wrap.current_toggle .cmsmasters_toggle_title { border-bottom-width: 1px; border-bottom-style: solid; } .cmsmasters_toggles.toggles_mode_accordion .cmsmasters_toggle_wrap.current_toggle .cmsmasters_toggle_plus { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .cmsmasters_toggles.toggles_mode_accordion .cmsmasters_toggle_plus:before { content: '\e94f'; } /***************** 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; } .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; overflow: hidden; } .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 { font-size: 20px; line-height: 20px; } .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 { line-height: 0; text-align: center; } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list_item { display: inline-block; overflow: visible; } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list_item:last-child { margin: 0; } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list_item:hover .cmsmasters_tabs_list_item_arrow, .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list_item.current_tab .cmsmasters_tabs_list_item_arrow { opacity: 1; } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list_item:hover .cmsmasters_tabs_list_item_title:before, .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list_item.current_tab .cmsmasters_tabs_list_item_title:before { opacity: 1; } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list_item a { padding: 15px 30px 0; position: relative; } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list_item a[class^="cmsmasters-icon-"], .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list_item a[class^="cmsmasters_theme_icon_"] { padding: 70px 30px 0 30px; } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list_item a .cmsmasters_tabs_list_item_title { display: inline-block; position: relative; padding-bottom: 15px; } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list_item a .cmsmasters_tabs_list_item_title:before { content: ''; background-color: #000; display: block; width: 100%; height: 1px; margin: auto !important; position: absolute; left: 0; right: 0; top: auto; bottom: -1px; z-index: 999; opacity: 0; } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list_item a .cmsmasters_tabs_list_item_arrow { width: 12px; height: 10px; margin: auto !important; position: absolute; left: 0; right: 0; top: auto; bottom: -1px; z-index: 1000; opacity: 0; } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list_item a .cmsmasters_tabs_list_item_arrow:before { content: ''; display: block; height: 1px; width: 10px; margin-top: 5px; margin-left: -2px; background-color: red; -webkit-transform: rotate(-52deg); -moz-transform: rotate(-52deg); -ms-transform: rotate(-52deg); transform: rotate(-52deg); } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list_item a .cmsmasters_tabs_list_item_arrow:after { content: ''; display: block; height: 1px; width: 10px; margin-top: -1px; margin-left: 4px; background-color: red; -webkit-transform: rotate(52deg); -moz-transform: rotate(52deg); -ms-transform: rotate(52deg); transform: rotate(52deg); } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list_item a:before { width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 1px; bottom: auto; font-size: 50px; line-height: 1em; } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list_item a:after { content: ''; } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_wrap { border-top-width: 1px; border-top-style: solid; } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tab_inner { padding: 55px 0 0; } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tab_inner .cmsmasters_img.cmsmasters_image_l { margin-right: 60px; } .cmsmasters_tabs.tabs_mode_tour { display: table; } .cmsmasters_tabs.tabs_mode_tour .cmsmasters_tabs_list { display: table-cell; width: 18%; vertical-align: top; } .cmsmasters_tabs.tabs_mode_tour .cmsmasters_tabs_list_item:first-child a { margin-top: 0; } .cmsmasters_tabs.tabs_mode_tour .cmsmasters_tabs_list_item:first-child a[class^="cmsmasters-icon-"], .cmsmasters_tabs.tabs_mode_tour .cmsmasters_tabs_list_item:first-child a[class^="cmsmasters_theme_icon_"] { margin-top: 0; } .cmsmasters_tabs.tabs_mode_tour .cmsmasters_tabs_list_item a { margin: 8px 20px 8px 0; padding: 2px 0; } .cmsmasters_tabs.tabs_mode_tour .cmsmasters_tabs_list_item a[class^="cmsmasters-icon-"], .cmsmasters_tabs.tabs_mode_tour .cmsmasters_tabs_list_item a[class^="cmsmasters_theme_icon_"] { margin: 8px 20px 8px 0; padding-left: 30px; } .cmsmasters_tabs.tabs_mode_tour .cmsmasters_tabs_list_item a:before { width: 1em; height: 1em; margin: auto !important; position: absolute; left: 1px; right: auto; top: 0; bottom: 0; } .cmsmasters_tabs.tabs_mode_tour .cmsmasters_tabs_wrap { display: table-cell; width: 82%; vertical-align: top; border-left-width: 1px; border-left-style: solid; border-bottom-width: 1px; border-bottom-style: solid; } .cmsmasters_tabs.tabs_mode_tour .cmsmasters_tab_inner { padding: 0 0 40px 30px; } .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:first-child a { margin-top: 0; } .cmsmasters_tabs.tabs_mode_tour.tabs_pos_right .cmsmasters_tabs_list_item:first-child a[class^="cmsmasters-icon-"], .cmsmasters_tabs.tabs_mode_tour.tabs_pos_right .cmsmasters_tabs_list_item:first-child a[class^="cmsmasters_theme_icon_"] { margin-top: 0; } .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_"] { margin: 10px 0 10px 20px; padding-right: 30px; padding-left: 0; } .cmsmasters_tabs.tabs_mode_tour.tabs_pos_right .cmsmasters_tabs_list_item a:before { left: auto; right: 1px; } .cmsmasters_tabs.tabs_mode_tour.tabs_pos_right .cmsmasters_tabs_wrap { direction: ltr; border-left-width: 0; border-left-style: solid; border-right-width: 1px; border-right-style: solid; } .cmsmasters_tabs.tabs_mode_tour.tabs_pos_right .cmsmasters_tab_inner { padding: 0 30px 40px 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 { padding-bottom: 20px; position: relative; } .cmsmasters_stats.stats_mode_bars .cmsmasters_stat_wrap:last-child { padding-bottom: 0; } .cmsmasters_stats.stats_mode_bars .cmsmasters_stat_wrap:before { content: ''; display: block; width: 100%; height: 3px; position: absolute; top: 27px; left: 0; } .cmsmasters_stats.stats_mode_bars .cmsmasters_stat_wrap .cmsmasters_stat { width: 0; min-height: 30px; overflow: hidden; } .cmsmasters_stats.stats_mode_bars .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner { width: 100%; height: 3px; position: absolute; bottom: 0; left: 0; } .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: 16px; margin: 0; position: absolute; left: 0; top: auto; bottom: 12px; } .cmsmasters_stats.stats_mode_bars .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner[class^="cmsmasters-icon-"] .cmsmasters_stat_title, .cmsmasters_stats.stats_mode_bars .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner[class*=" cmsmasters-icon-"] .cmsmasters_stat_title, .cmsmasters_stats.stats_mode_bars .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner[class^="cmsmasters_theme_icon_"] .cmsmasters_stat_title, .cmsmasters_stats.stats_mode_bars .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner[class*=" cmsmasters_theme_icon_"] .cmsmasters_stat_title { left: 25px; } .cmsmasters_stats.stats_mode_bars .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner .cmsmasters_stat_title { position: absolute; left: 0; top: auto; bottom: 5px; } .cmsmasters_stats.stats_mode_bars .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner .cmsmasters_stat_counter_wrap { position: absolute; left: auto; right: 0; top: auto; bottom: 10px; } .cmsmasters_stats.stats_mode_bars .cmsmasters_stat_wrap .cmsmasters_stat canvas { display: none; } .cmsmasters_stats.stats_mode_bars .cmsmasters_stat_wrap .cmsmasters_stat_subtitle { display: inline-block; padding: 20px 0 0; } .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: 170px; height: 170px; margin: 0 0 15px; } .cmsmasters_stats.stats_mode_circles .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner { width: 170px; height: 170px; padding-top: 62px; position: absolute; left: 0; top: 0; z-index: 1; text-align: center; border-width: 3px; border-style: solid; -webkit-border-radius: 50%; border-radius: 50%; } .cmsmasters_stats.stats_mode_circles .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner:before { font-size: 28px; line-height: 28px; margin: 0; } .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: 170px; height: 170px; position: relative; z-index: 2; -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: 38px; } .cmsmasters_stats.stats_mode_circles .cmsmasters_stat_wrap .cmsmasters_stat.stat_has_titleicon .cmsmasters_stat_inner .cmsmasters_stat_counter_wrap { padding: 6px 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: 16px 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 40px; position: relative; overflow: hidden; } .cmsmasters_counters .cmsmasters_counter_wrap .cmsmasters_counter .cmsmasters_counter_inner { display: block; 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_counter_wrap { display: inline-block; width: 100%; } .cmsmasters_counters .cmsmasters_counter_wrap .cmsmasters_counter .cmsmasters_counter_inner .cmsmasters_counter_title { margin: 20px 0 0; 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; margin-top: 7px; } .cmsmasters_counters.counters_type_vertical .cmsmasters_counter_wrap .cmsmasters_counter { text-align: center; } .cmsmasters_counters.counters_type_vertical .cmsmasters_counter_wrap .cmsmasters_counter .cmsmasters_counter_inner { text-align: center; } .cmsmasters_counters.counters_type_vertical .cmsmasters_counter_wrap .cmsmasters_counter .cmsmasters_counter_inner:before { left: 50%; } .cmsmasters_counters.counters_type_vertical .cmsmasters_counter_wrap .cmsmasters_counter .cmsmasters_counter_inner .cmsmasters_counter_counter_wrap { padding: 10px 0 0; } .cmsmasters_counters.counters_type_vertical .cmsmasters_counter_wrap .cmsmasters_counter_subtitle { margin-top: 9px; text-align: center; } .cmsmasters_counters.counters_type_horizontal .cmsmasters_counter_wrap .cmsmasters_counter .cmsmasters_counter_inner:before { margin: auto !important; right: auto; 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_counter_wrap { vertical-align: middle; } /***************** CMSMASTERS Button ******************/ .cmsmasters_button { display: inline-block; padding: 0 40px; cursor: pointer; position: relative; white-space: nowrap; -webkit-border-radius: 6px; border-radius: 6px; border-width: 1px; border-style: solid; } .cmsmasters_button:hover { margin-top: -5px; margin-bottom: 5px; } .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%; } /***************** MailPoet ******************/ .cmsmasters_mailpoet_form { /* MailPoet 3 */ /* MailPoet 2 */ } .cmsmasters_mailpoet_form form.mailpoet_form { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cmsmasters_mailpoet_form form.mailpoet_form .mailpoet_paragraph { padding: 0; position: relative; } .cmsmasters_mailpoet_form form.mailpoet_form .mailpoet_paragraph:first-of-type { margin: 0 10px 0 0; -webkit-flex-grow: 2; -moz-flex-grow: 2; -ms-flex-grow: 2; flex-grow: 2; } .cmsmasters_mailpoet_form form.mailpoet_form .mailpoet_paragraph:first-of-type > label { display: none; } .cmsmasters_mailpoet_form form.mailpoet_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]) { width: 100% !important; -webkit-border-radius: 6px; border-radius: 6px; } .cmsmasters_mailpoet_form form.mailpoet_form .mailpoet_submit { padding: 11px 35px; -webkit-border-radius: 6px; border-radius: 6px; } .cmsmasters_mailpoet_form form.mailpoet_form .mailpoet_submit:hover { margin-top: -5px !important; margin-bottom: 5px !important; } .cmsmasters_mailpoet_form form.mailpoet_form .mailpoet_message { width: 100%; padding: 10px 0 0; } .cmsmasters_mailpoet_form form.mailpoet_form .mailpoet_message p { margin: 0; padding: 0; } .cmsmasters_mailpoet_form form.shortcode_wysija { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; } .cmsmasters_mailpoet_form form.shortcode_wysija .wysija-paragraph { margin: 0 10px 0 0; padding: 0; position: relative; -webkit-flex-grow: 2; -moz-flex-grow: 2; -ms-flex-grow: 2; flex-grow: 2; } .cmsmasters_mailpoet_form form.shortcode_wysija .wysija-paragraph > label { display: none; } .cmsmasters_mailpoet_form form.shortcode_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]) { -webkit-border-radius: 6px; border-radius: 6px; } .cmsmasters_mailpoet_form form.shortcode_wysija .wysija-submit { padding: 11px 35px; -webkit-border-radius: 6px; border-radius: 6px; } .cmsmasters_mailpoet_form form.shortcode_wysija .wysija-submit:hover { margin-top: -5px !important; margin-bottom: 5px !important; } .cmsmasters_mailpoet_form form.shortcode_wysija .formError { right: auto !important; left: 0 !important; bottom: 100% !important; top: auto !important; margin-bottom: 10px !important; } /***************** 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 66.86%; 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: 0.4; } .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: 0.4; } .cmsmasters_hover_slider .cmsmasters_hover_slider_thumbs img { display: block; width: 100px; height: auto; } .js_body .cmsmasters_hover_slider_items > li > figure.cmsmasters_hover_slider_full_img img { position: absolute; } /***************** Content slider ******************/ .cmsmasters_content_slider { position: relative; overflow: hidden; } .cmsmasters_content_slider:hover .owl-buttons > div { opacity: 1; } .cmsmasters_content_slider img { width: 100%; } .cmsmasters_content_slider .owl-buttons { position: static; width: 0; height: 0; } .cmsmasters_content_slider .owl-buttons > div { display: block; margin: 0; opacity: 0; width: 50px; height: 50px; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .cmsmasters_content_slider .owl-buttons > div:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .cmsmasters_content_slider .owl-buttons > div.owl-prev { left: 0; right: auto; } .cmsmasters_content_slider .owl-buttons > div.owl-next { left: auto; right: 0; } .cmsmasters_content_slider .owl-buttons > div > span { background: transparent; display: block; width: 100%; height: 100%; border-width: 0; border-style: solid; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .cmsmasters_content_slider .owl-buttons > div > span > span { width: 10px; height: 26px; } .cmsmasters_content_slider .owl-buttons > div > span > span:before { font-size: 26px; line-height: 26px; } .cmsmasters_content_slider .owl-pagination { bottom: 13px; } /***************** 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%; } .cmsmasters_gallery .cmsmasters_gallery_item.shortcode_animated { opacity: 1; } .cmsmasters_gallery .cmsmasters_gallery_item.cmsmasters_caption figure { display: block; padding: 6px 6px 15px; border-width: 1px; border-style: solid; } .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; position: relative; overflow: hidden; } .cmsmasters_quotes_slider .owl-buttons { position: static; } .cmsmasters_quotes_slider .owl-buttons > div { width: 26px; height: 26px; position: absolute; top: 0; bottom: 0; margin: auto; } .cmsmasters_quotes_slider .owl-buttons > div span { margin-top: -5px; } .cmsmasters_quotes_slider .owl-buttons > div.owl-prev { left: 0; } .cmsmasters_quotes_slider .owl-buttons > div.owl-prev .cmsmasters_prev_arrow span:before { content: '\eb25'; font-size: 27px; } .cmsmasters_quotes_slider .owl-buttons > div.owl-next { right: 0; } .cmsmasters_quotes_slider .owl-buttons > div.owl-next .cmsmasters_next_arrow span:before { content: '\eb26'; font-size: 27px; } .cmsmasters_quotes_slider .owl-pagination { top: 0; bottom: auto; display: none; } .cmsmasters_quotes_slider .cmsmasters_quote { position: relative; overflow: hidden; } .cmsmasters_quotes_slider .cmsmasters_quote_inner { padding: 0 80px; position: relative; overflow: hidden; } .cmsmasters_quotes_slider .cmsmasters_quote_content { position: relative; text-align: center; overflow: hidden; } .cmsmasters_quotes_slider .cmsmasters_quote_content > *:last-child { margin-bottom: 0; padding-bottom: 0; } .cmsmasters_quotes_slider .cmsmasters_quote_image { margin: 0 0 50px; text-align: center; overflow: hidden; } .cmsmasters_quotes_slider .cmsmasters_quote_image img { width: 75px; -webkit-border-radius: 50%; border-radius: 50%; } .cmsmasters_quotes_slider .cmsmasters_quote_header { margin: 30px 0 0; overflow: hidden; } .cmsmasters_quotes_slider .cmsmasters_quote_title { margin: 0; text-align: center; } .cmsmasters_quotes_slider .cmsmasters_quote_subtitle_wrap { text-align: center; overflow: hidden; } .cmsmasters_quotes_slider .cmsmasters_quote_subtitle { display: inline-block; margin: 0; } .cmsmasters_quotes_slider .cmsmasters_quote_site { display: inline-block; } .cmsmasters_quotes_slider .cmsmasters_quote_subtitle + .cmsmasters_quote_site:before { content: '\002F'; display: inline-block; margin: 0 4px; } .cmsmasters_quotes_grid { position: relative; } .cmsmasters_quotes_grid .cmsmasters_quotes_vert { display: none; } .cmsmasters_quotes_grid .cmsmasters_quotes_list { margin: 25px -12px; position: relative; z-index: 2; } .cmsmasters_quotes_grid .cmsmasters_quotes_list:first-of-type { margin-top: 0; } .cmsmasters_quotes_grid .cmsmasters_quotes_list:last-of-type { margin-bottom: 0; } .cmsmasters_quotes_grid .cmsmasters_quote { width: 100%; padding: 0 12px; position: relative; float: left; } .quote_four.cmsmasters_quotes_grid .cmsmasters_quote { width: 25%; } .quote_three.cmsmasters_quotes_grid .cmsmasters_quote { width: 33.33%; } .quote_two.cmsmasters_quotes_grid .cmsmasters_quote { width: 50%; } .quote_one.cmsmasters_quotes_grid .cmsmasters_quote { float: none; } .cmsmasters_quotes_grid .cmsmasters_quote_inner { position: relative; padding: 40px 35px; border-width: 1px; border-style: solid; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; } .cmsmasters_quotes_grid .cmsmasters_quote_inner:hover { margin-top: -5px; margin-bottom: 5px; } .quote_three.cmsmasters_quotes_grid .cmsmasters_quote_inner, .quote_four.cmsmasters_quotes_grid .cmsmasters_quote_inner { padding-top: 50px; padding-bottom: 50px; } .cmsmasters_quotes_grid .cmsmasters_quote_image { padding: 0 30px 0 0; float: left; overflow: hidden; } .cmsmasters_quotes_grid .cmsmasters_quote_image img { width: 50px; -webkit-border-radius: 50%; border-radius: 50%; } .quote_three.cmsmasters_quotes_grid .cmsmasters_quote_image, .quote_four.cmsmasters_quotes_grid .cmsmasters_quote_image { padding: 0 0 30px; float: none; text-align: center; } .quote_three.cmsmasters_quotes_grid .cmsmasters_quote_image img, .quote_four.cmsmasters_quotes_grid .cmsmasters_quote_image img { width: 70px; } .cmsmasters_quotes_grid .cmsmasters_quote_content_wrap { position: relative; overflow: hidden; } .cmsmasters_quotes_grid .cmsmasters_quote_info_wrap { display: inline-block; vertical-align: middle; padding-top: 5px; padding-bottom: 15px; } .quote_three.cmsmasters_quotes_grid .cmsmasters_quote_info_wrap, .quote_four.cmsmasters_quotes_grid .cmsmasters_quote_info_wrap { display: block; text-align: center; } .cmsmasters_quotes_grid .cmsmasters_quote_header { padding: 0; overflow: hidden; } .cmsmasters_quotes_grid .cmsmasters_quote_title { margin: 0; } .cmsmasters_quotes_grid .cmsmasters_quote_subtitle_wrap { outline: none; } .quote_three.cmsmasters_quotes_grid .cmsmasters_quote_subtitle_wrap, .quote_four.cmsmasters_quotes_grid .cmsmasters_quote_subtitle_wrap { text-align: center; } .cmsmasters_quotes_grid .cmsmasters_quote_subtitle { display: inline-block; margin: 0; padding: 0; } .quote_one.cmsmasters_quotes_grid .cmsmasters_quote_subtitle + .cmsmasters_quote_site:before, .quote_two.cmsmasters_quotes_grid .cmsmasters_quote_subtitle + .cmsmasters_quote_site:before { content: '\002F'; display: inline-block; margin: 0 4px; } .cmsmasters_quotes_grid .cmsmasters_quote_site { display: inline-block; } .quote_three.cmsmasters_quotes_grid .cmsmasters_quote_site, .quote_four.cmsmasters_quotes_grid .cmsmasters_quote_site { display: block; text-align: center; } .cmsmasters_quotes_grid .cmsmasters_quote_content { position: relative; overflow: hidden; } .quote_three.cmsmasters_quotes_grid .cmsmasters_quote_content, .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 -1.3% -2.6%; position: relative; padding-top: 20px; } .cmsmasters_pricing_table:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .cmsmasters_pricing_table .cmsmasters_pricing_item { display: block; margin: 0 1.3% 2.6%; position: relative; float: left; } .pricing_four.cmsmasters_pricing_table .cmsmasters_pricing_item { width: 22.4%; } .pricing_four.cmsmasters_pricing_table .cmsmasters_pricing_item:nth-child(4n+1) { clear: both; } .pricing_three.cmsmasters_pricing_table .cmsmasters_pricing_item { width: 30.73%; } .pricing_three.cmsmasters_pricing_table .cmsmasters_pricing_item:nth-child(3n+1) { clear: both; } .pricing_two.cmsmasters_pricing_table .cmsmasters_pricing_item { width: 47.4%; } .pricing_two.cmsmasters_pricing_table .cmsmasters_pricing_item:nth-child(2n+1) { clear: both; } .pricing_one.cmsmasters_pricing_table .cmsmasters_pricing_item { float: none; } .cmsmasters_pricing_table .cmsmasters_pricing_item.pricing_best .cmsmasters_pricing_item_inner { border-style: solid; } .cmsmasters_pricing_table .cmsmasters_pricing_item_inner { border-width: 1px; border-style: solid; position: relative; text-align: center; overflow: hidden; -webkit-border-radius: 6px; border-radius: 6px; } .cmsmasters_pricing_table .cmsmasters_pricing_item_inner:hover { margin-top: -5px; margin-bottom: 5px; } .cmsmasters_pricing_table .cmsmasters_pricing_item_inner > * { padding-left: 30px; padding-right: 30px; } .cmsmasters_pricing_table .pricing_title { margin: 0; padding: 0 50px; display: inline-block; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); transform: translate(0, -50%); border-width: 1px; border-style: solid; -webkit-border-radius: 30px; border-radius: 30px; text-align: center; } .cmsmasters_pricing_table .feature_list { list-style: none; margin: 0; padding-top: 15px; padding-bottom: 55px; 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 .feature_list li .feature_icon { display: block; position: relative; } .cmsmasters_pricing_table .feature_list li .feature_icon:before { font-size: 14px; line-height: 20px; display: inline-block; margin: 0 5px 0 0; vertical-align: middle; } .cmsmasters_pricing_table .feature_list li .feature_icon:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .cmsmasters_pricing_table .cmsmasters_price_wrap { word-spacing: -10px; padding-top: 55px; padding-bottom: 65px; overflow: hidden; text-align: center; border-bottom-width: 1px; border-bottom-style: solid; } .cmsmasters_pricing_table .cmsmasters_price, .cmsmasters_pricing_table .cmsmasters_currency, .cmsmasters_pricing_table .cmsmasters_coins { display: inline-block; vertical-align: middle; } .cmsmasters_pricing_table .cmsmasters_period { word-spacing: 0; margin-top: 3px; display: block; text-align: center; } .cmsmasters_pricing_table .cmsmasters_button { display: block; -webkit-border-radius: 0; border-radius: 0; } .cmsmasters_pricing_table .cmsmasters_button:hover { margin-top: 0; margin-bottom: 0; } /***************** Google Maps ******************/ .resizable_block .google_map { position: absolute; width: 100%; left: 0; top: 0; height: 100%; line-height: 1em; } .google_map img { max-width: none; } .google_map a { line-height: 1em; } /***************** 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: 6px 6px 0 6px; 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; border-width: 1px; border-style: solid; } dl.wp-caption { padding: 0; margin: 0; border-width: 0; border-style: solid; } .wp-caption.aligncenter { margin-left: auto; margin-right: auto; } .wp-caption.alignleft { margin-right: 25px; } .wp-caption.alignright { margin-left: 25px; } .wp-caption .wp-caption-text { padding: 15px 0; text-align: center; } /***************** WP Gallery ******************/ .gallery { position: relative; margin: 0 -1.3% 20px; } .gallery img { width: 100%; border: none; } .gallery .gallery-item { position: relative; float: left; margin: 0 1.3% 20px; } .gallery .gallery-item .wp-caption-text { word-wrap: break-word; padding-top: 10px; text-align: center; } .gallery.gallery-columns-1 .gallery-item { width: 97.4%; position: relative; float: none; display: block; clear: both; } .gallery.gallery-columns-2 .gallery-item { width: 47.4%; } .gallery.gallery-columns-2 .gallery-item:nth-child(2n+1) { display: block; clear: both; } .gallery.gallery-columns-3 .gallery-item { width: 30.733%; } .gallery.gallery-columns-3 .gallery-item:nth-child(3n+1) { display: block; clear: both; } .gallery.gallery-columns-4 .gallery-item { width: 22.4%; } .gallery.gallery-columns-4 .gallery-item:nth-child(4n+1) { display: block; clear: both; } .gallery.gallery-columns-5 .gallery-item { width: 17.4%; } .gallery.gallery-columns-5 .gallery-item:nth-child(5n+1) { display: block; clear: both; } .gallery.gallery-columns-6 .gallery-item { width: 14.067%; } .gallery.gallery-columns-6 .gallery-item:nth-child(6n+1) { display: block; clear: both; } .gallery.gallery-columns-7 .gallery-item { width: 11.686%; } .gallery.gallery-columns-7 .gallery-item:nth-child(7n+1) { display: block; clear: both; } .gallery.gallery-columns-8 .gallery-item { width: 9.9%; } .gallery.gallery-columns-8 .gallery-item:nth-child(8n+1) { display: block; clear: both; } .gallery.gallery-columns-9 .gallery-item { width: 8.511%; } .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 -1.3%; } .cmsmasters_sidebar aside { margin: 0 1.3%; float: left; } .sidebar_layout_14141414 aside { width: 22.4%; } .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: 22.4%; } .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: 47.4%; } .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: 22.4%; } .sidebar_layout_141214 > aside:first-child + aside, .sidebar_layout_141214 > div.cl + aside + aside, .sidebar_layout_141214 > div.cmsmasters_widget_divider + aside + aside { width: 47.4%; } .sidebar_layout_121414 > aside:first-child, .sidebar_layout_121414 > div.cl + aside, .sidebar_layout_121414 > div.cmsmasters_widget_divider + aside { width: 47.4%; } .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: 22.4%; } .sidebar_layout_131313 aside { width: 30.73%; } .sidebar_layout_3414 > aside:first-child, .sidebar_layout_3414 > div.cl + aside, .sidebar_layout_3414 > div.cmsmasters_widget_divider + aside { width: 72.4%; } .sidebar_layout_3414 > aside:first-child + aside, .sidebar_layout_3414 > div.cl + aside + aside, .sidebar_layout_3414 > div.cmsmasters_widget_divider + aside + aside { width: 22.4%; } .sidebar_layout_1434 > aside:first-child, .sidebar_layout_1434 > div.cl + aside, .sidebar_layout_1434 > div.cmsmasters_widget_divider + aside { width: 22.4%; } .sidebar_layout_1434 > aside:first-child + aside, .sidebar_layout_1434 > div.cl + aside + aside, .sidebar_layout_1434 > div.cmsmasters_widget_divider + aside + aside { width: 72.4%; } .sidebar_layout_2313 > aside:first-child, .sidebar_layout_2313 > div.cl + aside, .sidebar_layout_2313 > div.cmsmasters_widget_divider + aside { width: 64.07%; } .sidebar_layout_2313 > aside:first-child + aside, .sidebar_layout_2313 > div.cl + aside + aside, .sidebar_layout_2313 > div.cmsmasters_widget_divider + aside + aside { width: 30.73%; } .sidebar_layout_1323 > aside:first-child, .sidebar_layout_1323 > div.cl + aside, .sidebar_layout_1323 > div.cmsmasters_widget_divider + aside { width: 30.73%; } .sidebar_layout_1323 > aside:first-child + aside, .sidebar_layout_1323 > div.cl + aside + aside, .sidebar_layout_1323 > div.cmsmasters_widget_divider + aside + aside { width: 64.07%; } .sidebar_layout_1212 aside { width: 47.4%; } .sidebar_layout_11 aside { width: 97.4%; } /***************** Share ******************/ .cmsmasters_sharing { overflow: hidden; } .share_wrap { float: left; margin-bottom: 20px; margin-right: 20px; margin-left: 0; } .share_wrap:last-child { margin-right: 0; } .social_vertical .share_wrap { float: none; margin-right: 0; } /***************** Twitter Stripe ******************/ .cmsmasters_twitter_wrap { padding: 73px 0 40px; position: relative; overflow: hidden; } .cmsmasters_twitter_wrap .owl-pagination { bottom: -47px; } .cmsmasters_twitter_wrap .owl-buttons { visibility: hidden; display: none; } .cmsmasters_twitter_wrap .twr_icon { font-size: 64px; line-height: 64px; display: block; width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: auto; } .cmsmasters_twitter_wrap .twr_icon:before { margin: 0 !important; } .cmsmasters_twitter_wrap .cmsmasters_twitter { position: relative; } .cmsmasters_twitter_wrap .cmsmasters_twitter_item { padding: 48px 10% 0; position: relative; text-align: center; } .cmsmasters_twitter_wrap .published { padding: 0; width: auto; height: 20px; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: auto; } .cmsmasters_twitter_wrap .cmsmasters_twitter_item_content { display: block; } /***************** Dropcap ******************/ .cmsmasters_dropcap { margin: 2px 36px 5px 27px; line-height: 60px; float: left; } .cmsmasters_dropcap.type2 { width: 60px; height: 60px; margin: 6px 25px 5px 0; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; } /***************** Clients ******************/ .cmsmasters_clients_slider_wrap.enable_arrow_control:hover .owl-buttons > div { opacity: 1; } .cmsmasters_clients_slider_wrap.enable_arrow_control .cmsmasters_clients_slider { padding-left: 37px; padding-right: 37px; } .cmsmasters_clients_slider_wrap.enable_arrow_control .owl-buttons { position: static; } .cmsmasters_clients_slider_wrap.enable_arrow_control .owl-buttons > div { width: 37px; height: 100%; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; } .cmsmasters_clients_slider_wrap.enable_arrow_control .owl-buttons > div.owl-prev { right: auto; } .cmsmasters_clients_slider_wrap.enable_arrow_control .owl-buttons > div.owl-prev > span:before { content: ''; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 12px; height: 1px; margin: auto !important; position: absolute; left: 0; right: auto; top: 8px; bottom: 0; } .cmsmasters_clients_slider_wrap.enable_arrow_control .owl-buttons > div.owl-prev > span:after { content: ''; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); width: 12px; height: 1px; margin: auto !important; position: absolute; left: 0; right: auto; top: 0; bottom: 8px; } .cmsmasters_clients_slider_wrap.enable_arrow_control .owl-buttons > div.owl-next { left: auto; } .cmsmasters_clients_slider_wrap.enable_arrow_control .owl-buttons > div.owl-next > span:before { content: ''; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 12px; height: 1px; margin: auto !important; position: absolute; left: auto; right: 0; top: 0; bottom: 8px; } .cmsmasters_clients_slider_wrap.enable_arrow_control .owl-buttons > div.owl-next > span:after { content: ''; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); width: 12px; height: 1px; margin: auto !important; position: absolute; left: auto; right: 0; top: 8px; bottom: 0; } .cmsmasters_clients_slider_wrap.enable_arrow_control .owl-buttons > div > span { width: 37px; height: 37px; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .cmsmasters_clients_slider_wrap.enable_arrow_control .owl-buttons > div > span > span { display: none; } .cmsmasters_clients_slider_wrap.enable_slider_control .cmsmasters_clients_slider { padding-top: 10px; padding-bottom: 10px; } .cmsmasters_clients_slider_wrap.enable_slider_control .owl-pagination { line-height: 10px; height: 10px; } .cmsmasters_clients_slider { margin: 0; padding: 0; } .cmsmasters_clients_slider .cmsmasters_owl_slider_item { min-width: 160px; } .cmsmasters_clients_item { font-size: 0; line-height: 180px; height: 180px; vertical-align: middle; position: relative; text-align: center; } .cmsmasters_clients_item > span { text-align: center; width: 100%; height: 100%; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; } .cmsmasters_clients_item > span:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .cmsmasters_clients_item:hover > span { opacity: 1; } .cmsmasters_clients_item:hover > span:last-child { opacity: 1; } .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 Text ******************/ .widget_text ul li:before { content: none; } /***************** 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 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: 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 { display: inline-block; padding: 4px 0; } .widget_pages > ul > li > ul > li > a, .widget_categories > ul > li > ul > li > a, .widget_archive > ul > li > ul > li > a, .widget_meta > ul > li > ul > li > a, .widget_recent_comments > ul > li > ul > li > a, .widget_recent_entries > ul > li > ul > li > a { padding-left: 10px; padding-right: 0; } .widget_pages > ul > li > ul > li > ul > li > a, .widget_categories > ul > li > ul > li > ul > li > a, .widget_archive > ul > li > ul > li > ul > li > a, .widget_meta > ul > li > ul > li > ul > li > a, .widget_recent_comments > ul > li > ul > li > ul > li > a, .widget_recent_entries > ul > li > ul > li > ul > li > a { padding-left: 20px; padding-right: 0; } .widget_pages > ul > li > ul > li > ul > li > ul > li > a, .widget_categories > ul > li > ul > li > ul > li > ul > li > a, .widget_archive > ul > li > ul > li > ul > li > ul > li > a, .widget_meta > ul > li > ul > li > ul > li > ul > li > a, .widget_recent_comments > ul > li > ul > li > ul > li > ul > li > a, .widget_recent_entries > ul > li > ul > li > ul > li > ul > li > a { padding-left: 30px; padding-right: 0; } .widget_pages > ul > li > ul > li > ul > li > ul > li > ul > li > a, .widget_categories > ul > li > ul > li > ul > li > ul > li > ul > li > a, .widget_archive > ul > li > ul > li > ul > li > ul > li > ul > li > a, .widget_meta > ul > li > ul > li > ul > li > ul > li > ul > li > a, .widget_recent_comments > ul > li > ul > li > ul > li > ul > li > ul > li > a, .widget_recent_entries > ul > li > ul > li > ul > li > ul > li > ul > li > a { padding-left: 40px; padding-right: 0; } .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; } .widget_recent_comments > ul > li { padding: 4px 0; } .widget_categories .screen-reader-text, .widget_archive .screen-reader-text { display: none; } /***************** Widget Text ******************/ .widget_text li:before { content: none; } /***************** Widget Calendar ******************/ #wp-calendar { border-spacing: 0; width: auto; min-width: 200px; } #wp-calendar caption { text-align: left; padding: 0 0 10px; } #wp-calendar td, #wp-calendar th { padding: 5px 0; border-width: 0; border-style: solid; } #wp-calendar #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; 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 { content: none; } .widget_custom_contact_info_entries > span { display: block; padding: 9px 0; position: relative; border-bottom-width: 1px; border-bottom-style: solid; overflow: hidden; } .widget_custom_contact_info_entries > span:last-child { border-bottom-width: 0; border-bottom-style: solid; } .widget_custom_contact_info_entries .widget_custom_contact_info_title { padding: 0 20px 0 0; float: left; } .widget_custom_contact_info_entries .widget_custom_contact_info_desc { float: right; text-align: right; } /***************** 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: 0; } .widget_nav_menu ul li:before { content: none; } .widget_nav_menu ul li a { display: block; padding: 10px 0; position: relative; border-bottom-width: 1px; border-bottom-style: solid; } .widget_nav_menu ul li a:empty { display: none; } .widget_nav_menu > div > ul { position: relative; } .widget_nav_menu > div > ul > li > ul > li > a { padding-left: 10px; } .widget_nav_menu > div > ul > li > ul > li > ul > li > a { padding-left: 20px; } .widget_nav_menu > div > ul > li > ul > li > ul > li > ul > li > a { padding-left: 30px; } .widget_nav_menu > div > ul > li > ul > li > ul > li > ul > li > ul > li > a { padding-left: 40px; } .widget_nav_menu > div > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a { padding-left: 50px; } .widget_nav_menu > div > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a { padding-left: 60px; } .widget_nav_menu > div > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a { padding-left: 70px; } .widget_nav_menu > div > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a { padding-left: 80px; } .widget_nav_menu > div > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a { padding-left: 90px; } .widget_nav_menu > div > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a { padding-left: 100px; } /***************** 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 .cmsmasters_owl_slider, .widget_custom_latest_projects_entries .cmsmasters_owl_slider { padding: 0 0 25px; } .widget_custom_popular_projects_entries .owl-buttons, .widget_custom_latest_projects_entries .owl-buttons { display: none; } .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:hover .cmsmasters_slider_project_header, .widget_custom_latest_projects_entries .cmsmasters_slider_project:hover .cmsmasters_slider_project_header { bottom: 0; opacity: 1; } .widget_custom_popular_projects_entries .cmsmasters_slider_project_img_wrap, .widget_custom_latest_projects_entries .cmsmasters_slider_project_img_wrap { position: relative; overflow: hidden; } .widget_custom_popular_projects_entries .cmsmasters_slider_project_inner, .widget_custom_latest_projects_entries .cmsmasters_slider_project_inner { padding: 20px 0; } .widget_custom_popular_projects_entries .cmsmasters_slider_project_header, .widget_custom_latest_projects_entries .cmsmasters_slider_project_header { width: 100%; padding: 3px; position: absolute; left: 0; bottom: -30px; opacity: 0; text-align: left; } .widget_custom_popular_projects_entries .cmsmasters_slider_project_title, .widget_custom_latest_projects_entries .cmsmasters_slider_project_title { padding: 18px 20px; } .widget_custom_popular_projects_entries .cmsmasters_slider_project_content, .widget_custom_latest_projects_entries .cmsmasters_slider_project_content { padding: 0 0 17px; } /***************** 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; margin: 0 20px 0 0; padding: 0; float: none; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tabs_list_item a { padding: 0; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tabs_wrap { padding: 15px 0 0; position: relative; border-top-width: 0; border-top-style: solid; 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: 25px 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 li small { display: block; } .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 li > p { margin: 0; padding: 10px 0 0; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_lpr_tabs_img { margin-right: 20px; z-index: 1; overflow: hidden; width: 60px; height: 60px; margin: auto !important; position: absolute; left: 0; right: auto; top: 0; bottom: 0; } .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 > a { outline: none; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_lpr_tabs_cont > .published { margin-top: 5px; 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 15px; padding: 0 0 15px; position: relative; border-bottom-width: 1px; border-bottom-style: solid; } .widget_custom_twitter_entries ul li:last-child { margin: 0; padding: 0; border-bottom-width: 0; border-bottom-style: solid; } .widget_custom_twitter_entries ul li:before { content: none; } .widget_custom_twitter_entries .tweet_time { display: block; margin: 0 0 12px; padding: 0 0 0 28px; position: relative; } .widget_custom_twitter_entries .tweet_time:before { font-size: 18px; line-height: 18px; width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: auto; top: 0; bottom: 0; } .widget_custom_twitter_entries .tweet_text { display: block; overflow: hidden; } /*-------------------------------------------------------------------------*/ /* Search + Archives + Sitemap + Error + Other Styles /*-------------------------------------------------------------------------*/ /***************** Archives + Search ******************/ .cmsmasters_search, .cmsmasters_archive { position: relative; overflow: hidden; } .cmsmasters_search > .about_author, .cmsmasters_archive > .about_author { max-width: 700px; padding: 0 0 50px; margin: 0 auto; } .cmsmasters_archive_type { margin: 50px 0 0; padding: 50px 0 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; overflow: hidden; border-top-width: 1px; border-top-style: solid; } .cmsmasters_archive_type:first-of-type { margin-top: 0; padding-top: 0; border-top-width: 0; border-top-style: solid; } .cmsmasters_archive_type .preloader { padding-bottom: 100%; } .cmsmasters_archive_type .preloader.highImg { height: auto; padding: 0; } .cmsmasters_archive_type .cmsmasters_archive_item_img_wrap { width: 23%; } .cmsmasters_archive_type .cmsmasters_archive_item_img_wrap .cmsmasters_img_wrap { overflow: hidden; } .cmsmasters_archive_type .cmsmasters_archive_item_img_wrap + .cmsmasters_archive_item_cont_wrap { width: 77%; padding: 0 0 0 30px; } .cmsmasters_archive_type .cmsmasters_archive_item_cont_wrap { width: 100%; overflow: hidden; } .cmsmasters_archive_type .cmsmasters_archive_item_type { padding: 0 0 20px; overflow: hidden; } .cmsmasters_archive_type .cmsmasters_archive_item_header { padding: 0 0 20px; } .cmsmasters_archive_type .cmsmasters_archive_item_title { word-wrap: break-word; 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 { position: relative; overflow: hidden; } .cmsmasters_archive_type .cmsmasters_archive_item_info > * { margin-right: 20px; display: inline-block; vertical-align: middle; } .cmsmasters_archive_type .cmsmasters_archive_item_info > *:last-child { margin-right: 0; } /***************** Sitemap ******************/ .middle_content .cmsmasters_sitemap_wrap { padding: 0; } .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:last-child { padding-bottom: 0; } .cmsmasters_sitemap_wrap > ul:last-child: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: 1px; margin: 0; position: absolute; left: 0; top: 0; -webkit-border-radius: 0; border-radius: 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:before { content: none; } .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 30px; margin: 0; overflow: hidden; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category:before { content: ''; display: block; width: 100%; height: 1px; margin: 0; position: absolute; left: 0; bottom: 0; -webkit-border-radius: 0; border-radius: 0; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li { width: 25%; padding-right: 20px; margin-bottom: 20px; float: left; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li:before { content: none; } .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 30px; margin: 0; overflow: hidden; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap_archive:before { content: ''; display: block; width: 100%; height: 1px; margin: 0; position: absolute; left: 0; bottom: 0; -webkit-border-radius: 0; border-radius: 0; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap_archive > li { width: 25%; margin-bottom: 20px; padding-right: 20px; float: left; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap_archive > li:before { content: none; } .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_inner { padding: 240px 20px 50px; } .error .error_title { font-size: 264px; line-height: 1em; font-weight: 500; word-wrap: break-word; margin: 0; padding: 0 0 5px; text-align: center; } .error .error_subtitle { text-align: center; margin: 0; padding: 0; } .error_cont { padding: 40px 0 250px; text-align: center; } .error_cont .search_bar_wrap { display: inline-block; vertical-align: middle; width: 270px; max-width: 100%; margin: 0 10px 20px; } .error_cont .search_bar_wrap 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: 46px; -webkit-border-radius: 6px; border-radius: 6px; } #middle .error_cont .search_bar_wrap 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]) { padding: 13px 20px; } .error_cont .search_bar_wrap .search_button { width: 46px; } .error_cont .error_button_wrap { display: inline-block; vertical-align: middle; margin: 0 10px 20px; } /***************** 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 -1.3%; } .cmsmasters-form-builder label { margin-bottom: 5px; } .cmsmasters-form-builder .success_box { margin: 0 1.3% 10px; width: 97.4%; } .cmsmasters-form-builder .form_info { margin: 0 1.3%; margin-bottom: 5px; padding-bottom: 10px; } .cmsmasters-form-builder .form_info.submit_wrap { padding-top: 10px; } .cmsmasters-form-builder [class*="one_"] input[type="text"], .cmsmasters-form-builder [class*="one_"] select, .cmsmasters-form-builder [class*="one_"] textarea { width: 100%; } span.wpcf7-list-item { display: block; } .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 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 .cmsmasters_open_project .owl-buttons > div > span > span: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 #slide_top, html.csstransitions .cmsmasters_clients_slider_wrap.enable_arrow_control .owl-buttons > div > span:before, html.csstransitions .cmsmasters_clients_slider_wrap.enable_arrow_control .owl-buttons > div > span:after, html.csstransitions .post_nav > span > span:before, html.csstransitions .post_nav > span > span:after, html.csstransitions .cmsmasters_wrap_pagination ul li .page-numbers > span:before, html.csstransitions .cmsmasters_wrap_pagination ul li .page-numbers > span:after, html.csstransitions .header_mid .resp_mid_nav_wrap .resp_mid_nav > span, html.csstransitions .header_mid .resp_mid_nav_wrap .resp_mid_nav > span:before, html.csstransitions .header_mid .resp_mid_nav_wrap .resp_mid_nav > span:after, html.csstransitions .header_bot .resp_bot_nav_wrap .resp_bot_nav > span, html.csstransitions .header_bot .resp_bot_nav_wrap .resp_bot_nav > span:before, html.csstransitions .header_bot .resp_bot_nav_wrap .resp_bot_nav > span:after, html.csstransitions .header_top .responsive_top_nav > span, html.csstransitions .header_top .responsive_top_nav > span:before, html.csstransitions .header_top .responsive_top_nav > span:after { -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 .cmsmasters_header_search_form .cmsmasters_header_search_form_close, html.csstransitions .cmsmasters_clients_slider_wrap.enable_arrow_control .owl-buttons > div, html.csstransitions .cmsmasters_profile_horizontal .cmsmasters_img_social_wrap .profile_social_icons, html.csstransitions .cmsmasters_profile_horizontal .cmsmasters_img_social_wrap .profile_social_icons_list a, html.csstransitions .cmsmasters_project_grid .cmsmasters_img_rollover, html.csstransitions .cmsmasters_project_puzzle .cmsmasters_img_rollover, html.csstransitions .cmsmasters_open_project .owl-buttons > div, html.csstransitions .cmsmasters_project_puzzle .project_outer .project_inner { -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_breadcrumbs .cmsmasters_breadcrumbs_inner a, html.csstransitions .cmsmasters_project_puzzle .cmsmasters_project_category a, html.csstransitions .cmsmasters_project_puzzle .cmsmasters_project_header .cmsmasters_project_title a, html.csstransitions .cmsmasters_project_puzzle .cmsmasters_project_footer > span a { -webkit-transition: opacity .3s ease-in-out, color .3s ease-in-out; -moz-transition: opacity .3s ease-in-out, color .3s ease-in-out; -ms-transition: opacity .3s ease-in-out, color .3s ease-in-out; -o-transition: opacity .3s ease-in-out, color .3s ease-in-out; transition: opacity .3s ease-in-out, color .3s ease-in-out; } html.csstransitions .cmsmasters_slider_post .cmsmasters_slider_post_outer { -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 .cmsmasters_project_puzzle .project_outer { -webkit-transition: margin .3s ease-in-out; -moz-transition: margin .3s ease-in-out; -ms-transition: margin .3s ease-in-out; -o-transition: margin .3s ease-in-out; transition: margin .3s ease-in-out; } html.csstransitions .cmsmasters_open_post .cmsmasters_post_meta_info a:before, html.csstransitions .cmsmasters_post_default .cmsmasters_post_meta_info 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 .cmsmasters_slider_post .cmsmasters_slider_post_meta_info a:before, html.csstransitions .cmsmasters_slider_project .cmsmasters_slider_project_meta_info 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 .cmsmasters_slider_project .cmsmasters_img_rollover_wrap { -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 .cmsmasters_slider_project .cmsmasters_img_rollover_wrap img { -webkit-transition: transform .3s ease-in-out; -moz-transition: transform .3s ease-in-out; -ms-transition: transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; } html.csstransitions .cmsmasters_pricing_table .cmsmasters_price_wrap { -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 .cmsmasters_pricing_table .cmsmasters_pricing_item .cmsmasters_pricing_item_inner, html.csstransitions .cmsmasters_quotes_grid .cmsmasters_quote_inner { -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 .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list_item a .cmsmasters_tabs_list_item_arrow, html.csstransitions .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list_item a .cmsmasters_tabs_list_item_title: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_toggles.toggles_mode_accordion .cmsmasters_toggle_wrap .cmsmasters_toggle_title { -webkit-transition: border-color .3s ease-in-out; -moz-transition: border-color .3s ease-in-out; -ms-transition: border-color .3s ease-in-out; -o-transition: border-color .3s ease-in-out; transition: border-color .3s ease-in-out; } html.csstransitions .button, html.csstransitions input[type=submit], html.csstransitions input[type=button], html.csstransitions button, html.csstransitions .cmsmasters_header_search_form button, html.csstransitions .cmsmasters_notice .notice_close { -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out; -moz-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out; -ms-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out; -o-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out; transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out; } html.csstransitions .owl-pagination .owl-page { -webkit-transition: background-color .3s ease-in-out, border-color .3s ease-in-out; -moz-transition: background-color .3s ease-in-out, border-color .3s ease-in-out; -ms-transition: background-color .3s ease-in-out, border-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out, border-color .3s ease-in-out; transition: background-color .3s ease-in-out, border-color .3s ease-in-out; } html.csstransitions ul.navigation > li > a .nav_tag { -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_content_slider .owl-buttons > div { -webkit-transition: opacity .3s ease-in-out, color .3s ease-in-out; -moz-transition: opacity .3s ease-in-out, color .3s ease-in-out; -ms-transition: opacity .3s ease-in-out, color .3s ease-in-out; -o-transition: opacity .3s ease-in-out, color .3s ease-in-out; transition: opacity .3s ease-in-out, color .3s ease-in-out; } html.csstransitions .cmsmasters_header_search_form { -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_slider_project .cmsmasters_slider_project_cont_wrap_inner, html.csstransitions .cmsmasters_project_grid .cmsmasters_project_footer { -webkit-transition: opacity .4s ease-in-out, top .4s ease-in-out; -moz-transition: opacity .4s ease-in-out, top .4s ease-in-out; -ms-transition: opacity .4s ease-in-out, top .4s ease-in-out; -o-transition: opacity .4s ease-in-out, top .4s ease-in-out; transition: opacity .4s ease-in-out, top .4s ease-in-out; } html.csstransitions .widget_custom_popular_projects_entries .cmsmasters_slider_project .cmsmasters_slider_project_header, html.csstransitions .widget_custom_latest_projects_entries .cmsmasters_slider_project .cmsmasters_slider_project_header { -webkit-transition: opacity .4s ease-in-out, bottom .4s ease-in-out; -moz-transition: opacity .4s ease-in-out, bottom .4s ease-in-out; -ms-transition: opacity .4s ease-in-out, bottom .4s ease-in-out; -o-transition: opacity .4s ease-in-out, bottom .4s ease-in-out; transition: opacity .4s ease-in-out, bottom .4s ease-in-out; } html.csstransitions .cmsmasters_toggles .cmsmasters_toggle_plus, html.csstransitions .cmsmasters_items_filter_wrap .cmsmasters_items_sort_but:before, html.csstransitions .cmsmasters_items_filter_wrap .cmsmasters_items_sort_but:after, html.csstransitions .cmsmasters_mailpoet_form form.shortcode_wysija .wysija-submit, html.csstransitions .cmsmasters_mailpoet_form form.mailpoet_form .mailpoet_submit { -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 a, html.csstransitions .img_placeholder_small, 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, html.csstransitions .header_bot { -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 .cmsmasters_social_icon, html.csstransitions .edge_only .cmsmasters_but_icon_inverse { -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 { -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 .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 .cmsmasters_button.cmsmasters_but_icon_slide_left, html.csstransitions .cmsmasters_button.cmsmasters_but_icon_slide_right { -webkit-transition: all .3s ease-in-out, color 0s ease-in-out; -moz-transition: all .3s ease-in-out, color 0s ease-in-out; -ms-transition: all .3s ease-in-out, color 0s ease-in-out; -o-transition: all .3s ease-in-out, color 0s ease-in-out; transition: all .3s ease-in-out, color 0s 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_clients_item span, 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_project_puzzle .project_inner { -webkit-transition: top .3s ease-in-out; -moz-transition: top .3s ease-in-out; -ms-transition: top .3s ease-in-out; -o-transition: top .3s ease-in-out; transition: top .3s ease-in-out; } html.csstransitions .cmsmasters_stats.stats_mode_bars.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.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.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_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_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; } }