OS : Linux

PHP Version : 7.4.33

Software : Apache/2.4.6 (CentOS) PHP/7.4.33

Information System : Linux apprendre2 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64

Disable Function : /* Theme Name: Total School Theme URI: http://cmsmasters.net/total-school/ Author: cmsmasters Author URI: http://cmsmasters.net/ Description: Total School WordPress Theme is amazing. Unlimited design solutions can be created due to a great flexibility of settings and shortcode options. 99+ Custom Shortcodes are added through a Visual content composer with drag'n'drop function. You can set a completely custom layout that stretches to any width, set your content in many columnns and assign animation many parts of your content. Total School theme has a Portfolio that can be set to any sort of a grid or a Masonry puzzle with variable paddings for elemens, while Blog can have several different layouts too. Custom Profiles and Projects post types offer an optimal way to present your content, while valid code, SEO-optimized structure and microformats guarantee this content is easily crawled and indexed by search engines. Total School comes with a Custom Mega Menu plugin, a really functional Form Builder and premium Revolution and Layer Slider plugins included for free. Multilanguage, RTL-ready, plugin-compatible and professionally-supported theme will make every day you work with your website be a Total School! Version: 1.0.1 License: License URI: Text Domain: total-school Domain Path: /framework/languages Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready */ /*------------------------------------------------------------------------- 1. Browser Reset 2. Globally Applied Styles 3. Header + Centered + Right + Fixed Version 4. Content + Sidebar Styles 5. Bottom + Footer Styles 6. Blog (Default, Masonry, Timeline) + Post Styles 7. Portfolio (Grid, Puzzle) + Project Styles 8. Posts Slider Styles 9. Profiles + Profile Styles 10. Shortcodes Styles 11. Widgets Styles 12. Search + Archives + Sitemap + Error + Other Styles 13. Contact Forms Styles 14. CSS3 Animations -------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------*/ /* 1. Browser Reset */ /*-------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, figure, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; outline: none; } html { height: 100%; overflow-x: hidden; position: relative; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { overflow-x: hidden; position: relative; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, object, video, audio, embed, canvas, iframe, main, summary { display: block; } video, audio, progress, canvas { vertical-align: baseline; } video { background-color: #000000; } template, [hidden], audio:not([controls]) { display: none; } audio:not([controls]) { height: 0; } iframe { margin-bottom: 20px; max-width: 100%; } abbr, address, progress { display: inline-block; text-decoration: none; } abbr:not([class]), acronym { text-decoration: underline; } address { font-style: normal; margin: 0 0 20px; } code { letter-spacing: 1px; display: inline-block; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } ul, ol { list-style-position: inside; margin-bottom: 20px; } 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; } #middle ul:after, #bottom ul:after, #middle ol:after, #bottom ol:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } ol { list-style-type: decimal-leading-zero; } ul { list-style-type: none; padding-left: 15px; } ul li { display: block; position: relative; } ul li:before { content: '\eb22'; font-family: 'fontello'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; padding: 0; margin: 0; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; position: absolute; top: 14px; left: -18px; } ul li:first-child:before { top: 4px; } .esg-grid ul { padding: 0; margin: 0; } .esg-grid ul li:before { display: none; } dl { display: block; overflow: hidden; } dt { display: block; font-weight: bold; overflow: hidden; } dd { display: block; overflow: hidden; margin: 0 0 20px; } blockquote { padding-left: 30px; padding-right: 0; position: relative; quotes: none; } blockquote:before, blockquote:after { content: none; } del { text-decoration: line-through; } table { border-collapse: separate; border-spacing: 15px; width: 100%; } table caption { text-align: center; padding: 20px; } table:not([class]):not([id]) { border-spacing: 0; border-collapse: collapse; } table:not([class]):not([id]) th, table:not([class]):not([id]) td { padding: 10px; border-width: 1px; border-style: solid; } .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; } img { display: inline-block; color: transparent; height: auto; font-size: 0; vertical-align: middle; max-width: 100%; } img.wp-smiley, img.emoji { font-size: 1em; } a { background: transparent; } a:active, a:hover { outline: 0; } img { border: 0; } figure { background-image: none !important; } fieldset { margin: 25px 2px 30px; padding: 1.5em 1em .5em; border-width: 0; border-style: solid; } fieldset legend { padding: 3px 10px; margin-top: -25px; } input { line-height: normal; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } textarea { resize: vertical; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } optgroup { font-weight: bold; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search] { -webkit-appearance: textfield; } input[type=submit], input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } input[type="checkbox"], input[type="radio"] { padding: 0; } button { overflow: visible; } button, select { text-transform: none; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input[type=text]::-ms-clear { display: none; } p:empty { display: none; } #sbi_load:empty { display: none; } :focus { outline: 0; } pre { overflow: auto; } svg:not(:root) { overflow: hidden; } code, kbd, pre, samp { font-family: monospace; font-size: 1em; } sub, sup, small { font-size: 75%; } sub, sup { line-height: 0; position: relative; } sup { vertical-align: super; } sub { vertical-align: sub; } b, strong { font-weight: bold; } th, td, caption { font-weight: normal; } dfn { font-style: italic; } hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } mark { color: #000000; } .sticky, .bypostauthor, .screen-reader-text { outline: none; } .sticky .cmsmasters_post_title { padding: 0 60px 0 0; position: relative; } .sticky .cmsmasters_post_title:before { content: '\e830'; font-family: 'fontello'; font-size: 20px; line-height: 48px; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; display: block; -webkit-border-radius: 50%; border-radius: 50%; width: 48px; height: 48px; margin: auto !important; position: absolute; left: auto; right: 0; top: 0; bottom: 0; } /*-------------------------------------------------------------------------*/ /* 2. 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; } input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]):not([type=color]):not([type=range]), textarea, select, option { padding: 0 22px; max-width: 100%; border-width: 1px; border-style: solid; -webkit-border-radius: 30px; border-radius: 30px; } textarea { -webkit-border-radius: 10px; border-radius: 10px; } select { line-height: 1em; text-indent: 0.01px; text-overflow: ''; padding: 8px 40px 8px 16px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none !important; background-image: url('img/select.png'); background-position: 100% center; background-repeat: no-repeat; } 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], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } option { -webkit-border-radius: 0; border-radius: 0; border-width: 0; 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]) { height: 48px; } #page .select2-container .select2-choice { padding: 0 22px; } textarea { padding: 10px 22px; } input[type=submit], input[type=button], button { max-width: 100%; cursor: pointer; } .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: 0 22px !important; } .widget_wysija_cont .wysija-submit { display: inline-block !important; margin: 0 !important; } .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: 22px !important; } .gform_wrapper select { padding: 22px !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: 220px; margin: 10px 0 0; padding: 0px 0 0px; 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: 158px; margin: 20px 0 0; padding: 0px 0 2px; } .header_bot nav > div > ul ul { width: 220px; margin: 20px 0 0; padding: 10px 0 20px; } nav > div > ul ul ul { margin: 0 0 0 20px; left: 100%; top: -1px; } .header_top nav > div > ul ul ul { margin: 0 0 0 20px; top: -1px; } .header_bot nav > div > ul ul ul { margin: 0 0 0 20px; top: -11px; } nav > div > ul li.menu-item-dropdown-right { text-align: right; } nav > div > ul li.menu-item-dropdown-right * { text-align: right; } nav > div > ul li.menu-item-dropdown-right > ul { left: auto; right: 0; } nav > div > ul li.menu-item-dropdown-right > ul ul { margin: 0 20px 0 0; left: auto; right: 100%; } .header_bot nav > div > ul li.menu-item-dropdown-right > ul ul { margin: 0 20px 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: 0px 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: 0px; position: absolute; left: 0; top: -1px; } .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: 0px 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: 0px; position: absolute; left: 0; top: -1px; } .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 4px; } .header_top nav > div > ul li li:hover > ul { margin: 0 0 0 4px; } .header_bot nav > div > ul li li:hover > ul { margin: 0 0 0 4px; } nav > div > ul li li:hover > ul:before { width: 4px; height: 100%; top: 0; left: -5px; } .header_top nav > div > ul li li:hover > ul:before { width: 4px; height: 100%; left: -5px; } .header_bot nav > div > ul li li:hover > ul:before { width: 4px; height: 100%; left: -5px; } nav > div > ul li div.menu-item-mega-container li:hover > ul { margin: 0 0 0 14px; } nav > div > ul li.menu-item-dropdown-right li:hover > ul { margin: 0 4px 0 0; } .header_bot nav > div > ul li.menu-item-dropdown-right li:hover > ul { margin: 0 4px 0 0; } nav > div > ul li.menu-item-dropdown-right li:hover > ul:before { left: auto; right: -5px; } .header_bot nav > div > ul li.menu-item-dropdown-right li:hover > ul:before { right: -5px; } 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: 10px 0 0; padding: 14px 10px 14px; 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; border-bottom-width: 0; border-bottom-style: solid; } nav > div > ul div.menu-item-mega-container > ul > li > a { padding-top: 0px; } nav > div > ul div.menu-item-mega-container > ul > li > ul { width: 220px; margin: 0; padding: 0; } .header_bot nav > div > ul div.menu-item-mega-container > ul > li > ul { width: 220px; } 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; } 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_column { position: relative; min-height: 1px; } .one_first, .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .one_sixth { margin: 0 1.7%; position: relative; float: left; } .one_sixth { width: 13.27%; } .cmsmasters_row_no_margin .one_sixth { width: 16.67%; } .one_fifth { width: 16.6%; } .cmsmasters_row_no_margin .one_fifth { width: 20%; } .one_fourth { width: 21.6%; } .cmsmasters_row_no_margin .one_fourth { width: 25%; } .one_third { width: 29.93%; } .cmsmasters_row_no_margin .one_third { width: 33.33%; } .one_half { width: 46.6%; } .cmsmasters_row_no_margin .one_half { width: 50%; } .two_third { width: 63.27%; } .cmsmasters_row_no_margin .two_third { width: 66.67%; } .three_fourth { width: 71.6%; } .cmsmasters_row_no_margin .three_fourth { width: 75%; } .one_first { width: 96.6%; float: none; position: relative; display: block; clear: both; } .cmsmasters_row_no_margin .one_first { width: 100%; } .cmsmasters_row_margin.cmsmasters_row_columns_behavior { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; } .cmsmasters_row_margin.cmsmasters_row_columns_behavior:after { content: none; } .cmsmasters_row_margin.cmsmasters_row_columns_behavior.cmsmasters_131313 { width: 99.99%; } .cmsmasters_row_margin.cmsmasters_row_columns_behavior .cmsmasters_column { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; } .cmsmasters_row_margin.cmsmasters_row_columns_behavior .cmsmasters_column:after { content: none; } .cmsmasters_row_margin.cmsmasters_row_columns_behavior .cmsmasters_column > div { width: 100%; } [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.77%; 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:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .middle_content { padding: 40px 0 0; } .middle_content:empty { display: none; } .content { width: 75%; padding: 80px 0 80px; position: relative; float: left; } .content.fr { float: right; } .content_wrap.r_sidebar .content, .content_wrap.l_sidebar .content { padding-right: 40px; padding-left: 0; } .content_wrap.r_sidebar .sidebar:before, .content_wrap.l_sidebar .sidebar:before, .content_wrap.r_sidebar .content:before, .content_wrap.l_sidebar .content:before { content: ''; display: block; position: absolute; right: 0; left: auto; top: 0; height: 100%; width: 1px; } .content_wrap.r_sidebar .sidebar:before, .content_wrap.l_sidebar .sidebar:before { right: auto; left: -1px; } .content_wrap.l_sidebar .content { padding-left: 40px; padding-right: 0; } .content_wrap.l_sidebar .sidebar:before, .content_wrap.l_sidebar .content:before { left: 0; right: auto; } .content_wrap.l_sidebar .sidebar:before { left: auto; right: -1px; } .sidebar { width: 25%; padding: 80px 0 80px 40px; position: relative; float: right; } .sidebar.fl { padding: 80px 40px 80px 0; float: left; } .sidebar aside:last-of-type { padding-bottom: 0; } .bottom_bg { padding-top: 72px; padding-bottom: 30px; } .bottom_inner { margin: 0 -1.7%; } .bottom_inner aside { position: relative; float: left; margin: 0 1.7%; } /***************** Icons ******************/ /* global */ .cmsmasters_theme_icon_comment:before { content: '\eae4'; } .cmsmasters_theme_icon_like:before { content: '\e8a8'; } .cmsmasters_theme_icon_search:before { content: '\e88f'; } .cmsmasters_theme_icon_cancel:before { content: '\eabc'; } .cmsmasters_theme_icon_resp_nav:before { content: '\eaba'; } .cmsmasters_theme_icon_person:before { content: '\e813'; } .cmsmasters_theme_icon_image:before { content: '\e831'; } .cmsmasters_theme_icon_check:before { content: '\eabb'; } .cmsmasters_theme_icon_spinner:before { content: '\e9fd'; } /* arrows */ .cmsmasters_theme_icon_slide_prev:before, .cmsmasters_prev_arrow span:before { content: '\eb25'; } .post_nav_prev_arrow a:before { content: '\eb25'; } .cmsmasters_theme_icon_slide_next:before, .cmsmasters_next_arrow span:before { content: '\eb26'; } .post_nav_next_arrow a:after { content: '\eb26'; } .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: '\eb24'; } .cmsmasters_theme_icon_resp_nav_slide_down:before { content: '\eb26'; } /* 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'; } /* shop */ .cmsmasters_theme_icon_basket:before { content: '\eb02'; } .cmsmasters_theme_icon_star_empty:before { content: '\e8aa'; } .cmsmasters_theme_icon_star_full:before { content: '\e8aa'; } /* event */ .cmsmasters_theme_icon_date:before { content: '\e874'; } .cmsmasters_theme_icon_time:before { content: '\e880'; } .cmsmasters_theme_icon_venue:before { content: '\e895'; } .cmsmasters_theme_icon_money:before { content: '\e829'; } /***************** 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: 8px; height: 16px; vertical-align: middle; } .cmsmasters_prev_arrow span:before, .cmsmasters_next_arrow span:before { font-family: 'fontello'; font-size: 16px; line-height: 15px; 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; } .post-password-form input[type="password"] { display: block; } .post-password-form input[type=submit] { display: inline-block; margin: 0 0 0 5px; vertical-align: middle; } /* Prelodaer */ .preloader { display: block; width: 100%; height: 0; padding-bottom: 60%; 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: 60%; position: relative; overflow: hidden; } .resizable_block .full-width { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } /* Img Wrapper */ .cmsmasters_img_wrap { display: block; position: relative; text-align: center; overflow: hidden; } .cmsmasters_img_wrap .img_placeholder { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .cmsmasters_img_wrap .img_placeholder:before { font-size: 40px; width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .cmsmasters_img_wrap .highImg .img_placeholder { display: block; padding-bottom: 60%; position: relative; } /* Img Rollover */ .cmsmasters_img_rollover_wrap { display: block; position: relative; overflow: hidden; } .cmsmasters_img_rollover_wrap .img_placeholder { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .cmsmasters_img_rollover_wrap .img_placeholder:before { font-size: 40px; width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .cmsmasters_img_rollover_wrap.highImg .img_placeholder { display: block; padding-bottom: 60%; 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, .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 .cmsmasters_img_rollover .cmsmasters_open_post_link:before, .cmsmasters_img_rollover_wrap .cmsmasters_img_rollover .cmsmasters_open_link:before, .cmsmasters_img_rollover_wrap .cmsmasters_img_rollover .cmsmasters_image_link:before { font-size: 40px; width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .cmsmasters_img_rollover_wrap .cmsmasters_no_rollover a { width: 100%; height: 100%; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .cmsmasters_img_rollover_wrap .cmsmasters_no_rollover a:before { content: none; } .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: 60%; 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%; } .search_bar_wrap .search_button { padding: 0; margin: 0; width: 36px; height: 100%; margin: auto !important; position: absolute; left: auto; right: 12px; 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; } /* 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); } .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 { width: 100%; position: absolute; left: 0; bottom: 0; display: block; text-align: center; } .owl-pagination .owl-page { width: 11px; height: 11px; margin: 0 5px 1px; text-indent: -9999px; cursor: pointer; display: inline-block; -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; left: 0; top: 0; text-align: center; position: static; width: 0; height: 0; } .owl-buttons > div { cursor: pointer; width: 65px; height: 65px; position: absolute; top: 0; bottom: 0; margin: auto; display: block; overflow: hidden; } .owl-buttons > div:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .owl-buttons > div.owl-prev { left: 0; right: auto; } .owl-buttons > div.owl-next { left: auto; right: 0; } .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; } /* 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: 20px; line-height: 50px; } #slide_top > span { display: inline-block; text-indent: -9999px; } /* Opened Article */ .middle_content .opened-article { padding: 0 0 80px; } .middle_content .opened-article.portfolio, .middle_content .opened-article.profiles { padding-top: 0; padding-bottom: 0; } /* Likes and Comments */ .cmsmasters_likes a, .cmsmasters_comments a { font-size: 11px; line-height: 20px; 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 6px; } .cmsmasters_likes a:before, .cmsmasters_comments a:before { vertical-align: middle; } .cmsmasters_comments a { font-size: 13px; } /* Button */ .button, input[type=submit], input[type=button], button { display: inline-block; padding: 0 42px; position: relative; text-align: center; border-width: 0; border-style: solid; -webkit-border-radius: 30px; border-radius: 30px; } /* Items Filter */ .cmsmasters_items_filter_wrap { padding: 0 0 74px; position: relative; overflow: hidden; } .cmsmasters_items_filter_wrap .cmsmasters_items_filter { position: relative; overflow: hidden; } .cmsmasters_items_filter_wrap .cmsmasters_items_sort_block { display: block; position: relative; float: right; overflow: hidden; } .cmsmasters_items_filter_wrap .cmsmasters_items_sort_but { padding: 0 20px; margin: 0 0 0 5px; border-width: 1px; border-style: solid; display: block; float: left; -webkit-border-radius: 0; border-radius: 0; } .cmsmasters_items_filter_wrap .cmsmasters_items_sort_but:before { font-size: 22px; width: 11px; margin: 0 0 0 8px; float: right; } .cmsmasters_items_filter_wrap .cmsmasters_items_sort_but.reversed { position: relative; } .cmsmasters_items_filter_wrap .cmsmasters_items_sort_but.reversed:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .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; text-align: left; display: block; overflow: hidden; } .cmsmasters_items_filter_wrap .cmsmasters_items_filter_list li { display: inline-block; margin: 0 0 -3px; padding: 0; overflow: hidden; } .cmsmasters_items_filter_wrap .cmsmasters_items_filter_list li:before { content: none; } .cmsmasters_items_filter_wrap .cmsmasters_items_filter_list li:not(:last-child) { margin: 0 6px -3px 0; } .cmsmasters_items_filter_wrap .cmsmasters_items_filter_list li a { padding: 0 20px; cursor: pointer; display: inline-block; border-width: 1px; border-style: solid; -webkit-border-radius: 0; border-radius: 0; } .cmsmasters_items_filter_wrap .cmsmasters_items_filter_list li.current a { cursor: default; } /* More Items Loader and Pagination */ .cmsmasters_wrap_more_items { width: 100%; position: relative; overflow: hidden; } .cmsmasters_wrap_more_items.cmsmasters_loading { min-height: 60px; } .cmsmasters_wrap_more_items.cmsmasters_loading:before { font-size: 30px; width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: auto; bottom: 0; } .cmsmasters_wrap_items_loader { padding: 40px 0 0; text-align: center; overflow: hidden; } .cmsmasters_wrap_items_loader .cmsmasters_items_loader { display: inline-block; } .cmsmasters_wrap_pagination { padding: 40px 0 0; overflow: hidden; text-align: center; } .cmsmasters_wrap_pagination ul { display: inline-block; padding: 0; margin: 0; } .cmsmasters_wrap_pagination ul li { display: block; margin: 0; padding: 1px 4px; float: left; } .cmsmasters_wrap_pagination ul li:before { content: none; } .cmsmasters_wrap_pagination ul li .page-numbers { line-height: 38px !important; display: block; min-width: 40px; height: 40px; position: relative; border-width: 1px; border-style: solid; } .cmsmasters_wrap_pagination ul li .page-numbers.current { cursor: default; } /* Post Navigation */ .post_nav { margin: 0; padding: 0; position: relative; overflow: hidden; display: block; clear: both; } .post_nav > span { height: 100%; width: 50%; display: block; position: relative; text-align: center; } .post_nav > span.cmsmasters_prev_post { float: left; } .post_nav > span.cmsmasters_next_post { float: right; } .post_nav > span > a { padding: 34px 0; width: 100%; height: 100%; display: block; position: relative; overflow: hidden; } .post_nav > span > a:before, .post_nav > span > a:after { font-family: 'fontello'; font-size: 12px; margin: -3px 30px 0 0; display: inline-block; vertical-align: middle; } .post_nav > span > a:after { margin: -3px 0 0 30px; } /* Share Posts */ .share_posts { padding: 60px 0 0; position: relative; overflow: hidden; } .share_posts .share_posts_title { position: relative; } .share_posts .share_posts_inner { padding-top: 2px; position: relative; overflow: hidden; } .share_posts a { margin: 0 30px 0 0; position: relative; } .share_posts a:last-child { margin-left: 0; margin-right: 0; } /* About Author */ .about_author { padding: 60px 0 0; position: relative; } .about_author .about_author_title { margin-bottom: 40px; } .about_author .about_author_inner { padding: 36px 30px; border-width: 1px; border-style: solid; border-bottom-width: 2px; border-bottom-style: solid; position: relative; overflow: hidden; } .about_author .about_author_avatar { margin: 0 38px 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: 60px 0 0; position: relative; overflow: hidden; } .cmsmasters_single_slider .cmsmasters_img_wrap .preloader { padding-bottom: 84.4%; } .cmsmasters_single_slider .cmsmasters_img_wrap .preloader.highImg { height: auto; padding: 0; } .cmsmasters_single_slider .cmsmasters_owl_slider { outline: none; } .cmsmasters_single_slider .cmsmasters_single_slider_title { margin-bottom: 40px; } .cmsmasters_single_slider .cmsmasters_single_slider_inner { margin: 0 -10px; } .cmsmasters_single_slider .cmsmasters_single_slider_inner .owl-buttons { padding: 0 10px; } .cmsmasters_single_slider .cmsmasters_single_slider_item { min-width: 200px; padding: 0 10px; position: relative; } .cmsmasters_single_slider .cmsmasters_single_slider_item_outer { position: relative; overflow: hidden; } .cmsmasters_single_slider .cmsmasters_single_slider_item_inner { padding: 18px 20px; border-width: 1px; border-style: solid; border-bottom-width: 2px; border-bottom-style: solid; position: relative; overflow: hidden; } .cmsmasters_single_slider .cmsmasters_single_slider_item_title { margin: 0; padding: 0; text-align: center; } .cmsmasters_single_slider .img_placeholder { border-width: 1px; border-style: solid; border-bottom-width: 0; border-bottom-style: solid; } /* Post Comments */ .cmsmasters_pings_list { padding: 45px 0 0; position: relative; overflow: hidden; } .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; } .project_navi { padding: 20px 0; overflow: hidden; } .project_navi + .commentlist { margin-top: -40px; } .commentlist + .project_navi { padding-bottom: 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 20px; } .commentlist .comment { margin: 0; padding: 30px 0 0; } .commentlist .comment:before { content: none; } .commentlist .comment:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .cmsmasters_comment_item { padding: 40px; border-width: 1px; border-style: solid; border-bottom-width: 2px; border-bottom-style: solid; position: relative; overflow: hidden; display: block; clear: both; } .cmsmasters_comment_item:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .cmsmasters_comment_item .cmsmasters_comment_item_meta_wrap { padding-top: 30px; position: relative; overflow: hidden; display: block; clear: both; } .cmsmasters_comment_item .cmsmasters_comment_item_meta_wrap .cmsmasters_comment_item_buttons { position: absolute; right: 0; bottom: 0; } .cmsmasters_comment_item .cmsmasters_comment_item_meta_wrap .cmsmasters_comment_item_buttons a:not(:last-of-type) { margin: 0 20px 0 0; } .cmsmasters_comment_item .cmsmasters_comment_item_avatar { margin: 0 20px 0 0; display: block; 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_cont { position: relative; overflow: hidden; } .cmsmasters_comment_item .cmsmasters_comment_item_cont > p { padding: 0; } .cmsmasters_comment_item .cmsmasters_comment_item_cont > p:not(:last-of-type) { padding: 0 0 20px 0; } .cmsmasters_comment_item .cmsmasters_comment_item_title { display: block; margin: 0; padding: 0; } .cmsmasters_comment_item .cmsmasters_comment_item_content > *:last-child { margin-bottom: 0; padding-bottom: 0; } .cmsmasters_comment_item > a { float: right; } .cmsmasters_comment_item > a:not(:last-of-type) { margin: 0 0 0 10px; } /* Comment Respond */ .comment-respond { padding: 50px 0 0; position: relative; display: block; clear: both; } .comment-respond .comment-reply-title { position: relative; } .comment-respond .comment-reply-title small { float: right; } .comment-respond form { display: block; margin: 0 -10px; } .comment-respond form label { margin-bottom: 10px; display: block; } .comment-respond form label span { margin-left: 2px; } .comment-respond form textarea { min-height: 186px; width: 100%; } .comment-respond form p { display: block; padding: 0 10px 10px; } .comment-respond form .comment-form { position: relative; } .comment-respond form .comment-form-author, .comment-respond form .comment-form-email { width: 50%; float: left; } .comment-respond form .comment-form-author input, .comment-respond form .comment-form-email input { width: 100%; } .comment-respond form .comment-form-comment { display: block; clear: both; } .comment-respond form .comment-form-comment, .comment-respond form .form-submit { padding-top: 12px; } .comment-respond form .form-submit { padding-bottom: 0; } /*-------------------------------------------------------------------------*/ /* 3. Header + Centered + Right + Fixed Versions */ /*-------------------------------------------------------------------------*/ /***************** Header ******************/ #header { width: 100%; position: absolute; z-index: 9999; } #page:not(.enable_header_bottom) #header { -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); } #page.cmsmasters_header_overlaps_enabled #header { box-shadow: none; } #page.cmsmasters_header_overlaps_enabled .header_mid .logo img.logo_overlaps_scroll, #page.cmsmasters_header_overlaps_enabled .header_mid .logo img.logo_retina_overlaps_scroll { display: none; } #page.cmsmasters_header_overlaps_enabled .navi_scrolled .header_mid .logo img { display: none; } #page.cmsmasters_header_overlaps_enabled .navi_scrolled .header_mid .logo img.logo_overlaps_scroll { display: inline-block; } /***************** Header Top ******************/ .header_top { outline: none; } .header_top .header_top_but { width: 100%; height: 32px; position: relative; cursor: pointer; display: none; } .header_top .header_top_but.closed { border-color: transparent; } .header_top .header_top_but > span { font-size: 14px; line-height: 14px; 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 .header_top_right { height: 100%; float: right; } .header_top .social_wrap { position: relative; display: block; clear: both; overflow: hidden; } .header_top .social_wrap ul { height: 100%; position: relative; } .header_top .social_wrap ul li { height: 100%; margin: 0; display: block; float: left; position: relative; } .header_top .social_wrap ul li:last-child { margin-left: 0; margin-right: 0; } .header_top .social_wrap ul a { display: block; font-size: 14px; line-height: 14px; width: 34px; height: 100%; -webkit-border-radius: 0; border-radius: 0; } .header_top .top_nav_wrap { display: block; height: 100%; } .header_top .responsive_top_nav { font-size: 14px; width: 100%; height: 30px; position: relative; display: none; margin: 0 auto; } .header_top .responsive_top_nav:before { width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .header_top .header_top_left { height: 100%; padding: 0 20px 0 0; overflow: hidden; } .header_top .header_top_left: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 > * { display: inline-block; margin: 0 20px 0 0; } .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: 10px; vertical-align: middle; } .header_top .meta_wrap > p { padding: 0; } .header_top .meta_wrap .adr { white-space: nowrap; } /***************** Header Top Navigation ******************/ .top_line_nav { z-index: 205; } .top_line_nav > li { height: 100%; } .top_line_nav > li > a { height: 100%; padding: 0 10px; } .top_line_nav > li > a:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; } .top_line_nav > li > a .nav_item_wrap { display: inline-block; vertical-align: middle; } .top_line_nav ul li a { padding: 10px 15px; } /***************** Header Mid ******************/ .header_mid { display: block; clear: both; } .header_mid .header_mid_outer { height: 100%; position: relative; } .header_mid .header_mid_inner { height: 100%; } .header_mid .header_mid_inner:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .header_mid .logo_wrap { height: 100%; max-width: 100%; position: relative; float: left; } .enable_header_centered .header_mid .logo_wrap { float: none; margin: 0 auto; } .header_mid .logo_wrap:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .header_mid .logo_wrap .logo_text_wrap { padding: 5px 0; 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 6px; 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 { font-size: 14px; line-height: 14px; display: inline-block; vertical-align: middle; width: 28px; height: 28px; position: relative; } .header_mid .resp_mid_nav_wrap .resp_mid_nav:before { width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .header_mid .search_wrap { height: 100%; margin: 0 0 0 8px; position: relative; float: right; } .header_mid .search_wrap .search_wrap_inner { height: 100%; } .header_mid .search_wrap .search_wrap_inner:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .header_mid .search_wrap .search_bar_wrap { display: inline-block; width: 28px; vertical-align: middle; margin: 0; padding: 0; overflow: hidden; } .header_mid .search_wrap .search_bar_wrap form { display: block; float: right; overflow: hidden; } .header_mid .search_wrap .search_bar_wrap .search_field { position: fixed; left: 0; bottom: 0; top: 0; right: 0; height: 100%; background-color: rgba(52, 52, 52, 0.9); z-index: 9998; visibility: hidden; opacity: 0; } .header_mid .search_wrap .search_bar_wrap .search_field input { padding-left: 10%; padding-right: 10%; position: fixed; top: 50%; height: 100px; width: 100%; margin-top: -50px; text-align: center; border-width: 0; border-style: solid; -webkit-border-radius: 0; border-radius: 0; float: right; } .header_mid .search_wrap .search_bar_wrap .search_button { width: 28px; height: 28px; right: 0; position: relative; float: right; } .header_mid .search_wrap .search_bar_wrap .search_button button:before { font-size: 16px; } .header_mid .search_wrap.search_opened .search_bar_wrap .search_field { visibility: visible; opacity: 1; } .header_mid .search_wrap.search_opened .search_bar_wrap .search_button { position: fixed; top: 30px; right: 30px; bottom: auto; left: auto; z-index: 9999; } .header_mid .search_wrap.search_opened .search_bar_wrap .search_button button:before { font-size: 24px; } .header_mid .social_wrap { outline: none; } .header_mid .social_wrap .social_wrap_inner { text-align: right; } .header_mid .social_wrap li { margin-left: 0; margin-right: 7px; } .header_mid .social_wrap li:last-child { margin-left: 0; margin-right: 0; } .header_mid .social_wrap a { font-size: 18px; line-height: 18px; width: 40px; height: 40px; } .header_mid .slogan_wrap { height: 100%; display: block; position: relative; overflow: hidden; } .header_mid .slogan_wrap .slogan_wrap_inner { height: 100%; padding: 0 0 0 20px; text-align: right; } .header_mid .slogan_wrap .slogan_wrap_inner:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .header_mid .slogan_wrap .slogan_wrap_text { display: inline-block; vertical-align: middle; text-align: right; } .header_mid .slogan_wrap .slogan_wrap_text > * { margin: 0 10px 0 0; display: inline-block; } .header_mid .slogan_wrap .slogan_wrap_text > *:last-child { margin: 0; } .header_mid .slogan_wrap .slogan_wrap_text > *[class^="cmsmasters-icon-"]:before, .header_mid .slogan_wrap .slogan_wrap_text > *[class*=" cmsmasters-icon-"]:before, .header_mid .slogan_wrap .slogan_wrap_text > *[class^="cmsmasters_theme_icon_"]:before, .header_mid .slogan_wrap .slogan_wrap_text > *[class*=" cmsmasters_theme_icon_"]:before { margin-left: 0; margin-right: 0.5em; vertical-align: middle; } .header_mid .slogan_wrap .slogan_wrap_text > p { padding: 0; } .header_mid .slogan_wrap .slogan_wrap_text .adr { white-space: nowrap; } .header_mid .mid_nav_wrap { height: 100%; position: relative; float: right; } /***************** Header Mid Navigation ******************/ .mid_nav > li { height: 100%; } .mid_nav > li > a { height: 100%; padding: 0 18px; position: relative; } .mid_nav > li > a > span { display: inline-block; vertical-align: middle; position: relative; } .mid_nav > li > a > span span { display: inline-block; vertical-align: middle; position: relative; } .mid_nav > li > a > span span[class*=" cmsmasters-icon-"], .mid_nav > li > a > span span[class*=" cmsmasters_theme_icon_"] { padding-left: 30px; } .mid_nav > li > a > span span[class*=" cmsmasters-icon-"]:before, .mid_nav > li > a > span span[class*=" cmsmasters_theme_icon_"]:before { width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: auto; top: 0; bottom: 0; } .mid_nav > li > a:after { content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; } .mid_nav ul a { padding: 11px 20px; } .mid_nav .nav_subtitle { display: block; } .mid_nav .nav_tag { padding: 0 6px; display: inline-block; } .mid_nav .nav_title { margin: 0 10px 0 0; } .mid_nav .nav_title:only-child { margin: 0; } /***************** Header Bot ******************/ .header_bot { display: block; clear: both; } .header_bot .header_bot_outer { height: 100%; position: relative; } .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%; 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 { font-size: 22px; line-height: 22px; display: inline-block; vertical-align: middle; width: 28px; height: 28px; position: relative; } .header_bot .resp_bot_nav_wrap .resp_bot_nav:before { width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .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 > li { height: 100%; } .bot_nav > li > a { height: 100%; padding: 0 18px; position: relative; } .bot_nav > li > a > span { display: inline-block; vertical-align: middle; position: relative; } .bot_nav > li > a > span span { display: inline-block; vertical-align: middle; position: relative; } .bot_nav > li > a > span span[class*=" cmsmasters-icon-"], .bot_nav > li > a > span span[class*=" cmsmasters_theme_icon_"] { padding-left: 24px; } .bot_nav > li > a > span span[class*=" cmsmasters-icon-"]:before, .bot_nav > li > a > span span[class*=" cmsmasters_theme_icon_"]:before { width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: auto; top: 0; bottom: 0; } .bot_nav > li > a:after { content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; } .bot_nav ul a { padding: 11px 20px; } .bot_nav .nav_subtitle { display: block; } .bot_nav .nav_tag { padding: 0 6px; margin: 0 0 0 10px; display: inline-block; } /*-------------------------------------------------------------------------*/ /* 4. Content + Sidebar Styles */ /*-------------------------------------------------------------------------*/ body .headline { background-color: transparent; } .cmsmasters_breadcrumbs { position: relative; overflow: hidden; } .cmsmasters_breadcrumbs .cmsmasters_breadcrumbs_inner { display: inline-block; padding-top: 4px; padding-bottom: 4px; vertical-align: middle; overflow: hidden; } .headline_outer { position: relative; z-index: 1; } .headline_outer.cmsmasters_headline_disabled { outline: none; } .headline_outer .headline_color { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .headline_outer .headline_inner { padding: 0 20px; position: relative; z-index: 1; overflow: hidden; } .headline_outer .headline_inner .headline_aligner { display: inline-block; vertical-align: middle; } .headline_outer .headline_inner .headline_text { display: inline-block; vertical-align: middle; position: relative; } .headline_outer .headline_inner .headline_text:before { line-height: 1em; width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .headline_outer .headline_inner .headline_text .entry-title { margin: 0; } .headline_outer .headline_inner .headline_text .entry-subtitle { margin: 5px 0 0; } .headline_outer .headline_inner.align_left { text-align: left; } .headline_outer .headline_inner.align_left .headline_text { text-align: left; } .headline_outer .headline_inner.align_left .headline_text:before { right: auto; } .headline_outer .headline_inner.align_left .cmsmasters_breadcrumbs { text-align: left; } .headline_outer .headline_inner.align_right { text-align: right; } .headline_outer .headline_inner.align_right .headline_text { text-align: right; } .headline_outer .headline_inner.align_right .headline_text:before { left: auto; } .headline_outer .headline_inner.align_right .cmsmasters_breadcrumbs { text-align: right; } .headline_outer .headline_inner.align_center { text-align: center; } .headline_outer .headline_inner.align_center .headline_text { text-align: center; } .headline_outer .headline_inner.align_center .headline_text:before { bottom: auto; } .headline_outer .headline_inner.align_center .headline_text.headline_icon > *:first-child { padding-top: 15px; } .headline_outer .headline_inner.align_center .cmsmasters_breadcrumbs { text-align: center; } .content_wrap { display: block; min-width: inherit; } /*-------------------------------------------------------------------------*/ /* 5. 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: 70px; padding-bottom: 0px; } .cmsmasters_footer_default .footer_inner > div:first-child { padding-top: 0; } .cmsmasters_footer_default .footer_logo_wrap { position: relative; text-align: center; overflow: hidden; } .cmsmasters_footer_default .footer_logo_wrap .footer_logo { display: inline-block; } .cmsmasters_footer_default .footer_logo_wrap .footer_logo > .footer_logo_retina { display: none; } .cmsmasters_footer_default .footer_custom_html_wrap { padding: 30px 0 0; position: relative; text-align: center; overflow: hidden; } .cmsmasters_footer_default .footer_custom_html { display: inline-block; overflow: hidden; text-align: center; } .cmsmasters_footer_default .footer_nav_wrap { padding: 22px 0 0; position: relative; overflow: hidden; } .cmsmasters_footer_default .footer_nav_wrap div { text-align: center; } .cmsmasters_footer_default .footer_nav { display: inline-block; width: auto; } .cmsmasters_footer_default .footer_nav > li { margin: 0; border-width: 0; border-style: solid; } .cmsmasters_footer_default .footer_nav > li:not(:last-child) { margin: 0 32px 0 0; } .cmsmasters_footer_default .footer_nav > li ul { display: none !important; } .cmsmasters_footer_default .social_wrap { padding: 38px 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: 14px; line-height: 14px; width: 34px; height: 34px; } .cmsmasters_footer_default .footer_copyright { padding: 28px 0; margin-top: 80px; display: block; text-align: center; position: relative; overflow: hidden; } .cmsmasters_footer_default .footer_copyright:before { content: ''; width: 100%; height: 1px; position: absolute; top: 0; left: 0; opacity: 0.3; } /***************** Footer Small ******************/ .cmsmasters_footer_small .footer_inner .footer_inner_wrap { margin: 0; padding: 28px 0; position: relative; overflow: hidden; } .cmsmasters_footer_small .footer_inner .footer_inner_wrap:before { content: ''; width: 100%; height: 1px; position: absolute; top: 0; left: 0; right: 0; bottom: auto; margin: auto; } .cmsmasters_footer_small .footer_nav_wrap { position: relative; float: right; overflow: hidden; } .cmsmasters_footer_small .footer_nav > li { margin: 0 34px 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 ul { vertical-align: top; } .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: 14px; line-height: 14px; width: 28px; height: 28px; } .cmsmasters_footer_small .footer_custom_html_wrap { position: relative; float: right; overflow: hidden; } .cmsmasters_footer_small .footer_copyright { display: block; padding: 1px 40px 1px 0; position: relative; overflow: hidden; } /*-------------------------------------------------------------------------*/ /* 6. 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: 60%; } .blog .post .preloader.highImg { height: auto; padding-bottom: 0; } .blog .post .cmsmasters_video_wrap, .blog .post .resizable_block { padding-bottom: 60%; } .blog.columns { margin: -60px -20px 0; } .blog.columns .post { min-width: 290px; padding: 60px 20px 0; float: left; opacity: 0; } .blog.columns .post.shortcode_animated { opacity: 1; } .blog.columns .post .preloader { padding-bottom: 62%; } .blog.columns .post .preloader.highImg { height: auto; padding-bottom: 0; } .blog.columns .post .cmsmasters_video_wrap, .blog.columns .post .resizable_block { padding-bottom: 62%; } .blog.columns.cmsmasters_4 .cmsmasters_post_cont_wrapper .cmsmasters_post_info { padding: 9px 30px; } .blog.columns.cmsmasters_4 .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom { padding: 30px 30px 44px; } .blog.columns.cmsmasters_4 .owl-pagination { right: 25px; } .blog.timeline:before { content: ''; width: 1px; height: 100%; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .blog.timeline .post { width: 50%; overflow: visible; float: left; opacity: 0; } .blog.timeline .post:before { content: ''; width: 100%; height: 1px; margin: auto !important; position: absolute; left: 0; right: 0; top: 36px; bottom: auto; } .blog.timeline .post.cmsmasters_timeline_left .cmsmasters_timeline_margin { margin-right: 16%; } .blog.timeline .post.cmsmasters_timeline_right .cmsmasters_timeline_margin { margin-left: 16%; } .blog.timeline .post.shortcode_animated { opacity: 1; } .blog.timeline .post .preloader { padding-bottom: 60%; } .blog.timeline .post .preloader.highImg { height: auto; padding-bottom: 0; } .blog.timeline .post .cmsmasters_video_wrap, .blog.timeline .post .resizable_block { padding-bottom: 60%; } .blog .owl-pagination { width: auto; left: auto; right: 35px; top: auto; bottom: 10px; } .cmsmasters_post_default .cmsmasters_post_cont_wrapper, .cmsmasters_post_masonry .cmsmasters_post_cont_wrapper, .cmsmasters_post_timeline .cmsmasters_post_cont_wrapper { margin: 0 1px; border-width: 1px; border-style: solid; border-bottom-width: 2px; border-bottom-style: solid; position: relative; overflow: hidden; } .cmsmasters_post_default .cmsmasters_post_cont_wrapper .cmsmasters_post_info, .cmsmasters_post_masonry .cmsmasters_post_cont_wrapper .cmsmasters_post_info, .cmsmasters_post_timeline .cmsmasters_post_cont_wrapper .cmsmasters_post_info { padding: 9px 40px; border-bottom-width: 1px; border-bottom-style: solid; position: relative; overflow: hidden; display: block; clear: both; } .cmsmasters_post_default .cmsmasters_post_cont_wrapper .cmsmasters_post_info .cmsmasters_post_date, .cmsmasters_post_masonry .cmsmasters_post_cont_wrapper .cmsmasters_post_info .cmsmasters_post_date, .cmsmasters_post_timeline .cmsmasters_post_cont_wrapper .cmsmasters_post_info .cmsmasters_post_date { padding: 0 15px 0 0; position: relative; overflow: hidden; display: block; float: left; } .cmsmasters_post_default .cmsmasters_post_cont_wrapper .cmsmasters_post_info .cmsmasters_post_meta_info, .cmsmasters_post_masonry .cmsmasters_post_cont_wrapper .cmsmasters_post_info .cmsmasters_post_meta_info, .cmsmasters_post_timeline .cmsmasters_post_cont_wrapper .cmsmasters_post_info .cmsmasters_post_meta_info { padding: 0 0 0 15px; float: right; text-align: left; } .cmsmasters_post_default .cmsmasters_post_cont_wrapper .cmsmasters_post_info .cmsmasters_post_meta_info > span:not(:last-child), .cmsmasters_post_masonry .cmsmasters_post_cont_wrapper .cmsmasters_post_info .cmsmasters_post_meta_info > span:not(:last-child), .cmsmasters_post_timeline .cmsmasters_post_cont_wrapper .cmsmasters_post_info .cmsmasters_post_meta_info > span:not(:last-child) { margin: 0 15px 0 0; } .cmsmasters_post_default .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom, .cmsmasters_post_masonry .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom, .cmsmasters_post_timeline .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom { padding: 30px 40px 44px; position: relative; overflow: hidden; } .cmsmasters_post_default .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_post_cont_info, .cmsmasters_post_masonry .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_post_cont_info, .cmsmasters_post_timeline .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_post_cont_info { padding-top: 2px; overflow: hidden; } .cmsmasters_post_default .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_post_cont_info > span, .cmsmasters_post_masonry .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_post_cont_info > span, .cmsmasters_post_timeline .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_post_cont_info > span { display: inline-block; } .cmsmasters_post_default .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_post_cont_info > span:not(:last-child), .cmsmasters_post_masonry .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_post_cont_info > span:not(:last-child), .cmsmasters_post_timeline .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_post_cont_info > span:not(:last-child) { margin: 0 20px 0 0; } .cmsmasters_post_default .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_post_header, .cmsmasters_post_masonry .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_post_header, .cmsmasters_post_timeline .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_post_header { padding: 0; } .cmsmasters_post_default .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_post_header .cmsmasters_post_title, .cmsmasters_post_masonry .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_post_header .cmsmasters_post_title, .cmsmasters_post_timeline .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_post_header .cmsmasters_post_title { margin: 0; } .cmsmasters_post_default .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_post_content, .cmsmasters_post_masonry .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_post_content, .cmsmasters_post_timeline .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_post_content { padding: 18px 0 20px; overflow: hidden; } .cmsmasters_post_default .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_post_content p, .cmsmasters_post_masonry .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_post_content p, .cmsmasters_post_timeline .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_post_content p { margin: 0; padding: 0; } .cmsmasters_post_default .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_post_footer, .cmsmasters_post_masonry .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_post_footer, .cmsmasters_post_timeline .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_post_footer { padding-top: 20px; overflow: hidden; } .cmsmasters_post_default .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_img_wrap, .cmsmasters_post_masonry .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_img_wrap, .cmsmasters_post_timeline .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_img_wrap { overflow: hidden; } .cmsmasters_post_default .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_owl_slider figure, .cmsmasters_post_masonry .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_owl_slider figure, .cmsmasters_post_timeline .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_owl_slider figure { overflow: hidden; } .cmsmasters_post_default .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_audio, .cmsmasters_post_masonry .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_audio, .cmsmasters_post_timeline .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_audio { padding-top: 30px; padding-bottom: 20px; } .cmsmasters_post_default .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_video_wrap, .cmsmasters_post_masonry .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_video_wrap, .cmsmasters_post_timeline .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_video_wrap { margin: 0; } .cmsmasters_post_default .mejs-container.wp-video-shortcode, .cmsmasters_post_masonry .mejs-container.wp-video-shortcode, .cmsmasters_post_timeline .mejs-container.wp-video-shortcode, .cmsmasters_post_default .mejs-container.wp-audio-shortcode, .cmsmasters_post_masonry .mejs-container.wp-audio-shortcode, .cmsmasters_post_timeline .mejs-container.wp-audio-shortcode { margin-bottom: 0; } .cmsmasters_post_default .cmsmasters_post_category > span, .cmsmasters_post_masonry .cmsmasters_post_category > span, .cmsmasters_post_timeline .cmsmasters_post_category > span, .cmsmasters_post_default .cmsmasters_post_author > span, .cmsmasters_post_masonry .cmsmasters_post_author > span, .cmsmasters_post_timeline .cmsmasters_post_author > span { margin: 0 6px 0 0; } /***************** Blog Default ******************/ .cmsmasters_post_default { padding: 50px 0 0; position: relative; overflow: hidden; } .cmsmasters_post_default:first-child { padding-top: 0; } .cmsmasters_post_default .cmsmasters_post_cont { position: relative; overflow: hidden; } .cmsmasters_post_default .cmsmasters_video_wrap { margin: 0; } /***************** Blog Masonry ******************/ .cmsmasters_post_masonry { position: relative; } .cmsmasters_post_masonry .cmsmasters_post_cont { position: relative; overflow: hidden; } .cmsmasters_post_masonry .cmsmasters_video_wrap { margin: 0; } .cmsmasters_post_masonry .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_post_cont_info { padding-top: 8px; } .cmsmasters_post_masonry .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_post_cont_info > span { margin: 0; display: block; } .cmsmasters_post_masonry .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_post_cont_info > span:not(:last-child) { margin-bottom: 2px; } /***************** Blog Timeline ******************/ .cmsmasters_post_timeline { position: relative; } .cmsmasters_post_timeline .cmsmasters_post_info { display: block; position: absolute; z-index: 1; } .cmsmasters_post_timeline .cmsmasters_post_meta_info { padding-top: 18px; overflow: hidden; position: relative; display: block; clear: both; } .cmsmasters_post_timeline .cmsmasters_post_meta_info > span { display: block; float: left; } .cmsmasters_post_timeline .cmsmasters_post_meta_info > span:not(:last-child) { margin: 0 15px 0 0; } .cmsmasters_post_timeline .cmsmasters_post_meta_info > span > a { display: block; } .cmsmasters_post_timeline.cmsmasters_timeline_left .cmsmasters_post_info { left: auto; right: -37px; } .cmsmasters_post_timeline.cmsmasters_timeline_right .cmsmasters_post_info { left: -37px; right: auto; } .cmsmasters_post_timeline .cmsmasters_post_date { width: 72px; height: 72px; display: block; text-align: center; overflow: hidden; border-width: 1px; border-style: solid; -webkit-border-radius: 50%; border-radius: 50%; } .cmsmasters_post_timeline .cmsmasters_post_date .published { display: inline-block; vertical-align: middle; } .cmsmasters_post_timeline .cmsmasters_post_date .cmsmasters_day, .cmsmasters_post_timeline .cmsmasters_post_date .cmsmasters_mon { display: block; } .cmsmasters_post_timeline .cmsmasters_post_date:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .cmsmasters_post_timeline .cmsmasters_post_cont { position: relative; overflow: hidden; } .cmsmasters_post_timeline figure { overflow: hidden; } .cmsmasters_post_timeline .cmsmasters_post_cont_info { overflow: hidden; } .cmsmasters_post_timeline .cmsmasters_post_cont_info > span { display: inline-block; } .cmsmasters_post_timeline .cmsmasters_post_footer { overflow: hidden; } .cmsmasters_post_timeline .cmsmasters_post_footer > span { outline: none; } .cmsmasters_post_timeline .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_post_cont_info { padding-top: 8px; } .cmsmasters_post_timeline .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_post_cont_info > span { margin: 0; display: block; } .cmsmasters_post_timeline .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_post_cont_info > span:not(:last-child) { margin-bottom: 2px; } .cmsmasters_post_timeline .cmsmasters_post_cont_wrapper .cmsmasters_post_info_bottom .cmsmasters_post_content { padding-top: 24px; } .cmsmasters_post_timeline .cmsmasters_video_wrap { margin: 0; } /***************** Blog Post ******************/ .cmsmasters_open_post { position: relative; overflow: hidden; } .cmsmasters_open_post .preloader { padding-bottom: 60%; } .cmsmasters_open_post .preloader.highImg { height: auto; padding: 0; } .cmsmasters_open_post .cmsmasters_open_post_inner { padding: 0 0 58px; border-width: 1px; border-style: solid; border-bottom-width: 2px; border-bottom-style: solid; } .cmsmasters_open_post .cmsmasters_open_post_top { padding: 9px 40px; border-bottom-width: 1px; border-bottom-style: solid; position: relative; overflow: hidden; } .cmsmasters_open_post .cmsmasters_open_post_top .cmsmasters_post_date { padding: 0 15px 0 0; position: relative; overflow: hidden; display: block; float: left; } .cmsmasters_open_post .cmsmasters_open_post_top .cmsmasters_open_post_top_meta { padding: 0 0 0 15px; float: right; text-align: left; } .cmsmasters_open_post .cmsmasters_open_post_top .cmsmasters_open_post_top_meta > span:not(:last-child) { margin: 0 15px 0 0; } .cmsmasters_open_post .cmsmasters_video_wrap, .cmsmasters_open_post .resizable_block { padding-bottom: 60%; } .cmsmasters_open_post > div:first-child { margin-top: 0; } .cmsmasters_open_post .cmsmasters_img_wrap { overflow: hidden; } .cmsmasters_open_post .cmsmasters_owl_slider { outline: none; } .cmsmasters_open_post .cmsmasters_owl_slider figure { overflow: hidden; } .cmsmasters_open_post .cmsmasters_audio { padding: 40px 40px 0; position: relative; overflow: hidden; } .cmsmasters_open_post .cmsmasters_post_header { padding: 0; } .cmsmasters_open_post .cmsmasters_post_header .cmsmasters_post_title { margin: 0; } .cmsmasters_open_post .cmsmasters_post_content { padding: 40px 40px 0; position: relative; overflow: hidden; } .cmsmasters_open_post .cmsmasters_post_content .cmsmasters_post_content_meta { padding-top: 6px; overflow: hidden; } .cmsmasters_open_post .cmsmasters_post_content .cmsmasters_post_content_meta > span { display: inline-block; } .cmsmasters_open_post .cmsmasters_post_content .cmsmasters_post_content_meta > span:not(:last-child) { margin: 0 20px 0 0; } .cmsmasters_open_post .cmsmasters_post_content > p:first-of-type { padding-top: 34px; } .cmsmasters_open_post .cmsmasters_post_content > *:last-child { margin-bottom: 0; padding-bottom: 0; } .cmsmasters_open_post .cmsmasters_post_category > span, .cmsmasters_open_post .cmsmasters_post_author > span { margin: 0 6px 0 0; } .cmsmasters_open_post .cmsmasters_post_footer { padding: 54px 40px 0; overflow: hidden; } .cmsmasters_open_post .cmsmasters_post_footer > span { display: block; clear: both; position: relative; overflow: hidden; } .cmsmasters_open_post .cmsmasters_post_footer > span a { padding: 7px 24px; margin-bottom: 6px; display: block; border-width: 1px; border-style: solid; float: left; } .cmsmasters_open_post .cmsmasters_post_footer > span a:not(:last-child) { margin: 0 6px 6px 0; } /*-------------------------------------------------------------------------*/ /* 7. 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: 280px; float: left; } .portfolio .cmsmasters_project_grid .preloader, .portfolio .cmsmasters_project_puzzle .preloader { padding-bottom: 84.4%; } .portfolio .cmsmasters_project_grid .preloader.highImg, .portfolio .cmsmasters_project_puzzle .preloader.highImg { height: auto; padding-bottom: 0; } .portfolio.large_gap { margin: 0 -20px; } .portfolio.large_gap .project { padding-left: 20px; padding-right: 20px; padding-bottom: 40px; } .portfolio.small_gap { padding: 1px 1px 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .portfolio.small_gap .project { overflow: visible; } .portfolio.small_gap .project .project_outer { margin-left: 0; margin-right: 1px; margin-bottom: 1px; } .portfolio.grid.perfect .project figure { opacity: 0; } .portfolio.grid.perfect .project.shortcode_animated figure { opacity: 1; } .portfolio.grid.masonry .project, .portfolio.puzzle .project { opacity: 0; } .portfolio.grid.masonry .project.shortcode_animated, .portfolio.puzzle .project.shortcode_animated { opacity: 1; } .portfolio.cmsmasters_5 .project { max-width: 20%; } .portfolio.cmsmasters_4 .project { max-width: 25%; } .portfolio.cmsmasters_3 .project { max-width: 33%; } .portfolio.cmsmasters_2 .project { max-width: 50%; } .portfolio.isotope.cmsmasters_5 .project, .portfolio.isotope.cmsmasters_4 .project, .portfolio.isotope.cmsmasters_3 .project, .portfolio.isotope.cmsmasters_2 .project { max-width: none; } /***************** Portfolio Grid ******************/ .cmsmasters_project_grid { position: relative; } .cmsmasters_project_grid .project_outer { position: relative; overflow: hidden; } .cmsmasters_project_grid .project_outer .img_placeholder { border-width: 1px; border-style: solid; border-bottom-width: 0; border-bottom-style: solid; } .cmsmasters_project_grid .project_inner { padding: 22px 30px; position: relative; overflow: hidden; border-width: 1px; border-style: solid; border-bottom-width: 2px; border-bottom-style: solid; text-align: center; } .cmsmasters_project_grid .cmsmasters_img_rollover_wrap + .project_inner { border-top-width: 0; border-top-style: solid; } .cmsmasters_project_grid .cmsmasters_project_header { padding: 0; } .cmsmasters_project_grid .cmsmasters_project_header .cmsmasters_project_title { margin: 0; } .cmsmasters_project_grid .cmsmasters_project_cont_info { padding-top: 2px; overflow: hidden; text-align: center; } .cmsmasters_project_grid .cmsmasters_project_content { padding-top: 18px; overflow: hidden; text-align: center; } .cmsmasters_project_grid .cmsmasters_project_content p { margin: 0; padding: 0; } .cmsmasters_project_grid .cmsmasters_project_footer { padding-top: 18px; overflow: hidden; } .cmsmasters_project_grid .cmsmasters_project_footer a { font-size: 12px; } .cmsmasters_project_grid .cmsmasters_project_footer a.cmsmasters_theme_icon_comment { font-size: 14px; } .cmsmasters_project_grid .cmsmasters_project_footer > span:not(:last-child) { margin: 0 15px 0 0; } /***************** Portfolio Puzzle ******************/ .cmsmasters_project_puzzle { position: relative; } .cmsmasters_project_puzzle .project_outer { position: relative; overflow: hidden; } .cmsmasters_project_puzzle .project_outer:hover .cmsmasters_img_rollover { opacity: 1; } .cmsmasters_project_puzzle .project_outer:hover .project_inner { opacity: 1; } .cmsmasters_project_puzzle .project_inner { width: 100%; height: 100%; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-align: center; opacity: 0; } .cmsmasters_project_puzzle .project_inner a { opacity: 1; } .cmsmasters_project_puzzle .project_inner a:hover { opacity: 0.8; } .cmsmasters_project_puzzle .project_inner:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .cmsmasters_project_puzzle .project_inner .project_inner_aligner { width: 100%; padding: 0 20px; display: inline-block; overflow: hidden; position: relative; vertical-align: middle; text-align: center; } .cmsmasters_project_puzzle .project_inner .project_inner_aligner[class^="cmsmasters-icon-"]:before, .cmsmasters_project_puzzle .project_inner .project_inner_aligner[class*=" cmsmasters-icon-"]:before { font-size: 40px; padding: 5px 0 22px; text-align: center; position: relative; } .cmsmasters_project_puzzle .project_inner .cmsmasters_project_footer { text-align: center; } .cmsmasters_project_puzzle .project_inner .cmsmasters_project_footer a { opacity: 1; } .cmsmasters_project_puzzle .project_inner .cmsmasters_project_footer a:hover:before { opacity: 0.8; } .cmsmasters_project_puzzle .project_inner .cmsmasters_project_footer a.active:before { opacity: 0.8; } .cmsmasters_project_puzzle .cmsmasters_project_header { padding: 0; } .cmsmasters_project_puzzle .cmsmasters_project_header .cmsmasters_project_title { margin: 0; } .cmsmasters_project_puzzle .cmsmasters_project_cont_info { padding-top: 2px; overflow: hidden; text-align: center; } .cmsmasters_project_puzzle .cmsmasters_project_footer { padding-top: 10px; overflow: hidden; } .cmsmasters_project_puzzle .cmsmasters_project_footer > span:not(:last-child) { margin: 0 18px 0 0; } /***************** Portfolio Open Project ******************/ .cmsmasters_open_project { padding: 0; position: relative; overflow: hidden; } .cmsmasters_open_project .preloader { padding-bottom: 52.5%; } .cmsmasters_open_project .preloader.highImg { height: auto; padding: 0; } .cmsmasters_open_project .cmsmasters_video_wrap, .cmsmasters_open_project .resizable_block { padding-bottom: 52.5%; } .cmsmasters_open_project .owl-pagination { width: auto; position: absolute; left: auto; right: 10px; top: 10px; bottom: auto; } .cmsmasters_open_project .cmsmasters_project_likes a { font-size: 15px; } .cmsmasters_open_project .cmsmasters_project_likes a span { margin: 0 0 0 8px; } .cmsmasters_open_project .cmsmasters_project_comments a { font-size: 16px; } .cmsmasters_open_project .cmsmasters_project_comments a span { margin: 0 0 0 8px; } .cmsmasters_open_project .cmsmasters_project_header { padding: 0 0 30px; overflow: hidden; text-align: left; display: block; clear: both; } .cmsmasters_open_project .cmsmasters_project_header .cmsmasters_project_title { margin: 0; } .cmsmasters_open_project .cmsmasters_video_wrap { margin: 0; } .cmsmasters_open_project .project_content { width: 100%; padding: 80px 0 0; overflow: hidden; position: relative; } .cmsmasters_open_project .project_content.with_sidebar { width: 75%; padding: 80px 40px 80px 0; float: left; } .cmsmasters_open_project .project_content.with_sidebar:before { content: ''; display: block; position: absolute; right: 0; left: auto; top: 0; height: 100%; width: 1px; } .cmsmasters_open_project .project_content.with_sidebar + .project_sidebar:before { content: ''; display: block; position: absolute; right: auto; left: -1px; top: 0; height: 100%; width: 1px; } .cmsmasters_open_project .project_content .project_gallery_row { margin: 0 -1.7%; position: relative; } .cmsmasters_open_project .project_content .project_gallery_row figure { overflow: hidden; } .cmsmasters_open_project .project_content .project_gallery_row .one_third, .cmsmasters_open_project .project_content .project_gallery_row .one_half, .cmsmasters_open_project .project_content .project_gallery_row .one_first { margin-bottom: 3.4%; } .cmsmasters_open_project .project_content .project_gallery_row .one_third .preloader, .cmsmasters_open_project .project_content .project_gallery_row .one_half .preloader { padding-bottom: 84.4%; } .cmsmasters_open_project .project_content .project_gallery_row .one_third .preloader.highImg, .cmsmasters_open_project .project_content .project_gallery_row .one_half .preloader.highImg { height: auto; padding: 0; } .cmsmasters_open_project .project_content > .cmsmasters_img_wrap { margin-bottom: 42px; overflow: hidden; } .cmsmasters_open_project .project_content > .cmsmasters_owl_slider { outline: none; } .cmsmasters_open_project .project_content > .cmsmasters_owl_slider figure { overflow: hidden; } .cmsmasters_open_project div + div.cmsmasters_project_content .cmsmasters_project_header { padding-top: 40px; } .cmsmasters_open_project .cmsmasters_project_content { position: relative; overflow: hidden; } .cmsmasters_open_project .project_sidebar { width: 25%; padding: 80px 0 80px 40px; float: right; position: relative; } .cmsmasters_open_project .project_sidebar > div:not(:last-of-type) { margin-bottom: 54px; } .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 14px 0; padding: 0; } .cmsmasters_open_project .project_details_item, .cmsmasters_open_project .project_features_item { padding: 12px 0; position: relative; overflow: hidden; border-bottom-width: 1px; 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_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 + aside { padding-top: 24px; } /*-------------------------------------------------------------------------*/ /* 8. Posts Slider Styles */ /*-------------------------------------------------------------------------*/ /***************** Posts Slider ******************/ .cmsmasters_posts_slider { margin: 0 -20px; position: relative; overflow: hidden; } .cmsmasters_posts_slider .owl-buttons { display: none; } .cmsmasters_posts_slider .owl-pagination { position: relative; } .cmsmasters_posts_slider.post .preloader { padding-bottom: 60%; } .cmsmasters_posts_slider.post .preloader.highImg { height: auto; padding: 0; } .cmsmasters_posts_slider.project .preloader { padding-bottom: 84.4%; } .cmsmasters_posts_slider.project .preloader.highImg { height: auto; padding: 0; } .cmsmasters_posts_slider .cmsmasters_slider_post, .cmsmasters_posts_slider .cmsmasters_slider_project { width: 100%; min-width: 300px; max-width: 100%; padding: 0 20px 20px; float: left; } .cmsmasters_posts_slider .cmsmasters_img_rollover_wrap .img_placeholder { border-width: 1px; border-style: solid; border-bottom-width: 0; border-bottom-style: solid; } /***************** Posts Slider Blog ******************/ .cmsmasters_slider_post { position: relative; } .cmsmasters_slider_post .cmsmasters_slider_post_outer { position: relative; overflow: hidden; } .cmsmasters_slider_post .cmsmasters_slider_post_img_wrap { position: relative; overflow: hidden; } .cmsmasters_slider_post .cmsmasters_slider_post_date_top_meta_wrap { padding: 9px 20px; position: relative; overflow: hidden; border-width: 1px; border-style: solid; display: block; clear: both; } .cmsmasters_slider_post .cmsmasters_slider_post_date_top_meta_wrap span > a { display: block; } .cmsmasters_slider_post .cmsmasters_slider_post_date_top_meta_wrap .cmsmasters_slider_post_date { float: left; } .cmsmasters_slider_post .cmsmasters_slider_post_date_top_meta_wrap .cmsmasters_slider_post_date + .cmsmasters_slider_post_social_wrap { margin: 0 0 0 20px; } .cmsmasters_slider_post .cmsmasters_slider_post_date_top_meta_wrap .cmsmasters_slider_post_social_wrap { float: right; position: relative; overflow: hidden; } .cmsmasters_slider_post .cmsmasters_slider_post_date_top_meta_wrap .cmsmasters_slider_post_social_wrap > span { float: right; } .cmsmasters_slider_post .cmsmasters_slider_post_date_top_meta_wrap .cmsmasters_slider_post_social_wrap > span:not(:last-of-type) { margin: 0 0 0 15px; } .cmsmasters_slider_post .cmsmasters_slider_post_inner { padding: 17px 20px 20px; position: relative; overflow: hidden; border-width: 1px; border-style: solid; border-top-width: 0; border-top-style: solid; border-bottom-width: 2px; border-bottom-style: solid; } .cmsmasters_slider_post .cmsmasters_slider_post_header { padding: 0; } .cmsmasters_slider_post .cmsmasters_slider_post_header .cmsmasters_slider_post_title { margin: 0; } .cmsmasters_slider_post .cmsmasters_slider_post_cont_info { padding-top: 5px; overflow: hidden; } .cmsmasters_slider_post .cmsmasters_slider_post_cont_info > span { display: block; } .cmsmasters_slider_post .cmsmasters_slider_post_content { padding-top: 10px; overflow: hidden; } .cmsmasters_slider_post .cmsmasters_slider_post_content p { margin: 0; padding: 0; } .cmsmasters_slider_post .cmsmasters_slider_post_footer { padding-top: 12px; overflow: hidden; } .cmsmasters_slider_post .cmsmasters_slider_post_read_more { outline: none; } /***************** Posts Slider Portfolio ******************/ .cmsmasters_slider_project { position: relative; } .cmsmasters_slider_project .cmsmasters_slider_project_outer { position: relative; overflow: hidden; } .cmsmasters_slider_project .cmsmasters_slider_project_outer .img_placeholder { border-width: 1px; border-style: solid; border-bottom-width: 0; border-bottom-style: solid; } .cmsmasters_slider_project .cmsmasters_slider_project_inner { padding: 24px 30px 22px; position: relative; overflow: hidden; border-width: 1px; border-style: solid; border-bottom-width: 2px; border-bottom-style: solid; text-align: center; } .cmsmasters_slider_project .cmsmasters_slider_project_header { padding: 0; } .cmsmasters_slider_project .cmsmasters_slider_project_header .cmsmasters_slider_project_title { margin: 0; } .cmsmasters_slider_project .cmsmasters_slider_project_cont_info { overflow: hidden; text-align: center; } .cmsmasters_slider_project .cmsmasters_slider_project_content { padding-top: 18px; overflow: hidden; text-align: center; } .cmsmasters_slider_project .cmsmasters_slider_project_content p { margin: 0; padding: 0; } .cmsmasters_slider_project .cmsmasters_slider_project_footer { padding-top: 18px; overflow: hidden; } .cmsmasters_slider_project .cmsmasters_slider_project_footer a { font-size: 12px; } .cmsmasters_slider_project .cmsmasters_slider_project_footer a.cmsmasters_theme_icon_comment { font-size: 14px; } .cmsmasters_slider_project .cmsmasters_slider_project_footer > span:not(:last-child) { margin: 0 15px 0 0; } /*-------------------------------------------------------------------------*/ /* 9. Profiles + Profile Styles */ /*-------------------------------------------------------------------------*/ /***************** Profiles ******************/ .cmsmasters_profile { position: relative; overflow: hidden; } .cmsmasters_profile.horizontal { margin: -60px -1.7% 0; } .cmsmasters_profile.horizontal .cmsmasters_profile_horizontal { margin-top: 60px; } .cmsmasters_profile .profile_social_icons_list { list-style: none; display: block; margin: 0; padding: 0; } .cmsmasters_profile .profile_social_icons_list li { display: inline-block; vertical-align: middle; margin: 0; padding: 0; position: relative; } .cmsmasters_profile .profile_social_icons_list li:not(:last-child) { margin: 0 6px 0 0; } .cmsmasters_profile .profile_social_icons_list li:before { display: none; } .cmsmasters_profile .profile_social_icons_list a { font-size: 14px; line-height: 14px; display: block; width: 28px; height: 28px; position: relative; -webkit-border-radius: 50%; border-radius: 50%; } .cmsmasters_profile .profile_social_icons_list a:before { width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /***************** Profiles Horizontal ******************/ .cmsmasters_profile_horizontal { position: relative; } .cmsmasters_profile_horizontal .profile_outer { position: relative; overflow: hidden; } .cmsmasters_profile_horizontal .cmsmasters_img_wrap { text-align: center; overflow: hidden; } .cmsmasters_profile_horizontal .cmsmasters_img_wrap img { outline: none; } .cmsmasters_profile_horizontal .profile_inner { padding: 28px 30px 40px; border-width: 1px; border-style: solid; border-bottom-width: 2px; border-bottom-style: solid; position: relative; overflow: hidden; text-align: center; } .cmsmasters_profile_horizontal .cmsmasters_img_rollover_wrap + .profile_inner { border-top-width: 0; border-top-style: solid; } .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 0; } .cmsmasters_profile_horizontal .cmsmasters_profile_content { padding-top: 20px; text-align: center; overflow: hidden; position: relative; } .cmsmasters_profile_horizontal .cmsmasters_profile_content p { margin: 0; padding: 0; } .cmsmasters_profile_horizontal .profile_social_icons { padding-top: 30px; position: relative; overflow: hidden; text-align: center; } /***************** Profiles Vertical ******************/ .cmsmasters_profile_vertical { margin: 0 0 38px; padding: 0; position: relative; } .cmsmasters_profile_vertical:nth-child(even) .cmsmasters_img_wrap { width: 28%; padding: 0 70px 0 0; display: block; float: left; } .cmsmasters_profile_vertical:last-child { margin: 0; } .cmsmasters_profile_vertical .profile_outer { padding: 40px; border-width: 1px; border-style: solid; border-bottom-width: 2px; border-bottom-style: solid; position: relative; overflow: hidden; display: block; clear: both; } .cmsmasters_profile_vertical .cmsmasters_img_wrap { width: 28%; padding: 0 0 0 70px; display: block; float: right; } .cmsmasters_profile_vertical .cmsmasters_img_wrap .preloader { padding-bottom: 100%; } .cmsmasters_profile_vertical .cmsmasters_img_wrap img { width: 300px; -webkit-border-radius: 50%; border-radius: 50%; } .cmsmasters_profile_vertical .profile_inner { display: block; width: 100%; } .cmsmasters_profile_vertical .cmsmasters_img_wrap + .profile_inner { width: 72%; display: block; float: left; } .cmsmasters_profile_vertical .cmsmasters_profile_header { padding: 0; } .cmsmasters_profile_vertical .cmsmasters_profile_header .cmsmasters_profile_title { margin: 0; } .cmsmasters_profile_vertical .cmsmasters_profile_header .cmsmasters_profile_subtitle { margin: 5px 0 0 0; } .cmsmasters_profile_vertical .cmsmasters_profile_content { padding: 20px 0 0; position: relative; overflow: hidden; } .cmsmasters_profile_vertical .cmsmasters_profile_content p { margin: 0; padding: 0; } .cmsmasters_profile_vertical .profile_social_icons { padding: 30px 0 0; position: relative; overflow: hidden; } .cmsmasters_profile_vertical .cmsmasters_img_rollover > a { -webkit-border-radius: 50%; border-radius: 50%; } /***************** Profiles Open Profile ******************/ .cmsmasters_open_profile { padding: 0; position: relative; overflow: hidden; } .cmsmasters_open_profile .cmsmasters_profile_likes a { font-size: 15px; } .cmsmasters_open_profile .cmsmasters_profile_likes a span { margin: 0 0 0 8px; } .cmsmasters_open_profile .cmsmasters_profile_comments a { font-size: 16px; } .cmsmasters_open_profile .cmsmasters_profile_comments a span { margin: 0 0 0 8px; } .cmsmasters_open_profile .cmsmasters_profile_header { padding: 0 0 30px; overflow: hidden; text-align: left; 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: 6px 0 0 0; } .cmsmasters_open_profile .cmsmasters_img_wrap + .cmsmasters_profile_header { padding-top: 40px; } .cmsmasters_open_profile .profile_content { width: 100%; padding: 80px 0 0; overflow: hidden; position: relative; } .cmsmasters_open_profile .profile_content.with_sidebar { width: 75%; padding: 80px 40px 80px 0; float: left; } .cmsmasters_open_profile .profile_content.with_sidebar:before { content: ''; display: block; position: absolute; right: 0; left: auto; top: 0; height: 100%; width: 1px; } .cmsmasters_open_profile .profile_content.with_sidebar + .profile_sidebar:before { content: ''; display: block; position: absolute; right: auto; left: -1px; top: 0; height: 100%; width: 1px; } .cmsmasters_open_profile .cmsmasters_profile_content { position: relative; overflow: hidden; } .cmsmasters_open_profile .profile_sidebar { width: 25%; padding: 80px 0 80px 40px; float: right; position: relative; } .cmsmasters_open_profile .profile_sidebar > div:not(:last-of-type) { margin-bottom: 54px; } .cmsmasters_open_profile .profile_details, .cmsmasters_open_profile .profile_features { position: relative; overflow: hidden; } .cmsmasters_open_profile .profile_details_title, .cmsmasters_open_profile .profile_features_title { margin: 0 0 14px 0; padding: 0; } .cmsmasters_open_profile .profile_details_item, .cmsmasters_open_profile .profile_features_item { padding: 12px 0; position: relative; overflow: hidden; border-bottom-width: 1px; 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_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_social_icons { position: relative; overflow: hidden; } .cmsmasters_open_profile .profile_social_icons_title { margin: 0 0 30px 0; 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; padding: 0; position: relative; } .cmsmasters_open_profile .profile_social_icons_list li:not(:last-child) { margin: 0 6px 0 0; } .cmsmasters_open_profile .profile_social_icons_list li:before { display: none; } .cmsmasters_open_profile .profile_social_icons_list a { font-size: 14px; line-height: 14px; display: inline-block; vertical-align: middle; width: 28px; height: 28px; position: relative; -webkit-border-radius: 50%; border-radius: 50%; } .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; } /*-------------------------------------------------------------------------*/ /* 10. Shortcodes Styles */ /*-------------------------------------------------------------------------*/ /***************** Code ******************/ code { padding: 0 6px; text-transform: lowercase; border-width: 1px; border-style: solid; } /***************** 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.7% 40px; width: 96.6%; } .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; overflow: hidden; } .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_inner { width: 100%; padding: 20px 20px 0; position: relative; overflow: hidden; } /***************** Table ******************/ .cmsmasters_table { width: 100%; } .cmsmasters_table tr td, .cmsmasters_table tr th { padding: 21px 30px; border-width: 1px; border-style: solid; } .cmsmasters_table tr td.cmsmasters_table_cell_aligncenter, .cmsmasters_table tr th.cmsmasters_table_cell_aligncenter { text-align: center; } .cmsmasters_table tr td.cmsmasters_table_cell_alignleft, .cmsmasters_table tr th.cmsmasters_table_cell_alignleft { text-align: left; } .cmsmasters_table tr td.cmsmasters_table_cell_alignright, .cmsmasters_table tr th.cmsmasters_table_cell_alignright { text-align: right; } .cmsmasters_table tbody td, .cmsmasters_table tbody th { padding: 25px 30px; } /***************** Notice ******************/ .cmsmasters_notice { display: block; width: 100%; padding: 0 30px; margin-bottom: 20px; position: relative; } .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: 40px; } .cmsmasters_notice:before { font-size: 32px; width: 1em; height: 1em; margin: auto !important; position: absolute; left: 30px; right: auto; top: 0; bottom: 0; } .cmsmasters_notice .notice_content { position: relative; padding: 28px 0 8px; } .cmsmasters_notice .notice_close { font-size: 14px; line-height: 14px; display: block; width: 25px; height: 25px; margin: auto !important; position: absolute; left: auto; right: 12px; top: 11px; bottom: auto; } .cmsmasters_notice .notice_close:before { width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .cmsmasters_notice.cmsmasters_notice_success { color: #343434; background-color: #e4ffd4; } .cmsmasters_notice.cmsmasters_notice_success:before { color: #00c449; } .cmsmasters_notice.cmsmasters_notice_error { color: #343434; background-color: #fee2e2; } .cmsmasters_notice.cmsmasters_notice_error:before { color: #ff2f2f; } .cmsmasters_notice.cmsmasters_notice_info { color: #343434; background-color: #dbf5fd; } .cmsmasters_notice.cmsmasters_notice_info:before { color: #1196dd; } .cmsmasters_notice.cmsmasters_notice_warning { color: #343434; background-color: #fff7d4; } .cmsmasters_notice.cmsmasters_notice_warning:before { color: #ff7a32; } .cmsmasters_notice.cmsmasters_notice_download { color: #343434; background-color: #e4d5f0; } .cmsmasters_notice.cmsmasters_notice_download:before { color: #a63dff; } /***************** Icon ******************/ .cmsmasters_icon_wrap .cmsmasters_simple_icon { border-style: solid; display: inline-block; } /***************** Icon List ******************/ .cmsmasters_icon_list_items { list-style: none; padding: 0; margin: 0; position: relative; } .cmsmasters_icon_list_items .cmsmasters_icon_list_item:before { left: 50px; right: auto; top: 11px; } .cmsmasters_icon_list_items .cmsmasters_icon_list_item:first-child:before { top: 1px; } .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 { 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_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: 30px 20px 25px; } .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: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; } .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; } .cmsmasters_icon_box .icon_box_text { margin-bottom: 10px; } .cmsmasters_icon_box .icon_box_text p:last-child { margin-bottom: 0; padding-bottom: 0; } /***************** 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; } .cmsmasters_toggles .cmsmasters_toggle_wrap.current_toggle .cmsmasters_toggle_plus:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .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; } .cmsmasters_toggles .cmsmasters_toggle { display: none; } .cmsmasters_toggles .cmsmasters_toggle_inner { position: relative; overflow: hidden; } .cmsmasters_toggles .cmsmasters_toggle_inner > *:last-child { margin-bottom: 0; padding-bottom: 0; } .cmsmasters_toggles .cmsmasters_toggle_wrap.current_toggle > .cmsmasters_toggle_title .cmsmasters_toggle_plus_vert { height: 0; } .cmsmasters_toggles .cmsmasters_toggle_wrap.current_toggle > .cmsmasters_toggle { display: block; } .cmsmasters_toggles.toggles_mode_toggle .cmsmasters_toggle_wrap { border-bottom-width: 1px; border-bottom-style: solid; } .cmsmasters_toggles.toggles_mode_toggle .cmsmasters_toggle_wrap:last-child { margin: 0; } .cmsmasters_toggles.toggles_mode_toggle .cmsmasters_toggle_title a { padding: 25px 50px 25px 0; } .cmsmasters_toggles.toggles_mode_toggle .cmsmasters_toggle_plus { font-size: 26px; width: 1em; height: 1em; margin: auto !important; position: absolute; left: auto; right: 0; top: 0; bottom: 0; } .cmsmasters_toggles.toggles_mode_toggle .cmsmasters_toggle_plus:before { margin: 0; display: block; } .cmsmasters_toggles.toggles_mode_toggle .cmsmasters_toggle_inner { padding: 0 0 30px; } .cmsmasters_toggles.toggles_mode_accordion .cmsmasters_toggle_wrap { padding: 0; border-width: 1px; border-style: solid; border-bottom-width: 2px; border-bottom-style: solid; } .cmsmasters_toggles.toggles_mode_accordion .cmsmasters_toggle_wrap:not(:last-of-type) { border-width: 1px; border-style: solid; border-bottom-width: 0; border-bottom-style: solid; } .cmsmasters_toggles.toggles_mode_accordion .cmsmasters_toggle_title a { padding: 25px 50px 25px 25px; } .cmsmasters_toggles.toggles_mode_accordion .cmsmasters_toggle_plus { font-size: 26px; width: 1em; height: 1em; margin: auto !important; position: absolute; left: auto; right: 12px; top: 0; bottom: 0; } .cmsmasters_toggles.toggles_mode_accordion .cmsmasters_toggle_plus:before { margin: 0; display: block; } .cmsmasters_toggles.toggles_mode_accordion .cmsmasters_toggle_inner { padding: 0 25px 25px; } /***************** 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; } .cmsmasters_tabs .cmsmasters_tabs_list_item:before { display: none; } .cmsmasters_tabs .cmsmasters_tabs_list_item a { display: block; padding: 15px 20px; position: relative; cursor: pointer; } .cmsmasters_tabs .cmsmasters_tabs_list_item a[class^="cmsmasters-icon-"], .cmsmasters_tabs .cmsmasters_tabs_list_item a[class^="cmsmasters_theme_icon_"] { padding: 15px 20px 15px 50px; } .cmsmasters_tabs .cmsmasters_tabs_list_item a:before { font-size: 18px; line-height: 20px; width: 1em; height: 1em; margin: auto !important; position: absolute; left: 20px; right: auto; top: 0; bottom: 0; } .cmsmasters_tabs .cmsmasters_tabs_wrap { position: relative; overflow: hidden; } .cmsmasters_tabs .cmsmasters_tab { display: none; } .cmsmasters_tabs .cmsmasters_tab:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .cmsmasters_tabs .cmsmasters_tab.active_tab { display: block; } .cmsmasters_tabs .cmsmasters_tab_inner { position: relative; overflow: hidden; } .cmsmasters_tabs .cmsmasters_tab_inner > *:last-child { margin-bottom: 0; padding-bottom: 0; } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list { display: table; width: 100%; } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list .cmsmasters_tabs_list_item { display: table-cell; margin: 0; padding: 0; vertical-align: middle; position: relative; text-align: center; border-width: 1px; border-style: solid; } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list .cmsmasters_tabs_list_item:after { content: ''; background-color: inherit; border-color: inherit; display: block; width: 100%; height: 10px; visibility: hidden; position: absolute; left: -1px; top: 0; border-width: 1px; border-style: solid; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list .cmsmasters_tabs_list_item.current_tab:after { visibility: visible; top: -10px; } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list .cmsmasters_tabs_list_item:not(:last-of-type) { border-width: 1px; border-style: solid; border-right-width: 0; border-right-style: solid; } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list .cmsmasters_tabs_list_item a { padding: 30px 10px; word-break: break-word; } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list .cmsmasters_tabs_list_item a:before { font-size: 32px; line-height: 38px; left: auto; right: auto; display: block; position: relative; } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list .cmsmasters_tabs_list_item a[class^="cmsmasters-icon-"] span, .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list .cmsmasters_tabs_list_item a[class^="cmsmasters_theme_icon_"] span { padding-top: 24px; display: block; } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tab_inner { padding: 40px 0 0; } .cmsmasters_tabs.tabs_mode_tour { display: table; } .cmsmasters_tabs.tabs_mode_tour .cmsmasters_tabs_list { display: table-cell; width: 25%; z-index: 2; vertical-align: top; } .cmsmasters_tabs.tabs_mode_tour .cmsmasters_tabs_list_item { margin: 0 -1px 0 0; border-width: 1px; border-style: solid; } .cmsmasters_tabs.tabs_mode_tour .cmsmasters_tabs_list_item:not(:last-of-type) { border-bottom-width: 0; border-bottom-style: solid; } .cmsmasters_tabs.tabs_mode_tour .cmsmasters_tabs_list_item a { padding: 30px 20px 35px; text-align: center; } .cmsmasters_tabs.tabs_mode_tour .cmsmasters_tabs_list_item a:before { font-size: 32px; line-height: 38px; left: auto; right: auto; display: block; position: relative; } .cmsmasters_tabs.tabs_mode_tour .cmsmasters_tabs_list_item a[class^="cmsmasters-icon-"] span, .cmsmasters_tabs.tabs_mode_tour .cmsmasters_tabs_list_item a[class^="cmsmasters_theme_icon_"] span { padding-top: 24px; display: block; } .cmsmasters_tabs.tabs_mode_tour .cmsmasters_tabs_wrap { display: table-cell; width: 75%; vertical-align: top; } .cmsmasters_tabs.tabs_mode_tour .cmsmasters_tab_inner { padding: 0 0 0 40px; } .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 .cmsmasters_tabs_list_item { margin: 0 0 0 -1px; } .cmsmasters_tabs.tabs_mode_tour.tabs_pos_right .cmsmasters_tabs_wrap { direction: ltr; } .cmsmasters_tabs.tabs_mode_tour.tabs_pos_right .cmsmasters_tab_inner { padding: 0 40px 0 0; } #page .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list:after { content: none; } /***************** Stats ******************/ .cmsmasters_stats { position: relative; text-align: center; } .cmsmasters_stats:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .cmsmasters_stats .cmsmasters_stat_wrap .cmsmasters_stat { position: relative; } .cmsmasters_stats .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner { display: block; position: relative; } .cmsmasters_stats.stats_mode_bars .cmsmasters_stat_wrap .cmsmasters_stat_container { width: 190px; max-width: 100%; height: 220px; margin: 0 auto 12px; position: relative; } .cmsmasters_stats.stats_mode_bars .cmsmasters_stat_wrap .cmsmasters_stat { width: 0; overflow: hidden; } .cmsmasters_stats.stats_mode_bars .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner[class^="cmsmasters-icon-"]:before, .cmsmasters_stats.stats_mode_bars .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner[class*=" cmsmasters-icon-"]:before, .cmsmasters_stats.stats_mode_bars .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner[class^="cmsmasters_theme_icon_"]:before, .cmsmasters_stats.stats_mode_bars .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner[class*=" cmsmasters_theme_icon_"]:before { font-size: 20px; margin: 0; position: absolute; left: 15px; top: 10px; } .cmsmasters_stats.stats_mode_bars .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner .cmsmasters_stat_title { position: absolute; left: 15px; top: 10px; } .cmsmasters_stats.stats_mode_bars .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner .cmsmasters_stat_counter_wrap { position: absolute; left: auto; right: 15px; top: 10px; } .cmsmasters_stats.stats_mode_bars .cmsmasters_stat_wrap .cmsmasters_stat canvas { display: none; } .cmsmasters_stats.stats_mode_bars.stats_type_vertical { margin: 0 -1.7%; } .cmsmasters_stats.stats_mode_bars.stats_type_vertical .cmsmasters_stat_wrap .cmsmasters_stat_inner_stat_info { z-index: 999; padding-top: 28px; border-width: 1px; border-style: solid; width: 92px; height: 92px; margin: auto !important; position: absolute; left: -46px; right: auto; top: 30px; bottom: auto; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; } .cmsmasters_stats.stats_mode_bars.stats_type_vertical .cmsmasters_stat_wrap .cmsmasters_stat_inner_stat_info[class^="cmsmasters-icon-"], .cmsmasters_stats.stats_mode_bars.stats_type_vertical .cmsmasters_stat_wrap .cmsmasters_stat_inner_stat_info[class*=" cmsmasters-icon-"], .cmsmasters_stats.stats_mode_bars.stats_type_vertical .cmsmasters_stat_wrap .cmsmasters_stat_inner_stat_info[class^="cmsmasters_theme_icon_"], .cmsmasters_stats.stats_mode_bars.stats_type_vertical .cmsmasters_stat_wrap .cmsmasters_stat_inner_stat_info[class*=" cmsmasters_theme_icon_"] { padding-top: 14px; } .cmsmasters_stats.stats_mode_bars.stats_type_vertical .cmsmasters_stat_wrap .cmsmasters_stat_inner_stat_info:before { font-size: 22px; width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: auto; bottom: 16px; } .cmsmasters_stats.stats_mode_bars.stats_type_vertical .cmsmasters_stat_wrap .cmsmasters_stat_inner_stat_info .cmsmasters_stat_counter_wrap { display: block; } .cmsmasters_stats.stats_mode_bars.stats_type_vertical .cmsmasters_stat_wrap .cmsmasters_stat_inner:before { content: none; } .cmsmasters_stats.stats_mode_bars.stats_type_vertical .cmsmasters_stat_wrap .cmsmasters_stat_inner .cmsmasters_stat_counter_wrap { display: none; } .cmsmasters_stats.stats_mode_bars.stats_type_vertical .cmsmasters_stat_wrap .cmsmasters_stat { width: 100%; height: 0; position: absolute; bottom: 0; left: 0; overflow: hidden; } .cmsmasters_stats.stats_mode_bars.stats_type_vertical .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner { height: 100%; text-align: center; } .cmsmasters_stats.stats_mode_bars.stats_type_vertical .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner:before { font-size: 40px; line-height: 40px; display: inline-block; vertical-align: middle; position: static; } .cmsmasters_stats.stats_mode_bars.stats_type_vertical .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .cmsmasters_stats.stats_mode_bars.stats_type_vertical .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner .cmsmasters_stat_title_counter_wrap { width: 100%; padding: 0 0 13px; position: absolute; left: 0; bottom: 100%; overflow: hidden; } .cmsmasters_stats.stats_mode_bars.stats_type_vertical .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner .cmsmasters_stat_title { display: block; padding: 0 10px 0 0; position: static; overflow: hidden; } .cmsmasters_stats.stats_mode_bars.stats_type_vertical .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner .cmsmasters_stat_counter_wrap { float: right; position: static; } .cmsmasters_stats.stats_mode_bars.stats_type_vertical .cmsmasters_stat_wrap .cmsmasters_stat_title, .cmsmasters_stats.stats_mode_bars.stats_type_vertical .cmsmasters_stat_wrap .cmsmasters_stat_subtitle { width: 100%; text-align: center; position: relative; overflow: hidden; display: block; } .cmsmasters_stats.stats_mode_bars.stats_type_vertical .cmsmasters_stat_wrap .cmsmasters_stat_subtitle { margin-top: 5px; } .cmsmasters_stats.stats_mode_bars.stats_type_horizontal .cmsmasters_stat_wrap { padding-bottom: 24px; position: relative; } .cmsmasters_stats.stats_mode_bars.stats_type_horizontal .cmsmasters_stat_wrap:last-child { padding-bottom: 0; } .cmsmasters_stats.stats_mode_bars.stats_type_horizontal .cmsmasters_stat_wrap:before { content: ''; display: block; width: 100%; height: 6px; position: absolute; top: 38px; left: 0; } .cmsmasters_stats.stats_mode_bars.stats_type_horizontal .cmsmasters_stat_wrap .cmsmasters_stat { min-height: 44px; } .cmsmasters_stats.stats_mode_bars.stats_type_horizontal .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner { width: 100%; height: 6px; position: absolute; bottom: 0; left: 0; } .cmsmasters_stats.stats_mode_bars.stats_type_horizontal .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner .cmsmasters_stat_counter_wrap { left: auto; right: 0; top: auto; bottom: 20px; } .cmsmasters_stats.stats_mode_bars.stats_type_horizontal .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner:before, .cmsmasters_stats.stats_mode_bars.stats_type_horizontal .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner .cmsmasters_stat_title { left: 0; top: auto; bottom: 20px; } .cmsmasters_stats.stats_mode_bars.stats_type_horizontal .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner[class^="cmsmasters-icon-"] .cmsmasters_stat_title, .cmsmasters_stats.stats_mode_bars.stats_type_horizontal .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner[class*=" cmsmasters-icon-"] .cmsmasters_stat_title, .cmsmasters_stats.stats_mode_bars.stats_type_horizontal .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner[class^="cmsmasters_theme_icon_"] .cmsmasters_stat_title, .cmsmasters_stats.stats_mode_bars.stats_type_horizontal .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner[class*=" cmsmasters_theme_icon_"] .cmsmasters_stat_title { left: 30px; } .cmsmasters_stats.stats_mode_bars.stats_type_horizontal .cmsmasters_stat_wrap .cmsmasters_stat_subtitle { display: inline-block; padding: 8px 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: 220px; height: 220px; margin: 0 0 14px; } .cmsmasters_stats.stats_mode_circles .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner { width: 210px; height: 210px; padding-top: 76px; position: absolute; left: 5px; top: 5px; z-index: 2; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; } .cmsmasters_stats.stats_mode_circles .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner:before { font-size: 44px; line-height: 44px; } .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: 220px; height: 220px; position: relative; z-index: 1; -webkit-border-radius: 50%; border-radius: 50%; } .cmsmasters_stats.stats_mode_circles .cmsmasters_stat_wrap .cmsmasters_stat.stat_has_titleicon .cmsmasters_stat_inner { padding-top: 48px; } .cmsmasters_stats.stats_mode_circles .cmsmasters_stat_wrap .cmsmasters_stat.stat_has_titleicon .cmsmasters_stat_inner .cmsmasters_stat_counter_wrap { padding: 2px 0 0; } .cmsmasters_stats.stats_mode_circles .cmsmasters_stat_wrap .cmsmasters_stat_title { display: block; padding: 0; text-align: center; } .cmsmasters_stats.stats_mode_circles .cmsmasters_stat_wrap .cmsmasters_stat_subtitle { margin-top: 5px; padding: 0; display: block; text-align: center; } /***************** Counters ******************/ .cmsmasters_counters { position: relative; text-align: center; } .cmsmasters_counters:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .cmsmasters_counters canvas { display: none; } .cmsmasters_counters .cmsmasters_counter_wrap { display: inline-block; padding: 0 2px; margin: 0; float: none; vertical-align: top; text-align: center; } .cmsmasters_counters .cmsmasters_counter_wrap.one_fifth { width: 20%; } .cmsmasters_counters .cmsmasters_counter_wrap.one_fourth { width: 25%; } .cmsmasters_counters .cmsmasters_counter_wrap.one_third { width: 33.3%; } .cmsmasters_counters .cmsmasters_counter_wrap.one_half { width: 50%; } .cmsmasters_counters .cmsmasters_counter_wrap.one_first { width: 100%; } .cmsmasters_counters .cmsmasters_counter_wrap .cmsmasters_counter { min-height: 100px; padding: 0 20px; margin: 0 0 20px; position: relative; overflow: hidden; } .cmsmasters_counters .cmsmasters_counter_wrap .cmsmasters_counter .cmsmasters_counter_inner { display: block; margin: 0 0 5px; position: relative; } .cmsmasters_counters .cmsmasters_counter_wrap .cmsmasters_counter .cmsmasters_counter_inner:before { border-style: solid; position: absolute; left: 0; top: 0; } .cmsmasters_counters .cmsmasters_counter_wrap .cmsmasters_counter .cmsmasters_counter_inner .cmsmasters_counter_title_wrap { display: block; } .cmsmasters_counters .cmsmasters_counter_wrap .cmsmasters_counter .cmsmasters_counter_inner .cmsmasters_counter_title { display: block; } .cmsmasters_counters .cmsmasters_counter_wrap .cmsmasters_counter .cmsmasters_counter_inner .cmsmasters_counter_counter_wrap { display: inline-block; } .cmsmasters_counters .cmsmasters_counter_wrap .cmsmasters_counter.counter_has_icon .cmsmasters_counter_inner:before { margin-left: 0; margin-right: 0; } .cmsmasters_counters .cmsmasters_counter_wrap .cmsmasters_counter.counter_has_image .cmsmasters_counter_inner:before { background-position: center center; background-repeat: no-repeat; background-size: cover; } .cmsmasters_counters .cmsmasters_counter_wrap .cmsmasters_counter_subtitle { display: block; padding-bottom: 20px; } .cmsmasters_counters.counters_type_vertical .cmsmasters_counter_wrap .cmsmasters_counter { 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: 0; } .cmsmasters_counters.counters_type_vertical .cmsmasters_counter_wrap .cmsmasters_counter .cmsmasters_counter_inner .cmsmasters_counter_title { padding: 7px 0 0; } .cmsmasters_counters.counters_type_vertical .cmsmasters_counter_wrap .cmsmasters_counter_subtitle { display: block; text-align: center; } .cmsmasters_counters.counters_type_horizontal .cmsmasters_counter_wrap .cmsmasters_counter .cmsmasters_counter_inner:before { margin: auto !important; left: 0; right: auto; top: 0; bottom: auto; } .cmsmasters_counters.counters_type_horizontal .cmsmasters_counter_wrap .cmsmasters_counter .cmsmasters_counter_inner .cmsmasters_counter_title { margin-top: 0; } .cmsmasters_counters.counters_type_horizontal .cmsmasters_counter_wrap .cmsmasters_counter .cmsmasters_counter_inner .cmsmasters_counter_title_wrap { display: inline-block; vertical-align: middle; } .cmsmasters_counters.counters_type_horizontal .cmsmasters_counter_wrap .cmsmasters_counter .cmsmasters_counter_subtitle { margin-top: 4px; } .cmsmasters_counters.counters_type_horizontal .cmsmasters_counter_wrap .cmsmasters_counter.counter_has_icon { margin-bottom: 0; } .cmsmasters_counters.counters_type_horizontal .cmsmasters_counter_wrap .cmsmasters_counter.counter_has_icon .cmsmasters_counter_inner { margin-bottom: 0; } /***************** CMSMASTERS Button ******************/ .cmsmasters_button { padding: 0 25px; cursor: pointer; display: inline-block; position: relative; border-width: 0; border-style: solid; -webkit-border-radius: 30px; border-radius: 30px; } .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_bg_slide_left { border-width: 1px; border-style: solid; } .cmsmasters_button.cmsmasters_but_bg_slide_left:after { width: 0; height: 100%; left: 0; top: 0; } .cmsmasters_button.cmsmasters_but_bg_slide_left:hover:after { width: 100%; } .cmsmasters_button.cmsmasters_but_bg_slide_right { border-width: 1px; border-style: solid; } .cmsmasters_button.cmsmasters_but_bg_slide_right:after { width: 0; height: 100%; right: 0; top: 0; } .cmsmasters_button.cmsmasters_but_bg_slide_right:hover:after { width: 100%; } .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); } .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; } .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%); } .cmsmasters_paypal_donations > form:hover + .cmsmasters_button.cmsmasters_but_clear_styles { margin: 0; -webkit-box-shadow: none; box-shadow: none; } .cmsmasters_paypal_donations > form:hover + .cmsmasters_button.cmsmasters_but_bg_slide_left:after { width: 100%; } .cmsmasters_paypal_donations > form:hover + .cmsmasters_button.cmsmasters_but_bg_slide_right:after { width: 100%; } .cmsmasters_paypal_donations > form:hover + .cmsmasters_button.cmsmasters_but_bg_slide_top:after { height: 100%; } .cmsmasters_paypal_donations > form:hover + .cmsmasters_button.cmsmasters_but_bg_slide_bottom:after { height: 100%; } .cmsmasters_paypal_donations > form:hover + .cmsmasters_button.cmsmasters_but_bg_expand_vert:after { width: 90%; opacity: 1; } .cmsmasters_paypal_donations > form:hover + .cmsmasters_button.cmsmasters_but_bg_expand_hor:after { height: 75%; opacity: 1; } .cmsmasters_paypal_donations > form:hover + .cmsmasters_button.cmsmasters_but_bg_expand_diag:after { height: 170%; opacity: 1; } .cmsmasters_paypal_donations > form:hover + .cmsmasters_button.cmsmasters_but_shadow { padding-bottom: 0; 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_paypal_donations > form:hover + .cmsmasters_button.cmsmasters_but_icon_dark_bg:before, .cmsmasters_paypal_donations > form:hover + .cmsmasters_button.cmsmasters_but_icon_light_bg:before, .cmsmasters_paypal_donations > form:hover + .cmsmasters_button.cmsmasters_but_icon_divider: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_paypal_donations > form:hover + .cmsmasters_button.cmsmasters_but_icon_slide_left:before { left: 0; } .cmsmasters_paypal_donations > form:hover + .cmsmasters_button.cmsmasters_but_icon_slide_right:before { right: 0; } .cmsmasters_paypal_donations > form:hover + .cmsmasters_button.cmsmasters_but_icon_hover_slide_left:before { left: 0; } .cmsmasters_paypal_donations > form:hover + .cmsmasters_button.cmsmasters_but_icon_hover_slide_left span { -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); -o-transform: translateX(200%); transform: translateX(200%); } .cmsmasters_paypal_donations > form:hover + .cmsmasters_button.cmsmasters_but_icon_hover_slide_right:before { right: 0; } .cmsmasters_paypal_donations > form:hover + .cmsmasters_button.cmsmasters_but_icon_hover_slide_right span { -webkit-transform: translateX(-200%); -moz-transform: translateX(-200%); -ms-transform: translateX(-200%); -o-transform: translateX(-200%); transform: translateX(-200%); } .cmsmasters_paypal_donations > form:hover + .cmsmasters_button.cmsmasters_but_icon_hover_slide_top:before { top: 0; } .cmsmasters_paypal_donations > form:hover + .cmsmasters_button.cmsmasters_but_icon_hover_slide_top span { -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); -o-transform: translateY(200%); transform: translateY(200%); } .cmsmasters_paypal_donations > form:hover + .cmsmasters_button.cmsmasters_but_icon_hover_slide_bottom:before { top: 0; } .cmsmasters_paypal_donations > form:hover + .cmsmasters_button.cmsmasters_but_icon_hover_slide_bottom 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%; } .wpcf7-form .wpcf7-form-control-wrap { margin-top: 10px; position: relative; overflow: hidden; display: block; } /***************** 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 60%; 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.8; } .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.8; } .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 { margin-bottom: 20px; position: relative; overflow: hidden; } .cmsmasters_content_slider img { width: 100%; } .cmsmasters_content_slider .owl-pagination { bottom: 5px; } /***************** Gallery ******************/ .cmsmasters_gallery { margin: 0 0 0 -10px; padding: 0; } .cmsmasters_gallery .cmsmasters_gallery_item { min-width: 180px; padding: 0 0 10px 10px; float: left; opacity: 0; } .cmsmasters_gallery .cmsmasters_gallery_item:before { display: none; } .cmsmasters_gallery .cmsmasters_gallery_item img { display: block; width: 100%; } .cmsmasters_gallery .cmsmasters_gallery_item.shortcode_animated { opacity: 1; } .cmsmasters_gallery .cmsmasters_gallery_item.cmsmasters_caption figure { display: block; padding: 20px 20px 15px; } .cmsmasters_gallery .cmsmasters_gallery_item.cmsmasters_caption figcaption { padding: 15px 0 0; text-align: center; } /***************** Quotes ******************/ .cmsmasters_quotes_slider { padding: 58px 0 0; overflow: hidden; } .cmsmasters_quotes_slider .owl-pagination { visibility: hidden; display: none; } .cmsmasters_quotes_slider .owl-buttons { width: auto; height: 36px; position: absolute; top: 0; bottom: auto; right: 0; left: auto; display: block; clear: both; } .cmsmasters_quotes_slider .owl-buttons > div { width: 36px; height: 36px; -webkit-border-radius: 0; border-radius: 0; float: left; position: relative; border-width: 1px; border-style: solid; } .cmsmasters_quotes_slider .owl-buttons > div:not(:last-of-type) { margin-left: 0; margin-right: 6px; } .cmsmasters_quotes_slider .owl-buttons > div span:before { font-size: 11px; line-height: 16px; } .cmsmasters_quotes_slider .cmsmasters_quote { position: relative; overflow: hidden; } .cmsmasters_quotes_slider .cmsmasters_quote_inner { position: relative; overflow: hidden; } .cmsmasters_quotes_slider .cmsmasters_quote_content { margin: 0 0 18px; padding: 40px 50px; position: relative; border-width: 1px; border-style: solid; border-bottom-width: 2px; border-bottom-style: solid; } .cmsmasters_quotes_slider .cmsmasters_quote_content:before, .cmsmasters_quotes_slider .cmsmasters_quote_content:after { content: ''; position: absolute; left: 87px; right: auto; top: auto; bottom: -20px; border-top-width: 20px; border-top-style: solid; border-right-width: 20px; border-right-style: solid; border-right-color: transparent !important; } .cmsmasters_quotes_slider .cmsmasters_quote_content:after { left: 88px; bottom: -17px; } .cmsmasters_quotes_slider .cmsmasters_quote_content p:last-child { margin-bottom: 0; padding-bottom: 0; } .cmsmasters_quotes_slider .cmsmasters_quote_content_line { display: block; width: 36px; height: 5px; position: absolute; left: 53px; right: auto; top: -1px; bottom: auto; } .cmsmasters_quotes_slider .cmsmasters_quote_image { margin: 0 25px 0 5px; float: left; } .cmsmasters_quotes_slider .cmsmasters_quote_image img { width: 60px; -webkit-border-radius: 50%; border-radius: 50%; } .cmsmasters_quotes_slider .cmsmasters_quote_info { padding: 5px 0 0; position: relative; overflow: hidden; } .cmsmasters_quotes_slider .cmsmasters_quote_header { position: relative; } .cmsmasters_quotes_slider .cmsmasters_quote_title { margin: 0; padding: 0; } .cmsmasters_quotes_slider .cmsmasters_quote_subtitle_wrap { overflow: hidden; } .cmsmasters_quotes_slider .cmsmasters_quote_subtitle { display: inline-block; margin: 0; padding: 0 5px 0 0; } .cmsmasters_quotes_slider .cmsmasters_quote_site { outline: none; } .cmsmasters_quotes_grid { position: relative; overflow: hidden; border-width: 1px; border-style: solid; border-bottom-width: 2px; border-bottom-style: solid; } .cmsmasters_quotes_grid .cmsmasters_quotes_vert { width: 100%; height: 100%; position: absolute; top: 0; z-index: 1; } .cmsmasters_quotes_grid .cmsmasters_quotes_vert:before, .cmsmasters_quotes_grid .cmsmasters_quotes_vert:after { content: ''; width: 1px; height: 100%; position: absolute; top: 0; } .cmsmasters_quotes_grid .cmsmasters_quotes_vert span { display: block; width: 1px; height: 100%; position: absolute; top: 0; } .quote_four.cmsmasters_quotes_grid .cmsmasters_quotes_vert:before { left: 25%; right: auto; } .quote_four.cmsmasters_quotes_grid .cmsmasters_quotes_vert:after { left: 75%; right: auto; } .quote_four.cmsmasters_quotes_grid .cmsmasters_quotes_vert span { left: 50%; right: auto; } .quote_three.cmsmasters_quotes_grid .cmsmasters_quotes_vert:before { left: 33.33%; right: auto; } .quote_three.cmsmasters_quotes_grid .cmsmasters_quotes_vert:after { left: 66.66%; right: auto; } .quote_three.cmsmasters_quotes_grid .cmsmasters_quotes_vert span { display: none; } .quote_two.cmsmasters_quotes_grid .cmsmasters_quotes_vert:before, .quote_two.cmsmasters_quotes_grid .cmsmasters_quotes_vert:after { content: none; } .quote_two.cmsmasters_quotes_grid .cmsmasters_quotes_vert span { left: 50%; right: auto; } .quote_one.cmsmasters_quotes_grid .cmsmasters_quotes_vert { display: none; } .cmsmasters_quotes_grid .cmsmasters_quotes_list { padding: 0px 0 16px; position: relative; z-index: 2; } .cmsmasters_quotes_grid .cmsmasters_quotes_list:before { content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; } .cmsmasters_quotes_grid .cmsmasters_quotes_list:last-child:before { content: none; } .cmsmasters_quotes_grid .cmsmasters_quotes_list:last-child:after, .quote_three.cmsmasters_quotes_grid .cmsmasters_quotes_list:after, .quote_one.cmsmasters_quotes_grid .cmsmasters_quotes_list:after { content: none; } .cmsmasters_quotes_grid .cmsmasters_quote { width: 100%; 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 { padding: 38px 40px 0; position: relative; overflow: hidden; } .quote_four.cmsmasters_quotes_grid .cmsmasters_quote_inner, .quote_three.cmsmasters_quotes_grid .cmsmasters_quote_inner { padding: 20px 20px 0; } .cmsmasters_quotes_grid .cmsmasters_quote_content_line { display: block; width: 36px; height: 5px; position: absolute; left: 40px; right: auto; top: -1px; bottom: auto; } .cmsmasters_quotes_grid .cmsmasters_quote_content { margin: 0; position: relative; overflow: hidden; } .quote_four.cmsmasters_quotes_grid .cmsmasters_quote_content, .quote_three.cmsmasters_quotes_grid .cmsmasters_quote_content { text-align: center; } .cmsmasters_quotes_grid .cmsmasters_quote_content > *:last-child { margin-bottom: 0; padding-bottom: 0; } .cmsmasters_quotes_grid .cmsmasters_quote_img_info_wrap { padding: 30px 0 20px; overflow: hidden; } .cmsmasters_quotes_grid .cmsmasters_quote_img_info_wrap.cmsmasters_no_quote_img { padding: 30px 0 20px 98px; position: relative; overflow: hidden; } .cmsmasters_quotes_grid .cmsmasters_quote_img_info_wrap.cmsmasters_no_quote_img:before { content: '\201D'; font-family: Georgia, Times, 'Times New Roman', serif; font-size: 124px; line-height: 124px; width: 40px; height: 40px; margin: auto !important; position: absolute; left: 14px; right: auto; top: 0; bottom: 0; } .quote_four.cmsmasters_quotes_grid .cmsmasters_quote_img_info_wrap.cmsmasters_no_quote_img:before, .quote_three.cmsmasters_quotes_grid .cmsmasters_quote_img_info_wrap.cmsmasters_no_quote_img:before { width: 40px; height: 40px; margin: auto !important; position: absolute; left: 0; right: 0; top: 20px; bottom: auto; } .quote_four.cmsmasters_quotes_grid .cmsmasters_quote_img_info_wrap.cmsmasters_no_quote_img, .quote_three.cmsmasters_quotes_grid .cmsmasters_quote_img_info_wrap.cmsmasters_no_quote_img { padding: 98px 0 20px; display: block; text-align: center; } .cmsmasters_quotes_grid .cmsmasters_quote_image { display: inline-block; padding: 0 30px 0 0; vertical-align: middle; overflow: hidden; } .quote_four.cmsmasters_quotes_grid .cmsmasters_quote_image, .quote_three.cmsmasters_quotes_grid .cmsmasters_quote_image { padding: 0 0 20px; display: block; text-align: center; } .cmsmasters_quotes_grid .cmsmasters_quote_image img { width: 68px; -webkit-border-radius: 50%; border-radius: 50%; } .cmsmasters_quotes_grid .cmsmasters_quote_info_wrap { display: inline-block; vertical-align: middle; } .quote_four.cmsmasters_quotes_grid .cmsmasters_quote_info_wrap, .quote_three.cmsmasters_quotes_grid .cmsmasters_quote_info_wrap { padding: 0 0 20px; 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 { margin-top: 2px; overflow: hidden; } .quote_four.cmsmasters_quotes_grid .cmsmasters_quote_subtitle_wrap, .quote_three.cmsmasters_quotes_grid .cmsmasters_quote_subtitle_wrap { text-align: center; } .cmsmasters_quotes_grid .cmsmasters_quote_subtitle { display: inline-block; margin: 0; padding: 0 5px 0 0; } .cmsmasters_quotes_grid .cmsmasters_quote_site { outline: none; } /***************** Pricing tables ******************/ .cmsmasters_pricing_table { margin: 0 -10px; position: relative; overflow: hidden; } .cmsmasters_pricing_table .cmsmasters_pricing_item { display: block; padding: 0 10px 20px; position: relative; float: left; overflow: hidden; } .pricing_four.cmsmasters_pricing_table .cmsmasters_pricing_item { width: 25%; } .pricing_three.cmsmasters_pricing_table .cmsmasters_pricing_item { width: 33.33%; } .pricing_two.cmsmasters_pricing_table .cmsmasters_pricing_item { width: 50%; } .pricing_one.cmsmasters_pricing_table .cmsmasters_pricing_item { float: none; } .cmsmasters_pricing_table .cmsmasters_pricing_item.pricing_best .cmsmasters_pricing_item_inner { border-width: 0; border-style: solid; border-bottom-width: 2px; border-bottom-style: solid; } .cmsmasters_pricing_table .cmsmasters_pricing_item_inner { padding: 42px 0 36px; position: relative; overflow: hidden; border-width: 1px; border-style: solid; border-bottom-width: 2px; border-bottom-style: solid; text-align: center; } .cmsmasters_pricing_table .cmsmasters_pricing_info_wrap { padding: 30px 10px 25px; overflow: hidden; } .cmsmasters_pricing_table .pricing_title { margin: 0; text-align: center; } .cmsmasters_pricing_table .cmsmasters_price_wrap { margin-top: 18px; padding: 0 10px 44px; 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 { margin-top: 14px; display: block; text-align: center; } .cmsmasters_pricing_table .feature_list { list-style: none; margin: 0; padding: 0 0 36px; text-align: center; } .cmsmasters_pricing_table .feature_list li { margin: 0; padding: 8px 20px; border-bottom-width: 1px; border-bottom-style: solid; } .cmsmasters_pricing_table .feature_list li:before { content: none; } .cmsmasters_pricing_table .feature_list li .feature_icon:before { margin: 0 10px 0 0; } .cmsmasters_pricing_table .cmsmasters_pricing_but_wrap { padding: 0 0 40px; text-align: center; overflow: hidden; } .cmsmasters_pricing_table .cmsmasters_pricing_info_wrap + .cmsmasters_pricing_but_wrap { padding-top: 40px; } /***************** Google Maps ******************/ .resizable_block .google_map { position: absolute; width: 100%; left: 0; top: 0; height: 100%; } .google_map img { max-width: none; } /***************** Caption ******************/ .cmsmasters_img { display: inline-block; max-width: 100%; } .cmsmasters_img.cmsmasters_image_l { margin-right: 20px; margin-left: 0; float: left; } .cmsmasters_img.cmsmasters_image_r { margin-left: 20px; margin-right: 0; float: right; } .cmsmasters_img.with_caption { padding: 12px 12px 0 12px; border-width: 1px; border-style: solid; } .cmsmasters_img .cmsmasters_img_caption { padding: 14px 0; text-align: center; } .wp-caption { max-width: 100%; padding: 20px 20px 0; margin-bottom: 20px; } .wp-caption.aligncenter { margin-left: auto; margin-right: auto; } .wp-caption.alignleft { margin-right: 25px; } .wp-caption.alignright { margin-left: 25px; } .wp-caption a { display: block; } .wp-caption .wp-caption-text { padding: 15px 0; text-align: center; } /***************** WP Gallery ******************/ .gallery { position: relative; margin: 0 -1.7% 20px; } .gallery img { width: 100%; border: none; } .gallery .gallery-item { position: relative; float: left; margin: 0 1.7% 20px; } .gallery .gallery-item .wp-caption-text { padding-top: 10px; } .gallery.gallery-columns-1 .gallery-item { width: 96.6%; position: relative; float: none; clear: both; } .gallery.gallery-columns-2 .gallery-item { width: 46.6%; } .gallery.gallery-columns-3 .gallery-item { width: 29.93%; } .gallery.gallery-columns-4 .gallery-item { width: 21.6%; } .gallery.gallery-columns-5 .gallery-item { width: 16.6%; } .gallery.gallery-columns-6 .gallery-item { width: 13.27%; } .gallery.gallery-columns-7 .gallery-item { width: 10.89%; } .gallery.gallery-columns-8 .gallery-item { width: 9.1%; } .gallery.gallery-columns-9 .gallery-item { width: 7.71%; } .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.7%; } .cmsmasters_sidebar aside { margin: 0 1.7%; float: left; } .sidebar_layout_14141414 aside { width: 21.6%; } .sidebar_layout_141412 > aside:first-child, .sidebar_layout_141412 > aside:first-child + aside, .sidebar_layout_141412 > div.cl + aside, .sidebar_layout_141412 > div.cl + aside + aside, .sidebar_layout_141412 > div.cmsmasters_widget_divider + aside, .sidebar_layout_141412 > div.cmsmasters_widget_divider + aside + aside { width: 21.6%; } .sidebar_layout_141412 > aside:first-child + aside + aside, .sidebar_layout_141412 > div.cl + aside + aside + aside, .sidebar_layout_141412 > div.cmsmasters_widget_divider + aside + aside + aside { width: 46.6%; } .sidebar_layout_141214 > aside:first-child, .sidebar_layout_141214 > aside:first-child + aside + aside, .sidebar_layout_141214 > div.cl + aside, .sidebar_layout_141214 > div.cl + aside + aside + aside, .sidebar_layout_141214 > div.cmsmasters_widget_divider + aside, .sidebar_layout_141214 > div.cmsmasters_widget_divider + aside + aside + aside { width: 21.6%; } .sidebar_layout_141214 > aside:first-child + aside, .sidebar_layout_141214 > div.cl + aside + aside, .sidebar_layout_141214 > div.cmsmasters_widget_divider + aside + aside { width: 46.6%; } .sidebar_layout_121414 > aside:first-child, .sidebar_layout_121414 > div.cl + aside, .sidebar_layout_121414 > div.cmsmasters_widget_divider + aside { width: 46.6%; } .sidebar_layout_121414 > aside:first-child + aside, .sidebar_layout_121414 > aside:first-child + aside + aside, .sidebar_layout_121414 > div.cl + aside + aside, .sidebar_layout_121414 > div.cl + aside + aside + aside, .sidebar_layout_121414 > div.cmsmasters_widget_divider + aside + aside, .sidebar_layout_121414 > div.cmsmasters_widget_divider + aside + aside + aside { width: 21.6%; } .sidebar_layout_131313 aside { width: 29.93%; } .sidebar_layout_3414 > aside:first-child, .sidebar_layout_3414 > div.cl + aside, .sidebar_layout_3414 > div.cmsmasters_widget_divider + aside { width: 71.6%; } .sidebar_layout_3414 > aside:first-child + aside, .sidebar_layout_3414 > div.cl + aside + aside, .sidebar_layout_3414 > div.cmsmasters_widget_divider + aside + aside { width: 21.6%; } .sidebar_layout_1434 > aside:first-child, .sidebar_layout_1434 > div.cl + aside, .sidebar_layout_1434 > div.cmsmasters_widget_divider + aside { width: 21.6%; } .sidebar_layout_1434 > aside:first-child + aside, .sidebar_layout_1434 > div.cl + aside + aside, .sidebar_layout_1434 > div.cmsmasters_widget_divider + aside + aside { width: 71.6%; } .sidebar_layout_2313 > aside:first-child, .sidebar_layout_2313 > div.cl + aside, .sidebar_layout_2313 > div.cmsmasters_widget_divider + aside { width: 63.27%; } .sidebar_layout_2313 > aside:first-child + aside, .sidebar_layout_2313 > div.cl + aside + aside, .sidebar_layout_2313 > div.cmsmasters_widget_divider + aside + aside { width: 29.93%; } .sidebar_layout_1323 > aside:first-child, .sidebar_layout_1323 > div.cl + aside, .sidebar_layout_1323 > div.cmsmasters_widget_divider + aside { width: 29.93%; } .sidebar_layout_1323 > aside:first-child + aside, .sidebar_layout_1323 > div.cl + aside + aside, .sidebar_layout_1323 > div.cmsmasters_widget_divider + aside + aside { width: 63.27%; } .sidebar_layout_1212 aside { width: 46.6%; } .sidebar_layout_11 aside { width: 96.6%; } /***************** Share ******************/ .cmsmasters_sharing { overflow: hidden; } .share_wrap { float: left; margin-bottom: 15px; margin-right: 15px; } .share_wrap:last-child { margin-right: 0; } .social_vertical .share_wrap { float: none; margin-right: 0; } .share_wrap a { width: 42px; height: 42px; font-size: 0; padding: 0; } .share_wrap a:before { font-size: 18px; vertical-align: middle; } /***************** Twitter Stripe ******************/ .cmsmasters_twitter_wrap { position: relative; overflow: hidden; } .cmsmasters_twitter_wrap .owl-pagination { visibility: hidden; display: none; } .cmsmasters_twitter_wrap .owl-controls { margin-top: 48px; } .cmsmasters_twitter_wrap .owl-buttons { width: 100%; height: auto; position: relative; display: block; } .cmsmasters_twitter_wrap .owl-buttons > div { width: 36px; height: 36px; left: auto; right: auto; display: inline-block; position: relative; -webkit-border-radius: 0; border-radius: 0; border-width: 1px; border-style: solid; } .cmsmasters_twitter_wrap .owl-buttons > div:not(:last-of-type) { margin: 0 6px 0 0; } .cmsmasters_twitter_wrap .owl-buttons > div .cmsmasters_prev_arrow span, .cmsmasters_twitter_wrap .owl-buttons > div .cmsmasters_next_arrow span { width: 100%; height: 100%; display: block; } .cmsmasters_twitter_wrap .owl-buttons > div .cmsmasters_prev_arrow span:before, .cmsmasters_twitter_wrap .owl-buttons > div .cmsmasters_next_arrow span:before { font-size: 12px; line-height: 14px; width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .cmsmasters_twitter_wrap .twr_icon { font-size: 40px; line-height: 44px; display: block; text-align: center; } .cmsmasters_twitter_wrap .cmsmasters_twitter { position: relative; } .cmsmasters_twitter_wrap .cmsmasters_twitter_item { padding: 0 20px; position: relative; text-align: center; } .cmsmasters_twitter_wrap .published { margin-top: 10px; padding: 0; display: block; } .cmsmasters_twitter_wrap .cmsmasters_twitter_item_content { margin-top: 38px; display: block; } /***************** Dropcap ******************/ .cmsmasters_dropcap { margin: 5px 18px 5px 10px; line-height: 72px; float: left; } .cmsmasters_dropcap.type2 { width: 50px; height: 50px; margin: 5px 18px 5px 10px; line-height: 46px; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; } /***************** Clients ******************/ .cmsmasters_clients_slider { margin: 0; padding: 55px 0 25px; } .cmsmasters_clients_slider .owl-buttons { width: auto; height: 36px; position: absolute; top: 0; bottom: auto; right: 0; left: auto; display: block; clear: both; } .cmsmasters_clients_slider .owl-buttons > div { width: 36px; height: 36px; -webkit-border-radius: 0; border-radius: 0; float: left; position: relative; border-width: 1px; border-style: solid; } .cmsmasters_clients_slider .owl-buttons > div:not(:last-of-type) { margin-left: 0; margin-right: 6px; } .cmsmasters_clients_slider .owl-buttons > div span:before { font-size: 11px; line-height: 16px; } .cmsmasters_clients_item { line-height: 180px; height: 180px; vertical-align: middle; position: relative; text-align: center; } .cmsmasters_clients_item img { display: inline-block; padding: 0 20px; max-width: 100%; max-height: 100%; height: auto; width: auto; vertical-align: middle; } .cmsmasters_clients_item a { display: block; line-height: 180px; } .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; } /*-------------------------------------------------------------------------*/ /* 11. Widgets Styles */ /*-------------------------------------------------------------------------*/ .widget { position: relative; padding: 0 0 40px; } .widget .widgettitle { margin-bottom: 44px; } .widget .widgettitle:empty { display: none; } .tribe-events-adv-list-widget > .tribe-events-widget-link { display: none; } /***************** Widget Advertisement ******************/ .widget_custom_advertisement_entries .widgettitle { margin-bottom: 44px; } .widget_custom_advertisement_entries .adv_image_wrap { margin: -5px; overflow: hidden; } .widget_custom_advertisement_entries .adv_image_wrap .adv_widget_image { width: 125px; height: 125px; float: left; margin: 5px; } /***************** Widget Lists ******************/ .widget_pages ul, .widget_categories ul, .widget_archive ul, .widget_meta ul, .widget_recent_comments ul, .widget_recent_entries ul { margin: 0; padding: 0; } .widget_pages ul ul, .widget_categories ul ul, .widget_archive ul ul, .widget_meta ul ul, .widget_recent_comments ul ul, .widget_recent_entries ul ul { margin: 0 0 -4px; padding: 4px 0 0 10px; } .widget_pages ul li, .widget_categories ul li, .widget_archive ul li, .widget_meta ul li, .widget_recent_comments ul li, .widget_recent_entries ul li { margin: 0; padding: 8px 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 { position: relative; } .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: 4px 0 0; } .widget_pages select, .widget_categories select, .widget_archive select, .widget_meta select, .widget_recent_comments select, .widget_recent_entries select { width: 100%; } .widget_pages .widgettitle { margin-bottom: 26px; } .widget_pages ul li { padding: 4px 0; } /***************** Widget Recent Comments & Posts ******************/ .widget_recent_comments .widgettitle, .widget_recent_entries .widgettitle { margin-bottom: 25px; } /***************** Widget Categories & Meta & Pages & Archives ******************/ .widget_categories .widgettitle, .widget_meta .widgettitle, .widget_archive .widgettitle { margin-bottom: 30px; } .widget_categories ul li a, .widget_meta ul li a, .widget_archive ul li a { padding: 0 0 0 20px; display: inline-block; } .widget_categories ul li a:before, .widget_meta ul li a:before, .widget_archive ul li a:before { content: ''; margin: 0 15px 0 0; -webkit-border-radius: 50%; border-radius: 50%; width: 6px; height: 6px; margin: auto !important; position: absolute; left: 0; right: auto; top: 0; bottom: 0; } .widget_categories > .screen-reader-text, .widget_meta > .screen-reader-text, .widget_archive > .screen-reader-text { display: none; } .screen-reader-text { margin-bottom: 10px; display: block; } /***************** Widget Calendar ******************/ #wp-calendar { border-spacing: 0; width: 100%; min-width: 200px; } #wp-calendar caption { padding: 14px 0; text-align: center; } #wp-calendar thead td:first-child, #wp-calendar tbody td:first-child, #wp-calendar thead th:first-child, #wp-calendar tbody th:first-child { border-left-width: 1px; border-left-style: solid; border-right-width: 0; border-right-style: solid; } #wp-calendar thead td:last-child, #wp-calendar tbody td:last-child, #wp-calendar thead th:last-child, #wp-calendar tbody th:last-child { border-right-width: 1px; border-right-style: solid; border-left-width: 0; border-left-style: solid; } #wp-calendar thead tr:last-child td, #wp-calendar tbody tr:last-child td, #wp-calendar thead tr:last-child th, #wp-calendar tbody tr:last-child th { border-bottom-width: 1px; border-bottom-style: solid; } #wp-calendar tbody tr:first-child td { padding-top: 22px; } #wp-calendar tbody tr:last-child td { padding-bottom: 30px; border-bottom-width: 2px; border-bottom-style: solid; } #wp-calendar td, #wp-calendar th { padding: 5px 0; text-align: center; } #wp-calendar tfoot a { display: inline-block; } #wp-calendar #prev { text-align: left; } #wp-calendar #next { text-align: right; } .widget_calendar .widgettitle { margin-bottom: 45px; } /***************** Widget Contact Form ******************/ .widget_custom_contact_form_entries .widgettitle { margin-bottom: 35px; } .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 .widgettitle { margin-bottom: 36px; } .widget_custom_contact_info_entries > span, .widget_custom_contact_info_entries .adress_wrap { display: block; margin: 20px 0 0; padding: 0 0 0 25px; position: relative; } .widget_custom_contact_info_entries > span:first-child, .widget_custom_contact_info_entries .adress_wrap:first-child { margin: 0; } .widget_custom_contact_info_entries > span:before, .widget_custom_contact_info_entries .adress_wrap:before { font-size: 16px; line-height: 18px; text-align: center; width: 1em; height: 1em; margin: auto !important; position: absolute; left: 0; right: auto; top: 0; bottom: 0; } .widget_custom_contact_info_entries .adress_wrap span { display: block; } .widget_custom_contact_info_entries .adress_wrap:before { top: 8px; bottom: auto; } /***************** Widget Custom Menu ******************/ .widget_nav_menu { position: relative; overflow: hidden; } .widget_nav_menu ul { margin: 0; padding: 0; } .widget_nav_menu ul li { margin: 0; padding: 0; } .widget_nav_menu ul li:before { content: none; } .widget_nav_menu ul li a { padding: 13px 20px; display: block; border-width: 1px; border-style: solid; position: relative; } .widget_nav_menu ul li:not(:last-child) a { border-bottom-width: 0; border-bottom-style: solid; } .widget_nav_menu .sub-menu { position: relative; } .widget_nav_menu .sub-menu > li > a { padding-left: 40px; padding-right: 20px; } .widget_nav_menu .sub-menu > li li a { padding-left: 60px; padding-right: 20px; } /***************** Widget Facebook ******************/ .widget_custom_facebook_entries .widgettitle { margin-bottom: 50px; } .widget_custom_facebook_entries iframe { margin: -16px; } /***************** 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 .widgettitle, .widget_custom_latest_projects_entries .widgettitle { padding: 0 70px 0 0; } .widget_custom_popular_projects_entries .widget_custom_projects_entries_slides, .widget_custom_latest_projects_entries .widget_custom_projects_entries_slides { padding: 40px 0 0; } .widget_custom_popular_projects_entries .widgettitle + .widget_custom_projects_entries_slides, .widget_custom_latest_projects_entries .widgettitle + .widget_custom_projects_entries_slides { padding: 0; } .widget_custom_popular_projects_entries .widgettitle + .widget_custom_projects_entries_slides .owl-buttons, .widget_custom_latest_projects_entries .widgettitle + .widget_custom_projects_entries_slides .owl-buttons { padding: 0; width: auto; position: absolute; top: -70px; right: 0; left: auto; bottom: auto; } .widget_custom_popular_projects_entries .widgettitle + .widget_custom_projects_entries_slides .owl-buttons > div, .widget_custom_latest_projects_entries .widgettitle + .widget_custom_projects_entries_slides .owl-buttons > div { width: 30px; height: 30px; -webkit-border-radius: 0; border-radius: 0; position: relative; display: inline-block; border-width: 1px; border-style: solid; } .widget_custom_popular_projects_entries .widgettitle + .widget_custom_projects_entries_slides .owl-buttons > div.owl-prev, .widget_custom_latest_projects_entries .widgettitle + .widget_custom_projects_entries_slides .owl-buttons > div.owl-prev { left: 0; right: auto; } .widget_custom_popular_projects_entries .widgettitle + .widget_custom_projects_entries_slides .owl-buttons > div:not(:last-of-type), .widget_custom_latest_projects_entries .widgettitle + .widget_custom_projects_entries_slides .owl-buttons > div:not(:last-of-type) { margin: 0 6px 0 0; } .widget_custom_popular_projects_entries .widgettitle + .widget_custom_projects_entries_slides .owl-buttons > div .cmsmasters_prev_arrow span, .widget_custom_latest_projects_entries .widgettitle + .widget_custom_projects_entries_slides .owl-buttons > div .cmsmasters_prev_arrow span, .widget_custom_popular_projects_entries .widgettitle + .widget_custom_projects_entries_slides .owl-buttons > div .cmsmasters_next_arrow span, .widget_custom_latest_projects_entries .widgettitle + .widget_custom_projects_entries_slides .owl-buttons > div .cmsmasters_next_arrow span { width: 4px; height: 8px; } .widget_custom_popular_projects_entries .widgettitle + .widget_custom_projects_entries_slides .owl-buttons > div .cmsmasters_prev_arrow span:before, .widget_custom_latest_projects_entries .widgettitle + .widget_custom_projects_entries_slides .owl-buttons > div .cmsmasters_prev_arrow span:before, .widget_custom_popular_projects_entries .widgettitle + .widget_custom_projects_entries_slides .owl-buttons > div .cmsmasters_next_arrow span:before, .widget_custom_latest_projects_entries .widgettitle + .widget_custom_projects_entries_slides .owl-buttons > div .cmsmasters_next_arrow span:before { font-size: 8px; line-height: 8px; } .widget_custom_popular_projects_entries .cmsmasters_slider_project, .widget_custom_latest_projects_entries .cmsmasters_slider_project { padding: 0 1px 2px; } .widget_custom_popular_projects_entries .cmsmasters_slider_project .cmsmasters_slider_project_inner .cmsmasters_slider_project_content, .widget_custom_latest_projects_entries .cmsmasters_slider_project .cmsmasters_slider_project_inner .cmsmasters_slider_project_content, .widget_custom_popular_projects_entries .cmsmasters_slider_project .cmsmasters_slider_project_inner .cmsmasters_slider_project_footer, .widget_custom_latest_projects_entries .cmsmasters_slider_project .cmsmasters_slider_project_inner .cmsmasters_slider_project_footer { display: none; } .widget_custom_popular_projects_entries .cmsmasters_slider_project .preloader, .widget_custom_latest_projects_entries .cmsmasters_slider_project .preloader { padding-bottom: 84.4%; } /***************** 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_item { display: inline-block; margin: 0; padding: 0; float: none; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tabs_list .cmsmasters_tabs_list_item:after { content: none; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tabs_wrap { margin: 10px 0 0; padding: 20px 0; position: relative; overflow: hidden; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tabs_wrap > .cmsmasters_tab:first-child { display: block; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tab ul { margin: 0; padding: 0; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tab li { margin: 20px 0 0; padding: 0; position: relative; overflow: hidden; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tab li:first-child { margin: 0; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tab li:before { content: none; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tab li p { margin: 0; padding: 0; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tab.tab_latest li:after, .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tab.tab_popular li:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; height: 68px; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tab.tab_comments li:not(:last-of-type) { margin: 0 0 25px; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tab.tab_comments li > small { margin-top: 10px; display: block; } .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: 68px; height: 68px; margin: auto !important; position: absolute; left: 0; right: auto; top: 0; bottom: 0; -webkit-border-radius: 50%; border-radius: 50%; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_lpr_tabs_img img { width: 100%; height: auto; } .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_lpr_tabs_cont { display: inline-block; vertical-align: middle; padding: 0 0 0 88px; 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: 6px; display: block; } .widget_custom_posts_tabs_entries .img_placeholder_small { width: 68px; height: 68px; -webkit-border-radius: 50%; border-radius: 50%; } .widget.widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tabs_list_item a { padding: 14px 0px; } .widget.widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tabs_list_item a span { display: block; } /***************** Widget RSS ******************/ .widget_rss .widgettitle { margin-bottom: 34px; } .widget_rss .widgettitle > a:first-child { display: none; } .widget_rss .widgettitle > a:first-child:last-child { display: block; } .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 { margin-top: 6px; display: block; } .widget_rss ul li .rssSummary { padding: 5px 0 0; overflow: hidden; } .widget_rss ul li cite { display: block; text-align: right; padding: 14px 0 0; } /***************** Widget Tag Cloud ******************/ .widget_tag_cloud { position: relative; overflow: hidden; } .widget_tag_cloud .tagcloud { position: relative; overflow: hidden; display: block; clear: both; } .widget_tag_cloud a { margin: 0 10px 10px 0; padding: 7px 26px; line-height: 1em; display: block; float: left; border-width: 1px; border-style: solid; } .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 8px; padding: 0 30px 26px; position: relative; border-width: 1px; border-style: solid; border-bottom-width: 2px; border-bottom-style: solid; } .widget_custom_twitter_entries ul li:last-child { margin: 0; } .widget_custom_twitter_entries ul li:before { content: none; } .widget_custom_twitter_entries .tweet_text { display: block; padding: 22px 0; overflow: hidden; } .widget_custom_twitter_entries .tweet_time { display: block; } .widget_custom_twitter_entries .tweet_time:before { font-size: 20px; line-height: 20px; margin: 0 10px 0 0; display: inline-block; vertical-align: middle; } /*-------------------------------------------------------------------------*/ /* 12. Search + Archives + Sitemap + Error + Other Styles */ /*-------------------------------------------------------------------------*/ /***************** Archives + Search ******************/ .cmsmasters_search, .cmsmasters_archive { position: relative; overflow: hidden; } .content_wrap.fullwidth .cmsmasters_search, .content_wrap.fullwidth .cmsmasters_archive { padding: 80px 0 0; } .cmsmasters_search > .about_author, .cmsmasters_archive > .about_author { padding: 0 0 50px; } .cmsmasters_search > .cmsmasters_wrap_pagination, .cmsmasters_archive > .cmsmasters_wrap_pagination { padding: 50px 0 40px; } .cmsmasters_archive_type { padding: 50px 0 0; overflow: hidden; } .cmsmasters_archive_type:first-of-type { padding-top: 0; } .cmsmasters_archive_type .preloader { padding-bottom: 100%; } .cmsmasters_archive_type .preloader.highImg { height: auto; padding: 0; } .cmsmasters_archive_type .cmsmasters_archive_item_cont_wrap { display: table; width: 100%; position: relative; overflow: hidden; } .cmsmasters_archive_type .cmsmasters_archive_item_cont_wrap .cmsmasters_archive_item_img_wrap { margin: 0; width: 32%; display: table-cell; vertical-align: top; } .cmsmasters_archive_type .cmsmasters_archive_item_cont_wrap .cmsmasters_archive_item_img_wrap .cmsmasters_img_wrap { overflow: hidden; } .cmsmasters_archive_type .cmsmasters_archive_item_cont_wrap .cmsmasters_archive_item_img_wrap + .cmsmasters_archive_item_cont_wrap_info { width: 68%; } .cmsmasters_archive_type .cmsmasters_archive_item_cont_wrap .cmsmasters_archive_item_cont_wrap_info { display: table-cell; width: 100%; border-width: 1px; border-style: solid; border-bottom-width: 2px; border-bottom-style: solid; vertical-align: top; } .cmsmasters_archive_type .cmsmasters_archive_item_cont_wrap .cmsmasters_archive_item_cont_wrap_info .cmsmasters_archive_item_cont_wrap_top { padding: 9px 38px; position: relative; overflow: hidden; border-bottom-width: 1px; border-bottom-style: solid; display: block; clear: both; } .cmsmasters_archive_type .cmsmasters_archive_item_cont_wrap .cmsmasters_archive_item_cont_wrap_info .cmsmasters_archive_item_cont_wrap_top .cmsmasters_archive_item_date_wrap { float: left; } .cmsmasters_archive_type .cmsmasters_archive_item_cont_wrap .cmsmasters_archive_item_cont_wrap_info .cmsmasters_archive_item_cont_wrap_top .cmsmasters_archive_item_type { float: right; } .cmsmasters_archive_type .cmsmasters_archive_item_cont_wrap .cmsmasters_archive_item_cont_wrap_info .cmsmasters_archive_item_cont_wrap_bottom { padding: 20px 38px 22px; position: relative; overflow: hidden; } .cmsmasters_archive_type .cmsmasters_archive_item_cont_wrap .cmsmasters_archive_item_cont_wrap_info .cmsmasters_archive_item_cont_wrap_bottom .entry-meta { padding-bottom: 20px; } .cmsmasters_archive_type .cmsmasters_archive_item_header { padding: 0 0 10px; } .cmsmasters_archive_type .cmsmasters_archive_item_title { margin: 0; } .cmsmasters_archive_type .cmsmasters_archive_item_content { padding: 0 0 20px; position: relative; overflow: hidden; } .cmsmasters_archive_type .cmsmasters_archive_item_content p { padding: 0; } .cmsmasters_archive_type .cmsmasters_archive_item_info { padding: 10px 0 0; position: relative; overflow: hidden; } .cmsmasters_archive_type .cmsmasters_archive_item_info:before { content: ''; width: 100%; height: 1px; position: absolute; left: 0; top: 0; } .cmsmasters_archive_type .cmsmasters_archive_item_user_name { padding: 0 10px 0 0; } /***************** Sitemap ******************/ .middle_content .cmsmasters_sitemap_wrap { padding: 0 0 50px; } .cmsmasters_sitemap_wrap { position: relative; overflow: hidden; } .cmsmasters_sitemap_wrap > h1 { margin-bottom: 38px; } .cmsmasters_sitemap_wrap > h2 { margin-bottom: 28px; } .cmsmasters_sitemap_wrap ul, .cmsmasters_sitemap_wrap ol, .cmsmasters_sitemap_wrap li { margin: 0; padding: 0; position: relative; overflow: hidden; } .cmsmasters_sitemap_wrap ul:before, .cmsmasters_sitemap_wrap ol:before, .cmsmasters_sitemap_wrap li:before { content: none; } .cmsmasters_sitemap_wrap .cmsmasters_divider { margin-bottom: 30px; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap { padding: 0; margin: 0; overflow: hidden; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li { width: 100%; padding-top: 52px; position: relative; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li:before { content: ''; display: block; width: 100%; height: 2px; position: absolute; left: 0; top: 0; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li:first-child { margin-top: 0; padding-top: 0; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li:first-child:before { content: none; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > a { display: inline-block; margin-bottom: 45px; } .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; padding-left: 0; margin-bottom: 40px; float: left; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li:nth-child(5), .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li:nth-child(9), .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li:nth-child(13), .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li:nth-child(17), .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li:nth-child(21), .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li:nth-child(25), .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li:nth-child(29), .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li:nth-child(33), .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li:nth-child(37), .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li:nth-child(41), .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li:nth-child(45) { clear: both; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li > ul { padding-top: 20px; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li > ul ul { padding-top: 10px; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li > ul li { margin-left: 20px; margin-right: 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: 4px 0 0 0; margin: 0; overflow: hidden; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li { width: 25%; padding-right: 20px; padding-left: 0; margin-bottom: 40px; float: left; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li:nth-child(5), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li:nth-child(9), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li:nth-child(13), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li:nth-child(17), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li:nth-child(21), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li:nth-child(25), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li:nth-child(29), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li:nth-child(33), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li:nth-child(37), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li:nth-child(41), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li:nth-child(45) { clear: both; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li > ul { padding-top: 20px; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li > ul ul { padding-top: 10px; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li > ul li { margin-left: 20px; padding-top: 10px; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li > ul li:first-child { padding-top: 0; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap_category > li > ul > li { margin-left: 0; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap_archive { padding: 10px 0 20px; margin: 0; overflow: hidden; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap_archive > li { width: 25%; margin-bottom: 20px; padding-right: 20px; padding-left: 0; float: left; } .cmsmasters_sitemap_wrap .cmsmasters_sitemap_archive > li:nth-child(5), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_archive > li:nth-child(9), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_archive > li:nth-child(13), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_archive > li:nth-child(17), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_archive > li:nth-child(21), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_archive > li:nth-child(25), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_archive > li:nth-child(29), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_archive > li:nth-child(33), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_archive > li:nth-child(37), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_archive > li:nth-child(41), .cmsmasters_sitemap_wrap .cmsmasters_sitemap_archive > li:nth-child(45) { clear: both; } /***************** Error ******************/ .error { overflow: hidden; } .error .error_inner { padding: 80px 0; } .error .error_title { font-size: 340px; line-height: 1em; margin: 0; padding: 0 0 30px; text-align: center; } .error .error_subtitle { margin: 0; padding: 0; text-align: center; } .error_cont { padding: 60px 0; text-align: center; } .error_cont .search_bar_wrap { display: inline-block; vertical-align: middle; width: 310px; max-width: 100%; margin: 0 20px; } .error_cont .error_button_wrap { display: inline-block; vertical-align: middle; margin: 0 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: 22px; } #lang_sel ul { overflow: visible; } #lang_sel_footer { display: none; } /***************** PayPal Donations ******************/ .cmsmasters_paypal_donations { display: inline-block; position: relative; } .cmsmasters_paypal_donations > form > .paypal-donations input[type="image"] { display: block; z-index: 100; width: 100%; height: 100%; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; } .cmsmasters_paypal_donations > form > .paypal-donations > img { display: none; } .cmsmasters_paypal_donations .cmsmasters_button { display: block; position: relative; z-index: 10; } /*-------------------------------------------------------------------------*/ /* 13. Contact Forms Styles */ /*-------------------------------------------------------------------------*/ .cmsmasters-form-builder { margin: 0 -1.7%; } .cmsmasters-form-builder .success_box { margin: 0 1.7% 10px; width: 96.6%; } .cmsmasters-form-builder .form_info { margin: 0 1.7%; 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%; } .cmsmasters-form-builder form label { padding-bottom: 10px; } #page .cmsmasters-form-builder textarea { min-height: 120px; height: 120px; } 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="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="checkbox"] + span.wpcf7-list-item-label:after, .cmsmasters-form-builder .check_parent input[type="checkbox"] + label:after { content: '\e8be'; font-family: 'fontello'; font-style: normal; font-weight: normal; speak: none; text-decoration: inherit; width: 1em; padding: 0; margin: 0; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); position: absolute; top: 4px; left: 3px; display: inline-block; 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; } /*-------------------------------------------------------------------------*/ /* 14. CSS3 Animations */ /*-------------------------------------------------------------------------*/ html.csstransitions { /* Custom Animations */ /* Header Overlaps Styles Start */ /* Header Overlaps Styles End */ /* 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 .widget_custom_popular_projects_entries .widgettitle + .widget_custom_projects_entries_slides .owl-buttons > div span, html.csstransitions .widget_custom_latest_projects_entries .widgettitle + .widget_custom_projects_entries_slides .owl-buttons > div span, html.csstransitions .cmsmasters_posts_slider .owl-buttons > div span, html.csstransitions .cmsmasters_twitter_wrap .owl-buttons > div span, html.csstransitions .cmsmasters_tabs .cmsmasters_tabs_list .cmsmasters_tabs_list_item a *, html.csstransitions .cmsmasters_toggles.toggles_mode_accordion .cmsmasters_toggle_wrap .cmsmasters_toggle .cmsmasters_toggle_inner > *, html.csstransitions .cmsmasters_toggles.toggles_mode_accordion .cmsmasters_toggle_wrap .cmsmasters_toggle_title a, html.csstransitions .cmsmasters_clients_slider .owl-buttons > div span, html.csstransitions .cmsmasters_quotes_slider .owl-buttons > div span, html.csstransitions .search_bar_wrap .search_button button:before, html.csstransitions .header_mid .search_wrap .search_bar_wrap .search_button button, html.csstransitions .cmsmasters_likes a:before, html.csstransitions .cmsmasters_comments 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_toggles.toggles_mode_toggle .cmsmasters_toggle_wrap { -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 .fixed_header #header.navi_scrolled { -webkit-transition: padding-top .3s ease-in-out; -moz-transition: padding-top .3s ease-in-out; -ms-transition: padding-top .3s ease-in-out; -o-transition: padding-top .3s ease-in-out; transition: padding-top .3s ease-in-out; } html.csstransitions .widget_pages ul li a:before, html.csstransitions .widget_meta ul li a:before, html.csstransitions .widget_categories ul li a:before, html.csstransitions .widget_archive ul li a:before, html.csstransitions .cmsmasters_toggles.toggles_mode_accordion .cmsmasters_toggle_wrap, html.csstransitions .owl-pagination .owl-page { -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 .owl-buttons > div { -webkit-transition: border-color .3s ease-in-out, background-color .3s ease-in-out, color .3s ease-in-out; -moz-transition: border-color .3s ease-in-out, background-color .3s ease-in-out, color .3s ease-in-out; -ms-transition: border-color .3s ease-in-out, background-color .3s ease-in-out, color .3s ease-in-out; -o-transition: border-color .3s ease-in-out, background-color .3s ease-in-out, color .3s ease-in-out; transition: border-color .3s ease-in-out, background-color .3s ease-in-out, color .3s ease-in-out; } html.csstransitions .owl-buttons > div > span { -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 .responsive_top_nav, html.csstransitions .cmsmasters_single_slider .img_placeholder, html.csstransitions .post_nav > span { -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 .cmsmasters_tabs .cmsmasters_tabs_list .cmsmasters_tabs_list_item, html.csstransitions .cmsmasters_tabs .cmsmasters_tabs_list .cmsmasters_tabs_list_item a, html.csstransitions .cmsmasters_tabs .cmsmasters_tabs_list .cmsmasters_tabs_list_item, html.csstransitions .cmsmasters_open_post .cmsmasters_post_footer a { -webkit-transition: color .3s ease-in-out, border-color .3s ease-in-out, background-color .3s ease-in-out; -moz-transition: color .3s ease-in-out, border-color .3s ease-in-out, background-color .3s ease-in-out; -ms-transition: color .3s ease-in-out, border-color .3s ease-in-out, background-color .3s ease-in-out; -o-transition: color .3s ease-in-out, border-color .3s ease-in-out, background-color .3s ease-in-out; transition: color .3s ease-in-out, border-color .3s ease-in-out, background-color .3s ease-in-out; } html.csstransitions .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list .cmsmasters_tabs_list_item:after { -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 .widget_tag_cloud a, html.csstransitions .widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tabs_list_item a, html.csstransitions .widget_nav_menu ul li a, html.csstransitions .cmsmasters_wrap_pagination ul li .page-numbers { -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 .cmsmasters_items_sort_but:before { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } html.csstransitions .cmsmasters_img_rollover_wrap .cmsmasters_img_rollover { -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 .cmsmasters_toggle_plus:before { -webkit-transition: color .3s ease-in-out, transform .3s ease-in-out; -moz-transition: color .3s ease-in-out, transform .3s ease-in-out; -ms-transition: color .3s ease-in-out, transform .3s ease-in-out; -o-transition: color .3s ease-in-out, transform .3s ease-in-out; transition: color .3s ease-in-out, transform .3s ease-in-out; } html.csstransitions #page.cmsmasters_header_overlaps_enabled #header:not(.navi_scrolled) .header_mid ul.navigation > li, html.csstransitions #page.cmsmasters_header_overlaps_enabled #header:not(.navi_scrolled) .header_mid ul.navigation > li > a, html.csstransitions #page.cmsmasters_header_overlaps_enabled #header:not(.navi_scrolled) .header_mid { -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 a, html.csstransitions .img_placeholder_small, 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_top .header_top_but, html.csstransitions #slide_top, 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 #page .cmsmasters_social_icon { -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out; -moz-transition: color .3s ease-in-out, background-color .3s ease-in-out; -ms-transition: color .3s ease-in-out, background-color .3s ease-in-out; -o-transition: color .3s ease-in-out, background-color .3s ease-in-out; transition: color .3s ease-in-out, background-color .3s ease-in-out; } html.csstransitions nav > div > ul ul, html.csstransitions nav > div > ul div { -webkit-transition: opacity .3s ease-in-out .1s, margin-top .3s ease-in-out .1s; -moz-transition: opacity .3s ease-in-out .1s, margin-top .3s ease-in-out .1s; -ms-transition: opacity .3s ease-in-out .1s, margin-top .3s ease-in-out .1s; -o-transition: opacity .3s ease-in-out .1s, margin-top .3s ease-in-out .1s; transition: opacity .3s ease-in-out .1s, margin-top .3s ease-in-out .1s; } html.csstransitions nav > div > ul ul ul { -webkit-transition: opacity .3s ease-in-out .1s, margin-left .3s ease-in-out .1s, margin-right .3s ease-in-out .1s; -moz-transition: opacity .3s ease-in-out .1s, margin-left .3s ease-in-out .1s, margin-right .3s ease-in-out .1s; -ms-transition: opacity .3s ease-in-out .1s, margin-left .3s ease-in-out .1s, margin-right .3s ease-in-out .1s; -o-transition: opacity .3s ease-in-out .1s, margin-left .3s ease-in-out .1s, margin-right .3s ease-in-out .1s; transition: opacity .3s ease-in-out .1s, margin-left .3s ease-in-out .1s, margin-right .3s ease-in-out .1s; } html.csstransitions nav > div > ul li a { -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 .search_wrap ~ div { -webkit-transition: opacity .2s ease-in-out, visibility .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, visibility .2s ease-in-out; -ms-transition: opacity .2s ease-in-out, visibility .2s ease-in-out; -o-transition: opacity .2s ease-in-out, visibility .2s ease-in-out; transition: opacity .2s ease-in-out, visibility .2s 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 input[type=submit], html.csstransitions input[type=button], html.csstransitions button, html.csstransitions .button, 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 .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="checkbox"] + span.wpcf7-list-item-label:after, html.csstransitions .cmsmasters-form-builder .check_parent input[type="checkbox"] + label:after, html.csstransitions .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="radio"] + span.wpcf7-list-item-label:after, html.csstransitions .cmsmasters-form-builder .check_parent input[type="radio"] + label:after { -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } html.csstransitions .cmsmasters_icon_box.cmsmasters_icon_top:before, html.csstransitions .cmsmasters_icon_box.cmsmasters_icon_box_top:before, html.csstransitions .cmsmasters_icon_box.cmsmasters_icon_box_left_top:before, html.csstransitions .cmsmasters_icon_box.cmsmasters_icon_box_left:before, html.csstransitions .cmsmasters_icon_box.cmsmasters_icon_heading_left h1:before, html.csstransitions .cmsmasters_icon_box.cmsmasters_icon_heading_left h2:before, html.csstransitions .cmsmasters_icon_box.cmsmasters_icon_heading_left h3:before, html.csstransitions .cmsmasters_icon_box.cmsmasters_icon_heading_left h4:before, html.csstransitions .cmsmasters_icon_box.cmsmasters_icon_heading_left h5:before, html.csstransitions .cmsmasters_icon_box.cmsmasters_icon_heading_left h6:before { -webkit-transition: all 1s cubic-bezier(.55, .3, .5, 1.65); -moz-transition: all 1s cubic-bezier(.55, .3, .5, 1.65); -ms-transition: all 1s cubic-bezier(.55, .3, .5, 1.65); -o-transition: all 1s cubic-bezier(.55, .3, .5, 1.65); transition: all 1s cubic-bezier(.55, .3, .5, 1.65); } html.csstransitions .cmsmasters_icon_list_items.cmsmasters_icon_list_type_block .cmsmasters_icon_list_item:before { -webkit-transition: opacity 5s ease-in-out, height .8s ease-in; -moz-transition: opacity 5s ease-in-out, height .8s ease-in; -ms-transition: opacity 5s ease-in-out, height .8s ease-in; -o-transition: opacity 5s ease-in-out, height .8s ease-in; transition: opacity 5s ease-in-out, height .8s ease-in; } html.csstransitions .cmsmasters_icon_list_items.cmsmasters_icon_list_type_block .cmsmasters_icon_list_item .cmsmasters_icon_list_icon, html.csstransitions .cmsmasters_icon_list_items.cmsmasters_icon_list_type_block .cmsmasters_icon_list_item .cmsmasters_icon_list_icon:after { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } html.csstransitions .cmsmasters_icon_list_items.cmsmasters_icon_list_type_block .cmsmasters_icon_list_item .cmsmasters_icon_list_icon:before { -webkit-transition: color .4s ease-in-out, font-size .4s ease-in-out, line-height .4s ease-in; -moz-transition: color .4s ease-in-out, font-size .4s ease-in-out, line-height .4s ease-in; -ms-transition: color .4s ease-in-out, font-size .4s ease-in-out, line-height .4s ease-in; -o-transition: color .4s ease-in-out, font-size .4s ease-in-out, line-height .4s ease-in; transition: color .4s ease-in-out, font-size .4s ease-in-out, line-height .4s ease-in; } html.csstransitions .cmsmasters_clients_item img, html.csstransitions .cmsmasters_hover_slider .cmsmasters_hover_slider_thumbs a { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } html.csstransitions .cmsmasters_profile .profile img { -webkit-transition: all .7s cubic-bezier(.55, .3, .5, 1.65); -moz-transition: all .7s cubic-bezier(.55, .3, .5, 1.65); -ms-transition: all .7s cubic-bezier(.55, .3, .5, 1.65); -o-transition: all .7s cubic-bezier(.55, .3, .5, 1.65); transition: all .7s cubic-bezier(.55, .3, .5, 1.65); } html.csstransitions .cmsmasters_profile .profile .pl_social_list { -webkit-transition: opacity .5s ease-out, margin .5s ease-out; -moz-transition: opacity .5s ease-out, margin .5s ease-out; -ms-transition: opacity .5s ease-out, margin .5s ease-out; -o-transition: opacity .5s ease-out, margin .5s ease-out; transition: opacity .5s ease-out, margin .5s ease-out; } html.csstransitions .cmsmasters_project_grid figure { -webkit-transition: opacity .7s ease-in-out; -moz-transition: opacity .7s ease-in-out; -ms-transition: opacity .7s ease-in-out; -o-transition: opacity .7s ease-in-out; transition: opacity .7s ease-in-out; } html.csstransitions .cmsmasters_project_puzzle .project_inner a:before, html.csstransitions .cmsmasters_project_puzzle .project_inner a, html.csstransitions .cmsmasters_project_puzzle .cmsmasters_img_rollover a:before, html.csstransitions .cmsmasters_project_puzzle .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_stats.stats_mode_bars.stats_type_horizontal.shortcode_animated .cmsmasters_stat_inner { -webkit-animation: bar_move 2s ease-in; -moz-animation: bar_move 2s ease-in; -ms-animation: bar_move 2s ease-in; -o-animation: bar_move 2s ease-in; animation: bar_move 2s ease-in; } html.csstransitions .cmsmasters_stats.stats_mode_bars.stats_type_vertical.shortcode_animated .cmsmasters_stat_inner { -webkit-animation: bar_up 2s ease-in; -moz-animation: bar_up 2s ease-in; -ms-animation: bar_up 2s ease-in; -o-animation: bar_up 2s ease-in; animation: bar_up 2s ease-in; } html.csstransitions .cmsmasters_stats.stats_mode_bars.stats_type_horizontal.shortcode_animated .cmsmasters_stat_inner:before, html.csstransitions .cmsmasters_stats.stats_mode_bars.shortcode_animated .cmsmasters_stat_inner .cmsmasters_stat_title { -webkit-animation: bar_title 2.2s ease-out; -moz-animation: bar_title 2.2s ease-out; -ms-animation: bar_title 2.2s ease-out; -o-animation: bar_title 2.2s ease-out; animation: bar_title 2.2s ease-out; } html.csstransitions .cmsmasters_stats.stats_mode_bars.stats_type_vertical.shortcode_animated .cmsmasters_stat_inner:before { -webkit-animation: bar_icon 2.2s ease-out; -moz-animation: bar_icon 2.2s ease-out; -ms-animation: bar_icon 2.2s ease-out; -o-animation: bar_icon 2.2s ease-out; animation: bar_icon 2.2s ease-out; } html.csstransitions .cmsmasters_stats.stats_mode_bars.shortcode_animated .cmsmasters_stat_inner .cmsmasters_stat_counter_wrap { -webkit-animation: bar_inner 1s ease-in-out; -moz-animation: bar_inner 1s ease-in-out; -ms-animation: bar_inner 1s ease-in-out; -o-animation: bar_inner 1s ease-in-out; animation: bar_inner 1s ease-in-out; } @-webkit-keyframes bar_move { from { width: 0; } to { width: 100%; } } @-moz-keyframes bar_move { from { width: 0; } to { width: 100%; } } @-ms-keyframes bar_move { from { width: 0; } to { width: 100%; } } @-o-keyframes bar_move { from { width: 0; } to { width: 100%; } } @keyframes bar_move { from { width: 0; } to { width: 100%; } } @-webkit-keyframes bar_up { from { -webkit-transform: translate(0, 100%); } to { -webkit-transform: translate(0, 0%); } } @-moz-keyframes bar_up { from { -moz-transform: translate(0, 100%); } to { -moz-transform: translate(0, 0%); } } @-ms-keyframes bar_up { from { -ms-transform: translate(0, 100%); } to { -ms-transform: translate(0, 0%); } } @-o-keyframes bar_up { from { -o-transform: translate(0, 100%); } to { -o-transform: translate(0, 0%); } } @keyframes bar_up { from { transform: translate(0, 100%); } to { transform: translate(0, 0%); } } @-webkit-keyframes bar_title { from { margin-left: -200px; } to { margin-left: 0px; } } @-moz-keyframes bar_title { from { margin-left: -200px; } to { margin-left: 0px; } } @-ms-keyframes bar_title { from { margin-left: -200px; } to { margin-left: 0px; } } @-o-keyframes bar_title { from { margin-left: -200px; } to { margin-left: 0px; } } @keyframes bar_title { from { margin-left: -200px; } to { margin-left: 0px; } } @-webkit-keyframes bar_icon { from { margin-right: -200px; } to { margin-right: 0px; } } @-moz-keyframes bar_icon { from { margin-right: -200px; } to { margin-right: 0px; } } @-ms-keyframes bar_icon { from { margin-right: -200px; } to { margin-right: 0px; } } @-o-keyframes bar_icon { from { margin-right: -200px; } to { margin-right: 0px; } } @keyframes bar_icon { from { margin-right: -200px; } to { margin-right: 0px; } } @-webkit-keyframes bar_inner { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes bar_inner { from { opacity: 0; } to { opacity: 1; } } @-ms-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; } }