/* General Styles */ /* * RESET CSS */ html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; border: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } audio, canvas, video { display: inline; zoom: 1; } html { font-size: 100%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin:0; } body { position: relative; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; overflow-x:hidden; } a:hover, a:active { outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } .widget .screen-reader-text{ display:none; } #theme-page img, #marki-footer img, .marki-page-section img, .marki-inner-grid img, .marki-header-logo img, .marki-side-dashboard img { max-width: 100%; height: auto; vertical-align: middle; border: 0; } body.home #theme-page .theme-page-wrapper .theme-content.no-padding { padding-top: 0 !important; } .marki-header-logo img { max-height: 100%; } .marki-gmaps img { max-width: none !important; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: middle; } button, input { line-height: normal; overflow: visible; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } button, input[type='button'], input[type='reset'], input[type='submit'] { cursor: pointer; -webkit-appearance: button; } input[type='search'] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type='search']::-webkit-search-decoration, input[type='search']::-webkit-search-cancel-button { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } a { color: #777; } p { font-size: 13px; line-height: 1.66em; margin-bottom: 30px; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } table { border-spacing: 0; border-collapse: collapse; background:#eee; } table tr{ border:5px solid #fff; } strong, th, thead td { font-weight: 600; } cite, em, dfn { font-style: italic; } code, pre { font-size: 12px; line-height: 20px; display: block; overflow: auto; margin: 10px 0 20px 0; padding: 20px 10px; white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; border: 2px solid #e8e8e8; background: #fff; background: url('../../images/pre_code.gif') repeat scroll 0 0 #f2f3f5; } del { text-decoration: line-through; } small, sup, sub { font-size: 85%; } abbr, acronym { letter-spacing: .1em; text-transform: uppercase; } a abbr, a acronym { border: none; } abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px dotted #ccc; } sup { vertical-align: super; } sub { vertical-align: sub; } p, ul, ol, dl, table, fieldset, blockquote, pre, code { margin-bottom: 20px; } a { text-decoration: none; } p, a { -ms-word-wrap: break-word; word-wrap: break-word; } a:link, a:visited, a:hover, a:active, a:focus { text-decoration: none; outline: 0 none; } .floatleft, .alignleft { float: left; text-align: left; } .floatright, .alignright { float: right; text-align: right; } .aligncenter { margin-right: auto; margin-left: auto; text-align: center; } .clearboth { display: block; visibility: hidden; clear: both; overflow: hidden; width: 0; height: 0; } .clearboth:after { font-size: 0; line-height: 0; display: block; visibility: hidden; clear: both; width: 0; height: 0; content: ' '; } * html .clearboth { height: 1%; } ul { margin-bottom: 1em; margin-left: 0; list-style-type: disc; } ul li { margin-left: .85em; } ul ul { list-style-type: square; } ul ul ul { list-style-type: circle; } ol { margin-bottom: 1em; margin-left: 2.35em; list-style-position: outside; list-style-type: decimal; } dt { font-size: 110%; font-weight: 600; margin-bottom: .2em; } dd { margin: 0; padding: 0 0 1em 15px; } ol ol, ul ol { margin-left: 2.5em; } ul ol, ol ul, ol ol, ul ul { margin-bottom: 0; } fieldset { padding: 1em; border: 2px solid #ddd; } legend { font-size: 1.2em; font-weight: 600; padding: 0 .8em; } textarea, input[type=text], input[type=password], input[type=email], select { font-size: inherit; border: none; outline: none; } .widget select{ display:block; margin-top:10px; } input, select { cursor: pointer; } input[type=text], input[type=password], input[type=email] { cursor: text; } textarea { overflow: auto; } textarea, input[type=text], input[type=tel], input[type=email], input[type=password] { font-size: 13px; padding: 12px 16px; letter-spacing: 1px; border: 1px solid #eaeaea; -webkit-border-radius: 0; border-radius: 0; outline: none; background-color: #fff; -webkit-appearance: none; } input[type=submit] { padding: 12px 20px; border: 1px solid #eaeaea; background-color: #fff; } input[type=text]::-ms-clear { display: none; } #theme-page select { font-size: 12px; line-height: 14px; display: block; min-width: 240px; max-width: 100%; padding: 15px 14px 14px 14px; border: 1px solid #eaeaea; -webkit-border-radius: 0; border-radius: 0; background: url('../../images/selectbox-arrow.png') right center no-repeat; background-color: #fff; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } #theme-page select option { padding: 0 4px; } select[multiple=multiple] { background: none !important; padding: 0px !important; } /* HEADEING STYLES */ h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.2em; margin: 0 0 .8em; -ms-word-wrap: break-word; word-wrap: break-word; } h1 { font-size: 46px; font-weight: 300; margin-bottom: 36px; } h2 { font-size: 38px; font-weight: bold; margin-bottom: 38px; } h3 { font-size: 30px; font-weight: bold; margin-bottom: 30px; } h4 { font-size: 24px; font-weight: bold; margin-bottom: 30px; } h5 { font-size:18px; font-weight: bold; letter-spacing:2px; } h6 { font-size: 16px; font-weight: bold; margin-bottom: 25px; } .relative{position:relative;} .absolute{position:absolute;} .visuallyhidden { text-indent: 100%; white-space: nowrap; overflow: hidden; } /* *** Isotope Filtering *** */ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { z-index: 1; } /* *** Isotope CSS3 transitions *** */ .isotope, .isotope .isotope-item { -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -ms-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /* *** disabling Isotope CSS3 transitions *** */ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .marki-video-container { position: relative; overflow: hidden; height: 0; padding-top: 30px; padding-bottom: 56.25%; } .marki-video-container iframe, .marki-video-container object, .marki-video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .marki-video-wrapper { max-width: 100%; } .marki-background-stretch { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .marki-relative { position: relative; } .no-margin-top { padding-top: 10px !important; } /* Makes the site print friendly... */ @media print { * { background: none !important; color: black !important; box-shadow: none !important; text-shadow: none !important; /* Images, vectors and such */ -webkit-filter: grayscale(100%); /* Chrome + Safari 6 */ -moz-filter: grayscale(100%); /* Future proof */ -ms-filter: grayscale(100%); /* Future proof */ -o-filter: grayscale(100%); /* Future proof */ } a { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } a[href="#"], a[href="javascript:"] { content: ""; } #marki-header, #marki-sidebar, #marki-footer, .marki-go-top { display: none !important; } .theme-page-wrapper { width: 100% !important; } } .theme-content-wrap{ margin-left:-15px; margin-right:-15px } .theme-content-wrap .theme-content{ padding-left:15px; padding-right:15px } .marki-loader { position: relative; display: inline-block; width: 40px; height: 40px; border: 2px solid #0cf; border-radius: 50%; border-top-color: transparent !important; -webkit-animation: spin 0.65s infinite linear; -moz-animation: spin 0.65s infinite linear; -o-animation: spin 0.65s infinite linear; animation: spin 0.65s infinite linear; position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -20px; } .marki-loader::before, .marki-loader::after { left: -2px; top: -2px; display: none; position: absolute; content: ''; width: inherit; height: inherit; border: inherit; border-radius: inherit; } .loader::after { display: block; left: -2px; top: -2px; border: inherit; transform: rotate(65deg); } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } input[type="text"], textarea, .vc_column_container > .vc_column-inner { } .marki-grid div, #marki-header, #marki-header div, .marki-secondary-header, .marki-secondary-header div, [class*='marki-col-'], *:after, *:before, .text-input, .theme-page-wrapper, .blog-masonry-inner, #marki-page-introduce, .marki-header-toolbar, .marki-news-item, .marki-employee-item, .marki-cause-item, #marki-notification-bar, .blog-grid-entry, .blog-masonry-entry, .marki-fullwidth-boxed, .marki-image-caption, .marki-gallery-shortcode .gallery-inner, .marki-grid-portfolio-item, .shop_table_form, .cart-collaterals, .marki-checkout-payement, .marki-side-dashboard, #marki-sidebar, .page-section-content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .marki-blog-single{} .marki-blog-single .theme-inner-wrapper{ margin-left:-15px; margin-right:-15px; } .marki-blog-single .theme-inner-wrapper .theme-content{ padding-left:15px !important; padding-right:15px !important; margin-top:70px; margin-bottom:40px; } .single .theme-content{margin-bottom:40px;} .marki-blog-single .theme-inner-wrapper #marki-sidebar{ padding-left:15px !important; padding-right:15px !important; margin-top:70px; } .marki-blog-single .theme-inner-wrapper .theme-content .inner-content, .single-portfolio-wrap .theme-content .inner-content{ padding:0; background:#fff; margin-bottom:30px; border:1px solid #eee; position:relative; } [class*='marki-col-'] { float: left; padding-right: 15px; padding-left: 15px; min-height: 1px; } [class*='marki-col-']:last-of-type { padding-right: 0px; } .marki-grid { width: 100%; margin: 0 auto; } .marki-inner-grid { width: 100%; margin: 0 auto; position: relative; } .marki-inner-grid:after { content: ""; display: table; clear: both; } .marki-grid:after { content: ""; display: table; clear: both; } .marki-grid-pad { padding: 20px 0 0px 20px; } .marki-grid-pad > [class*='marki-col-']:last-of-type { padding-right: 20px; } .marki-push-right { float: right; } /* Content Columns */ .marki-col-1-1 { width: 100%; } .marki-col-2-3, .marki-col-8-12 { width: 66.66%; } .marki-col-1-2, .marki-col-6-12 { width: 50%; } .marki-col-1-3, .marki-col-4-12 { width: 33.33%; } .marki-col-1-4, .marki-col-3-12 { width: 25%; } .marki-col-1-5 { width: 20%; } .marki-col-1-6, .marki-col-2-12 { width: 16.667%; } .marki-col-1-7 { width: 14.28%; } .marki-col-1-8 { width: 12.5%; } .marki-col-1-9 { width: 11.1%; } .marki-col-1-10 { width: 10%; } .marki-col-1-11 { width: 9.09%; } .marki-col-1-12 { width: 8.33%; } /* Layout Columns */ .marki-col-11-12 { width: 91.66%; } .marki-col-10-12 { width: 83.333%; } .marki-col-9-12 { width: 75%; } .marki-col-5-12 { width: 41.66%; } .marki-col-7-12 { width: 58.33%; } @media handheld, only screen and (max-width: 1140px) { .marki-grid { width: 100%; } .marki-padding-wrapper { padding: 0 15px; } } @media handheld, only screen and (max-width: 1199px) { .marki-page-section .page-section-content { padding: 0 15px; } .theme-page-wrapper { padding-left: 15px; padding-right: 15px; } } @media handheld, only screen and (min-width: 768px) and (max-width: 980px) { .marki-padding-wrapper{margin-left:0 !important;margin-right:important;} .marki-padding-wrapper .marki-col-1-4, .marki-padding-wrapper .marki-col-3-12 { width: 50%; } } @media handheld, only screen and (max-width: 760px) { .marki-grid { width: 100%; min-width: 0; } [class*='marki-col-'] { width: auto; float: none; margin-left: 0px; margin-right: 0px; margin-top: 10px; margin-bottom: 10px; padding-left: 10px; padding-right: 10px; } .marki-blog-single .theme-inner-wrapper .theme-content .inner-content{ padding:15px; } .post-previw a, .post-next a { font-size: 10px; } .marki-blog-single .theme-inner-wrapper .theme-content{ padding-left:10px !important; padding-right:10px !important; } .entry-meta .item-holder { margin: 0 !important; padding: 15px 10px !important; } } .wpb_row { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Grid with fluid columns .vc_row-fluid { width: 100%; } .vc_row-fluid:before, .vc_row-fluid:after { display: table; content: ""; } .vc_row-fluid:after { clear: both; } .vc_row-fluid [class*="vc_span"] { display: block; width: 100%; min-height: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.5%; } .vc_row-fluid [class*="vc_span"]:first-child { margin-left: 0; } .marki-fullwidth-true > [class*="vc_span"]:first-child{ border-left:none !important; } .marki-fullwidth-true > [class*="vc_span"]:last-child { border-right:none !important; } .vc_row-fluid > [class*="vc_span"]:not(:last-child) { border-right:none !important; } .vc_row-fluid .vc_span12 { width: 100%; } .vc_row-fluid .vc_span11 { width: 91.45833333333334%; } .vc_row-fluid .vc_span10 { width: 82.91666666666667%; } .vc_row-fluid .vc_span9 { width: 74.375%; } .vc_row-fluid .vc_span8 { width: 65.83333333333334%; } .vc_row-fluid .vc_span7 { width: 57.29166666666667%; } .vc_row-fluid .vc_span6 { width: 48.75%; } .vc_row-fluid .vc_span5 { width: 40.208333333333336%; } .vc_row-fluid .vc_span4 { width: 31.666666666666668%; } .vc_row-fluid .vc_span3 { width: 23.125%; } .vc_row-fluid .vc_span2 { width: 14.583333333333334%; } .vc_row-fluid .vc_span1 { width: 6.041666666666667%; } .wpb_row.attched-true > { [class*="vc_span"] { margin-left: 0; } .vc_span11 { width: 91.666666666667%; } .vc_span10 { width: 83.333333333333%; } .vc_span9 { width: 75%; } .vc_span8 { width: 66.666666666667%; } .vc_span7 { width: 58.333333333333%; } .vc_span6 { width: 50%; } .vc_span5 { width: 41.666666666667%; } .vc_span4 { width: 33.333333333333%; } .vc_span3 { width: 25%; } .vc_span2 { width: 16.666666666667%; } .vc_span1 { width: 8.333333333333%; } }*/ .attched-true.vc_row { margin-left: 0 !important; margin-right: 0 !important; } .add-padding-0 > [class*="vc_col"] { padding: 0%; } .add-padding-1 > [class*="vc_col"] { padding: 1%; } .add-padding-2 > [class*="vc_col"] { padding: 2%; } .add-padding-3 > [class*="vc_col"] { padding: 3%; } .add-padding-4 > [class*="vc_col"] { padding: 4%; } .add-padding-5 > [class*="vc_col"] { padding: 5%; } @media handheld, only screen and (max-width: 767px) { .vc_row-fluid [class*="vc_span"] { width: auto; float: none; margin-left: 0 !important; } .wpb_row.attched-true > [class*="vc_span"] { width: auto; } } .widget .marki-searchform .search-button, .marki-lightbox, .marki-pagination .marki-pagination-next a, .marki-pagination .marki-pagination-previous a, .marki-clients-shortcode .client-logo, .marki-pricing-cols .marki-pricing-button a, .widget_social_networks a, .widget-sub-navigation ul li a, .marki-social-network a, .portfolio-similar-posts img, .single-post-tags a, a.jp-play, a.jp-pause, .marki-employeee-networks, .marki-causes-networks, .image-overlay, .process-detail, .marki-font-icons a i, .entry-meta a, .single-share-trigger, .blog-title a, .blog-meta a, .comment-reply a, .thread-reply-toggle, .swiper-arrows, .slideshow-swiper-arrows, .swiper-pagination, .team-member-name, .team-member-position, .marki-gallery.grid-style .the-title, .marki-loadmore-button, .marki-love-holder i, .blog-comments i, .comment-count i, .next-prev-top a, .blog-similar-posts a, .portfolio-widget-title, .author-social li a, .marki-isotop-filter a, .ajax-controls a, .marki-image-caption, .marki-image-hover i, .marki-employeee-networks li a, .marki-causee-networks li a, .portfolio-meta, .text-input, .marki-textarea, .marki-contact-form-wrapper .marki-form-row i, .marki-flickr-feeds a:after, .hover-plus-icon, .post-type-icon, .single-social-share a, .marki-next-prev a, .post-hover-icon, .similar-post-type, .portfolio-plus-icon i, .portfolio-permalink, .gallery-meta, .gallery-meta i, .marki-searchform .marki-icon-search, .widget_tag_cloud li a, .widget_categories li a, .hover-plus-icon-small, .comment-textarea textarea, .comment-form-row i, #marki-breadcrumbs a, .header-searchform-input .ui-autocomplete li, .header-searchform-input .ui-autocomplete .search-title, .header-searchform-input .ui-autocomplete .search-date, .add_to_cart_button, .product-hover-items, .woocommerce-page .quantity .plus, .woocommerce-page .quantity .minus, .woocommerce-page table.cart .remove, .button-icon-holder, .woocommerce-pagination a, .widget_tag_cloud a:hover, .widget_categories a:hover, .mini-cart-button, .mini-cart-button i, .product-category h4, .product-category h4 span, .header-searchform-input li i, .header-searchform-input li img, .marki-login-form input, .marki-footer-social a, .marki-sharp-nav, .marki-sharp-nav i, .res-nav-close, .widget_product_tag_cloud a, .product-single-lightbox, .gform_wrapper .button, .marki-login-form .form-row i, .marki-box-text i, .portfolio-entry-logo, .gallery-thumb-lightbox, .fancybox-nav span, .fancybox-close, .blog-scroller-arrows, .blog-modern-entry .blog-modern-button, .blog-modern-entry .blog-title, .blog-teaser-side-item .blog-title, .mini-cart-remove, .marki-subfooter-logos a { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-perspective: 1000; } .hover-overlay { transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -webkit-perspective: 1000; } /* Viewport Animations */ .marki-animate-element { opacity: 0; -webkit-perspective: 1000; } .no-transform .marki-animate-element { opacity: 1; } .marki-animate-element.marki-in-viewport.fade-in { -webkit-animation: marki_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95); -moz-animation: marki_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95); -o-animation: marki_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95); animation: marki_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95); opacity: 1; } .marki-animate-element.marki-in-viewport.forthy-five-rotate { -webkit-animation: marki_rotate 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95); -moz-animation: marki_rotate 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95); -o-animation: marki_rotate 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95); animation: marki_rotate 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95); opacity: 1; } .marki-animate-element.marki-in-viewport.scale-up { -webkit-animation: marki_scale_up 0.5s ease; -moz-animation: marki_scale_up 0.5s ease; -o-animation: marki_scale_up 0.5s ease; animation: marki_scale_up 0.5s ease; opacity: 1; } .marki-animate-element.marki-in-viewport.scale-down { -webkit-animation: marki_scale_down 0.5s 1 ease; -moz-animation: marki_scale_down 0.5s 1 ease; -o-animation: marki_scale_down 0.5s 1 ease; animation: marki_scale_down 0.5s 1 ease; opacity: 1; } .marki-animate-element.marki-in-viewport.scale-half-up { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); -webkit-animation: marki_half_scale 0.4s ease forwards; -moz-animation: marki_half_scale 0.4s ease forwards; animation: marki_half_scale 0.4s ease forwards; } .marki-animate-element.marki-in-viewport.right-to-left { -webkit-animation: marki_right_to_left 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: marki_right_to_left 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); -o-animation: marki_right_to_left 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: marki_right_to_left 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); opacity: 1; } .marki-animate-element.marki-in-viewport.left-to-right { -webkit-animation: marki_left_to_right 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: marki_left_to_right 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); -o-animation: marki_left_to_right 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: marki_left_to_right 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); opacity: 1; } .marki-animate-element.marki-in-viewport.top-to-bottom { -webkit-animation: marki_top_to_bottom 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: marki_top_to_bottom 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); -o-animation: marki_top_to_bottom 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: marki_top_to_bottom 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); opacity: 1; } .marki-animate-element.marki-in-viewport.bottom-to-top { -webkit-animation: marki_bottom_to_top 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: marki_bottom_to_top 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); -o-animation: marki_bottom_to_top 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: marki_bottom_to_top 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); opacity: 1; } .marki-animate-element.marki-in-viewport.flip-x { -webkit-animation: marki_flip_x 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: marki_flip_x 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); -o-animation: marki_flip_x 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: marki_flip_x 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); opacity: 1; } .marki-animate-element.marki-in-viewport.flip-y { -webkit-animation: marki_flip_y 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: marki_flip_y 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); -o-animation: marki_flip_y 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: marki_flip_y 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); opacity: 1; } .marki-float-vertical { -webkit-animation: marki_float 2s infinite linear; -moz-animation: marki_float 2s infinite linear; -ms-animation: marki_float 2s infinite linear; -o-animation: marki_float 2s infinite linear; position: relative; } .marki-float-horizontal { -webkit-animation: marki_floatx 2s infinite linear; -moz-animation: marki_floatx 2s infinite linear; -ms-animation: marki_floatx 2s infinite linear; -o-animation: marki_floatx 2s infinite linear; position: relative; } .marki-pulse { -webkit-animation: marki_pulse 2s infinite linear; -moz-animation: marki_pulse 2s infinite linear; -ms-animation: marki_pulse 2s infinite linear; -o-animation: marki_pulse 2s infinite linear; } .marki-tossing { -webkit-animation: marki_tossing 2s infinite linear; -moz-animation: marki_tossing 2s infinite linear; -ms-animation: marki_tossing 2s infinite linear; -o-animation: marki_tossing 2s infinite linear; } .marki-spin { -moz-animation: spin 4s infinite linear; -o-animation: spin 4s infinite linear; -webkit-animation: spin 4s infinite linear; animation: spin 4s infinite linear; } .marki-flip-horizontal { -webkit-animation: marki_flip_horizontal 3s infinite linear; animation: marki_flip_horizontal 3s infinite linear; display: inline-block; } @keyframes marki_flip_horizontal { 0% { transform: perspective(800px) rotateY(0deg); } 100% { transform: perspective(800px) rotateY(360deg); } } @-webkit-keyframes marki_flip_horizontal { 0% { -webkit-transform: perspective(800px) rotateY(0deg); } 100% { -webkit-transform: perspective(800px) rotateY(360deg); } } /* Floating */ @-webkit-keyframes marki_float { 0% { top: 0px; } 50% { top: 15px; } 100% { top: 0px; } } @-moz-keyframes marki_float { 0% { top: 0px; } 50% { top: 15px; } 100% { top: 0px; } } @-o-keyframes marki_float { 0% { top: 0px; } 50% { top: 15px; } 100% { top: 0px; } } @keyframes marki_float { 0% { top: 0px; } 50% { top: 15px; } 100% { top: 0px; } } @-webkit-keyframes marki_floatx { 0% { left: 0px; } 50% { left: 15px; } 100% { left: 0px; } } @-moz-keyframes marki_floatx { 0% { left: 0px; } 50% { left: 15px; } 100% { left: 0px; } } @-o-keyframes marki_floatx { 0% { left: 0px; } 50% { left: 15px; } 100% { left: 0px; } } @keyframes marki_floatx { 0% { left: 0px; } 50% { left: 15px; } 100% { left: 0px; } } @-webkit-keyframes marki_tossing { 0% { -webkit-transform: rotate(-6deg); } 50% { -webkit-transform: rotate(6deg); } 100% { -webkit-transform: rotate(-6deg); } } @-moz-keyframes marki_tossing { 0% { -moz-transform: rotate(-6deg); } 50% { -moz-transform: rotate(6deg); } 100% { -moz-transform: rotate(-6deg); } } @-o-keyframes marki_tossing { 0% { -o-transform: rotate(-6deg); } 50% { -o-transform: rotate(6deg); } 100% { -o-transform: rotate(-6deg); } } @keyframes marki_tossing { 0% { transform: rotate(-6deg); } 50% { transform: rotate(6deg); } 100% { transform: rotate(-6deg); } } @-webkit-keyframes marki_pulse { 0% { -webkit-transform: scale(0.9); opacity: 0.7; } 50% { -webkit-transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.9); opacity: 0.7; } } @-moz-keyframes marki_pulse { 0% { -moz-transform: scale(0.9); opacity: 0.7; } 50% { -moz-transform: scale(1); opacity: 1; } 100% { -moz-transform: scale(0.9); opacity: 0.7; } } @-o-keyframes marki_pulse { 0% { -o-transform: scale(0.9); opacity: 0.7; } 50% { -o-transform: scale(1); opacity: 1; } 100% { -o-transform: scale(0.9); opacity: 0.7; } } @keyframes marki_pulse { 0% { transform: scale(0.9); opacity: 0.7; } 50% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.9); opacity: 0.7; } } /* Fade In animation */ @-webkit-keyframes marki_fade { 0% { opacity: 0.1; } 100% { opacity: 1; } } @-moz-keyframes marki_fade { 0% { opacity: 0.1; } 100% { opacity: 1; } } @-o-keyframes marki_fade { 0% { opacity: 0.1; } 100% { opacity: 1; } } @keyframes marki_fade { 0% { opacity: 0.1; } 100% { opacity: 1; } } /* Rotate animation */ @-webkit-keyframes marki_rotate { 0% { opacity: 0.1; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); } 100% { opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } } @-moz-keyframes marki_rotate { 0% { opacity: 0.1; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); } 100% { opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } } @-o-keyframes marki_rotate { 0% { opacity: 0.1; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); } 100% { opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } } @keyframes marki_rotate { 0% { opacity: 0.1; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); } 100% { opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } } /* Scale Up animation */ @-webkit-keyframes marki_scale_up { 0% { -webkit-transform: scale(0.3); opacity: 0.1; } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes marki_scale_up { 0% { -moz-transform: scale(0.3); opacity: 0.1; } 100% { -moz-transform: scale(1); opacity: 1; } } @-o-keyframes marki_scale_up { 0% { -o-transform: scale(0.3); opacity: 0.1; } 100% { -o-transform: scale(1); opacity: 1; } } @keyframes marki_scale_up { 0% { transform: scale(0.3); opacity: 0.1; } 100% { transform: scale(1); opacity: 1; } } /* Scale Up animation */ @-webkit-keyframes marki_scale_down { 0% { -webkit-transform: scale(1.3); opacity: 0.1; } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes marki_scale_down { 0% { -moz-transform: scale(1.3); opacity: 0.1; } 100% { -moz-transform: scale(1); opacity: 1; } } @-o-keyframes marki_scale_down { 0% { -o-transform: scale(1.3); opacity: 0.1; } 100% { -o-transform: scale(1); opacity: 1; } } @keyframes marki_scale_down { 0% { transform: scale(1.3); opacity: 0.1; } 100% { transform: scale(1); opacity: 1; } } /* Scale Up animation */ @-webkit-keyframes marki_half_scale { to { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes marki_half_scale { to { -webkit-transform: scale(1); opacity: 1; } } @-o-keyframes marki_half_scale { to { -webkit-transform: scale(1); opacity: 1; } } @keyframes marki_half_scale { to { -webkit-transform: scale(1); opacity: 1; } } /* Left to Right animation */ @-webkit-keyframes marki_left_to_right { 0% { -webkit-transform: translate(-15%, 0); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes marki_left_to_right { 0% { -moz-transform: translate(-15%, 0); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes marki_left_to_right { 0% { -o-transform: translate(-15%, 0); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes marki_left_to_right { 0% { transform: translate(-15%, 0); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } /* Right To Left animation */ @-webkit-keyframes marki_right_to_left { 0% { -webkit-transform: translate(15%, 0); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes marki_right_to_left { 0% { -moz-transform: translate(15%, 0); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes marki_right_to_left { 0% { -o-transform: translate(15%, 0); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes marki_right_to_left { 0% { transform: translate(15%, 0); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } /* Bottom to Top animation */ @-webkit-keyframes marki_bottom_to_top { 0% { -webkit-transform: translate(0, 60%); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes marki_bottom_to_top { 0% { -moz-transform: translate(0, 60%); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes marki_bottom_to_top { 0% { -o-transform: translate(0, 60%); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes marki_bottom_to_top { 0% { transform: translate(0, 60%); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } /* Top to Bottom animation */ @-webkit-keyframes marki_top_to_bottom { 0% { -webkit-transform: translate(0, -20%); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes marki_top_to_bottom { 0% { -moz-transform: translate(0, -20%); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes marki_top_to_bottom { 0% { -o-transform: translate(0, -20%); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes marki_top_to_bottom { 0% { transform: translate(0, -20%); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } /* Flip Horizontally */ @-webkit-keyframes marki_flip_x { 0% { -webkit-transform: perspective(400px) rotateX(45deg); opacity: 0; } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-moz-keyframes marki_flip_x { 0% { -moz-transform: perspective(400px) rotateX(45deg); opacity: 0; } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-o-keyframes marki_flip_x { 0% { -o-transform: perspective(400px) rotateX(45deg); opacity: 0; } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes marki_flip_x { 0% { transform: perspective(400px) rotateX(45deg); opacity: 0; } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } /* Flip Vertically */ @-webkit-keyframes marki_flip_y { 0% { -webkit-transform: perspective(400px) rotateY(45deg); opacity: 0; } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-moz-keyframes marki_flip_y { 0% { -moz-transform: perspective(400px) rotateY(45deg); opacity: 0; } 100% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-o-keyframes marki_flip_y { 0% { -o-transform: perspective(400px) rotateY(45deg); opacity: 0; } 100% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes marki_flip_y { 0% { transform: perspective(400px) rotateY(45deg); opacity: 0; } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } /* Woocommerce add to card animation */ @-webkit-keyframes added_to_card_anim { 0% { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } 100% { opacity: 0; transform: scale(2); -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); } } @-moz-keyframes added_to_card_anim { 0% { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } 100% { opacity: 0; transform: scale(2); -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); } } @-o-keyframes added_to_card_anim { 0% { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } 100% { opacity: 0; transform: scale(2); -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); } } @keyframes added_to_card_anim { 0% { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } 100% { opacity: 0; transform: scale(2); -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); } } .marki-animate-element, .marki-portfolio-item .portfolio-meta .portfolio-plus-icon i { -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .marki-dynamic-styles { display: none; } .hover-overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; background-color: #f9c202 !important; background-color: rgba(212, 60, 24, 0.90); } .hover-plus-icon { position: absolute; left: 50%; top: 50%; color: #fff; font-size: 48px; margin: -24px 0 0 -24px; z-index: 12; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; display: block; width: 48px; height: 48px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-backface-visibility: hidden; } .hover-plus-icon-small { position: absolute; left: 50%; top: 50%; color: #fff; font-size: 32px; margin: -16px 0 0 -16px; z-index: 10; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; display: block; width: 32px; height: 32px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-backface-visibility: hidden; text-align: center; } .hover-plus-icon-xsmall { position: absolute; left: 50%; top: 60%; color: #fff; font-size: 16px; margin: -16px 0 0 -16px; margin-bottom: 0; z-index: 10; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; text-align: center; line-height: 27px !important; display: block; width: 27px; height: 27px; -webkit-backface-visibility: hidden; border: 3px solid #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; } .hover-plus-icon-xsmall:hover { background-color: #fff; color: #000; } .marki-love-holder { cursor: pointer; } .featured-image { position: relative; overflow: hidden; } .featured-image .item-featured-image { width: auto; transition: all 0.3s ease-in-out; -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; margin:0 auto; display:block; } .featured-image .marki-lightbox { line-height: 4px; } .featured-image:hover .hover-overlay { opacity: 0.85; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .featured-image:hover .item-featured-image { } .featured-image:hover .hover-plus-icon, .featured-image:hover .hover-plus-icon-small { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } .featured-image:hover .hover-plus-icon-xsmall { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; top: 50%; } .marki-image-slideshow img { width: 100%; } .marki-preloader { position: absolute; top: 0; left: 0; z-index: 13; width: 101%; height: 100%; background-color: #fff; } #marki-header { position: relative; z-index: 999; width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); -ms-transform: translateZ(0px); -o-transform: translateZ(0px); transform: translateZ(0px); *zoom: 1; } #marki-header.sticky-header, #marki-header.transparent-header-sticky { position: fixed !important; } #marki-header .marki-grid { position: relative; padding-left: 0; padding-right: 0; } #marki-header .marki-header-toolbar .marki-grid { padding: 0; height:inherit; } .header-toolbar-seoreport-btn-wrap{ float:right; padding-left:20px; } .header-toolbar-seoreport-btn-wrap a{ min-width:180px; min-height:44px; font-size:13px; color:#fff !important; text-align:center; padding:0 15px; display:inline-block; line-height:44px; text-transform:uppercase; } @media handheld, only screen and (max-width: 1024px) { .main-navigation-ul .donate-btn { display:none; } } #marki-header .marki-grid > #marki-main-navigation{} #marki-header.header-search-triggered > .marki-grid > #marki-main-navigation > ul > li, #marki-header.header-search-triggered .marki-margin-header-burger { opacity: 0; } #marki-header.header-search-triggered > #marki-main-navigation > ul > li, #marki-header.header-search-triggered .marki-margin-header-burger { opacity: 0; } #marki-header .marki-light-logo { display: none; } #marki-header .marki-mobile-logo { display: none; } #marki-header:before, #marki-header:after { content: " "; display: table; } #marki-header:after { clear: both; } .add-corner-margin #marki-header.sticky-header, .add-corner-margin #marki-header.transparent-header-sticky { left: 20px !important; right: 20px !important; } .add-corner-margin .marki-boxed-enabled #marki-header.sticky-header, .add-corner-margin .marki-boxed-enabled #marki-header.transparent-header-sticky { left: inherit !important; right: inherit !important; width: 100% !important; } #marki-header:not(.header-structure-vertical).theme-main-header.put-header-top.header-offset-passed { top: -300px; } #marki-header:not(.header-structure-vertical).theme-main-header.put-header-top.sticky-trigger-header { top: 0; } .admin-bar #marki-header:not(.header-structure-vertical).theme-main-header.put-header-top.sticky-trigger-header { top: 32px; } #marki-header:not(.header-structure-vertical).put-header-bottom, #marki-header:not(.header-structure-vertical).put-header-bottom.sticky-trigger-header, #marki-header:not(.header-structure-vertical).put-header-bottom.header-offset-passed, .admin-bar #marki-header:not(.header-structure-vertical).put-header-bottom.sticky-trigger-header { bottom: 0; transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); -ms-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); position: fixed; } .add-corner-margin #marki-header:not(.header-structure-vertical).header-offset-passed { top: -300px; } .add-corner-margin #marki-header:not(.header-structure-vertical).sticky-trigger-header { top: 20px; } .admin-bar .add-corner-margin #marki-header:not(.header-structure-vertical).sticky-trigger-header { top: 52px; } .add-corner-margin #marki-header { border-top: none !important; } .add-corner-margin.dashboard-opened { margin-right: 0 !important; } #marki-header.full-header #marki-main-navigation { padding: 0 45px; } #marki-header.full-header .dashboard-trigger.desktop-mode { display: none !important; } #marki-header.full-header .dashboard-trigger.res-mode { display: block !important; margin-left: 15px; } .header-align-right .marki-header-logo { float: right !important; } .header-align-right #marki-main-navigation > ul > li.menu-item { float: left; } .header-align-right .main-navigation-ul li.has-mega-menu > ul.sub-menu { top: auto !important; } .header-align-right .marki-header-search, .header-align-right .marki-shopping-cart { float: left; } .header-align-right .marki-shopping-box { top: auto; } .header-align-right .marki-header-social.inside-grid { float: left; margin-right: 20px; } .header-align-left .marki-header-logo { float: left !important; } .header-align-left .marki-header-social.inside-grid { float: right; margin-left: 30px; } .header-align-center .marki-header-logo { margin-top: 0 !important; margin-bottom: 0 !important; display: none; } .header-align-center .marki-header-logo-center { display: inline-block; margin: 0; } .header-align-center .marki-header-logo-center a { display: inline-block; } .header-align-center .marki-header-logo-center img { height: 100% !important; } .header-align-center #marki-main-navigation > ul { text-align: center; } .header-align-center .marki-header-social.inside-grid { float: right; margin-left: 30px; } .marki-header-social a { padding: 0 9px; display: inline-block; width: 24px; height: 24px; line-height: 24px; } .marki-header-social a:hover { opacity: 0.8; } .marki-header-social a i { font-size: 18px; vertical-align: middle; } #marki-header.full-header .marki-header-social.inside-grid { display: inline-block; } #marki-header.full-header .marki-header-social.outside-grid, #marki-header.boxed-header .marki-header-social.outside-grid { display: none !important; } #marki-header.boxed-header .marki-header-social.outside-grid { display: inline-block; position: absolute; right: 80px; top: 0; } @media handheld, only screen and (max-width: 1560px) { .marki-header-social.outside-grid { display: none !important; } .marki-header-social.inside-grid { display: inline-block !important; } } @media handheld, only screen and (max-width: 767px) { .marki-header-social.inside-grid, .marki-header-social.outside-grid { display: none !important; } .marki-header-logo { } } .header-structure-margin #marki-main-navigation > ul > li.menu-item { opacity: 0; } .header-structure-margin #marki-main-navigation.show-menu > ul > li.menu-item { opacity: 1; } /* Burger Icon */ .marki-margin-header-burger { display: inline-block; float: left; position: relative; width: 30px; margin-right: 40px; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; } .responsive-nav-link { display: none; float: left; position: relative; width: 30px; margin: 0 10px 0 0; } .marki-burger-icon { width: 28px; height: 17px; position: absolute; top: 50%; margin-top:-6px; cursor: pointer; } .marki-burger-icon div { height: 2px; margin-bottom: 5px; display: block; position: relative; } .burger-icon-2 { transition: opacity 0.1s ease; -webkit-transition: opacity 0.1s ease; -moz-transition: opacity 0.1s ease; -ms-transition: opacity 0.1s ease; -o-transition: opacity 0.1s ease; } .burger-icon-1, .burger-icon-3 { transition: transform 0.2s ease; -webkit-transition: -webkit-transform 0.2s ease; -moz-transition: -moz-transform 0.2s ease; -ms-transition: -ms-transform 0.2s ease; -o-transition: -o-transform 0.2s ease; } .active-burger .burger-icon-2 { opacity: 0; } .active-burger .burger-icon-1 { -webkit-transform: rotate3d(0, 0, 1, 45deg); -moz-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); -o-transform: rotate3d(0, 0, 1, 45deg); top: 8px; } .active-burger .burger-icon-3 { -webkit-transform: rotate3d(0, 0, 1, -45deg); -moz-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); -o-transform: rotate3d(0, 0, 1, -45deg); top: -6px; } /* Secondary Header -------------------------------------------------------------------- */ .marki-secondary-header { position: relative; z-index: 60; width: 100%; background-color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.07); } .marki-secondary-header.show-logo-false .marki-header-logo { display: none !important; } .marki-secondary-header.show-search-false .header-search-icon { display: none !important; } .marki-secondary-header.show-cart-false .marki-shopping-cart { display: none !important; } .marki-secondary-header.show-wpml-false .header-wpml-icon { display: none !important; } .marki-secondary-header.show-border-false { border-top: none !important; } .marki-secondary-header .marki-grid { position: relative; padding-left: 20px; padding-right: 20px; } .marki-secondary-header.sticky-trigger-header { position: relative; } .marki-secondary-header .marki-light-logo { display: none !important; } .marki-secondary-header .marki-mobile-logo { display: none; } .secondary-header-space { display: none; } .secondary-header-space.secondary-space-sticky { display: block; } .secondary-header-sticky { position: fixed !important; top: 0; left: 0; } @media handheld, only screen and (max-width: 650px) { .mobile-menu-exists .marki-light-logo, .mobile-menu-exists .marki-dark-logo { display: none !important; } .mobile-menu-exists .marki-mobile-logo { display: block !important; } .marki-header-logo, .marki-header-logo a { line-height: 0 !important; } } /* Main Navigation -------------------------------------------------------------------- */ .main-navigation-ul > li > .sub-menu, .main-navigation-ul > li .sub { display: none; } .main-navigation-ul > li:hover > .sub-menu { display: block; } #marki-main-navigation > ul > li.menu-item, #marki-main-navigation > ul > li > a.menu-item-link, #marki-main-navigation > ul > li.menu-item a.menu-item-link i { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } #marki-main-navigation > ul > li.marki-header-search, #marki-main-navigation > ul > li.marki-header-search a.header-search-icon, #marki-main-navigation > ul > li.marki-shopping-cart, #marki-main-navigation > ul > li.marki-shopping-cart a.marki-cart-link, #marki-main-navigation > ul > li.marki-header-logo, #marki-main-navigation > ul > li.marki-header-logo a, #marki-header.full-header .marki-header-social, #marki-header .marki-header-social a { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .main-navigation-ul > .menu-item > .menu-item-link { transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; } .main-navigation-ul:hover > .menu-item > .menu-item-link { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .main-navigation-ul:hover > .menu-item > .menu-item-link:hover { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } #marki-main-navigation > ul { margin: 1px 0 0 0; padding: 0; list-style: none; width:100%; } #marki-main-navigation > ul li.menu-item a.menu-item-link i { font-size: 16px; text-transform: none !important; margin-right: 6px; color: #555; } #marki-main-navigation > ul { position: relative; display: block; text-align: right; } #marki-main-navigation > ul > li.menu-item { display: inline-block; margin: 0 1px 0 0; text-align: right; } #marki-main-navigation > ul > li.menu-item > a.menu-item-link { display: block; } .main-navigation-ul, .main-navigation-ul ul.sub-menu, .main-navigation-ul li.menu-item { margin: 0; padding: 0; } .main-navigation-ul li.no-mega-menu ul.sub-menu { display: none; position: absolute; left: 0; padding: 0; width: 230px; } .main-navigation-ul li.has-mega-menu > ul.sub-menu { display: none; position: absolute; left: 0; padding: 0 !important; } #marki-header:not(.header-structure-vertical).put-header-top .main-navigation-ul li.has-mega-menu > ul.sub-menu, #marki-header:not(.header-structure-vertical).put-header-top .main-navigation-ul li.no-mega-menu ul.sub-menu { top: 100%; } #marki-header:not(.header-structure-vertical).put-header-bottom .main-navigation-ul li.has-mega-menu > ul.sub-menu, #marki-header:not(.header-structure-vertical).put-header-bottom .main-navigation-ul li.no-mega-menu > ul.sub-menu { bottom: 100%; } .main-navigation-ul > li.menu-item > a.menu-item-link { display: inline-block; text-align: center; text-decoration: none; font-weight: bold; font-size: 13px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .main-navigation-ul > li.menu-item .sub-menu a.menu-item-link { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .main-navigation-ul > li ul.sub-menu li.menu-item a.menu-item-link { position: relative; display: block; float: none; margin: 0; padding: 12px 25px; background-color: transparent !important; text-align: left; line-height: 18px; } .main-navigation-ul > li ul.sub-menu li.menu-item a.menu-item-link i { margin-right: 5px; font-size: 16px; } .main-navigation-ul > li.no-mega-menu > ul, .main-navigation-ul > li.has-mega-menu > ul.sub-menu, .main-navigation-ul > li.no-mega-menu > ul li ul { margin-top: 1px; background:#fff; box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.05); } .main-navigation-ul > li.menu-item ul.sub-menu:after { height: 2px; content: ""; display: block; position: absolute; top: 0px; left: 0px; right: 0px; z-index: 10; } .main-navigation-ul li.no-mega-menu ul.sub-menu ul.sub-menu { top: 0 !important; margin-top:0; left: 100%; right: auto; } .main-navigation-ul li .dropdownRightToLeft > ul.sub-menu { left: auto !important; right: 100% !important; } .main-navigation-ul li.menu-item { position: relative; display: block; list-style-type: none; } .main-navigation-ul > li.menu-item { display: inline-block; } .main-navigation-ul a.menu-item-link { display: block; text-decoration: none; white-space: normal; } .main-navigation-ul:not(.dropdownJavascript) li.menu-item:hover > ul.sub-menu { display: block; z-index: 10; } .dropdownJavascript li.no-mega-menu:hover > ul.sub-menu, .dropdownJavascript li.has-mega-menu:hover > ul.sub-menu { display: none; } .dropdownJavascript li.dropdownOpen > ul.sub-menu { display: block !important; z-index: 100; } .main-navigation-ul li.with-menu > a:before { font-family: 'WpsixerWPTokens'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: normal; vertical-align: middle; content: "\e63a"; position: absolute; top: 50% !important; right: 8px; display: block !important; margin-top: -8px !important; width: 16px !important; height: 16px !important; font-size: 16px !important; line-height: 16px !important; } .main-navigation-ul li.menu-item.has-mega-menu { position: static; } .main-navigation-ul .has-mega-menu > ul.sub-menu { width: 100%; position: absolute; left: 0; padding: 20px 0; } .main-navigation-ul .has-mega-menu > ul.sub-menu > ul.sub-menu { position: relative; display: block; top: auto; left: auto; z-index: auto; } .main-navigation-ul .has-mega-menu > ul.sub-menu > li.menu-item { display: block; left: 0; position: relative; float: left; width: 23%; border: 0; background-color: transparent; box-shadow: none; } .megamenu-title { margin: 0 0 8px 0; padding: 8px 25px; text-align: left; text-transform: uppercase; font-weight: bold; font-size: 12px; line-height: 12px; color: #fff !important; } .megamenu-title i { font-size: 16px; text-transform: none !important; opacity: 0.4; margin-right: 6px; } .main-navigation-ul .has-mega-menu > ul.sub-menu > li.menu-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 25px 0; border-right: 1px solid rgba(255, 255, 255, 0.2); } .main-navigation-ul .has-mega-menu > ul.sub-menu > li.menu-item:last-child { border-right: none; } .main-navigation-ul .has-mega-menu > ul.sub-menu > li.mega_col_1 { width: 100%; height: 100%; } .main-navigation-ul .has-mega-menu > ul.sub-menu > li.mega_col_2 { width: 49.5%; height: 100%; } .main-navigation-ul .has-mega-menu > ul.sub-menu > li.mega_col_3 { width: 33.25%; height: 100%; } .main-navigation-ul .has-mega-menu > ul.sub-menu > li.mega_col_4 { width: 24.9%; height: 100%; } .main-navigation-ul .has-mega-menu > ul.sub-menu > li.mega_col_5 { width: 19.8%; height: 100%; } .main-navigation-ul .has-mega-menu > ul.sub-menu > li.mega_col_6 { width: 16.5%; height: 100%; } .main-navigation-ul .has-mega-menu > ul.sub-menu > li > ul.sub-menu { display: block; } .main-navigation-ul .has-mega-menu > ul.sub-menu > li > ul.sub-menu li.menu-item a.menu-item-link { display: block; position: relative; text-align: left; float: none; background-color: transparent !important; margin: 0; padding: 10px 25px; line-height: 18px; } .main-navigation-ul .has-mega-menu > ul.sub-menu > li > ul.sub-menu li.menu-item a.menu-item-link i { margin-right: 8px; font-size: 16px; } .vertical li.dropdownBottomToTop > ul.sub-menu { bottom: 0; } .vertical li.dropdownBottomToTop { position: static !important; } .vertical li.has-mega-menu { position: relative; } .vertical .has-mega-menu > ul.sub-menu { left: 100%; width: auto; } .vertical .has-mega-menu > ul.sub-menu li.menu-item { float: none; display: table-cell; } .megamenu-widgets-container { text-align: left; padding: 10px; line-height: 22px; } .megamenu-widgets-container ul { list-style: none; margin: 0; } .megamenu-widgets-container .widget { margin-bottom: 15px; overflow: visible; } /* Responsive Navigation -------------------------------------------------------------------- */ .marki-opened-nav { overflow: hidden !important; overflow: -moz-scrollbars-none !important; -ms-overflow-style: none !important; height: 100%; width: 100%; position: fixed; } .marki-opened-nav::-webkit-scrollbar { width: 0 !important; } #marki-responsive-wrap { overflow-y: hidden; position: fixed; width: 100%; z-index: 300; } #marki-responsive-wrap .marki-responsive-shopping-cart, #marki-responsive-wrap .responsive-nav-link, #marki-responsive-wrap .marki-vertical-header-burger, #marki-responsive-wrap .dashboard-trigger { display: none!important; } .marki-opened-nav #marki-responsive-wrap { /* has to be scroll, not auto */ overflow-y: scroll; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } .responsive-nav-container { display: none; width: 100%; } .marki-nav-responsive-link { display: none; position: absolute; right: 30px; top: 50%; margin-top: -8px; z-index: 12; line-height: 8px; cursor: pointer; } .marki-nav-responsive-link i { font-size: 16px; } .marki-responsive-nav > li > ul { display: none; border-top: 1px solid rgba(128, 128, 128, 0.2); } .marki-responsive-nav > li { border-bottom: 1px solid rgba(128, 128, 128, 0.2); } .marki-responsive-nav .marki-nav-arrow { position: absolute; right: 0px; top: 0px; text-align: center; cursor: pointer; opacity: 0.7; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; width: 70px; height: 100%; line-height: 50px; } .marki-responsive-nav .marki-nav-arrow:hover { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .menu-html-content { line-height: 22px !important; text-align: left; } .marki-responsive-nav { position: relative; width: 100%; display: none; margin: 0; padding: 0; z-index: 20; background:#333; } .marki-responsive-nav .marki-header-logo, .marki-responsive-nav .responsive-nav-link, .marki-responsive-nav .dashboard-trigger, .marki-responsive-nav .marki-shopping-cart, .marki-responsive-nav .marki-header-search { display: none !important; } .marki-responsive-nav li { display: block; margin: 0; } .marki-responsive-nav li a { border-top: 1px solid rgba(255, 255, 255, 0.1); display: block; font-size: 14px; padding: 15px 20px; text-align: left; text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 13px; position: relative; color:#fff; } .marki-responsive-nav li a > i { display: none; } .marki-responsive-nav li a .sub-menu { left: auto; position: relative; display: block; } .marki-responsive-nav li a .megamenu-title { background-color: rgba(0, 0, 0, 0.03); font-size: 14px; font-weight: 700; } .marki-responsive-nav li ul { margin: 0; padding: 0; } .marki-responsive-nav li ul .megamenu-widgets-container { display: none !important; } .marki-responsive-nav li ul li a, .marki-responsive-nav li ul li .megamenu-title { font-size: 12px; line-height: 12px; margin: 0; padding: 12px 15px 12px 25px; text-align: left; text-transform: none; font-weight: normal; } .marki-responsive-nav li .megamenu-title { font-weight: bold !important; font-size: 14px !important; } .marki-responsive-nav .marki-header-social.inside-grid { display: none !important; } /* Responsive Shopping Box -------------------------------------------------------------------- */ .responsive-shopping-box { display: none; width: 100%; *zoom: 1; } .responsive-shopping-box:before, .responsive-shopping-box:after { content: " "; display: table; } .responsive-shopping-box:after { clear: both; } /* Header Logo -------------------------------------------------------------------- */ .marki-header-logo { margin-left:0 !important; } .marki-header-logo a { padding-left: 0 !important; } @media handheld, only screen and (max-width: 650px) { .marki-header-logo { float: none !important; text-align: center; } .marki-header-logo a{ display:block; } } #marki-header:not(.header-structure-vertical) .marki-header-logo img { } /* Header Search Form -------------------------------------------------------------------- */ .marki-header-search { float: right; margin: 0; } .marki-header-search.align-left { float: left; } form.header-searchform-input { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; } form.header-searchform-input input[type=submit] { display: none; } form.header-searchform-input input[type=text] { padding-right: 70px; padding-left: 30px; width: 100%; height: 100%; outline: none; border: none; font-weight: 300; font-size: 50px; transition: font-size 0.2s ease-in-out; -webkit-transition: font-size 0.2s ease-in-out; -moz-transition: font-size 0.2s ease-in-out; -ms-transition: font-size 0.2s ease-in-out; -o-transition: font-size 0.2s ease-in-out; } form.header-searchform-input .ui-autocomplete { overflow: auto; text-align: left; top: -2px !important; list-style: none; margin: 0; padding: 0; } form.header-searchform-input .ui-autocomplete li { line-height: 16px; padding: 10px 25px; margin: 0; overflow: hidden; cursor: pointer; } form.header-searchform-input .ui-autocomplete li a { cursor: pointer; } form.header-searchform-input .ui-autocomplete li a:hover { color: #252525; } form.header-searchform-input .ui-autocomplete li .wp-post-image, form.header-searchform-input .ui-autocomplete li i { width: 40px; height: 40px; border-width: 1px; border-style: solid; display: block; float: left; margin-right: 10px; } form.header-searchform-input .ui-autocomplete li i { line-height: 40px; font-size: 16px; text-align: center; opacity: 0.45; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } form.header-searchform-input .ui-autocomplete li .search-date { opacity: 0.6; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; font-size: 12px; font-weight: 600; } form.header-searchform-input .ui-autocomplete li .search-title { font-size: 12px; text-transform: uppercase; line-height: 16px; display: block; margin-top: 5px; font-weight: bold; } .marki-header-wpml-ls { float: right; margin: 0; position: relative; } .marki-header-wpml-ls .header-wpml-icon { text-align: center; padding: 0 5px; } .marki-header-wpml-ls .header-wpml-icon i { font-size: 20px; } .marki-header-wpml-ls ul { position: absolute; right: 0; padding: 25px 0; width: 230px; margin: -1px 0 0 0; display: none; } .marki-header-wpml-ls ul li { list-style: none; height: auto !important; line-height: normal !important; display: block; margin-left: 0px; } .marki-header-wpml-ls ul li a { position: relative; display: block; float: none; margin: 0; padding: 8px 25px; background-color: transparent !important; text-align: left; height: auto !important; line-height: normal !important; } .sticky-trigger-header .header-searchform-input input[type=text] { font-size: 30px; } .header-search-close { position: absolute; top: 50%; right: 30px; display: block; margin-top: -8px; width: 16px; height: 16px; line-height: 16px; } .header-search-close i { font-size: 16px; } .header-search-icon { display: block; } .header-search-icon i { margin-left: 15px; font-size: 16px; line-height: 26px; vertical-align: middle; } /* Vertical Header -------------------------------------------------------------------- */ .header-structure-vertical { position: fixed !important; height: 100% !important; } @media handheld, only screen and (max-width: 768px) { .header-structure-vertical { height: auto !important; } #menu-main-navigation .marki-header-logo { margin-bottom: 40px; } } .header-structure-vertical.sticky-header, .header-structure-vertical.transparent-header-sticky { -webkit-box-shadow: 1px 0 7px rgba(0, 0, 0, 0.03); -moz-box-shadow: 1px 0 7px rgba(0, 0, 0, 0.03); box-shadow: 1px 0 7px rgba(0, 0, 0, 0.03); border-right: 1px solid rgba(0, 0, 0, 0.07); border-bottom: none; } .header-structure-vertical .header-align-right .marki-header-logo { float: none !important; } .header-structure-vertical .header-align-right .marki-header-search, .header-structure-vertical .header-align-right .marki-shopping-cart { float: none !important; } .header-structure-vertical .header-align-right .marki-shopping-box { top: auto; } .header-structure-vertical .header-align-right .marki-header-social.inside-grid { float: none !important; margin-right: 0 !important; } .header-structure-vertical .marki-vertical-menu { width: 100%; display: block; padding: 0; margin: 0; list-style: none; } .header-structure-vertical .marki-vertical-menu > .menu-item { margin: 0; } .header-structure-vertical .marki-vertical-menu > .menu-item > .sub-menu { margin: 0; padding: 0 20px; } .header-structure-vertical .marki-vertical-menu > .menu-item > .sub-menu > li { margin: 0; } .header-structure-vertical .marki-vertical-menu > .menu-item > .sub-menu > li > .sub-menu { padding: 15px 10px; margin: 0; } .header-structure-vertical .marki-vertical-menu > .menu-item a { display: block; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; } .header-structure-vertical .marki-vertical-menu .marki-header-logo { float: none; display: block; padding: 0 25px; } .header-structure-vertical .marki-vertical-menu .sub-menu { list-style: none; display: none; } .header-structure-vertical .marki-vertical-menu .sub-menu > .menu-item > .sub-menu > .menu-item { margin-left: 0; } .header-structure-vertical .marki-vertical-menu:hover > .menu-item a { opacity: 0.7; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .header-structure-vertical .marki-vertical-menu:hover > .menu-item a:hover { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .header-structure-vertical .marki-header-search, .header-structure-vertical .marki-shopping-cart, .header-structure-vertical .marki-header-wpml-ls { display: none !important; } .header-structure-vertical .marki-cart-link { padding-left: 12px !important; } .header-structure-vertical .marki-header-social.inside-grid { position: absolute; padding: 25px; text-align: center; margin-left: 0; width: 100%; bottom: 30px; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .theme-main-wrapper.vertical-condensed-state #theme-page > .marki-main-wrapper-holder, .theme-main-wrapper.vertical-condensed-state #theme-page > .marki-page-section, .theme-main-wrapper.vertical-condensed-state #theme-page > .wpb_row, .theme-main-wrapper.vertical-condensed-state #marki-footer, .theme-main-wrapper.vertical-condensed-state #marki-page-title { padding-left: 130px; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); -ms-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); } .theme-main-wrapper.vertical-condensed-state #marki-footer { width: auto !important; } .marki-vertical-header-burger { margin: 0px auto; -webkit-transform: translate(0, 60px); -moz-transform: translate(0, 60px); -ms-transform: translate(0, 60px); -o-transform: translate(0, 60px); text-align: center; } .marki-vertical-header-burger > div { position: relative; top: auto; left: auto; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); margin: 0 auto; } @media handheld, only screen and (max-width: 768px) { .marki-vertical-header-burger { -webkit-transform: translate(0, -200px); -moz-transform: translate(0, -200px); -ms-transform: translate(0, -200px); -o-transform: translate(0, -200px); } } .vertical-condensed-state .header-structure-vertical { width: 130px !important; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); -ms-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); } .vertical-condensed-state .header-structure-vertical .marki-header-social.inside-grid { text-align: center; } .vertical-condensed-state .header-structure-vertical .marki-header-social.inside-grid a { margin-top: 10px; } .vertical-condensed-state .header-structure-vertical .marki-vertical-menu > li.marki-vertical-header-burger { margin: 0px; display: block; text-align: left; width: 65px; -webkit-transform: translate(0, 60px); -moz-transform: translate(0, 60px); -ms-transform: translate(0, 60px); -o-transform: translate(0, 60px); opacity: 1; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; } .vertical-condensed-state .header-structure-vertical .marki-vertical-menu > li.marki-header-logo, .vertical-condensed-state .header-structure-vertical .marki-vertical-menu > li.menu-item { opacity: 0; -webkit-transform: translate(-100px, 0); -moz-transform: translate(-100px, 0); -ms-transform: translate(-100px, 0); -o-transform: translate(-100px, 0); transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); -ms-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); } .vertical-condensed-state .header-structure-vertical:hover .marki-vertical-menu > li.marki-vertical-header-burger { opacity: 0; } .vertical-condensed-state .header-structure-vertical:hover .marki-vertical-menu > li.marki-header-logo, .vertical-condensed-state .header-structure-vertical:hover .marki-vertical-menu > li.menu-item { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); } /* Page Toolbar -------------------------------------------------------------------- */ .marki-header-toolbar { width: 100%; padding: 0 45px; height: 50px; border-bottom-width: 1px; border-bottom-style: solid; line-height: 35px; *zoom: 1; } .marki-header-toolbar:before, .marki-header-toolbar:after { content: " "; display: table; } .marki-header-toolbar:after { clear: both; } .marki-header-toolbar .header-toolbar-contact { margin-right: 20px; padding-right:20px; line-height: 40px; display: inline-block; float: left; } .marki-header-toolbar .header-toolbar-contact:first-child{border-right:1px solid #eee;} .marki-header-toolbar .header-toolbar-contact i { margin-right: 5px; font-size: 16px; display: inline-block; float: left; } .marki-header-toolbar .header-toolbar-contact a { line-height: 40px; } .marki-header-toolbar .toolbar-nav { display: inline-block; float: right; } .marki-header-toolbar .toolbar-nav ul { display: block; *zoom: 1; list-style: none; margin: 0; } .marki-header-toolbar .toolbar-nav ul:before, .marki-header-toolbar .toolbar-nav ul:after { content: " "; display: table; } .marki-header-toolbar .toolbar-nav ul:after { clear: both; } .marki-header-toolbar .toolbar-nav ul li { display: inline-block; float: left; margin-left: 0; } .marki-header-toolbar .toolbar-nav ul li .sub-menu { display: none; } .marki-header-toolbar .toolbar-nav ul li a { line-height: 35px; margin: 0 5px; display: block; } .marki-header-toolbar .marki-header-toolbar-social { display: inline-block; float: left; *zoom: 1; list-style: none; margin: 0 30px 0 0; } .marki-header-toolbar .marki-header-toolbar-social:before, .marki-header-toolbar .marki-header-toolbar-social:after { content: " "; display: table; } .marki-header-toolbar .marki-header-toolbar-social:after { clear: both; } .marki-header-toolbar .marki-header-toolbar-social li { margin-left: 0; height: 40px; } .marki-header-toolbar .marki-header-toolbar-social li a { margin:5px; display: inline-block; font-size: 16px; text-align:center; line-height:2.1; } .marki-header-toolbar .marki-header-toolbar-social li a:hover { } .marki-header-toolbar .marki-header-toolbar-social li a:first-child { margin-left: 0; } .marki-header-toolbar .marki-header-toolbar-social li a:last-child { margin-right: 0; } .marki-responsive-header-toolbar { text-align: center; display: none; background:#222; } .marki-responsive-header-toolbar a { display: inline-block; color:#fff; } @media handheld, only screen and (max-width: 780px) { .marki-header-toolbar { padding: 10px 20px; display: none; height: auto; line-height: auto; border-width: 0; } .marki-header-toolbar .marki-grid { padding: 0 !important; } .marki-toolbar-responsive-icon { display: block; } .header-toolbar-contact, .toolbar-nav, .marki-header-toolbar-social { width: 100% !important; display: block !important; margin: 0 !important; padding: 0; } .marki-responsive-header-toolbar { display: none; } .marki-responsive-header-toolbar .marki-toolbar-responsive-icon { font-size: 16px; } .marki-responsive-header-toolbar .marki-toolbar-responsive-icon.active-header-toolbar i:before { content: "\f077" !important; } } /* Page title -------------------------------------------------------------------- */ #marki-page-title { width: 100%; } @media only screen and (max-width: 767px) { #marki-page-title { background-position: center !important; background-attachment: scroll !important; background-size: cover; } } #marki-page-title #marki-breadcrumbs { font-size: 14px; font-weight: normal; letter-spacing: 0; left:0; right:0; } .page-title-content{} #marki-page-title #marki-breadcrumbs .dark-skin { color: #5e5e5e; } #marki-page-title #marki-breadcrumbs .dark-skin a { color: #808080; color: rgba(94, 94, 94, 0.5); } #marki-page-title #marki-breadcrumbs .light-skin { color: #fff; } #marki-page-title #marki-breadcrumbs .light-skin a { color: #fff; color: rgba(255, 255, 255, 0.9); } #marki-page-title.left-align .marki-page-heading { float: left; font-weight: 700; letter-spacing: 2px; margin: 0 0 0 20px !important; text-transform: uppercase; } #marki-page-title.left-align #marki-breadcrumbs { float: right; margin-right: 20px; } #marki-page-title.center-align { text-align: center; } #marki-page-title.center-align .marki-page-heading { display: block; margin:0 !important; padding-top:0; font-weight:700; letter-spacing:2px; top:50%; left:0; right:0; } #marki-page-title.center-align #marki-breadcrumbs { line-height: 16px !important; margin-top:30px; } #marki-page-title.right-align .marki-page-heading { float: right; margin: 0 20px 0 0 !important; } #marki-page-title.right-align #marki-breadcrumbs { float: left; margin-left: 20px; } /* Smaller than Tablets */ @media handheld, only screen and (max-width: 767px) { #marki-header .marki-grid, .marki-secondary-header .marki-grid { padding-left: 15px !important; padding-right: 15px !important; } .sticky-header-padding, .secondary-header-space { display: none !important; } #marki-page-title { padding-left: 0 !important; padding-right: 0 !important; } } /* Smaller than mobiles */ @media handheld, only screen and (max-width: 500px) { #marki-breadcrumbs { display: none; } } @media handheld, only screen and (max-width: 1140px) { .show-logo-false .marki-header-logo { display: none !important; } } .theme-main-wrapper { position: relative; transition: all 0.3s ease-in-out; -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; z-index: 10; right: 0; } .theme-main-wrapper.dashboard-opened { right: 280px; } .marki-side-dashboard { position: fixed; top: 0px; right: -280px; padding: 30px 20px; width: 280px; height: 100%; z-index: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: all 0.3s ease-in-out; -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; } .marki-side-dashboard.dashboard-opened { right: 0; } .admin-bar .marki-side-dashboard { top: 32px !important; } .header-margin-style.marki-side-dashboard { width: 270px !important; right: 20px !important; } .header-margin-style.marki-side-dashboard.dashboard-opened { right: 20px !important; } @media handheld, only screen and (max-width: 767px) { .header-margin-style.marki-side-dashboard { width: 280px !important; } .header-margin-style.marki-side-dashboard.dashboard-opened, .header-margin-style.marki-side-dashboard { right: 0 !important; } } .dashboard-trigger { position: relative; display: inline-block; float: right; width: 22px; cursor: pointer; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .dashboard-trigger i { font-size: 16px; line-height: 16px; vertical-align: middle; } .dashboard-trigger.res-mode { display: none; } .dashboard-trigger.desktop-mode { position: absolute; right: 40px; top: 0; display: inline-block; } .marki-boxed-enabled .dashboard-trigger.desktop-mode { right: 20px !important; } .marki-top-corner, .marki-right-corner, .marki-left-corner, .marki-bottom-corner { position: fixed; background-color: #fff; z-index: 999; } .marki-top-corner, .marki-bottom-corner { width: 100%; height: 20px; left: 0; } .marki-top-corner { top: 0; } .admin-bar .marki-top-corner { top: 32px; } .marki-bottom-corner { bottom: 0; } .marki-right-corner, .marki-left-corner { width: 20px; height: 100%; top: 0; } .marki-right-corner { right: 0; } .marki-left-corner { left: 0; } .add-corner-margin { margin: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media handheld, only screen and (max-width: 767px) { .add-corner-margin { margin: 0 !important; } .marki-top-corner, .marki-right-corner, .marki-left-corner, .marki-bottom-corner { display: none; } } #theme-page { overflow: hidden; padding: 0; margin: 0; min-height: 200px; } #theme-page .theme-page-wrapper { margin: 0 auto; } #theme-page .theme-page-wrapper.no-padding { margin-top: 0; margin-bottom: 0; } #theme-page .theme-page-wrapper .theme-inner-wrapper{} #theme-page .theme-page-wrapper.row-fluid .inner-page-wrapper .theme-content { padding: 70px 15px; } .theme-content{} .theme-content div, .theme-content p, .theme-content span, .theme-content a, .theme-content img{} #theme-page .theme-page-wrapper .theme-content.no-padding { padding-bottom: 0; padding-top: 0; } #theme-page .theme-page-wrapper.right-layout .inner-page-wrapper, #theme-page .theme-page-wrapper.left-layout .inner-page-wrapper{ margin-left:-15px !important; margin-right:-15px !important; } #theme-page .theme-page-wrapper.right-layout .inner-page-wrapper .theme-content, #theme-page .theme-page-wrapper.left-layout .inner-page-wrapper .theme-content{ padding-left:15px; padding-right:15px; } #theme-page .theme-page-wrapper .inner-page-wrapper #marki-sidebar { position: relative; padding-top:70px; padding-bottom:70px; padding-left:15px; padding-right:15px; } #theme-page .theme-page-wrapper #marki-sidebar { padding:0 15px 70px; } #theme-page .theme-page-wrapper.right-layout #marki-sidebar { float: right; } #theme-page .theme-page-wrapper.left-layout #marki-sidebar { float: left; } #theme-page .theme-page-wrapper.right-layout .theme-content { float: left; } #theme-page .theme-page-wrapper.left-layout .theme-content { float: right; } #theme-page .theme-page-wrapper.right-layout .sidebar-wrapper { } #theme-page .theme-page-wrapper.left-layout .sidebar-wrapper { } #theme-page .theme-page-wrapper .sidebar-wrapper { padding-bottom:20px; } .marki-boxed-enabled#marki-boxed-layout { width: 100%; margin: 0 auto; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.13); -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.13); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.13); position:relative; } .header-structure-standard.marki-grid, .header-structure-margin.marki-grid{left:0;right:0;margin-left:auto;margin-right:auto;} .header-structure-standard.marki-grid .marki-grid, .header-structure-margin.marki-grid .marki-grid{padding:0 40px !important;} .header-structure-standard.marki-grid .marki-header-toolbar, .header-structure-margin.marki-grid .marki-header-toolbar{padding:0 !important;} .marki-boxed-enabled#marki-boxed-layout #marki-header.sticky-header { left: auto; right: auto; } * html #theme-page, * html #marki-sidebar { display: inline; } .marki-body-loader-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2351; background-color: #f9c202 !important; } .ie .marki-body-loader-overlay { display:block !important; } .qLlogo { text-align: center; position: relative; width: 100%; height: 50%; border-bottom: 15px solid transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .qLlogo img { max-width: 400px; max-height: 100%; position: absolute; bottom: 0; } @media handheld, only screen and (max-width: 767px) { #theme-page { padding: 0 !important; } .theme-page-wrapper { margin: 0 auto 0 !important; } } @media handheld, only screen and (max-width: 960px) { #marki-sidebar, .theme-content { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } .sidebar-wrapper { padding-left: 15 !important; padding-right: 15 !important; } } @media handheld, only screen and (max-width: 600px) { .qLogo img { max-width: 400px; } } #marki-footer { width: 100%; position: relative; padding: 0; } #marki-footer .marki-col-1-3 .widget:first-child{ padding-top:70px; } #marki-footer .footer-wrapper { position: relative; margin-bottom: 0; padding-left:20px; padding-right:20px; } #marki-footer .footer-wrapper .textwidget{ font-weight:normal; } #marki-footer .marki-padding-wrapper { padding: 0; } @media handheld, only screen and (max-width: 767px) { #marki-footer [class*='marki-col-'] { width: 100% !important; } } /* SUB FOOTER SECTION */ #sub-footer { padding: 30px 0; } .marki-footer-copyright { font-size: 13px; line-height: 16px; float: left; width: 60%; } @media handheld, only screen and (max-width: 767px) { .marki-footer-copyright { float: none !important; display: block; text-align: center; width: auto; } } .marki-footer-social { margin: 0; padding: 0; list-style: none; float: right; width: 40%; } .marki-footer-social li { margin: 0; display: inline-block; float: right; } .marki-footer-social li a { display: block; margin: 0 10px; line-height: 16px; } .marki-footer-social li i { font-size: 16px; line-height: 16px; } @media handheld, only screen and (max-width: 767px) { .marki-footer-social { float: none !important; display: block; margin: 20px 0 0 !important; text-align: center; width: 100%; } .marki-footer-social li { float: none; } } .marki-subfooter-logos a { margin: 0; padding: 0; list-style: none; float: right; width: 40%; opacity: 0.8; } .marki-subfooter-logos a:hover { opacity: 1; } @media handheld, only screen and (max-width: 767px) { .marki-subfooter-logos a { float: none !important; display: block; margin: 0 auto !important; text-align: center; width: 100%; } } .marki-go-top { background-color: rgba(0, 0, 0, 0.4); width: 42px; height: 42px; line-height: 42px; position: fixed; bottom: 25px; right: 25px; z-index: 100; opacity: 0; visibility: hidden; pointer-events: none; display: block; text-align: center; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); -ms-transform: translateZ(0px); -o-transform: translateZ(0px); transform: translateZ(0px); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .marki-go-top.off { opacity: 0; visibility: hidden; pointer-events: none; } .marki-go-top.on { opacity: 1; visibility: visible; pointer-events: inherit; } .marki-go-top:hover { background-color: rgba(0, 0, 0, 0.6); } .marki-go-top i { color: #fff; font-size: 24px; line-height: 40px; display: block; } /* Plugins Styles */ /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .marki-flexslider a:active, .flex-container a:focus, .marki-flexslider a:focus { outline: none; } .marki-flex-slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* marki-flexslider Necessary Styles *********************************/ .marki-flexslider { margin: 0; padding: 0; } .marki-flexslider .marki-flex-slides > li, .marki-flexslider .marki-banner-slides > li { display: none; margin: 0; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .marki-flexslider .marki-flex-slides img, .marki-flexslider .marki-banner-slides img { display: block; width: 100%; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .marki-flex-slides:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; line-height: 0; } html[xmlns] .marki-flex-slides { display: block; } * html .marki-flex-slides { height: 1%; } .marki-flexslider .marki-banner-slides { margin: 0; padding: 0; list-style: none; } .marki-flexslider .marki-banner-slides li { margin: 0; } /* flexslider Default Theme *********************************/ .marki-flexslider { position: relative; margin: 0; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .loading .flex-viewport { max-height: 100px; } .marki-flexslider .marki-flex-slides, .marki-flexslider .marki-banner-slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav { *height: 0; } .flex-direction-nav a { position: absolute; z-index: 10; display: block; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .flex-direction-nav .flex-next:hover { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .flex-direction-nav .flex-prev:hover { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-flexslider:hover .flex-next:hover, .marki-flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: .3!important; filter: alpha(opacity=30); cursor: default; } /* Control Nav */ .flex-control-nav { position: absolute; bottom: 10px; left: 0; width: 100%; text-align: center; } .flex-control-nav li { display: inline-block; margin: 0 6px; zoom: 1; *display: inline; } .flex-control-paging li a { display: block; cursor: pointer; } .flex-control-paging li a.flex-active { cursor: default; } div.jp-audio { width: 100%; } div.jp-interface { position: relative; width: 100%; padding: 20px 110px 20px 70px; border: 2px solid #eeeeee; background-color: #fff; } div.jp-controls-holder { clear: both; width: 100%; margin: 0 auto; position: relative; overflow: hidden; } div.jp-interface ul.jp-controls { list-style-type: none; margin: 0; padding: 0; float: left; } div.jp-interface ul.jp-controls li { margin: 0; } div.jp-audio ul.jp-controls { position: absolute; left: 20px; top: 23px; } div.jp-interface ul.jp-controls li { display: inline; float: left; } div.jp-interface ul.jp-controls a { display: block; } a.jp-play, a.jp-pause { width: 25px; height: 25px; display: block; background-color: #fff; border: 3px solid #eee; line-height: 14px; color: #737373; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; } a.jp-play i, a.jp-pause i { font-size: 16px; line-height: 25px; color: #737373; } div.jp-progress { background-color: #eee; position: relative; top: 3px; } div.jp-audio div.jp-progress { height: 31px; float: left; margin: 0; } div.jp-audio div.jp-type-single div.jp-progress { width: 100%; } div.jp-seek-bar { width: 0px; height: 100%; cursor: pointer; } div.jp-play-bar { width: 0px; height: 100%; position: relative; } a.jp-mute, a.jp-unmute, a.jp-volume-max { width: 18px; height: 15px; margin-top: 0px; } .js-volume-wrapper { padding: 11px 7px 6px; margin-top: 7px; border: 3px solid #eee; display: inline-block; width: 70px; position: absolute; right: 20px; top: 15px; } div.jp-volume-bar { z-index: 20; width: 100%; height: 8px; cursor: pointer; } .inner-value-adjust { background-color: #737373; width: 100%; height: 3px; } div.jp-volume-bar-value { width: 0px; height: 3px; transition: width 0.3s ease-in-out; -webkit-transition: width 0.3s ease-in-out; -moz-transition: width 0.3s ease-in-out; -ms-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; position: relative; } div.jp-volume-bar-value:after { content: ""; display: block; position: absolute; right: 0; top: -5px; width: 12px; height: 12px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color: #fafafa; border: 3px solid #737373; } @media handheld, only screen and (max-width: 600px) { .js-volume-wrapper { display: none !important; } div.jp-interface { padding-right: 22px !important; } } /* @end */ /* @group current time and duration */ div.jp-current-time, div.jp-duration { display: inline-block; } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; border-radius:10px; } .fancybox-opened { z-index: 8030; } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading { background-image: url(../../images/fancybox/fancybox_sprite.png); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url(../../images/fancybox/fancybox_loading.gif) center center no-repeat; } .fancybox-close { position: absolute; top: 30px; right: 30px; width: 30px; height: 30px; cursor: pointer; z-index: 8040; border:none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; background-color: rgba(0, 0, 0, 0.2); text-align: center; } .fancybox-close i { font-size: 16px; line-height: 30px; } .fancybox-close:hover { color: #fff; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(../../images/fancybox/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 30px; height: 30px; margin-top: -16px; cursor: pointer; z-index: 8040; visibility: hidden; border: 3px solid #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; background-color: rgba(0, 0, 0, 0.2); text-align: center; } .fancybox-nav span i { font-size: 16px; line-height: 30px; } .fancybox-nav span:hover { color: #fff; } .fancybox-prev span { left: 20px; } .fancybox-next span { right: 20px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: visible !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(../../images/fancybox/fancybox_overlay.png); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; position: relative; z-index: 8050; margin-right: 45px; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { z-index: 8050; margin-top: 10px; } .fancybox-title-float-wrap .child { display: inline-block; font-size: 16px; text-transform: uppercase; color: #444; line-height: 24px; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); } /* * Swiper - Mobile Touch Slider CSS * http://www.idangero.us/sliders/swiper * * Vladimir Kharlampidi, The iDangero.us * http://www.idangero.us/ * * Copyright 2012-2013, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us * * Licensed under GPL & MIT * */ /* =============================================================== Basic Swiper Styles ================================================================ */ .marki-swiper-container { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* Fix of Webkit flickering */ z-index: 1; direction: ltr; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .marki-swiper-container { overflow: auto; -ms-overflow-style: none; } } .marki-swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .swiper-free-mode > .marki-swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { float: left; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; } /* =============================================================== Your custom styles, here you need to specify container's and slide's sizes, pagination, etc. ================================================================ */ .marki-swiper-container { /* Specify Swiper's Size: */ /* width:200px; height: 100px; */ } .swiper-slide { /* Specify Slides's Size: */ /* width:100%; height: 100%; */ } .swiper-slide-active { /* Specific active slide styling: */ } .swiper-slide-visible { /* Specific visible slide styling: */ } /* =============================================================== Pagination Styles ================================================================ */ .swiper-pagination-switch { /* Stylize pagination button: */ } .swiper-active-switch { /* Specific active button style: */ } .swiper-visible-switch { /* Specific visible button style: */ } .marki-sharp-slider, .marki-tab-slider { position: relative; } .marki-sharp-slider .marki-grid, .marki-tab-slider .marki-grid { position: relative; z-index: 14; } .marki-sharp-slider .swiper-slide, .marki-tab-slider .swiper-slide { position: relative; background-position: center; background-repeat: no-repeat; overflow: hidden; } .marki-sharp-slider .swiper-slide .sharp-content-holder, .marki-tab-slider .swiper-slide .sharp-content-holder { margin-top: 100px; } .marki-sharp-slider .swiper-slide.left_top .sharp-content-holder, .marki-tab-slider .swiper-slide.left_top .sharp-content-holder, .marki-sharp-slider .swiper-slide.center_top .sharp-content-holder, .marki-tab-slider .swiper-slide.center_top .sharp-content-holder, .marki-sharp-slider .swiper-slide.right_top .sharp-content-holder, .marki-tab-slider .swiper-slide.right_top .sharp-content-holder { margin-top: 80px; } .marki-sharp-slider .swiper-slide.center_top .marki-sharp-title, .marki-tab-slider .swiper-slide.center_top .marki-sharp-title, .marki-sharp-slider .swiper-slide.center_center .marki-sharp-title, .marki-tab-slider .swiper-slide.center_center .marki-sharp-title, .marki-sharp-slider .swiper-slide.center_bottom .marki-sharp-title, .marki-tab-slider .swiper-slide.center_bottom .marki-sharp-title, .marki-sharp-slider .swiper-slide.center_top .marki-sharp-desc, .marki-tab-slider .swiper-slide.center_top .marki-sharp-desc, .marki-sharp-slider .swiper-slide.center_center .marki-sharp-desc, .marki-tab-slider .swiper-slide.center_center .marki-sharp-desc, .marki-sharp-slider .swiper-slide.center_bottom .marki-sharp-desc, .marki-tab-slider .swiper-slide.center_bottom .marki-sharp-desc, .marki-sharp-slider .swiper-slide.center_top .sharp-buttons, .marki-tab-slider .swiper-slide.center_top .sharp-buttons, .marki-sharp-slider .swiper-slide.center_center .sharp-buttons, .marki-tab-slider .swiper-slide.center_center .sharp-buttons, .marki-sharp-slider .swiper-slide.center_bottom .sharp-buttons, .marki-tab-slider .swiper-slide.center_bottom .sharp-buttons { text-align: center; } .marki-sharp-slider .swiper-slide.center_top .sharp-slide-content, .marki-tab-slider .swiper-slide.center_top .sharp-slide-content, .marki-sharp-slider .swiper-slide.center_center .sharp-slide-content, .marki-tab-slider .swiper-slide.center_center .sharp-slide-content, .marki-sharp-slider .swiper-slide.center_bottom .sharp-slide-content, .marki-tab-slider .swiper-slide.center_bottom .sharp-slide-content { margin-right: auto; margin-left: auto; } .marki-sharp-slider .swiper-slide.right_top, .marki-tab-slider .swiper-slide.right_top, .marki-sharp-slider .swiper-slide.right_center, .marki-tab-slider .swiper-slide.right_center, .marki-sharp-slider .swiper-slide.right_bottom, .marki-tab-slider .swiper-slide.right_bottom { text-align: right; } .marki-sharp-slider .swiper-slide.right_top .sharp-slide-content, .marki-tab-slider .swiper-slide.right_top .sharp-slide-content, .marki-sharp-slider .swiper-slide.right_center .sharp-slide-content, .marki-tab-slider .swiper-slide.right_center .sharp-slide-content, .marki-sharp-slider .swiper-slide.right_bottom .sharp-slide-content, .marki-tab-slider .swiper-slide.right_bottom .sharp-slide-content { float: right; } .marki-sharp-slider .sharp-slide-content.caption-light .marki-sharp-title, .marki-tab-slider .sharp-slide-content.caption-light .marki-sharp-title, .marki-sharp-slider .sharp-slide-content.caption-light .marki-sharp-desc, .marki-tab-slider .sharp-slide-content.caption-light .marki-sharp-desc { color: #fff !important; } .marki-sharp-slider .sharp-slide-content.caption-dark .marki-sharp-title, .marki-tab-slider .sharp-slide-content.caption-dark .marki-sharp-title, .marki-sharp-slider .sharp-slide-content.caption-dark .marki-sharp-desc, .marki-tab-slider .sharp-slide-content.caption-dark .marki-sharp-desc { color: #222 !important; } .marki-sharp-slider .sharp-fade-in, .marki-tab-slider .sharp-fade-in, .marki-sharp-slider .sharp-slide-top, .marki-tab-slider .sharp-slide-top, .marki-sharp-slider .sharp-slide-left, .marki-tab-slider .sharp-slide-left, .marki-sharp-slider .sharp-slide-bottom, .marki-tab-slider .sharp-slide-bottom, .marki-sharp-slider .sharp-slide-right, .marki-tab-slider .sharp-slide-right, .marki-sharp-slider .sharp-scale-down, .marki-tab-slider .sharp-scale-down { transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.7s; -webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.7s; -moz-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.7s; -ms-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.7s; -o-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.7s; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-sharp-slider .marki-sharp-title, .marki-tab-slider .marki-sharp-title { margin-bottom: 20px; font-weight: 300; font-size: 50px; line-height: 110%; } .marki-sharp-slider .marki-sharp-desc, .marki-tab-slider .marki-sharp-desc { font-weight: 400; font-size: 20px; line-height: 27px; } .marki-sharp-slider .sharp-buttons, .marki-tab-slider .sharp-buttons { margin-top: 30px; } .marki-sharp-slider .swiper-slide-active .sharp-fade-in, .marki-tab-slider .swiper-slide-active .sharp-fade-in { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-sharp-slider .sharp-slide-top, .marki-tab-slider .sharp-slide-top { -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); } .marki-sharp-slider .swiper-slide-active .sharp-slide-top, .marki-tab-slider .swiper-slide-active .sharp-slide-top { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-sharp-slider .sharp-slide-left, .marki-tab-slider .sharp-slide-left { -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); } .marki-sharp-slider .swiper-slide-active .sharp-slide-left, .marki-tab-slider .swiper-slide-active .sharp-slide-left { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-sharp-slider .sharp-slide-bottom, .marki-tab-slider .sharp-slide-bottom { -webkit-transform: translate(0, 50%); -moz-transform: translate(0, 50%); -ms-transform: translate(0, 50%); -o-transform: translate(0, 50%); } .marki-sharp-slider .swiper-slide-active .sharp-slide-bottom, .marki-tab-slider .swiper-slide-active .sharp-slide-bottom { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-sharp-slider .sharp-slide-right, .marki-tab-slider .sharp-slide-right { -webkit-transform: translate(50%, 0); -moz-transform: translate(50%, 0); -ms-transform: translate(50%, 0); -o-transform: translate(50%, 0); } .marki-sharp-slider .swiper-slide-active .sharp-slide-right, .marki-tab-slider .swiper-slide-active .sharp-slide-right { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-sharp-slider .sharp-scale-down, .marki-tab-slider .sharp-scale-down { transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); } .marki-sharp-slider .swiper-slide-active .sharp-scale-down, .marki-tab-slider .swiper-slide-active .sharp-scale-down { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .marki-sharp-slider .sharp-flip-x, .marki-tab-slider .sharp-flip-x, .marki-sharp-slider .sharp-flip-y, .marki-tab-slider .sharp-flip-y { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-perspective: 1000; opacity: 0; -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-delay: 1s; -moz-animation-delay: 1; -o-animation-delay: 1s; animation-delay: 1s; } .marki-sharp-slider .swiper-slide-active .sharp-flip-x, .marki-tab-slider .swiper-slide-active .sharp-flip-x { -webkit-animation-name: marki_flip_x; -moz-animation-name: marki_flip_x; -o-animation-name: marki_flip_x; animation-name: marki_flip_x; opacity: 1; } .marki-sharp-slider .swiper-slide-active .sharp-flip-y, .marki-tab-slider .swiper-slide-active .sharp-flip-y { -webkit-animation-name: marki_flip_y; -moz-animation-name: marki_flip_y; -o-animation-name: marki_flip_y; animation-name: marki_flip_y; opacity: 1; } .marki-sharp-slider .sharp-skip-slider, .marki-tab-slider .sharp-skip-slider { position: absolute; left: 50%; bottom: 20px; cursor: pointer; z-index: 10; margin: -24px 0 0 -24px; } .marki-sharp-slider .sharp-skip-slider i, .marki-tab-slider .sharp-skip-slider i { color: #fff; font-size: 48px; } .marki-sharp-slider[data-animation="horizontal_curtain"] .marki-swiper-wrapper, .marki-tab-slider[data-animation="horizontal_curtain"] .marki-swiper-wrapper { transition-timing-function: ease; } .marki-sharp-slider[data-animation="perspective_flip"], .marki-tab-slider[data-animation="perspective_flip"] { perspective: 1000px; } .marki-sharp-slider[data-animation="perspective_flip"] .sharp-slider-holder, .marki-tab-slider[data-animation="perspective_flip"] .sharp-slider-holder { transform-style: preserve-3d; } .marki-sharp-slider[data-animation="perspective_flip"] .swiper-slide, .marki-tab-slider[data-animation="perspective_flip"] .swiper-slide { transform-origin: top center; bacface-visiblity: hidden; } @media handheld, only screen and (max-width: 1140px) { .marki-sharp-slider .marki-grid, .marki-tab-slider .marki-grid { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; } .marki-sharp-slider .marki-sharp-title, .marki-tab-slider .marki-sharp-title { font-weight: 600; font-size: 40px; } .marki-sharp-slider .marki-sharp-desc, .marki-tab-slider .marki-sharp-desc { font-weight: 400; font-size: 20px; line-height: 34px; } .marki-sharp-slider .sharp-slide-content, .marki-tab-slider .sharp-slide-content { width: 80%; } } @media handheld, only screen and (max-width: 767px) { .marki-sharp-slider .marki-grid, .marki-tab-slider .marki-grid { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; } .marki-sharp-slider .marki-sharp-next, .marki-tab-slider .marki-sharp-next, .marki-sharp-slider .marki-sharp-prev, .marki-tab-slider .marki-sharp-prev { display: none; } .marki-sharp-slider .marki-sharp-title, .marki-tab-slider .marki-sharp-title { font-weight: 700 !important; font-size: 22px !important; line-height: 130% !important; } .marki-sharp-slider .marki-sharp-desc, .marki-tab-slider .marki-sharp-desc { font-size: 14px; line-height: 22px !important; } .marki-sharp-slider .sharp-buttons .marki-button, .marki-tab-slider .sharp-buttons .marki-button { padding: 10px 12px !important; font-size: 10px !important; margin-right: 15px !important; } .marki-sharp-slider .marki-button-align.left, .marki-tab-slider .marki-button-align.left, .marki-sharp-slider .marki-button-align.center, .marki-tab-slider .marki-button-align.center, .marki-sharp-slider .marki-button-align.right, .marki-tab-slider .marki-button-align.right { width: auto !important; margin-bottom: 6px; } .marki-sharp-slider .sharp-slide-content, .marki-tab-slider .sharp-slide-content { width: 100% !important; } } .sharp-slider-holder { z-index: 10; } .sharp-slider-loading { position: absolute; width: 100%; height: 100%; z-index: 20; left: 0; top: 0; } .marki-parallax { overflow: hidden; } /* =============================================================== Navigation Styles ================================================================ */ .marki-sharp-slider .marki-sharp-next, .marki-sharp-slider .marki-sharp-prev { opacity: 0; } .marki-sharp-slider:hover .marki-sharp-next, .marki-sharp-slider:hover .marki-sharp-prev { opacity: 1; } .marki-sharp-nav a { position: absolute; top: 50%; display: block; outline: none; text-align: left; z-index: 1000; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); cursor: pointer; } .marki-sharp-nav a .slides-count { display: none; } .marki-sharp-nav a.marki-sharp-prev { left: 0; } .marki-sharp-nav a.marki-sharp-next { right: 0; } .marki-sharp-prev i, .marki-sharp-next i { display: block; margin: 0 auto; padding: 0; font-size: 16px; } .nav-item-caption { overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; } /* -------------------- */ /* Bar */ /* -------------------- */ .nav-bar a { margin: 0; width: 150px; height: 100%; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; overflow: hidden; top: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); padding: 0; } .nav-bar i, .nav-bar .nav-item-caption { transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; } .nav-bar .marki-sharp-icon-wrap { position: absolute; top: 50%; margin-top: -8px; display: block; width: 100px; text-align: center; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .nav-bar .marki-sharp-nav { position: absolute; top: 50%; margin: -50px 25px 0 25px; display: block; } .nav-bar .sharp-nav-bg { display: block; width: 100px; height: 100px; background-size: cover; background-position: center; opacity: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .nav-bar a.marki-sharp-prev { -webkit-transform: translateX(-50px); transform: translateX(-50px); } .nav-bar a.marki-sharp-prev .marki-sharp-icon-wrap { -webkit-transform: translateX(50px); transform: translateX(50px); left: 0; } .nav-bar a.marki-sharp-prev .sharp-nav-bg { -webkit-transform: translateX(100px); transform: translateX(100px); left: 0; } .nav-bar a.marki-sharp-prev:hover { -webkit-transform: translateX(0); transform: translateX(0); } .nav-bar a.marki-sharp-prev:hover .marki-sharp-icon-wrap { -webkit-transform: translateX(-50px); transform: translateX(-50px); opacity: 0; } .nav-bar a.marki-sharp-prev:hover .sharp-nav-bg { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } .nav-bar a.marki-sharp-next { -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); } .nav-bar a.marki-sharp-next .marki-sharp-icon-wrap { -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); right: 0; } .nav-bar a.marki-sharp-next .sharp-nav-bg { -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); left: 0; } .nav-bar a.marki-sharp-next:hover { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); } .nav-bar a.marki-sharp-next:hover .marki-sharp-icon-wrap { -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); opacity: 0; } .nav-bar a.marki-sharp-next:hover .sharp-nav-bg { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); opacity: 1; } .nav-bar .nav-item-caption { font-weight: bold; font-size: 12px; display: block; width: 100px; height: 100px; margin: 10px 0; opacity: 0; line-height: 14px; word-wrap: break-word; white-space: normal; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transition-delay: 0s; transition-delay: 0s; } .nav-bar a.marki-sharp-prev .nav-item-caption { -webkit-transform: translateX(100%); transform: translateX(100%); text-align: right; } .nav-bar a.marki-sharp-next .nav-item-caption { -webkit-transform: translateX(-100%); transform: translateX(-100%); text-align: left; } .nav-bar a:hover { -webkit-transition-delay: 0s; transition-delay: 0s; } .nav-bar a:hover .nav-item-caption { opacity: 1; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform: translateX(0); transform: translateX(0); } .nav-bar a[data-skin="dark"] { background: rgba(0, 0, 0, 0); } .nav-bar a[data-skin="dark"] i, .nav-bar a[data-skin="dark"] .nav-item-caption { color: #fff; } .nav-bar a[data-skin="dark"]:hover { background: rgba(0, 0, 0, 0.2); } .nav-bar a[data-skin="light"] { background: rgba(255, 255, 255, 0); } .nav-bar a[data-skin="light"] i, .nav-bar a[data-skin="light"] .nav-item-caption { color: #333; } .nav-bar a[data-skin="light"]:hover { background: rgba(255, 255, 255, 0.2); } /* -------------------- */ /* Rounded slide */ /* -------------------- */ .nav-round a { margin: 0 20px; width: 67px; height: 67px; border-radius: 40px; -webkit-transition: all 0.3s; transition: all 0.3s; overflow: hidden; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .nav-round i, .nav-round .nav-item-caption { -webkit-transition: color 0.3s; transition: color 0.3s; } .nav-round .marki-sharp-icon-wrap { position: absolute; padding: 26px 27px; } .nav-round a.marki-sharp-prev .marki-sharp-icon-wrap { left: 0; } .nav-round a.marki-sharp-next .marki-sharp-icon-wrap { right: 0; } .nav-round .nav-item-caption { font-weight: bold; font-size: 12px; position: absolute; padding: 25px 10px; width: 130px; top: 0; margin: 0; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transition-delay: 0s; transition-delay: 0s; } .nav-round a.marki-sharp-prev .nav-item-caption { right: 10px; -webkit-transform: translateX(100%); transform: translateX(100%); } .nav-round a.marki-sharp-next .nav-item-caption { left: 10px; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .nav-round a:hover { width: 200px; -webkit-transition-delay: 0s; transition-delay: 0s; } .nav-round a:hover .nav-item-caption { opacity: 1; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform: translateX(0); transform: translateX(0); } .nav-round a[data-skin="light"] { background: rgba(0, 0, 0, 0.1); } .nav-round a[data-skin="light"] i, .nav-round a[data-skin="light"] .nav-item-caption { color: #fff; } .nav-round a[data-skin="light"]:hover { background: rgba(0, 0, 0, 0.4); } .nav-round a[data-skin="dark"] { background: rgba(255, 255, 255, 0.1); } .nav-round a[data-skin="dark"] i, .nav-round a[data-skin="dark"] .nav-item-caption { color: #333; } .nav-round a[data-skin="dark"]:hover { background: rgba(255, 255, 255, 0.4); } /* -------------------- */ /* Thumb flip */ /* -------------------- */ .nav-flip a { -webkit-perspective: 1000px; perspective: 1000px; } .nav-flip .slides-count { display: block!important; position: absolute; top: 50%; left: 0; line-height: 1; opacity: 0; transition: opacity .3s ease; } .nav-flip .slide-next-nr, .nav-flip .slide-prev-nr { position: relative; top: -14px; font-size: 12px; text-align: right; } .nav-flip .slide-next-nr:after, .nav-flip .slide-prev-nr:after { content: ''; display: block; position: absolute; height: 1px; width: 25px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); right: -13px; } .nav-flip .slides-all { text-align: left; } .nav-flip .slides-all, .nav-flip .slide-next-nr, .nav-flip .slide-prev-nr { display: block; width: 20px; float: left; padding: 0 2.5px; } .nav-flip .nav-item-caption { display: none !important; } .nav-flip a.marki-sharp-prev { -webkit-perspective-origin: 100% 50%; perspective-origin: 100% 50%; } .nav-flip a.marki-sharp-next { -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%; } .nav-flip i { line-height: 130px; color: #fff; -webkit-transform: translateX(0); transform: translateX(0); transition: all .3s ease; } .nav-flip a:hover .slides-count { opacity: 1; } .nav-flip div.marki-sharp-nav { position: absolute; top: 0; } .nav-flip .sharp-nav-bg { position: absolute; width: 130px; height: 130px; background-size: cover; background-position: center; -webkit-transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out; transition: transform 0.15s ease-out, opacity 0.15s ease-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; } .nav-flip a.marki-sharp-prev .sharp-nav-bg { left: 50px; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .nav-flip a.marki-sharp-next .sharp-nav-bg { right: 0; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .nav-flip a:hover .sharp-nav-bg { -webkit-transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } .nav-flip a.marki-sharp-prev:hover i, .nav-flip a.marki-sharp-next:hover i { opacity: 0; } .nav-flip .marki-sharp-icon-wrap { transition: background-color 0.3s ease-out; -webkit-transition: background-color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out; -ms-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; display: block; width: 50px; height: 130px; text-align: center; overflow: hidden; color: #fff; } .nav-flip a[data-skin="dark"] .marki-sharp-icon-wrap, .nav-flip a[data-skin="dark"] div { background: rgba(255, 255, 255, 0.3); } .nav-flip a[data-skin="dark"] i, .nav-flip a[data-skin="dark"] .slides-count { color: #000; } .nav-flip a[data-skin="dark"] .slide-next-nr:after, .nav-flip a[data-skin="dark"] .slide-prev-nr:after { background: #000; } .nav-flip a[data-skin="dark"]:hover .marki-sharp-icon-wrap { background: #ffffff; } .nav-flip a[data-skin="light"] .marki-sharp-icon-wrap, .nav-flip a[data-skin="light"] div { background: rgba(51, 51, 51, 0.3); } .nav-flip a[data-skin="light"] i, .nav-flip a[data-skin="light"] .slides-count, .nav-flip a[data-skin="light"] .slide-next-nr:after { color: #fff; } .nav-flip a[data-skin="light"] .slide-next-nr:after, .nav-flip a[data-skin="light"] .slide-prev-nr:after { background: #fff; } .nav-flip a[data-skin="light"]:hover .marki-sharp-icon-wrap { background: #333333; } /* -------------------- */ /* Classic retouched */ /* -------------------- */ .nav-classic .sharp-nav-bg { position: absolute; width: 80px; height: 100px; top: 0; display: block; z-index: 3; -webkit-transition: -webkit-transform 0.3s ease-in-out 0.5s; -moz-transition: -moz-transform 0.3s ease-in-out 0.5s; -ms-transition: -moz-transform 0.3s ease-in-out 0.5s; -o-transition: -o-transform 0.3s ease-in-out 0.5s; transition: transform 0.3s ease-in-out 0.3s; background-image: none!important; } .nav-classic .marki-sharp-next { right: 0px; } .nav-classic .marki-sharp-next .sharp-nav-bg { right: 0; -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; -webkit-transform: perspective(300px) rotateY(-120deg) translateZ(1px); -moz-transform: perspective(300px) rotateY(-120deg) translateZ(1px); -ms-transform: perspective(300px) rotateY(-120deg) translateZ(1px); -o-transform: perspective(300px) rotateY(-120deg) translateZ(1px); transform: perspective(300px) rotateY(-120deg) translateZ(1px); } .nav-classic .marki-sharp-prev { left: 0px; } .nav-classic .marki-sharp-prev .sharp-nav-bg { left: 0; -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left; -webkit-transform: perspective(300px) rotateY(120deg) translateZ(1px); -moz-transform: perspective(300px) rotateY(120deg) translateZ(1px); -ms-transform: perspective(300px) rotateY(120deg) translateZ(1px); -o-transform: perspective(300px) rotateY(120deg) translateZ(1px); transform: perspective(300px) rotateY(120deg) translateZ(1px); } .nav-classic .prev-item-caption, .nav-classic .next-item-caption { font-size: 12px; font-weight: normal; text-transform: uppercase; padding: 0 20px; white-space: nowrap; display: block; height: 100px; line-height: 100px; position: relative; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; } .nav-classic .prev-item-caption { float: right; right: 300%; } .nav-classic .next-item-caption { float: left; left: 300%; } .nav-classic .prev-item-caption, .nav-classic .next-item-caption { background-color: rgba(0, 0, 0, 0.8); } .nav-classic .marki-sharp-next, .nav-classic .marki-sharp-prev { position: absolute; top: 50%; z-index: 10; height: 100px; margin-top: -50px; text-align: center; cursor: pointer; } .nav-classic .marki-sharp-next i, .nav-classic .marki-sharp-prev i { font-size: 16px; line-height: 100px; width: 80px; display: inline-block; position: relative; z-index: 10; background-color: rgba(0, 0, 0, 0.2); } .nav-classic .marki-sharp-next:hover, .nav-classic .marki-sharp-prev:hover { color: #000 !important; } .nav-classic .marki-sharp-next:hover .prev-item-caption, .nav-classic .marki-sharp-prev:hover .prev-item-caption { right: 0; } .nav-classic .marki-sharp-next:hover .next-item-caption, .nav-classic .marki-sharp-prev:hover .next-item-caption { left: 0; } .nav-classic .marki-sharp-next:hover .sharp-nav-bg { -webkit-transition-delay: 0s !important; -moz-transition-delay: 0s !important; -ms-transition-delay: 0s !important; -o-transition-delay: 0s !important; transition-delay: 0s !important; -webkit-transform: perspective(300px) rotateY(0deg); -moz-transform: perspective(300px) rotateY(0deg); -ms-transform: perspective(300px) rotateY(0deg); -o-transform: perspective(300px) rotateY(0deg); transform: rotateY(0deg); } .nav-classic .marki-sharp-prev:hover .sharp-nav-bg { -webkit-transition-delay: 0s !important; -moz-transition-delay: 0s !important; -ms-transition-delay: 0s !important; -o-transition-delay: 0s !important; transition-delay: 0s !important; -webkit-transform: perspective(300px) rotateY(0deg); -moz-transform: perspective(300px) rotateY(0deg); -ms-transform: perspective(300px) rotateY(0deg); -o-transform: perspective(300px) rotateY(0deg); transform: rotateY(0deg); } .marki-fullwidth-false .marki-sharp-slider .swiper-slide.left_top .sharp-slide-content, .marki-fullwidth-false .marki-sharp-slider .swiper-slide.left_bottom .sharp-slide-content, .marki-fullwidth-false .marki-sharp-slider .swiper-slide.left_center .sharp-slide-content, .marki-fullwidth-false .marki-sharp-slider .swiper-slide.right_top .sharp-slide-content, .marki-fullwidth-false .marki-sharp-slider .swiper-slide.right_center .sharp-slide-content, .marki-fullwidth-false .marki-sharp-slider .swiper-slide.right_bottom .sharp-slide-content { margin-left: 25px; margin-right: 25px; } /* =============================================================== Pagination Styles ================================================================ */ .swiper-pagination { position: absolute; margin: 0; padding: 0; cursor: default; width: 100%; bottom: 6%; z-index: 10; text-align: center; left: 5px; } .swiper-pagination span, .fullPage-nav span { position: relative; display: inline-block; margin: 0 8px; width: 10px; height: 10px; cursor: pointer; } .swiper-pagination span a, .fullPage-nav span a { top: 0; left: 0; width: 100%; height: 100%; outline: none; border-radius: 50%; cursor: pointer; /* make the text accessible to screen readers */ position: absolute; } .swiper-pagination[data-skin="dark"] a, .fullPage-nav[data-skin="dark"] a { background-color: #000000; } .swiper-pagination[data-skin="light"] a, .fullPage-nav[data-skin="light"] a { background-color: #ffffff; } /* Small Stroke */ .pagination-small_stroke span { width: 9px; height: 9px; margin: 0 5.5px; } .pagination-small_stroke span a { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0.3; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .pagination-small_stroke span a:hover { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .pagination-small_stroke[data-skin="dark"] a { box-shadow: none; border: 0px solid #000000; border: 0px solid rgba(0, 0, 0, 0); } .pagination-small_stroke[data-skin="dark"] span a:hover, .pagination-small_stroke[data-skin="dark"] span a:focus { background-color: #333; } .pagination-small_stroke[data-skin="dark"] span.swiper-active-switch a { background-color: transparent; border: 2px solid #000000; opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .pagination-small_stroke[data-skin="light"] a { box-shadow: none; border: 0px solid #ffffff; border: 0px solid rgba(255, 255, 255, 0); } .pagination-small_stroke[data-skin="light"] span a:hover, .pagination-small_stroke[data-skin="light"] span a:focus { background-color: white; } .pagination-small_stroke[data-skin="light"] span.swiper-active-switch a { background-color: transparent; border: 2px solid #ffffff; opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } /* Rounded Underline */ .pagination-rounded span { width: 18px; height: 7px; margin: 0 4px; } .pagination-rounded span a { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 3.5px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0.3; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .pagination-rounded span a:hover { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .pagination-rounded[data-skin="dark"] a { box-shadow: none; border: 0px solid #000000; border: 0px solid rgba(0, 0, 0, 0); } .pagination-rounded[data-skin="dark"] span a:hover, .pagination-rounded[data-skin="dark"] span a:focus { background-color: #333; } .pagination-rounded[data-skin="dark"] span.swiper-active-switch a { background-color: transparent; border: 2px solid #000000; opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .pagination-rounded[data-skin="light"] a { box-shadow: none; border: 0px solid #ffffff; border: 0px solid rgba(255, 255, 255, 0); } .pagination-rounded[data-skin="light"] span a:hover, .pagination-rounded[data-skin="light"] span a:focus { background-color: white; } .pagination-rounded[data-skin="light"] span.swiper-active-switch a { background-color: transparent; border: 2px solid #ffffff; opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } /* Underline */ .pagination-underline span { width: 55px; height: 2px; margin: 0 3.5px; } .pagination-underline span a { border-radius: 0; background-clip: content-box; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0.3; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; border-width: 5px 0; border-color: transparent; border-style: solid; } .pagination-underline span a:hover { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .pagination-underline[data-skin="dark"] a { box-shadow: none; } .pagination-underline[data-skin="dark"] span a:hover, .pagination-underline[data-skin="dark"] span a:focus { background-color: #333; opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .pagination-underline[data-skin="dark"] span.swiper-active-switch a { background-color: #333; opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .pagination-underline[data-skin="light"] a { box-shadow: none; } .pagination-underline[data-skin="light"] span a:hover, .pagination-underline[data-skin="light"] span a:focus { background-color: white; opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .pagination-underline[data-skin="light"] span.swiper-active-switch a { background-color: white; opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } /* Square */ .pagination-square span { margin: 0 5.5px; width: 9px; height: 9px; } .pagination-square span a { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: all 0.3s ease; border-radius: 0; transition: all 0.3s ease; opacity: 0.3; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .pagination-square span a:hover { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .pagination-square[data-skin="dark"] a { box-shadow: none; border: 0px solid #000000; border: 0px solid rgba(0, 0, 0, 0); } .pagination-square[data-skin="dark"] span a:hover, .pagination-square[data-skin="dark"] span a:focus { background-color: #333; } .pagination-square[data-skin="dark"] span.swiper-active-switch a { background-color: transparent; border: 2px solid #000000; opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .pagination-square[data-skin="light"] a { box-shadow: none; border: 0px solid #ffffff; border: 0px solid rgba(255, 255, 255, 0); } .pagination-square[data-skin="light"] span a:hover, .pagination-square[data-skin="light"] span a:focus { background-color: white; } .pagination-square[data-skin="light"] span.swiper-active-switch a { background-color: transparent; border: 2px solid #ffffff; opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-tab-slider .marki-video-holder { height: 100%; } .marki-tab-slider .marki-half-layout { position: relative; float: left; } .marki-tab-slider .marki-tab-slider-content { padding: 0 50px; height: 100%; } .marki-tab-slider .marki-tab-slider-content:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; /* Adjusts for spacing */ } .marki-tab-slider .marki-tab-slider-content .marki-grid { min-width: 0; display: inline-block; vertical-align: middle; } .marki-tab-slider .marki-tab-slider-pagination { position: absolute; width: 50%; bottom: 90px; left: 0; z-index: 10; text-align: center; } .marki-tab-slider .marki-tab-slider-pagination .swiper-pagination { position: static; text-align: center; display: inline; } .marki-tab-slider .marki-tab-slider-pagination .swiper-pagination[data-skin="light"] a { background-color: #ffffff; } .marki-tab-slider .marki-tab-slider-pagination .swiper-pagination[data-skin="dark"] a { background-color: #000000; } .marki-tab-slider .marki-tab-slider-pagination i { margin-right: 20px; position: relative; top: -1px; font-size: 20px; } .marki-tab-slider .swiper-slide { height: 100%; } @media handheld, only screen and (max-width: 1200px) { .marki-tab-slider .wpb_row > div, .marki-tab-slider .marki-tab-slider-content { width: 100%; } } @media handheld, only screen and (max-width: 960px) { .marki-tab-slider .marki-half-layout { width: 100%; height: 500px; } .marki-tab-slider .marki-half-layout-right { height: auto; } .marki-tab-slider .marki-tab-slider-content { padding: 80px 15px 30px 15px ; } .marki-tab-slider .marki-tab-slider-pagination { bottom: auto; top: 400px; margin-bottom: 90px; width: 100%; } } .marki-tab-slider.force-responsive .marki-half-layout { width: 100%; height: 500px; } .marki-tab-slider.force-responsive .marki-half-layout-right { height: auto; } .marki-tab-slider.force-responsive .marki-tab-slider-content { padding: 80px 15px 30px 15px ; } .marki-tab-slider.force-responsive .marki-tab-slider-pagination { bottom: auto; top: 400px; margin-bottom: 90px; width: 100%; } .marki-sharp-one-pager .marki-grid { position: relative; z-index: 14; } .marki-sharp-one-pager .section { position: relative; background-position: center; background-repeat: no-repeat; overflow: hidden; } .marki-sharp-one-pager .section .sharp-slide-content { margin-top: 100px; } .marki-sharp-one-pager .section .marki-isotop-item { float: left; } .marki-sharp-one-pager .section.left_top .sharp-slide-content, .marki-sharp-one-pager .section.center_top .sharp-slide-content, .marki-sharp-one-pager .section.right_top .sharp-slide-content { margin-top: 120px; } .marki-sharp-one-pager .section.center_top .marki-sharp-title, .marki-sharp-one-pager .section.center_center .marki-sharp-title, .marki-sharp-one-pager .section.center_bottom .marki-sharp-title, .marki-sharp-one-pager .section.center_top .marki-sharp-desc, .marki-sharp-one-pager .section.center_center .marki-sharp-desc, .marki-sharp-one-pager .section.center_bottom .marki-sharp-desc, .marki-sharp-one-pager .section.center_top .sharp-buttons, .marki-sharp-one-pager .section.center_center .sharp-buttons, .marki-sharp-one-pager .section.center_bottom .sharp-buttons { text-align: center; } .marki-sharp-one-pager .section.center_top .sharp-slide-content, .marki-sharp-one-pager .section.center_center .sharp-slide-content, .marki-sharp-one-pager .section.center_bottom .sharp-slide-content { margin-right: auto; margin-left: auto; } .marki-sharp-one-pager .section.right_top, .marki-sharp-one-pager .section.right_center, .marki-sharp-one-pager .section.right_bottom { text-align: right; } .marki-sharp-one-pager .section.right_top .sharp-slide-content, .marki-sharp-one-pager .section.right_center .sharp-slide-content, .marki-sharp-one-pager .section.right_bottom .sharp-slide-content { float: right; } .marki-sharp-one-pager .sharp-slide-content.caption-light .marki-sharp-title, .marki-sharp-one-pager .sharp-slide-content.caption-light .marki-sharp-desc { color: #fff !important; } .marki-sharp-one-pager .sharp-slide-content.caption-dark .marki-sharp-title, .marki-sharp-one-pager .sharp-slide-content.caption-dark .marki-sharp-desc { color: #222 !important; } .marki-sharp-one-pager .sharp-fade-in, .marki-sharp-one-pager .sharp-slide-top, .marki-sharp-one-pager .sharp-slide-left, .marki-sharp-one-pager .sharp-slide-bottom, .marki-sharp-one-pager .sharp-slide-right, .marki-sharp-one-pager .sharp-scale-down { transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.7s; -webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.7s; -moz-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.7s; -ms-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.7s; -o-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.7s; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-sharp-one-pager .marki-sharp-title { margin-bottom: 20px; font-weight: 300; font-size: 50px; line-height: 110%; } .marki-sharp-one-pager .marki-sharp-desc { font-weight: 400; font-size: 20px; line-height: 27px; } .marki-sharp-one-pager .sharp-buttons { margin-top: 30px; } .marki-sharp-one-pager .active .sharp-fade-in { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-sharp-one-pager .sharp-slide-top { -webkit-transform: translate(0, -300%); -moz-transform: translate(0, -300%); -ms-transform: translate(0, -300%); -o-transform: translate(0, -300%); } .marki-sharp-one-pager .active .sharp-slide-top { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-sharp-one-pager .sharp-slide-left { -webkit-transform: translate(-300%, 0); -moz-transform: translate(-300%, 0); -ms-transform: translate(-300%, 0); -o-transform: translate(-300%, 0); } .marki-sharp-one-pager .active .sharp-slide-left { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-sharp-one-pager .sharp-slide-bottom { -webkit-transform: translate(0, 300%); -moz-transform: translate(0, 300%); -ms-transform: translate(0, 300%); -o-transform: translate(0, 300%); } .marki-sharp-one-pager .active .sharp-slide-bottom { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-sharp-one-pager .sharp-slide-right { -webkit-transform: translate(300%, 0); -moz-transform: translate(300%, 0); -ms-transform: translate(300%, 0); -o-transform: translate(300%, 0); } .marki-sharp-one-pager .active .sharp-slide-right { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-sharp-one-pager .sharp-scale-down { transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); } .marki-sharp-one-pager .active .sharp-scale-down { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .marki-sharp-one-pager .sharp-flip-x, .marki-sharp-one-pager .sharp-flip-y { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-perspective: 1000; opacity: 0; -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-delay: 1s; -moz-animation-delay: 1; -o-animation-delay: 1s; animation-delay: 1s; } .marki-sharp-one-pager .active .sharp-flip-x { -webkit-animation-name: marki_flip_x; -moz-animation-name: marki_flip_x; -o-animation-name: marki_flip_x; animation-name: marki_flip_x; opacity: 1; } .marki-sharp-one-pager .active .sharp-flip-y { -webkit-animation-name: marki_flip_y; -moz-animation-name: marki_flip_y; -o-animation-name: marki_flip_y; animation-name: marki_flip_y; opacity: 1; } .marki-sharp-one-pager .sharp-skip-slider { position: absolute; left: 50%; bottom: 20px; cursor: pointer; z-index: 10; margin: -24px 0 0 -24px; } .marki-sharp-one-pager .sharp-skip-slider i { color: #fff; font-size: 48px; } @media handheld, only screen and (max-width: 1140px) { .marki-sharp-one-pager .marki-grid { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; } .marki-sharp-one-pager .marki-sharp-title { font-weight: 600; font-size: 40px; } .marki-sharp-one-pager .marki-sharp-desc { font-weight: 400; font-size: 20px; line-height: 34px; } .marki-sharp-one-pager .sharp-slide-content { width: 80%; } } @media handheld, only screen and (max-width: 767px) { .marki-sharp-one-pager .marki-grid { padding: 0 15px; } .marki-sharp-one-pager .marki-sharp-title { font-weight: 700 !important; font-size: 22px !important; line-height: 130% !important; } .marki-sharp-one-pager .marki-sharp-desc { font-size: 14px; line-height: 22px !important; } .marki-sharp-one-pager .sharp-buttons .marki-button { padding: 10px 12px !important; font-size: 10px !important; margin-right: 15px !important; } .marki-sharp-one-pager .marki-button-align.left, .marki-sharp-one-pager .marki-button-align.center, .marki-sharp-one-pager .marki-button-align.right { width: auto !important; margin-bottom: 6px; } .marki-sharp-one-pager .sharp-slide-content { width: 100% !important; } } /* html, body { margin: 0; padding: 0; overflow:hidden; -webkit-tap-highlight-color: rgba(0,0,0,0); }*/ #superContainer { height: 100%; position: relative; /* Touch detection for Windows 8 */ -ms-touch-action: none; /* IE 11 on Windows Phone 8.1*/ touch-action: none; } .section { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .slide, .slidesContainer { height: 100%; display: block; } .slides { height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .section.table, .slide.table { display: table; width: 100%; } .tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .slidesContainer { float: left; position: relative; } .controlArrow { position: absolute; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; } .controlArrow.prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; } .controlArrow.next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; } .scrollable { overflow: scroll; } .easing { -webkit-transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1); transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1); /* easeInOutQuart */ -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); /* easeInOutQuart */ } #fullPage-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; } #fullPage-nav.right { right: 17px; -webkit-transform: translateX(50%) rotate(90deg); -moz-transform: translateX(50%) rotate(90deg); -ms-transform: translateX(50%) rotate(90deg); -o-transform: translateX(50%) rotate(90deg); transform: translateX(50%) rotate(90deg); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; } #fullPage-nav.left { left: 17px; -webkit-transform: translateX(-50%) rotate(90deg); -moz-transform: translateX(-50%) rotate(90deg); -ms-transform: translateX(-50%) rotate(90deg); -o-transform: translateX(-50%) rotate(90deg); transform: translateX(-50%) rotate(90deg); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; } .fullPage-slidesNav { position: absolute; z-index: 4; left: 50%; opacity: 1; } .fullPage-slidesNav.bottom { bottom: 17px; } .fullPage-slidesNav.top { top: 17px; } #fullPage-nav ul, .fullPage-slidesNav ul { margin: 0; padding: 0; } .fullPage-slidesNav li { display: block; width: 14px; height: 13px; margin: 7px; position: relative; } .fullPage-slidesNav li { display: inline-block; } .fullPage-slidesNav li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; } .fullPage-slidesNav.light-skin .active span { background: #fff; } .fullPage-slidesNav.dark-skin .active span { background: #444; } .fullPage-slidesNav span { top: 2px; left: 2px; width: 8px; height: 8px; position: absolute; z-index: 1; } .fullPage-slidesNav.light-skin span { border: 1px solid #fff; } .fullPage-slidesNav.dark-skin span { border: 1px solid #444; } .fullPage-tooltip { display: none !important; } .fullPage-tooltip.right { right: 20px; } .fullPage-tooltip.left { left: 20px; } /* Blog Styles */ /* * * * ********************************************* Blog Classic Style ********************************************* */ .blog-classic-entry { display: block; overflow: hidden; margin-bottom: 30px; width: 100%; opacity: 0; background:#fff; border:1px solid #eaeaea; padding:10px 10px 30px; } .blog-classic-entry.sticky-post { background: #eee; } .blog-classic-entry .hover-overlay { background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); background: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); background-color: transparent !important; transition: transform 0.35s; -webkit-transition: transform 0.35s; -moz-transition: transform 0.35s; -ms-transition: transform 0.35s; -o-transition: transform 0.35s; -webkit-transform: translate3d(0, 50%, 0); -moz-transform: translate3d(0, 50%, 0); -ms-transform: translate3d(0, 50%, 0); -o-transform: translate3d(0, 50%, 0); } .blog-classic-entry .hover-plus-icon { width: 27px; height: 27px; display: block; line-height: 27px; text-align: center; border: 3px solid #fff; color: #fff; font-size: 16px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; -webkit-transform: translate3d(0, 50%, 0); -moz-transform: translate3d(0, 50%, 0); -ms-transform: translate3d(0, 50%, 0); -o-transform: translate3d(0, 50%, 0); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; pointer-events: none; } .blog-classic-entry .hover-plus-icon:hover { background-color: #fff; color: #000; } .blog-classic-entry .featured-image:hover .hover-overlay { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); } .blog-classic-entry .featured-image:hover .item-featured-image { } .blog-classic-entry .featured-image:hover .hover-plus-icon { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; pointer-events: auto; } .blog-classic-entry .blog-entry-heading { position: relative; margin-bottom: 4px; padding: 0 6px; *zoom: 1; } .blog-classic-entry .blog-entry-heading:before, .blog-classic-entry .blog-entry-heading:after { content: " "; display: table; } .blog-classic-entry .blog-entry-heading:after { clear: both; } .blog-classic-entry .blog-entry-heading .post-type-icon { font-size: 16px; float: left; line-height: 28px; margin-right: 20px; } .blog-classic-entry .blog-entry-heading .blog-title { margin: 0; padding-right: 0; font-size: 20px !important; line-height: 28px; float: none; text-align:center; } .blog-classic-entry .blog-entry-heading .blog-comments, .blog-classic-entry .blog-entry-heading .marki-love-holder { display: inline-block; float: right; font-size: 12px; font-weight: bold; padding-left: 8px; line-height: 14px; margin-top: 6px; } .blog-classic-entry .blog-entry-heading .blog-comments .marki-love-count, .blog-classic-entry .blog-entry-heading .marki-love-holder .marki-love-count { color: #d5d5d5; font-size: 12px; font-weight: bold; } .blog-classic-entry .blog-entry-heading .blog-comments i, .blog-classic-entry .blog-entry-heading .marki-love-holder i { font-size: 16px; padding-right: 3px; color: #d7d7d7; } .blog-classic-entry .blog-entry-heading .marki-love-holder { padding-right: 8px; border-right: 2px solid #eee; } .blog-classic-entry .blog-gallery-type .marki-slideshow-shortcode { margin: 0; padding: 0; border: none; background-color: transparent; } .blog-classic-entry .marki-video-wrapper, .blog-classic-entry .featured-image, .blog-classic-entry .marki-audio, .blog-classic-entry .blog-gallery-type { margin-bottom: 0; } .blog-classic-entry .blog-excerpt { padding: 0 15px; line-height: 26px; text-align:center; } .blog-classic-entry .audio-iframe { margin-bottom: 15px; } @media handheld, only screen and (max-width: 600px) { .blog-classic-entry { margin-bottom: 30px !important; } .blog-classic-entry .blog-title { display: block !important; margin-bottom: 10px !important; text-align:center; } .blog-classic-entry .blog-comments, .blog-classic-entry .marki-love-holder { float: left !important; border: none !important; margin: 20px 5px 15px 0; font-size: 14px !important; line-height: 30px; } .blog-classic-entry .blog-meta { display: block; clear: both; } } .blog-meta { line-height: 1; margin-bottom: 20px; padding:15px 0; text-align:center; border-bottom:1px solid #eaeaea; background:#f9f9f9; } .blog-meta time, .blog-meta .blog-categories { float: none; display:inline-block; margin-right:15px } .blog-meta time { margin-right: 15px; } .blog-meta a { color: #999999; font-size: 12px; font-weight: bold; text-transform: capitalize; } .blog-meta .blog-comments{margin-right:15px;border-right:none !important;} .blog-meta .marki-love-holder{display:inline-block;color:#999;} .comment-count.single-post-fancy-title h6{ padding-bottom:30px; font-size:18px; text-transform:uppercase; margin-bottom:0; } .comment-count.single-post-fancy-title h6 span{ width:30px; height:30px; font-size:16px; border-radius:50%; color:#fff; text-align:center; line-height:30px; padding:0; } @media handheld, only screen and (max-width: 650px) { .blog-meta time, .blog-meta .blog-categories { display:block; margin-right:0; padding:5px 15px; } .blog-meta .blog-comments { margin: 0; text-align:center; float:none !important; } } .ping-title-wrap{margin-bottom:15px;} .ping_title{margin-bottom:10px;} .ping-meta .comment-time{padding:0 !important;} /* * * * ********************************************* Blog Masonry Style ********************************************* */ .blog-masonry-entry { overflow: hidden; display: block; opacity: 0; float: left; } .blog-masonry-entry .item-holder { margin: 0 15px 30px 30px; background-color: #fdfdfd; border: 2px solid #eee; padding-bottom: 10px; } .blog-masonry-entry .item-holder .featured-image .hover-overlay { background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); background: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); background-color: transparent !important; } .blog-masonry-entry .post-type-icon { position: absolute; left: 0; top: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; border: 2px solid #eee; background-color: #eee; border-right: none; display: block; color: #5b5b5b; } .blog-masonry-entry .post-type-icon:hover { color: #666; background-color: #eee !important; } .blog-masonry-entry .post-type-icon i { font-size: 16px; line-height: 30px; display: block; } .blog-masonry-entry .blog-meta { display: block; clear: both; margin: 0; padding: 10px 25px; } .blog-masonry-entry .blog-meta time { padding-bottom: 5px; } .blog-masonry-entry .blog-entry-heading { position: relative; margin-bottom: 4px; padding: 15px 25px; background-color: #f7f7f7; *zoom: 1; } .blog-masonry-entry .blog-entry-heading:before, .blog-masonry-entry .blog-entry-heading:after { content: " "; display: table; } .blog-masonry-entry .blog-entry-heading:after { clear: both; } .blog-masonry-entry .blog-entry-heading .blog-title { margin: 0; padding: 0; line-height: 22px; display: inline-block; } .blog-masonry-entry .blog-entry-heading .blog-title a { color: #666666; } .blog-masonry-entry .blog-entry-heading .blog-comments, .blog-masonry-entry .blog-entry-heading .marki-love-holder { display: inline-block; color: #d5d5d5; font-size: 12px; padding-left: 8px; line-height: 14px; float: right; } .blog-masonry-entry .blog-entry-heading .blog-comments .marki-love-count, .blog-masonry-entry .blog-entry-heading .marki-love-holder .marki-love-count { color: #d5d5d5; font-size: 12px; } .blog-masonry-entry .blog-entry-heading .blog-comments i, .blog-masonry-entry .blog-entry-heading .marki-love-holder i { font-size: 16px; padding-right: 3px; color: #d7d7d7; } .blog-masonry-entry .blog-entry-heading .marki-love-holder { padding-right: 8px; border-right: 2px solid #eee; } .blog-masonry-entry .blog-entry-heading .marki-love-holder .marki-icon-heart { position: relative; top: 1px; } .blog-masonry-entry .marki-video-wrapper, .blog-masonry-entry .featured-image, .blog-masonry-entry .marki-audio, .blog-masonry-entry .blog-gallery-type .marki-image-slideshow { margin-bottom: 0; } .blog-masonry-entry .blog-excerpt { padding: 0 25px 15px; line-height: 26px; } .blog-masonry-entry .audio-iframe { padding: 25px 25px 15px; } .blog-masonry-entry .jp-interface { border: none !important; background-color: transparent !important; padding: 0px 90px 0px 50px !important; } .blog-masonry-entry .jp-interface .jp-controls { left: 10px; top: 0px; } .blog-masonry-entry .jp-interface .js-volume-wrapper { right: 10px; top: 0px; margin-top: 0; } .blog-masonry-entry.one-column { width: 100%; } .blog-masonry-entry.one-column .blog-title { font-size: 16px !important; font-weight: normal !important; } .blog-masonry-entry.one-column .jp-interface { padding: 10px 90px 10px 50px !important; } .blog-masonry-entry.one-column .jp-interface .jp-controls { top: 10px !important; } .blog-masonry-entry.one-column .jp-interface .jp-progress { top: 0 !important; } .blog-masonry-entry.one-column .jp-interface .js-volume-wrapper { top: 10px !important; } .blog-masonry-entry.two-column { width: 49.8%; } .blog-masonry-entry.two-column .blog-title { font-size: 16px !important; font-weight: normal !important; } .blog-masonry-entry.two-column .blog-gallery-type { border: 0 !important; } .blog-masonry-entry.two-column .blog-entry-heading { border: 0 !important; } .blog-masonry-entry.two-column .jp-interface { padding: 10px 90px 10px 50px !important; } .blog-masonry-entry.two-column .jp-interface .jp-controls { top: 10px !important; } .blog-masonry-entry.two-column .jp-interface .jp-progress { top: 0 !important; } .blog-masonry-entry.two-column .jp-interface .js-volume-wrapper { top: 10px !important; } .blog-masonry-entry.three-column { width: 33.1%; } .blog-masonry-entry.three-column .blog-title { font-size: 13px !important; line-height: 18px; font-weight: normal !important; } .blog-masonry-entry.three-column .jp-interface { padding: 10px 90px 10px 50px !important; } .blog-masonry-entry.three-column .jp-interface .jp-controls { top: 10px !important; } .blog-masonry-entry.three-column .jp-interface .jp-progress { top: 0 !important; } .blog-masonry-entry.three-column .jp-interface .js-volume-wrapper { top: 10px !important; } .blog-masonry-entry.three-column .blog-comments { display: none; } .blog-masonry-entry.three-column .marki-love-holder { border-right: 0; position: relative; top: 2px; } .blog-masonry-entry.four-column { width: 24.8%; } .blog-masonry-entry.four-column .item-holder { padding-bottom: 15px; } .blog-masonry-entry.four-column .blog-meta { padding-right: 15px; padding-left: 15px; } .blog-masonry-entry.four-column .blog-excerpt { padding: 0 15px; } .blog-masonry-entry.four-column .blog-entry-heading { padding: 10px 10px 10px 8px; } .blog-masonry-entry.four-column .blog-title { margin: 0; padding: 0 10px 0 8px; font-size: 12px !important; line-height: 18px; font-weight: normal; display: block; } .blog-masonry-entry.four-column .blog-title a { color: #666666; } .blog-masonry-entry.four-column .jp-interface { padding: 0 10px 40px !important; } .blog-masonry-entry.four-column .jp-controls { top: 38px; left: 10px; } .blog-masonry-entry.four-column .js-volume-wrapper { top: 38px; left: 50px; } .blog-masonry-entry.four-column .blog-comments { display: none; } .blog-masonry-entry.four-column .marki-love-holder { border-right: 0; } @media handheld, only screen and (max-width: 960px) { .blog-masonry-entry.three-column, .blog-masonry-entry.four-column { width: 49.8% !important; } } @media handheld, only screen and (max-width: 650px) { .blog-masonry-entry.three-column, .blog-masonry-entry.four-column, .blog-masonry-entry.two-column, .blog-masonry-entry.one-column { width: 100% !important; } } /* * * * ********************************************* Blog List Style ********************************************* */ .blog-list-entry { background: #fff; border: 1px solid #eaeaea; margin-bottom: 30px; padding: 10px; padding-top: 10px; width: 100%; } .blog-list-entry { *zoom: 1; } .blog-list-entry:before, .blog-list-entry:after { content: " "; display: table; } .blog-list-entry:after { clear: both; } .blog-list-entry .the-title { font-size: 16px !important; text-transform:capitalize; font-weight: normal !important; line-height:16px; margin: 12px 0 0; } .blog-list-entry .listtype-meta time a { color: #444; } .blog-list-entry .listtype-meta time, .blog-list-entry .listtype-meta a, .blog-list-entry .listtype-meta span { font-size: 11px; } .blog-list-entry .listtype-meta span a { color: #9f9f9f; } .blog-list-entry .post-type-icon { width: 40px; height: 40px; display: block; line-height: 40px; text-align: center; border: 2px solid #999999; color: #999999; margin: 5px 0 10px; } .blog-list-entry .post-type-icon i { font-size: 16px; line-height: 40px; display: block; } .blog-list-entry .post-type-icon:hover { color: #fff; } .blog-list-entry .marki-pagination { padding-top: 40px; margin-top: 50px; border-top: 1px solid #eee; } .blog-list-entry .list-posttype-col { width: 70px; float: left; } .blog-list-entry .list-content-col { float: left; display: block; width: 80%; *zoom: 1; } .blog-list-entry .list-content-col:before, .blog-list-entry .list-content-col:after { content: " "; display: table; } .blog-list-entry .list-content-col:after { clear: both; } @media handheld, only screen and (max-width: 600px) { .blog-list-entry .list-posttype-col { display: none; } .blog-list-entry .list-content-col { width: 100%; } } /* * * * ********************************************* Blog Thumb Style ********************************************* */ .marki-thumb-wrapper{ margin-left:-15px; margin-right:-15px; } .right-layout .marki-thumb-wrapper, .left-layout .marki-thumb-wrapper{ margin-left:0; margin-right:0; } .marki-thumb-wrapper .blog-thumb-entry.two-column{ width:50%; padding-left:15px; padding-right:15px; float:left; } .marki-thumb-wrapper .blog-thumb-entry .article-wrap{ padding:30px; background:#fff; -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.03); -moz-box-shadow: 0 0 6px 3px rgba(0,0,0,0.03); box-shadow: 0 0 6px 3px rgba(0,0,0,0.03); } .marki-thumb-wrapper .blog-thumb-entry.two-column .article-wrap{ padding:20px; } .marki-thumb-wrapper .blog-thumb-entry .article-wrap:hover{ -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.05); -moz-box-shadow: 0 0 10px 5px rgba(0,0,0,0.05); box-shadow: 0 0 10px 5px rgba(0,0,0,0.05); } .marki-thumb-wrapper .blog-thumb-entry.one-column{ width:100%; } .blog-thumb-entry { width: 100%; margin-bottom: 30px; padding:0 15px; *zoom: 1; } .blog-thumb-entry:before, .blog-thumb-entry:after { content: " "; display: table; } .blog-thumb-entry:after { clear: both; } .blog-thumb-entry .featured-image { float: left; } .blog-thumb-entry .featured-image img { width: 100%; } .blog-thumb-entry .blog-thumb-content { float: left; position:relative; } .blog-thumb-entry.two-column .featured-image { float: left; } .blog-thumb-entry.two-column .blog-thumb-content { } .right-layout .blog-thumb-entry .featured-image, .left-layout .blog-thumb-entry .featured-image { } .right-layout .blog-thumb-entry .blog-thumb-content, .left-layout .blog-thumb-entry .blog-thumb-content { } .right-layout .blog-thumb-entry.two-column .blog-thumb-content, .left-layout .blog-thumb-entry.two-column .blog-thumb-content { } .blog-thumb-entry.two-column .blog-thumb-content-inner { } .right-layout .blog-thumb-entry .blog-thumb-content-inner, .left-layout .blog-thumb-entry .blog-thumb-content-inner { } .blog-thumb-entry .blog-thumb-content-inner { padding: 0 0 0 30px; } .blog-thumb-entry .blog-thumb-content .blog-thumb-metas{ border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:10px; } .blog-thumb-entry.two-column .blog-thumb-content .blog-thumb-metas { border-bottom: 1px solid #eee; margin-bottom: 6px; padding-bottom: 6px; font-size: 12px; } .blog-thumb-entry .blog-thumb-content .blog-thumb-metas .blog-comments{ display:inline-block; line-height:26px; font-size:13px; } .blog-thumb-entry .blog-thumb-content .blog-thumb-metas .blog-comments:after{ content:"/"; margin:0 10px; } .blog-thumb-entry .blog-thumb-content .blog-thumb-metas .blog-date:after{ content:"/"; margin:0 10px; } .blog-thumb-entry.two-column .blog-thumb-content .blog-thumb-metas .blog-comments:after, .blog-thumb-entry.two-column .blog-thumb-content .blog-thumb-metas .blog-date:after{margin:0 5px;} .blog-thumb-entry .blog-thumb-content .blog-thumb-metas .blog-categories{ display:inline-block; color:#777 !important; line-height:26px; } .blog-thumb-entry .blog-thumb-content .blog-thumb-content-inner a.blog-readmore{ border-radius: 3px; bottom: 0; min-width: 120px; padding: 8px 10px; position: absolute; right: 0; text-align: center; } .blog-thumb-entry .blog-thumb-content .blog-thumb-metas .blog-categories:after{ content:"/"; margin:0 10px; } .blog-thumb-entry .blog-thumb-content .blog-thumb-metas .blog-readmore{ display:inline-block; line-height:26px; } .blog-thumb-entry .blog-title { font-size: 18px; margin-bottom: 5px; font-weight: 700 !important; } .blog-thumb-entry time a { font-weight: bold; font-size: 11px; display: inline-block; line-height: 14px; } .blog-thumb-entry time a { color: #999999; } @media handheld, only screen and (max-width: 550px) { .blog-thumb-entry .blog-thumb-content { width: 100%; float: none; padding: 5px 0 15px; } .blog-thumb-entry .featured-image { width: 100%; float: none; } .blog-thumb-entry .featured-image img { width: 100%; } } /* * * * ********************************************* Blog Scroller Style ********************************************* */ .blog-scroller-entry { position: relative; overflow: hidden; } .blog-scroller-entry .blog-title { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 13px; line-height: 20px; font-weight: bold !important; position: absolute; left: 0; bottom: 0; margin: 0; width: 100%; padding: 20px; background-color: rgba(0, 0, 0, 0.5); border-top: 2px solid rgba(255, 255, 255, 0.5); } .blog-scroller-entry .blog-title a { color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; display: block; } .blog-scroller-entry .blog-title { transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .blog-scroller-entry:hover .blog-title { bottom: -200px; } .blog-scroller-arrows { width: 34px; height: 34px; background-color: rgba(0, 0, 0, 0.2); border: 2px solid #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: block; position: absolute; top: 50%; margin-top: -20px; text-align: center; } .blog-scroller-arrows i { color: #fff; line-height: 32px; font-size: 16px; } .blog-scroller-arrows.marki-swiper-prev { left: 15px; } .blog-scroller-arrows.marki-swiper-next { right: 15px; } .blog-scroller-arrows:hover { background-color: #fff !important; } .blog-scroller-arrows:hover i { color: #000 !important; } /* * * * ********************************************* Blog Magazine Style ********************************************* */ .blog-magazine-entry { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .marki-magazine-wrapper { margin-bottom: 20px; *zoom: 1; } .marki-magazine-wrapper:before, .marki-magazine-wrapper:after { content: " "; display: table; } .marki-magazine-wrapper:after { clear: both; } .magazine-featured-post .magazine-posttype-icon { color: #fff; position: absolute; bottom: 12px; left: 12px; font-size: 16px; } .magazine-featured-post .blog-title { font-size: 13px; position: absolute; left: 0; bottom: 0; display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 22px; background-color: rgba(0, 0, 0, 0.5); border-top: 2px solid rgba(255, 255, 255, 0.5); margin: 0; z-index: 15; } .magazine-featured-post .blog-title a { color: #fff; } .magazine-featured-post .blog-meta { background-color: #fafafa; padding: 12px; } .magazine-featured-post time a { color: #999999; font-size: 12px; } .magazine-featured-post time { display: inline-block; margin-top: 3px; } .magazine-featured-post .blog-excerpt { line-height: 26px; } .magazine-featured-post .blog-categories { margin: 3px 10px 0 0; } .magazine-featured-post .marki-love-holder, .magazine-featured-post .blog-comments { display: inline-block; float: right; margin: 4px 0 4px 4px; } .magazine-featured-post .marki-love-holder i, .magazine-featured-post .blog-comments i { font-size: 16px; color: #d7d7d7; } .magazine-featured-post .blog-comments { padding-left: 8px; border-left: 2px solid #eee; } .magazine-featured-post .blog-comments i { margin-right: 4px; font-size: 16px; } .magazine-thumb-post { padding-bottom: 15px; margin-bottom: 15px; width: 100%; border-bottom: 2px solid #eee; *zoom: 1; } .magazine-thumb-post:before, .magazine-thumb-post:after { content: " "; display: table; } .magazine-thumb-post:after { clear: both; } .magazine-thumb-post .blog-title { font-size: 13px; font-weight: 400 !important; margin: 5px 0; } .magazine-thumb-post time a, .magazine-thumb-post .blog-cat a { font-size: 11px; display: inline-block; line-height: 14px; } .magazine-thumb-post time a { color: #444; } .magazine-thumb-post .blog-cat { padding-left: 5px; } .magazine-thumb-post .blog-cat a { color: #9f9f9f; } .magazine-thumb-post .featured-image { width: 12%; float: left; } .magazine-thumb-post .blog-thumb-content { width: 88%; float: left; padding: 5px 5px 0 20px; } .mag-one-column .magazine-featured-post { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 2px solid #eee; } .mag-two-column-right .magazine-featured-post, .mag-two-column-left .magazine-featured-post { width: 50%; float: right; position: relative; } .mag-two-column-right .magazine-featured-post:before, .mag-two-column-left .magazine-featured-post:before { position: absolute; top: 0; content: ""; display: block; width: 2px; height: 100%; background: #eee; } .mag-two-column-right .magazine-thumb-post, .mag-two-column-left .magazine-thumb-post { width: 50%; } .mag-two-column-right .magazine-featured-post { float: right; padding-left: 80px; } .mag-two-column-right .magazine-featured-post:before { left: 40px; } .mag-two-column-right .magazine-thumb-post { float: left; } .mag-two-column-left .magazine-featured-post { float: left; padding-right: 80px; } .mag-two-column-left .magazine-featured-post:before { right: 40px; } .mag-two-column-left .magazine-thumb-post { float: right; } @media handheld, only screen and (max-width: 680px) { .mag-two-column-right .magazine-featured-post, .mag-two-column-left .magazine-featured-post { width: 100%; float: none; padding: 0 0 30px; } .mag-two-column-right .magazine-featured-post:before, .mag-two-column-left .magazine-featured-post:before { display: none; } .mag-two-column-right .magazine-thumb-post, .mag-two-column-left .magazine-thumb-post { width: 100%; } } /* * * * ********************************************* Blog Tile Style ********************************************* */ .post-inner-content{ -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1); -moz-box-shadow: 0 0 10px rgba(0,0,0,.1); box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:6px; background:#fff; margin-bottom:10px; } .marki-tile-wrapper{ margin-left:-15px; margin-right:-15px; } .blog-tile-entry { display: block; opacity:1; float: left; padding-left:15px; padding-right:15px; margin-bottom:30px; } .blog-tile-entry .item-holder { padding: 0; background:#fff; } .blog-tile-entry .item-holder .item-inner-holder{ padding:30px; } .blog-tile-entry .item-holder{ -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1); -moz-box-shadow: 0 0 10px rgba(0,0,0,.1); box-shadow: 0 0 10px rgba(0,0,0,.1); } .blog-tile-entry .item-holder:hover { -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1); -moz-box-shadow: 0 0 10px rgba(0,0,0,.1); box-shadow: 0 0 10px rgba(0,0,0,.1); } .blog-tile-entry .blog-meta { text-align: left; line-height: 13px; margin: 0 0 15px; padding-bottom: 10px; background:none; padding:0; border:none; } .blog-tile-entry .blog-meta .date a{ color:#fff !important; font-weight:normal; text-transform:uppercase; font-size:10px; padding:5px 10px; line-height:10px; } .blog-tile-entry .blog-meta time, .blog-tile-entry .blog-meta .blog-categories, .blog-tile-entry .blog-meta .blog-comments, .blog-tile-entry .blog-meta .marki-love-holder { float: none; display: inline-block; border-right: 2px solid #d2d2d2; padding: 0 10px; margin: 0; font-size:11px; } .blog-tile-entry .blog-meta .blog-categories a { font-size:11px; } .blog-tile-entry .blog-meta .marki-love-holder { margin-right: 7px; border: none; } .blog-tile-entry .blog-meta .marki-love-holder span { display: inline-block; font-size: 11px; } .blog-tile-entry .blog-meta .blog-comments, .blog-tile-entry .blog-meta .marki-love-holder { font-size:11px; } .blog-tile-entry .blog-meta .blog-comments i, .blog-tile-entry .blog-meta .marki-love-holder i { font-size: 16px; } .blog-tile-entry .blog-gallery-type { position: relative; padding: 12px; border: 2px solid #efefef; } .blog-tile-entry .featured-image { position: relative; z-index: 2; } .blog-tile-entry .featured-image img { width: 100%; } .blog-tile-entry .hover-overlay { background: -webkit-linear-gradient(rgba(249, 194, 2, 0) 0%, rgba(249, 194, 2, 0.6) 100%); background: -o-linear-gradient(rgba(249, 194, 2, 0) 0%, rgba(249, 194, 2, 0.6) 100%); background: linear-gradient(rgba(249, 194, 2, 0) 0%, rgba(249, 194, 2, 0.6) 100%); background-color: transparent !important; transition: transform 0.35s; -webkit-transition: transform 0.35s; -moz-transition: transform 0.35s; -ms-transition: transform 0.35s; -o-transition: transform 0.35s; -webkit-transform: translate3d(0, 50%, 0); -moz-transform: translate3d(0, 50%, 0); -ms-transform: translate3d(0, 50%, 0); -o-transform: translate3d(0, 50%, 0); } .blog-tile-entry:hover .featured-image .hover-overlay { z-index: 1000; opacity: .85; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; -webkit-transition: -webkit-transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .blog-tile-entry:hover .featured-image .hover-overlay { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); } .blog-tile-entry:hover .featured-image .item-featured-image{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); filter: grayscale(0) !important; -moz-filter: grayscale(0) !important; -ms-filter: grayscale(0) !important; -o-filter: grayscale(0) !important; -webkit-filter: grayscale(0) !important; } .blog-tile-entry .grid-image-inner { position: relative; overflow: hidden; } .blog-tile-entry .blog-avatar { text-align: center; margin-bottom: 10px; position: relative; z-index: 3; } .blog-tile-entry .avatar { padding: 5px; border: 2px solid #efefef; margin: 0 auto; background-color: #fff; } .blog-tile-entry.image-post-type .blog-avatar, .blog-tile-entry.portfolio-post-type .blog-avatar, .blog-tile-entry.video-post-type .blog-avatar, .blog-tile-entry.gallery-post-type .blog-avatar { margin-top: -55px; } .blog-tile-entry .marki-image-slideshow { margin-bottom: 0; } .blog-tile-entry .text-post-wrapper { padding: 15px; border: 2px solid #efefef; background: #fafafa; } .blog-tile-entry .marki-video-wrapper, .blog-tile-entry .featured-image, .blog-tile-entry .marki-audio, .blog-tile-entry .blog-gallery-type { margin: 0; } .blog-tile-entry .blog-gallery-type { background-color: #fdfdfd; } .blog-tile-entry .marki-video-wrapper { background-color: #fdfdfd; padding: 12px; border: 2px solid #efefef; } .blog-tile-entry .jp-audio { width: auto !important; } .blog-tile-entry.audio-post-type .blog-avatar { display: none; } .blog-tile-entry .blog-entry-heading { position: relative; padding: 0; margin-bottom: 11px; margin-top:0; } .blog-tile-entry .blog-entry-heading h5.blog-title { font-weight: 400 !important; text-align:left !important; letter-spacing:0; } .blog-tile-entry .blog-entry-heading .blog-title a{ line-height: 22px; margin: 0; text-align:left !important; font-size:18px; } .blog-tile-entry .blog-entry-heading i { position: absolute; right: 10px; top: 50%; color: #d7d7d7; margin-top: -8px; text-align: center; font-size: 16px; } .blog-tile-entry .blog-excerpt { margin: 0; line-height: 26px; text-align:left; } .blog-readmore-btn{ text-align:left; margin-top:20px; padding:0; } .blog-readmore-btn a{ text-align:center; border:1px solid #eaeaea; padding:6px 15px 8px; min-width:120px; display:inline-block; border-radius:25px; background:#f9f9f9; } .blog-tile-entry.one-column { width: 100%; margin: 0 0 30px; } .blog-tile-entry.one-column .blog-title { font-size: 18px !important; } .blog-tile-entry.two-column { width: 50%; } .blog-tile-entry.two-column .blog-title { font-size: 18px !important; } .blog-tile-entry.three-column { width: 33.3333%; } .blog-tile-entry.three-column .blog-title { font-size: 15px !important; } .blog-tile-entry.four-column { width: 25%; } .blog-tile-entry.four-column .blog-title { font-size: 13px !important; } .blog-tile-entry.four-column .blog-categories { border-right: none; } .blog-tile-entry.four-column .blog-avatar, .blog-tile-entry.four-column .blog-comments, .blog-tile-entry.four-column .marki-love-holder { display: none; } @media handheld, only screen and (max-width: 960px) { .blog-tile-entry.three-column, .blog-tile-entry.four-column { width: 50% !important; } } @media handheld, only screen and (max-width: 650px) { .blog-tile-entry.three-column, .blog-tile-entry.four-column, .blog-tile-entry.two-column, .blog-tile-entry.one-column { width: 100% !important; } } /* * * * ********************************************* Blog Modern Style ********************************************* */ .blog-modern-entry { position: relative; margin-bottom: 40px; opacity: 0; width: 100%; } .blog-modern-entry .hover-overlay { background-color: #000; opacity: 0.6; } .blog-modern-entry:hover .hover-overlay { opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; bottom: -100%; } .blog-modern-entry:hover .blog-title { margin-top: -30px; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .blog-modern-entry:hover .blog-meta { margin-bottom: -30px; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .blog-modern-entry:hover .blog-modern-button { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; visibility: visible; pointer-events: inherit; } .blog-modern-entry:hover .modern-featured-image img, .blog-modern-entry:hover .blog-gallery-type img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .blog-modern-entry .blog-entry-heading { position: absolute; top: 50%; left: 50%; text-align: center; z-index: 10; } .blog-modern-entry .blog-title { font-size: 30px; font-weight: 300 !important; line-height: 36px; margin-bottom: 30px; display: block; } .blog-modern-entry .blog-title a { color: #fff; } .blog-modern-entry .blog-modern-button { font-size: 12px; font-weight: bold; color: #fff; border: 2px solid #fff; line-height: 12px; padding: 14px 20px; visibility: hidden; pointer-events: none; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .blog-modern-entry .blog-modern-button:hover { color: #000; background-color: #fff; } .blog-modern-entry .blog-gallery-type .marki-image-slideshow { margin-bottom: 0; width: 100% !important; position: relative; z-index: 10; } .blog-modern-entry .slideshow-swiper-arrows { z-index: 15; } .blog-modern-entry .modern-featured-image { overflow: hidden; } .blog-modern-entry .modern-featured-image img, .blog-modern-entry .blog-gallery-type img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .blog-modern-entry .blog-gallery-type .swiper-slide { overflow: hidden; } .blog-modern-entry .blog-meta { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 30px 30px; z-index: 14; margin: 0; transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; } @media handheld, only screen and (max-width: 767px) { .blog-modern-entry:hover .blog-title { margin-top: 0 !important; opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .blog-modern-entry:hover .blog-meta { margin-bottom: 0 !important; opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .blog-modern-entry:hover .blog-modern-button { display: none !important; } .blog-modern-entry .hover-overlay { display: none !important; } .blog-modern-entry .blog-entry-heading { position: relative !important; width: 100% !important; text-align: left !important; margin-top: 10px !important; margin-left: 0 !important; padding: 0 10px; left: 0 !important; color: #393836; } .blog-modern-entry .blog-entry-heading .blog-title a { color: #393836 !important; } .blog-modern-entry .blog-meta { position: relative; margin-top: 10px; color: #eee; } .blog-modern-entry .blog-meta a, .blog-modern-entry .blog-meta .blog-categories, .blog-modern-entry .blog-meta .post-type-icon, .blog-modern-entry .blog-meta .marki-love-this { color: #696969; } .blog-modern-entry .blog-meta .blog-comments, .blog-modern-entry .blog-meta .marki-love-holder { margin-top: 5px; } } .blog-modern-entry time, .blog-modern-entry .blog-categories, .blog-modern-entry .post-type-icon { display: inline-block; float: left; font-weight: bold; } .blog-modern-entry .post-type-icon { font-size: 16px; color: #fff; padding-right: 7px; } .blog-modern-entry time a { color: #fff; } .blog-modern-entry .blog-comments, .blog-modern-entry .marki-love-holder { float: right; color: #fff; display: inline-block; padding-left: 6px; font-weight: bold; font-size: 12px; } .blog-modern-entry .blog-comments i, .blog-modern-entry .marki-love-holder i { font-size: 16px; } @media handheld, only screen and (max-width: 767px) { .blog-modern-entry .blog-title { font-size: 14px; font-weight: 400 !important; line-height: 22px; margin-bottom: 0px; } .blog-modern-entry .blog-modern-button { display: none; } .blog-modern-entry .blog-meta { padding: 0 10px 10px; } } .IE .blog-modern-entry:hover .modern-featured-image img, .IE .blog-modern-entry:hover .blog-gallery-type img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } /* * * * ********************************************* Blog Slideshow Style ********************************************* */ .blog-slideshow-entry { position: relative; } .blog-slideshow-entry .blog-meta { position: absolute; left: 0; bottom: 0; margin: 0; width: 100%; padding: 25px; background-color: rgba(0, 0, 0, 0.5); border-top: 2px solid rgba(255, 255, 255, 0.5); } .blog-slideshow-entry .post-type-icon, .blog-slideshow-entry .blog-title { display: inline-block; float: left; font-weight: bold; } .blog-slideshow-entry .blog-title { margin: 0; font-size: 14px; font-weight: bold !important; } .blog-slideshow-entry .blog-title a { color: #fff; } .blog-slideshow-entry .marki-love-holder { float: right; color: #fff; display: inline-block; padding-left: 10px; margin-left: 10px; border-left: 2px solid #eee; font-weight: bold; font-size: 12px; } .blog-slideshow-entry .marki-love-holder i { font-size: 16px; } .blog-slideshow-entry .post-type-icon { font-size: 16px; color: #fff; padding-right: 7px; } .blog-slideshow-entry time, .blog-slideshow-entry .blog-categories { display: inline-block; float: right; } .blog-slideshow-entry time a { color: #fff; } @media handheld, only screen and (max-width: 767px) { .blog-slideshow-entry .blog-meta { display: none; } } /* * * * ********************************************* Blog Teaser Style ********************************************* */ .marki-blog-teaser .blog-slider-item { width: 66.667%; float: left; } .marki-blog-teaser .blog-teaser-side-item { overflow: hidden; float: left; position: relative; } .marki-blog-teaser .blog-teaser-side-item .item-holder { margin-left: 1px; } .marki-blog-teaser .blog-teaser-side-item.full-item { width: 33.33%; } .marki-blog-teaser .blog-teaser-side-item.half-item { width: 16.665%; } .marki-blog-teaser .blog-teaser-side-item.half-item .item-holder { margin-top: 1px; } .marki-blog-teaser .blog-teaser-side-item:hover .blog-title { bottom: -50px; } .marki-blog-teaser .blog-teaser-side-item .blog-title { position: absolute; left: 1px; bottom: 0; font-size: 13px; white-space: nowrap; margin: 0; padding: 12px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.5); border-top: 2px solid rgba(255, 255, 255, 0.3); } .marki-blog-teaser .blog-teaser-side-item .blog-title a { color: #fff; font-weight: bold !important; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 98%; display: block; } @media handheld, only screen and (max-width: 767px) { .marki-blog-teaser .blog-slider-item { width: 100%; float: none; } .marki-blog-teaser .blog-teaser-side-item .item-holder { margin-top: 1px; } .marki-blog-teaser .blog-teaser-side-item .item-featured-image { width: 100%; } .marki-blog-teaser .blog-teaser-side-item.full-item { width: 50%; } .marki-blog-teaser .blog-teaser-side-item.half-item { width: 25%; } } @media handheld, only screen and (max-width: 600px) { .marki-blog-teaser .blog-teaser-side-item.full-item { width: 100%; float: none; } .marki-blog-teaser .blog-teaser-side-item.half-item { width: 50%; } } /* * * * ********************************************* General Settings ********************************************* */ .blog-gallery-type .marki-image-slideshow .marki-swiper-container:hover .slideshow-swiper-arrows { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .blog-gallery-type .marki-image-slideshow .marki-swiper-container:hover .slideshow-swiper-arrows:hover { background-color: #fff !important; } .blog-gallery-type .marki-image-slideshow .marki-swiper-container:hover .slideshow-swiper-arrows:hover i { color: #000 !important; } /* * Pageination */ .marki-pagination { margin: 0; text-align: left; position: relative; *zoom: 1; } .marki-fullwidth-true .marki-pagination { text-align:center; } .marki-pagination:before, .marki-pagination:after { content: " "; display: table; } .marki-pagination:after { clear: both; } .marki-pagination ul { margin:0; padding: 0; list-style: none; display: inline-block; float: left; } .marki-fullwidth-true .marki-pagination ul { display: inline-block; float: none; } .marki-pagination ul li { margin: 0; padding: 0; display: inline-block; position: relative; } .marki-pagination .page-number, .marki-pagination .current-page, .marki-page-links span { display: inline-block; text-align: left; font-size: 14px; margin: 0 2px; border:1px solid #333; padding: 0 13px; color: #777; font-weight: bold; line-height: 34px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .marki-pagination .page-number:hover, .marki-pagination .current-page:hover { background-color: #777777; color: #fff; } .marki-pagination .current-page, .marki-page-links a span { background-color: #777777; color: #fff; } .marki-pagination .marki-pagination-next, .marki-pagination .marki-pagination-previous { display: inline-block; float: left; margin: 0 2px; } .marki-fullwidth-true .marki-pagination .marki-pagination-next, .marki-fullwidth-true .marki-pagination .marki-pagination-previous { display: inline-block; float: none; margin: 0 2px; position:relative; top:3px; } .marki-pagination .marki-pagination-previous { margin-right: -1px; } .marki-pagination .marki-pagination-next a, .marki-pagination .marki-pagination-previous a { padding:0 20px; height: 36px; line-height: 36px; text-align: center; border: 1px solid #777777; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 16px; margin: 0; color: #777777; display: inline-block; position: relative; } .marki-pagination .marki-pagination-next a:before, .marki-pagination .marki-pagination-previous a:before { font-size: 16px; display: block; line-height: 36px; } .marki-pagination .marki-pagination-next a:hover, .marki-pagination .marki-pagination-previous a:hover { background-color: #777777; color: #fff; } .marki-pagination .marki-pagination-next a:before { content: "\e674"; } .marki-pagination .marki-pagination-previous a:before { content: "\e675"; } .marki-page-links { margin: 10px 30px 20px 30px; color: #777; font-weight: bold; } .marki-page-links a { text-align: left; font-size: 13px; margin: 0 2px; } .loadmore-wrap{text-align:center;} .marki-loadmore-button { margin: 40px auto; text-align: center; padding:0 20px; min-width:250px; position: relative; color: #fff; line-height: 50px; font-size: 14px; text-transform:uppercase; display:inline-block !important; } .marki-loadmore-button i { line-height: 60px; } .marki-loadmore-button:hover { background-color: #777777; border-color: #777777; color: #fff; } .marki-loadmore-button:hover i { color: #fff !important; } .marki-loadmore-button .marki-icon-circle-o-notch { font-size: 16px; color: #b8b8b8; display: none; -moz-animation: fa-spin 1.2s infinite linear; -o-animation: fa-spin 1.2s infinite linear; -webkit-animation: fa-spin 1.2s infinite linear; animation: fa-spin 1.2s infinite linear; } .marki-loadmore-button .marki-icon-chevron-down { font-size: 16px; display: block; } .marki-loadmore-button.pagination-loading .marki-icon-circle-o-notch { display: block; margin: 0 auto; } .marki-loadmore-button.pagination-loading .marki-icon-chevron-down { display: none; } .marki-loadmore-button #infscr-loading { display: none !important; } .marki-loadmore-button.disable-pagination { cursor: default; } .marki-loadmore-button.disable-pagination .marki-icon-circle-o-notch, .marki-loadmore-button.disable-pagination .marki-icon-chevron-down { display: none; } .small-preview, .marki-post-nav .entry-info-wrap, .marki-post-nav { -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .marki-post-nav { position: fixed; top: 50%; margin-top: -115px; text-decoration: none; z-index: 200; width: 60px; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); -ms-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); } @media handheld, only screen and (max-width: 767px) { .marki-post-nav { display: none; } } .pagnav-wrapper .pagenav-top { height: 130px; display: block; position: relative; z-index: 201; -webkit-perspective: 1000px; perspective: 1000px; } .pagnav-wrapper .pagenav-top .pagenav-image { position: absolute; display: block; height: 130px; opacity: 0; transition: all 0.15s ease-out 0.2s; -webkit-transition: all 0.15s ease-out 0.2s; -moz-transition: all 0.15s ease-out 0.2s; -ms-transition: all 0.15s ease-out 0.2s; -o-transition: all 0.15s ease-out 0.2s; } .pagnav-wrapper .pagenav-top .pagenav-image img { height: 130px; width: 125px; line-height: 4px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .pagnav-wrapper .pagenav-top .marki-pavnav-icon { position: absolute; width: 60px; height: 130px; display: table; text-align: center; background-color: #dfdfdf; background-color: rgba(0, 0, 0, 0.3); color: #fff; transition: background 0.3s ease-out; -webkit-transition: background 0.3s ease-out; -moz-transition: background 0.3s ease-out; -ms-transition: background 0.3s ease-out; -o-transition: background 0.3s ease-out; } .pagnav-wrapper .pagenav-top .marki-pavnav-icon i { display: table-cell; vertical-align: middle; font-size: 16px; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; } .pagnav-wrapper .nav-info-container { position: absolute; width: 185px; -webkit-perspective: 1000px; perspective: 1000px; } .pagnav-wrapper .pagenav-bottom { display: block; height: inherit; background-color: #16a085; width: inherit; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-perspective-origin: 0 50%; perspective-origin: 0 50%; -webkit-transform: rotateX(-100deg); transform: rotateX(-100deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; padding: 20px 15px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .pagnav-wrapper .pagenav-title { display: block; font-size: 12px; font-weight: normal; color: #fff; line-height: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-transform: uppercase; } .pagnav-wrapper .pagenav-category { font-weight: normal; font-size: 10px; line-height: 10px; text-transform: uppercase; display: block; color: rgba(255, 255, 255, 0.5); letter-spacing: 1px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .marki-post-next { right: 0px; } .marki-post-next .pagenav-image { right: 60px; -webkit-perspective-origin: 0 50%; perspective-origin: 0 50%; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .marki-post-next .marki-pavnav-icon { left: 0; } .marki-post-next .pagenav-bottom { transition: all 0.2s ease-out 0; -webkit-transition: all 0.2s ease-out 0; -moz-transition: all 0.2s ease-out 0; -ms-transition: all 0.2s ease-out 0; -o-transition: all 0.2s ease-out 0; } .marki-post-next .nav-info-container { right: 0; } .marki-post-prev { left: 0px; } .marki-post-prev .pagenav-image { left: 60px; -webkit-perspective-origin: 100% 50%; perspective-origin: 100% 50%; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .marki-post-prev .marki-pavnav-icon { right: 0; } .marki-post-prev .pagenav-bottom { transition: all 0.2s ease-in 0; -webkit-transition: all 0.2s ease-in 0; -moz-transition: all 0.2s ease-in 0; -ms-transition: all 0.2s ease-in 0; -o-transition: all 0.2s ease-in 0; } .marki-post-prev .nav-info-container { left: 0; } .marki-post-nav:hover .marki-pavnav-icon { background-color: #252525; } .marki-post-nav:hover .pagenav-image { -webkit-transition: -webkit-transform 0.15s ease-out; transition: transform 0.15s ease-out; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } .marki-post-nav:hover .pagenav-bottom { transition: all 0.15s ease-in 0.15s; -webkit-transition: all 0.15s ease-in 0.15s; -moz-transition: all 0.15s ease-in 0.15s; -ms-transition: all 0.15s ease-in 0.15s; -o-transition: all 0.15s ease-in 0.15s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .marki-blog-single .marki-video-wrapper, .marki-blog-single .featured-image, .marki-blog-single .marki-audio, .single-blog-gallery-type .marki-image-slideshow, .marki-blog-single .audio-iframe { margin: 1px 0 0; } .marki-blog-single .featured-image img{ width:auto; margin:0 auto; display:block; } .marki-blog-single .post .audio-iframe { margin-bottom: -5px; } .single-content { padding: 0; overflow:hidden; *zoom: 1; } .single-causes .single-content { padding-bottom:75px; } .single-content div{max-width:100% !important;} .single-content:before, .single-content:after { content: " "; display: table; } .single-content:after { clear: both; } .single-content .marki-text-block { line-height: 26px; padding:10px 10px 0; border:20px solid #f2f2f2; } .post-entry-content-wrap{ padding:0 40px; } .post-bottom-content{ border-top:1px solid #eee; padding:30px; } .post-tags{font-size:14px;color:#333;} .post-tags i{font-size:16px;} @media only screen and (max-width: 960px) { .single-content { padding: 15px 0px 20px; } } .entry-meta { position: relative; } .entry-meta { margin:0; padding: 40px 0 20px; } .entry-meta:after { } .entry-meta .meta-date, .entry-meta .post-author, .entry-meta .blog-categories { float: left; } .entry-meta .post-author i{padding-right:6px;font-size:16px;} .entry-meta .post-author span{font-size:13px;} .entry-meta .blog-categories{ padding-left:20px; padding-right:20px; } .entry-meta .blog-categories i{padding-right:6px;} .entry-meta .blog-categories a{font-size:13px;font-weight:normal;} .entry-meta time a { margin-right: 6px; padding:3px 15px; font-size:13px; } .entry-meta a { font-size: 13px; } .entry-meta .meta-comments{ float:left ; padding-left: 10px; padding-right:20px; } .entry-meta .marki-love-holder { float: right; margin-left: 8px; } .entry-meta .blog-comments i, .entry-meta .marki-love-holder i { font-size: 16px; } .entry-meta .single-type-icon { width: 30px; height: 30px; display: block; position: absolute; left: 0px; top: 50%; margin-top: -16px; text-align: center; } .entry-meta .single-type-icon i { font-size: 16px; line-height: 30px; color: #fff; } .marki-next-prev { margin-left:0; margin-right:0; width:100%; *zoom: 1; } .marki-next-prev:before, .marki-next-prev:after { content: " "; display: table; } .marki-next-prev:after { clear: both; } .marki-next-prev{ background:#fff; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1); -moz-box-shadow: 0 0 10px rgba(0,0,0,.1); box-shadow: 0 0 10px rgba(0,0,0,.1); margin-bottom:30px; padding:40px; } .post-previw{ float:left; } .post-next{ float:right; } .post-previw a, .post-next a{text-transform:uppercase;font-weight:bold;} .post-previw i{padding-right:5px;font-weight:bold;position:relative;top:-1px;} .post-next i{padding-left:5px;font-weight:bold;position:relative;top:-1px;} .marki-next-prev-wrap{ left: 20px; padding: 0; top: 10px; width: 125px; } .marki-next-prev-wrap:nth-child(2){ left: auto; right: 20px; } .marki-next-prev .marki-next-prev-wrap a { color: #fff; display: block; padding: 15px 15px; text-align: center; background:#333; display:inline-block; width:125px; } .marki-next-prev .marki-next-prev-wrap a i { font-size: 16px; line-height: 27px; } .marki-next-prev .marki-next-prev-wrap a[rel=prev] { } .marki-next-prev .marki-next-prev-wrap a[rel=next] { } .marki-next-prev .marki-next-prev-wrap a:hover { color: #333; } .social-sharing-single{ } .social-sharing-single .single-social-share{padding-top:0;} @media only screen and (max-width: 700px) { .marki-next-prev { float: none; margin: 15px auto; text-align: center; } .marki-next-prev .marki-next-prev-wrap a { border: 1px solid #eee; } } .single-post-tags { float: right; padding: 6px 15px 0 0; } .single-post-tags .marki-next-prev-wrap a { color: #999999; font-size: 12px; font-weight: bold; padding: 0 3px; } @media only screen and (max-width: 700px) { .single-post-tags { float: none; padding: 0 0 20px; text-align: center; } } .social-pre-next{ text-align:center; } .single-social-share-wrap{ text-align:left; position:relative; display:inline-block; } .single-social-share { float: none; padding:15px 0 0; margin:0 -5px; } .single-social-share li { display: inline-block; margin: 0; list-style: none; padding:0 5px; } .single-social-share li:first-child { border: none; } .single-social-share li a { padding:0 5px; color: #888; display: block; text-align:center; } .single-social-share li a i { font-size: 16px; } .single-social-share li a:hover { color: #545454; } .single-social-share li .marki-love-holder span { color: #d7d7d7; } @media only screen and (max-width: 700px) { .single-social-share { float: none; margin: 0 0 20px; text-align: center; } .single-social-share a { margin-bottom: 10px !important; } } .about-author-wrapper { border-left: none; border-right: none; } .about-author-wrapper .item-holder { background-color: #fafafa; margin: 0; } .about-author-wrapper .avatar-box { float: left; } .about-author-wrapper .about-author-inner { margin-left: 160px; padding: 20px; } .about-author-wrapper .author-name { font-size: 13px; color: #555555; } .about-author-wrapper .author-desc { margin-top: 10px; } @media only screen and (max-width: 700px) { .about-author-wrapper { text-align: center; } .about-author-wrapper .avatar-box { float: none; margin: 0 auto; } .about-author-wrapper .about-author-inner { margin: 0; padding: 20px; } } /* Blog Similar posts */ .blog-similar-posts { margin-bottom: 70px; } .blog-similar-posts ul { margin: 0 30px; list-style: none; padding: 0; } .blog-similar-posts ul li { margin: 0; display: inline-block; vertical-align: top; } .blog-similar-posts ul li .item-holder { background-color: #fdfdfd; background-color: rgba(0, 0, 0, 0.03); border: 2px solid #eee; border: 2px solid rgba(0, 0, 0, 0.04); } .blog-similar-posts ul li:last-child .item-holder { border: 2px solid #eee; border: 2px solid rgba(0, 0, 0, 0.04); } .blog-similar-posts ul.three-column li { width: 33.33%; } .blog-similar-posts ul.four-column li { width: 25%; } @media only screen and (max-width: 960px) { .blog-similar-posts ul li { width: 50% !important; } } @media only screen and (max-width: 600px) { .blog-similar-posts ul li { width: 100% !important; } } .blog-similar-posts .marki-similiar-thumbnail { display: block; position: relative; overflow: hidden; } .blog-similar-posts .marki-similiar-thumbnail img { width: 100%; } .blog-similar-posts .marki-similiar-thumbnail .hover-overlay { background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); background: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); background-color: transparent !important; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; -webkit-transform: translate3d(0, 50%, 0); -moz-transform: translate3d(0, 50%, 0); -ms-transform: translate3d(0, 50%, 0); -o-transform: translate3d(0, 50%, 0); } .blog-similar-posts .marki-similiar-thumbnail .similar-post-type, .blog-similar-posts .marki-similiar-thumbnail .post-hover-icon { z-index: 12; color: #fff; position: absolute; left: 50%; top: 50%; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; -webkit-transform: translate3d(0, 50%, 0); -moz-transform: translate3d(0, 50%, 0); -ms-transform: translate3d(0, 50%, 0); -o-transform: translate3d(0, 50%, 0); } .blog-similar-posts .marki-similiar-thumbnail .post-hover-icon { margin: -16px 0 0 -16px; font-size: 32px; opacity: 0; } .blog-similar-posts .marki-similiar-thumbnail .similar-post-type { margin: -8px 0 0 -8px; font-size: 16px; } .blog-similar-posts .marki-similiar-thumbnail:hover .hover-overlay { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); } .blog-similar-posts .marki-similiar-thumbnail:hover .post-hover-icon { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); } .blog-similar-posts .marki-similiar-thumbnail:hover .similar-post-type { opacity: 0; } .marki-similiar-title { padding: 14px 25px; line-height: 18px; font-size: 13px; color: #626262; display: block; text-align: left; } .single-post-fancy-title h6{ text-align: left; font-weight: bold; font-size: 16px; margin: 0; position: relative; text-transform:uppercase } .single-post-fancy-title span { display: inline-block; position: relative; z-index: 3; padding-right: 10px; font-size:16px; text-transform:uppercase; } .single-post-fancy-title:after { } .post-comment-area{ padding:42px 30px 30px; background:#fff; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1); -moz-box-shadow: 0 0 10px rgba(0,0,0,.1); box-shadow: 0 0 10px rgba(0,0,0,.1); } @media only screen and (max-width: 767px) { .post-comment-area{ padding:20px; } .single-post-fancy-title { display: block; text-align: center; margin: 30px 0 30px; } .single-post-fancy-title:after { display: none; } } .marki-commentlist { margin: 0 10px 40px 10px; } .marki-commentlist li { margin: 0 0 15px; list-style: none; } .marki-commentlist li .marki-single-comment { border-bottom: 1px solid #eaeaea; margin-bottom: 30px; padding: 0 15px 10px; position: relative; } .marki-commentlist li .marki-single-comment:before { } .marki-commentlist li .gravatar { position: absolute; top: 0; left: 0; display: inline-block; } .marki-commentlist li .gravatar img{border-radius:50%;} .marki-commentlist li .comment-meta { display: block; margin-bottom: 0; padding-left:80px; } .marki-commentlist li .comment-author { float: none; margin: 0; text-transform: capitalize; font-weight: bold; font-size: 16px; } .marki-commentlist li .comment-content { padding-top: 15px; padding-left:80px; } .marki-commentlist li .comment-content li { list-style:square; margin-bottom:0; } .marki-commentlist li .comment-content ol{} .marki-commentlist li .comment-content ol li{ list-style:order !important; } .marki-commentlist li .comment-content ol li ol{ padding-left:15px; } .marki-commentlist li .comment-content li ul { padding-left:15px; } .marki-commentlist li .comment-content li ul li{ margin-bottom:0; list-style:circle; } .marki-commentlist li .comment-time { color: #999; display: inline-block; float: none; font-size: 14px; margin: 0 16px 0 0; padding-left: 15px; } .marki-commentlist li .comment-time:before{ content:"\f017"; display:inline-block; font-family:FontAwesome; padding-right:10px; font-size:16px; } .marki-commentlist li .comment-reply a { right: 0; } .marki-commentlist li .comment-reply a { cursor: pointer; display: inline-block; min-width: 60px; padding: 3px 8px; text-align: center; text-transform: uppercase; top: 0; } .marki-commentlist li .comment-reply a:before{ content:"\e06d"; display:inline-block; font-family:Flaticon; padding-right:10px; font-size:16px; } .marki-commentlist li .comment-reply a i { line-height: 28px; } .marki-commentlist li .comment-reply a:hover { } .marki-commentlist li .children { margin-bottom: 0; margin-left: 0; padding:0 30px; } .marki-commentlist #respond { margin: 0 0 30px 0 !important; } .marki-commentlist #respond .single-post-fancy-title { display: none; } #comments { padding:30px; background:#fff; } .marki-commentlist li.pingback { position: relative; margin-bottom: 20px; padding: 15px !important; border: 1px solid #eee; background-color: #fafafa; } #cancel-comment-reply-link, .logged-in-as { margin: 5px 0 !important; font-weight: 600 !important; font-style: italic !important; font-size: 12px !important; } #respond { margin: 0; } #respond .single-post-fancy-title { margin-right: 0; margin-left: 0; } form#commentform { *zoom: 1; } form#commentform:before, form#commentform:after { content: " "; display: table; } form#commentform:after { clear: both; } form#commentform .comment-textarea { margin-bottom: 15px; } form#commentform .comment-textarea textarea { width: 100%; padding: 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius:0; } form#commentform .text-input, form#commentform textarea { border: 1px solid #e1e1e1; font-size: 13px !important; } form#commentform .text-input::-webkit-input-placeholder, form#commentform textarea::-webkit-input-placeholder { color: #999; } form#commentform .text-input:-moz-placeholder, form#commentform textarea:-moz-placeholder { color: #999; } form#commentform .text-input::-moz-placeholder, form#commentform textarea::-moz-placeholder { color: #999; } form#commentform .text-input:-ms-input-placeholder, form#commentform textarea:-ms-input-placeholder { color: #999; } .form-submit #submit { border: none; color: #fff !important; font-size: 14px !important; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; border-radius:0; text-transform:uppercase; margin-bottom:0; } .form-submit #submit:hover { } .comment-form-row { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 15px; padding-right: 15px; width: 33.3%; position: relative; } .comment-form-row i { float: left; width: 43px !important; height: 43px; line-height: 43px; text-align: center; position: absolute; left: 0; top: 0; font-size: 16px; z-index: 3; border-right: 2px solid #eee; color: #999; } .comment-form-row i.input-focused { color: #fff; } .comment-form-row input { padding: 12px 12px 12px 58px; width: 100%; font-weight: bold; position: relative; z-index: 2; } .comment-form-website, .comment-form-email, .comment-form-name { float: left; } .comment-form-website { padding-right: 0; } @media only screen and (max-width: 960px) { .comment-form-row { margin-bottom: 7px; width: 100%; } form#commentform .comment-textarea textarea { margin-bottom: 6px; width: 100% !important; } } .bypostauthor { background-color: #fff; } .comment-reply-title { margin: 0; padding: 0; } @media only screen and (max-width: 700px) { .marki-commentlist { margin: 0; } .marki-commentlist .children { margin: 0 0 20px 0 !important; } .marki-commentlist .children .comment { margin-left: 0; } #respond { margin: 0 0 30px; } .social-sharing-single { display: block; margin-top: 20px; text-align: left; width: 100%; } .blog-categories{display:none;} } @media only screen and (max-width: 480px) { #comments { padding:0; } .marki-single-comment .gravatar{width:50px;height:50px;} .marki-commentlist li .comment-author{ padding-left:45px; } .comment-content, .comment-meta{padding-left:0 !important;} .comment-content h1{font-size:24px;} .comment-content h2{font-size:20px;} .comment-content h3{font-size:18px;} .comment-content h4{font-size:16px;} .comment-content h5{font-size:14px;} .comment-content h6{font-size:13px;} .comment-content p{font-size:12px;} .comment-content table{display:none;} .marki-commentlist li .children { margin-bottom: 0; margin-left: 0; padding:0; } .marki-commentlist li .comment-time:before { font-size: 13px; } .marki-commentlist li .comment-time { font-size: 10px; margin:0; padding-left: 45px; } } /* Portfolio Styles */ .marki-portfolio-standard{ } .marki-portfolio-item { overflow: hidden; } .marki-portfolio-standard .portfolio_no_gutter{ margin-left:0; margin-right:0; } .marki-portfolio-standard .portfolio_with_gutter{ margin-left:-10px; margin-right:-10px; } .marki-portfolio-standard.portfolio_with_gutter .standard-portfolio-item.portfolio_with_gutter{ padding:0 10px 30px; } .marki-portfolio-standard .standard-portfolio-item.portfolio_no_gutter{ padding:0; } .marki-portfolio-standard .standard-portfolio-item.portfolio_with_gutter{ margin-left:0; margin-right:0; } .marki-portfolio-item .item-holder { margin:0; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1); -moz-box-shadow: 0 0 10px rgba(0,0,0,.1); box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:4px; overflow:hidden; } .portfolio-content{ padding:30px; background:#fff; } .marki-portfolio-item .portfolio-meta { z-index: 10; text-align: center; position: absolute; display: block; width: 100%; top: 0; left: 0; height:100%; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; } .marki-portfolio-item .the-title { color: #fff; font-size: 16px; display: block; line-height: 22px; text-transform: uppercase; text-align:center; } .marki-portfolio-item .the-title a { font-size: 16px; font-weight:400; } .marki-portfolio-item .the-title span { display: block; text-transform: uppercase; } .marki-portfolio-item .portfolio-button { text-align: center; *zoom: 1; display: block; } .marki-portfolio-item .portfolio-button:before, .marki-portfolio-item .portfolio-button:after { content: " "; display: table; } .marki-portfolio-item .portfolio-button:after { clear: both; } .marki-portfolio-item .portfolio-cats { color: #fff; display: block; font-size: 12px; line-height: initial; } .marki-portfolio-item .portfolio-permalink, .marki-portfolio-item .portfolio-plus-icon { text-align: center; display: inline-block; color: #fff; -webkit-backface-visibility: hidden; width: 50px; height: 50px; border: none; margin: 0 auto; pointer-events: none; line-height:3; background:none; position:absolute; left:0; right:0; top:50%; transform:translateY(-50%) !important; } .marki-portfolio-item .portfolio-permalink:hover, .marki-portfolio-item .portfolio-plus-icon:hover { background: none !important; color: #333; } .marki-portfolio-item .portfolio-permalink:hover i, .marki-portfolio-item .portfolio-plus-icon:hover i { color: #333 !important; } .marki-portfolio-item .portfolio-permalink i, .marki-portfolio-item .portfolio-plus-icon i { font-size: 32px; line-height: 32px; display: inline-block; color: #fff; font-style:normal; opacity:1 !important; } .marki-portfolio-item .portfolio-plus-icon { margin-bottom: 15px !important; } .marki-portfolio-item .portfolio-permalink:hover i { color: #333; } .marki-portfolio-item .featured-image { *zoom: 1; } .marki-portfolio-item .featured-image:before, .marki-portfolio-item .featured-image:after { content: " "; display: table; } .marki-portfolio-item .featured-image:after { clear: both; } .marki-portfolio-item .featured-image:hover .portfolio-permalink, .marki-portfolio-item .featured-image:hover .portfolio-plus-icon { pointer-events: auto; } .marki-portfolio-item.classic-hover .portfolio-meta { opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-portfolio-item.classic-hover .the-title a, .marki-portfolio-item.classic-hover .the-title span { font-size: 13px; line-height: 12px; margin-bottom: 10px; text-transform: uppercase; } .marki-portfolio-item.classic-hover .portfolio-cats { font-size: 12px; line-height: 12px; display: inline-block; opacity: 0.6; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-portfolio-item.classic-hover .portfolio-permalink, .marki-portfolio-item.classic-hover .portfolio-plus-icon { display: block; margin: 30px auto 0; } .marki-portfolio-item.classic-hover .portfolio-permalink:hover, .marki-portfolio-item.classic-hover .portfolio-plus-icon:hover { background-color: #fff; } .marki-portfolio-item.classic-hover .portfolio-permalink:hover i, .marki-portfolio-item.classic-hover .portfolio-plus-icon:hover i { color: #000 !important; } .marki-portfolio-item.classic-hover .portfolio-permalink i, .marki-portfolio-item.classic-hover .portfolio-plus-icon i { font-size: 16px; line-height: 29px; display: block; } .marki-portfolio-item.classic-hover .featured-image:hover .portfolio-meta { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-portfolio-item.classic-hover .featured-image:hover .portfolio-plus-icon i { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } .marki-portfolio-item.classic-hover .featured-image:hover .portfolio-entry-logo { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); opacity: 0; } .marki-portfolio-item.classic-hover .featured-image:hover .hover-overlay { opacity: 0.7; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-portfolio-item.classic-hover .featured-image:hover .item-featured-image { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: grayscale(100%); /* Current draft standard */ -webkit-filter: grayscale(100%); /* New WebKit */ -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */ filter: gray; /* IE */ -webkit-filter: grayscale(1); /* Old WebKit */ -webkit-backface-visibility: hidden; backface-visibility: hidden; } .marki-portfolio-item.gradient-hover .featured-image { position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .marki-portfolio-item.gradient-hover .featured-image .item-featured-image { -webkit-transform: scale(1.1) translate3d(0, 0, 0); -moz-transform: scale(1.1) translate3d(0, 0, 0); -ms-transform: scale(1.1) translate3d(0, 0, 0); -o-transform: scale(1.1) translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.35s; transition: transform 0.5s; filter: grayscale(0); /* Current draft standard */ /* New WebKit */ -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); /* Not yet supported in Gecko, Opera or IE */ filter: none; /* IE */ -webkit-filter: grayscale(0); /* Old WebKit */ } .marki-portfolio-item.gradient-hover .featured-image .hover-overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; -webkit-transform: translate3d(0, 50%, 0); -moz-transform: translate3d(0, 50%, 0); -ms-transform: translate3d(0, 50%, 0); -o-transform: translate3d(0, 50%, 0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; background: -webkit-linear-gradient(rgba(39, 46, 67, 0.1) 0%, rgba(39, 46, 67, 0.85) 100%); background: -o-linear-gradient(rgba(39, 46, 67, 0.1) 0%, rgba(39, 46, 67, 0.85) 100%); background: linear-gradient(rgba(39, 46, 67, 0.1) 0%, rgba(39, 46, 67, 0.85) 100%); background-color: transparent !important; } .marki-portfolio-item.gradient-hover .featured-image .the-title { transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, 50%, 0); -moz-transform: translate3d(0, 50%, 0); -ms-transform: translate3d(0, 50%, 0); -o-transform: translate3d(0, 50%, 0); opacity: 0; margin-bottom: 2px; font-size: 20px; } .marki-portfolio-item.gradient-hover .featured-image .portfolio-cats { margin-bottom: 25px; transition: opacity 0.45s, transform 0.45s; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); opacity: 0; font-size: 11px; } .marki-portfolio-item.gradient-hover .featured-image .portfolio-plus-icon, .marki-portfolio-item.gradient-hover .featured-image .portfolio-permalink { transition: opacity .5s, transform .5s; -webkit-transform: translate3d(0, 50%, 0); -moz-transform: translate3d(0, 50%, 0); -ms-transform: translate3d(0, 50%, 0); -o-transform: translate3d(0, 50%, 0); opacity: 0; } .marki-portfolio-item.gradient-hover .featured-image:hover .portfolio-meta { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-portfolio-item.gradient-hover .featured-image:hover .hover-overlay { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); } .marki-portfolio-item.gradient-hover .featured-image:hover .portfolio-entry-logo { -webkit-transform: translate3d(0, -20%, 0); -moz-transform: translate3d(0, -20%, 0); -ms-transform: translate3d(0, -20%, 0); -o-transform: translate3d(0, -20%, 0); opacity: 0; } .marki-portfolio-item.gradient-hover .featured-image:hover .the-title, .marki-portfolio-item.gradient-hover .featured-image:hover .portfolio-cats { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); } .marki-portfolio-item.gradient-hover .featured-image:hover .the-title { opacity: 1; } .marki-portfolio-item.gradient-hover .featured-image:hover .portfolio-cats { opacity: .6; } .marki-portfolio-item.gradient-hover .featured-image:hover .portfolio-plus-icon, .marki-portfolio-item.gradient-hover .featured-image:hover .portfolio-permalink { opacity: 1; } .marki-portfolio-item.gradient-hover .featured-image:hover .portfolio-plus-icon:hover, .marki-portfolio-item.gradient-hover .featured-image:hover .portfolio-permalink:hover { opacity: 1; } .marki-portfolio-item.gradient-hover .featured-image:hover .portfolio-plus-icon { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); } .marki-portfolio-item.gradient-hover .featured-image:hover .portfolio-permalink { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); } .marki-portfolio-item.gradient-hover .featured-image:hover .item-featured-image { -webkit-transform: scale(1.1) translate3d(0, -3%, 0); -moz-transform: scale(1.1) translate3d(0, -3%, 0); -ms-transform: scale(1.1) translate3d(0, -3%, 0); -o-transform: scale(1.1) translate3d(0, -3%, 0); } .marki-portfolio-item.zoom-in-hover .featured-image { position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .marki-portfolio-item.zoom-in-hover .featured-image .hover-overlay { /*background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%); background: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%); background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%); -webkit-transform: translate3d(0, 50%, 0); -moz-transform: translate3d(0, 50%, 0); -ms-transform: translate3d(0, 50%, 0); -o-transform: translate3d(0, 50%, 0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; background-color: transparent !important;*/ height: 100%; left:0; padding: 20px; position: absolute; top: 0; width: 100%; } .inner-overlay{ height:inherit; } .marki-portfolio-item.zoom-in-hover .featured-image .the-title { margin-bottom: 5px; } .marki-portfolio-item.zoom-in-hover .featured-image .the-title, .marki-portfolio-item.zoom-in-hover .featured-image .portfolio-cats { transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); opacity: 0; } .marki-portfolio-item.zoom-in-hover .featured-image .portfolio-cats { margin-bottom: 0; } .marki-portfolio-item.zoom-in-hover .featured-image .portfolio-plus-icon, .marki-portfolio-item.zoom-in-hover .featured-image .portfolio-permalink { transition: opacity 0.5s, transform 0.5s; opacity: 0; } .marki-portfolio-item.zoom-in-hover .featured-image .portfolio-permalink, .marki-portfolio-item.zoom-in-hover .featured-image .portfolio-plus-icon { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); } .marki-portfolio-item.zoom-in-hover .featured-image .item-featured-image { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .marki-portfolio-item.zoom-in-hover .featured-image:hover .portfolio-meta { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-portfolio-item.zoom-in-hover:hover .featured-image .hover-overlay { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); } .marki-portfolio-item.zoom-in-hover .featured-image:hover .portfolio-entry-logo { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); opacity: 0; } .marki-portfolio-item.zoom-in-hover .featured-image:hover .the-title, .marki-portfolio-item.zoom-in-hover .featured-image:hover .portfolio-cats { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .marki-portfolio-item.zoom-in-hover .featured-image:hover .the-title { opacity: 1; } .marki-portfolio-item.zoom-in-hover .featured-image:hover .portfolio-cats { opacity: 1; } .marki-portfolio-item.zoom-in-hover:hover .featured-image .portfolio-plus-icon, .marki-portfolio-item.zoom-in-hover:hover .featured-image .portfolio-permalink { opacity: 1; } .marki-portfolio-item.zoom-in-hover .featured-image:hover .portfolio-plus-icon:hover, .marki-portfolio-item.zoom-in-hover .featured-image:hover .portfolio-permalink:hover { opacity: 1; } .marki-portfolio-item.zoom-in-hover .featured-image:hover .portfolio-permalink, .marki-portfolio-item.zoom-in-hover .featured-image:hover .portfolio-plus-icon { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .marki-portfolio-item.zoom-in-hover:hover .featured-image .item-featured-image { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-backface-visibility: hidden; backface-visibility: hidden; pointer-events:none; } .marki-portfolio-item.zoom-out-hover .portfolio-meta { width: auto; left: 50% !important; } .marki-portfolio-item.zoom-out-hover .featured-image { position: relative; } .marki-portfolio-item.zoom-out-hover .featured-image .hover-overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #000000; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } .marki-portfolio-item.zoom-out-hover .featured-image .the-title { margin-bottom: 20px; } .marki-portfolio-item.zoom-out-hover .featured-image .the-title:after { height: 4px; width: 0; background: #fff; margin: 0 auto; display: block; position: relative; bottom: -10px; content: ''; opacity: 0; -webkit-transition: width 0.35s, opacity 0.35s; transition: width 0.35s, opacity 0.35s; } .marki-portfolio-item.zoom-out-hover .featured-image .the-title, .marki-portfolio-item.zoom-out-hover .featured-image .portfolio-cats { transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); opacity: 0; } .marki-portfolio-item.zoom-out-hover .featured-image .portfolio-cats { margin-bottom: 45px; } .marki-portfolio-item.zoom-out-hover .featured-image .portfolio-plus-icon, .marki-portfolio-item.zoom-out-hover .featured-image .portfolio-permalink { transition: opacity 0.35s, transform 0.35s; opacity: 0; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .marki-portfolio-item.zoom-out-hover .featured-image .item-featured-image { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; } .marki-portfolio-item.zoom-out-hover .featured-image:hover .portfolio-meta { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-portfolio-item.zoom-out-hover .featured-image:hover .hover-overlay { opacity: .6; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .marki-portfolio-item.zoom-out-hover .featured-image:hover .portfolio-entry-logo { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); opacity: 0; } .marki-portfolio-item.zoom-out-hover .featured-image:hover .the-title, .marki-portfolio-item.zoom-out-hover .featured-image:hover .portfolio-cats { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .marki-portfolio-item.zoom-out-hover .featured-image:hover .the-title { opacity: 1; } .marki-portfolio-item.zoom-out-hover .featured-image:hover .portfolio-cats { opacity: .6; } .marki-portfolio-item.zoom-out-hover .featured-image:hover .the-title:after { width: 100%; opacity: 1; } .marki-portfolio-item.zoom-out-hover .featured-image:hover .portfolio-plus-icon, .marki-portfolio-item.zoom-out-hover .featured-image:hover .portfolio-permalink { opacity: .6; } .marki-portfolio-item.zoom-out-hover .featured-image:hover .portfolio-plus-icon:hover, .marki-portfolio-item.zoom-out-hover .featured-image:hover .portfolio-permalink:hover { opacity: 1; } .marki-portfolio-item.zoom-out-hover .featured-image:hover .portfolio-permalink, .marki-portfolio-item.zoom-out-hover .featured-image:hover .portfolio-plus-icon { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .marki-portfolio-item.zoom-out-hover .featured-image:hover .item-featured-image { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .marki-portfolio-item.stroke-hover.standard-portfolio-item .featured-image .portfolio-plus-icon, .marki-portfolio-item.stroke-hover.standard-portfolio-item .featured-image .portfolio-permalink { display: inline-block; transition: opacity .25s, transform .25s; opacity: 0; } .marki-portfolio-item.stroke-hover.standard-portfolio-item .featured-image:hover .portfolio-plus-icon, .marki-portfolio-item.stroke-hover.standard-portfolio-item .featured-image:hover .portfolio-permalink { opacity: .6; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); } .marki-portfolio-item.stroke-hover.standard-portfolio-item .featured-image:hover .portfolio-plus-icon:hover, .marki-portfolio-item.stroke-hover.standard-portfolio-item .featured-image:hover .portfolio-permalink:hover { opacity: 1; } .marki-portfolio-item.stroke-hover .featured-image { position: relative; } .marki-portfolio-item.stroke-hover .featured-image .portfolio-meta { opacity: .5; width: auto; display: inline-block; } .marki-portfolio-item.stroke-hover .featured-image .hover-overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #000000; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } .marki-portfolio-item.stroke-hover .featured-image .the-title { margin-bottom: 10px; opacity: 0.7; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; position: relative; transition: opacity 0.35s; padding: 14px 12px; font-weight: 700; } .marki-portfolio-item.stroke-hover .featured-image .the-title:before { position: absolute; width: 0; height: 0; transition: height 0.5s, width 0.5s, opacity 0.5s; left: 0; top: 0; border-left: 4px solid #fff; border-top: 4px solid #fff; content: ''; border-radius: 3px; opacity: 0; } .marki-portfolio-item.stroke-hover .featured-image .the-title:after { position: absolute; width: 0; height: 0; transition: height 0.25s, width 0.25s, opacity 0.25s; right: 0; bottom: 0; border-right: 4px solid #fff; border-bottom: 4px solid #fff; content: ''; border-radius: 3px; opacity: 0; } .marki-portfolio-item.stroke-hover .featured-image .portfolio-cats { opacity: 0; transition: opacity 0.35s; } .marki-portfolio-item.stroke-hover .featured-image .portfolio-plus-icon, .marki-portfolio-item.stroke-hover .featured-image .portfolio-permalink { display: none; } .marki-portfolio-item.stroke-hover .featured-image .item-featured-image { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transition: -webkit-transform 0.7s; transition: transform 0.7s; } .marki-portfolio-item.stroke-hover .featured-image:hover .portfolio-meta { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-portfolio-item.stroke-hover .featured-image:hover .hover-overlay { opacity: .6; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .marki-portfolio-item.stroke-hover .featured-image:hover .portfolio-entry-logo { opacity: 0; } .marki-portfolio-item.stroke-hover .featured-image:hover .the-title { opacity: 1; } .marki-portfolio-item.stroke-hover .featured-image:hover .the-title:before { opacity: 1; width: 100%; height: 100%; } .marki-portfolio-item.stroke-hover .featured-image:hover .the-title:after { opacity: 1; width: 100%; height: 100%; } .marki-portfolio-item.stroke-hover .featured-image:hover .portfolio-cats { opacity: 1; } .marki-portfolio-item.stroke-hover .featured-image:hover .item-featured-image { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .marki-portfolio-item.parallax-hover { position: relative; overflow: hidden; } .marki-portfolio-item.parallax-hover .featured-image { overflow: hidden; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .marki-portfolio-item.parallax-hover .featured-image .item-featured-image { transition: none; } .marki-portfolio-item.parallax-hover .featured-image .portfolio-meta { opacity: 0; } .marki-portfolio-item.parallax-hover .featured-image .hover-overlay { width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display:block; left:0; right:0; height: -moz-calc(100% - 30px); height: -webkit-calc(100% - 30px); height: -o-calc(100% - 30px); height: calc(100% - 30px); margin:0 auto; top:50%; transform:translateY(-50%); } .marki-portfolio-item.parallax-hover:hover .featured-image .hover-overlay { opacity:0.9 !important; } .marki-portfolio-item.parallax-hover .featured-image .the-title { display: none; } .marki-portfolio-item.parallax-hover .featured-image .portfolio-entry-logo { opacity: 0; } .marki-portfolio-item.parallax-hover .featured-image .portfolio-cats { display: none; } .marki-portfolio-item.parallax-hover .featured-image .portfolio-plus-icon, .marki-portfolio-item.parallax-hover .featured-image .portfolio-permalink { transition: opacity 0.25s; opacity: .5; } .marki-portfolio-item.parallax-hover .featured-image:hover .portfolio-meta { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-portfolio-item.parallax-hover .featured-image:hover .portfolio-entry-logo { opacity: 0; } .marki-portfolio-item.parallax-hover .featured-image:hover .portfolio-permalink, .marki-portfolio-item.parallax-hover .featured-image:hover .portfolio-plus-icon { opacity: 1; } .marki-portfolio-item.parallax-hover .featured-image:hover .portfolio-plus-icon:hover { } .marki-portfolio-item.parallax-hover .featured-image:hover .portfolio-plus-icon:hover i { } .marki-portfolio-item.parallax-hover .portfolio-plus-icon { margin-bottom: 0 !important; } .marki-portfolio-item.parallax-hover .featured-image:hover .item-featured-image { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .marki-portfolio-item.gradient-hover:hover .item-featured-image, .marki-portfolio-item.zoom-in-hover:hover .item-featured-image, .marki-portfolio-item.zoom-out-hover:hover .item-featured-image, .marki-portfolio-item.stroke-hover:hover .item-featured-image, .marki-portfolio-item.parallax-hover:hover .item-featured-image { filter: grayscale(0); /* Current draft standard */ /* New WebKit */ -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); /* Not yet supported in Gecko, Opera or IE */ filter: none; /* IE */ -webkit-filter: grayscale(0); /* Old WebKit */ } .marki-portfolio-item .portfolio-entry-logo { width: auto; position: absolute; left: 50%; top: 50%; z-index: 8; } .marki-portfolio-item .masonry-border { position: absolute; z-index: 20; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); } .marki-portfolio-item .border-tb { width: 2px; height: 100%; top: 0; left: 0; transform: scale(1, 0); -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; } .marki-portfolio-item .border-tr { width: 100%; height: 2px; left: 0; top: 0; transform: scale(0, 1); -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; } .marki-portfolio-item .border-bt { width: 2px; height: 100%; bottom: 0; right: 0; transform: scale(1, 0); -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; } .marki-portfolio-item .border-bl { height: 2px; width: 100%; bottom: 0; right: 0; transform: scale(0, 1); -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; } .marki-portfolio-item.one-column { width: 100%; } .marki-portfolio-item.two-column { width: 49.9%; } .marki-portfolio-item.three-column { width: 33.3%; } .marki-portfolio-item.four-column { width: 24.9%; } .marki-portfolio-item.five-column { width: 19.9%; } .portfolio-single-page{ margin:0 -15px; padding: } .portfolio-single-page .portfolio-featured-image{ margin-bottom:0; } .portfolio-single-page .portfolio-featured-image img{ width:100%; } @media handheld, only screen and (max-width: 960px) { .marki-portfolio-item.three-column, .marki-portfolio-item.four-column, .marki-portfolio-item.five-column { width: 49.8% !important; } } @media handheld, only screen and (max-width: 740px) { .marki-portfolio-item.three-column, .marki-portfolio-item.four-column, .marki-portfolio-item.two-column, .marki-portfolio-item.five-column { width: 100% !important; } } .masonry-portfolio-item { opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; width: 12.44%; position: relative; } .masonry-portfolio-item.size_two_x_x, .masonry-portfolio-item.size_two_x_two_x, .masonry-portfolio-item.size_two_x_four_x { width: 24.88%; } .masonry-portfolio-item.size_three_x_x, .masonry-portfolio-item.size_three_x_two_x { width: 37.32%; } .masonry-portfolio-item.size_four_x_x, .masonry-portfolio-item.size_four_x_two_x, .masonry-portfolio-item.size_four_x_four_x { width: 49.76%; } .masonry-portfolio-item .item-holder { margin: 0; } @media handheld, only screen and (max-width: 1280px) { .masonry-portfolio-item.size_x_x, .masonry-portfolio-item.size_x_two_x, .masonry-portfolio-item.size_three_x_x, .masonry-portfolio-item.size_three_x_two_x { width: 24.88%; } .masonry-portfolio-item.size_two_x_x, .masonry-portfolio-item.size_two_x_two_x { width: 24.88%; } .masonry-portfolio-item.size_four_x_x, .masonry-portfolio-item.size_four_x_two_x, .masonry-portfolio-item.size_two_x_x, .masonry-portfolio-item.size_two_x_two_x, .masonry-portfolio-item.size_four_x_four_x, .masonry-portfolio-item.size_two_x_four_x { width: 49.76%; } } @media handheld, only screen and (max-width: 1140px) { .masonry-portfolio-item.size_x_x, .masonry-portfolio-item.size_x_two_x, .masonry-portfolio-item.size_two_x_x, .masonry-portfolio-item.size_two_x_two_x, .masonry-portfolio-item.size_three_x_x, .masonry-portfolio-item.size_three_x_two_x { width: 49.76%; } .masonry-portfolio-item.size_two_x_x, .masonry-portfolio-item.size_two_x_two_x { width: 49.76%; } .masonry-portfolio-item.size_four_x_x, .masonry-portfolio-item.size_four_x_two_x, .masonry-portfolio-item.size_four_x_four_x, .masonry-portfolio-item.size_two_x_four_x { width: 100%; } } @media handheld, only screen and (max-width: 850px) { .masonry-portfolio-item.size_x_x, .masonry-portfolio-item.size_x_two_x { width: 50%; } .masonry-portfolio-item.size_two_x_x, .masonry-portfolio-item.size_two_x_two_x { width: 100%; } .masonry-portfolio-item.size_three_x_x, .masonry-portfolio-item.size_three_x_two_x { width: 100%; } .masonry-portfolio-item.size_four_x_x, .masonry-portfolio-item.size_four_x_two_x { width: 100%; } } .masonry-portfolio-item.regular-entry, .masonry-portfolio-item.tall-entry { width: 24.9%; } .masonry-portfolio-item.wide-entry, .masonry-portfolio-item.wide-tall-entry { width: 49.8%; } .masonry-portfolio-item .item-holder { margin: 0; } @media handheld, only screen and (max-width: 1300px) { .masonry-portfolio-item.wide-entry, .masonry-portfolio-item.wide-tall-entry { width: 100%; } .masonry-portfolio-item.regular-entry, .masonry-portfolio-item.tall-entry { width: 49.8%; } } @media handheld, only screen and (max-width: 767px) { .masonry-portfolio-item { width: 100% !important; } } .masonry-portfolio-item .featured-image { line-height: 4px; position: relative; } .masonry-portfolio-item .featured-image .item-featured-image { width: 100.7%; max-width: 100.7%; } .grid-portfolio-item { float: left; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .standard-portfolio-item { float: left; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .standard-portfolio-item .item-holder { background-color: #fafafa; } .standard-portfolio-item .the-title { font-size: 18px; font-weight: bold; text-transform: uppercase; color: #fff; line-height: 18px; margin: 0; } .standard-portfolio-item .portfolio-cats { font-weight: 400; font-style: normal; font-size: 14px; line-height: 12px; display: inline-block; color: #333; margin: 0; text-transform:uppercase; position:absolute; left:40px; bottom:70px; } .marki-isotop-filter { margin: 0 40px 40px; } .marki-isotop-filter ul { margin: 0; padding: 0; list-style: none; } .marki-isotop-filter ul.align-left { text-align: left; } .marki-isotop-filter ul.align-center { text-align: center; } .marki-isotop-filter ul.align-right { text-align: right; } .marki-isotop-filter ul li { display: inline-block; margin: 0 5px 10px; } .marki-isotop-filter ul li a { padding: 7px 12px; line-height: 14px; font-size: 14px; text-transform: uppercase; display: block; border:none; } .marki-isotop-filter ul li a.current, .marki-isotop-filter ul li a:hover { } @media handheld, only screen and (max-width: 600px) { .marki-isotop-filter li { display: block !important; } } .ajax-container { overflow: hidden; height: 0; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .ajax-container .portfolio-ajax-gallery .marki-image-slideshow { padding: 0; margin: 0; } .portfolio-ajax-holder { margin: 36px 0 20px; border: 2px solid #eee; background-color: #fff; position: relative; *zoom: 1; } .portfolio-ajax-holder:before, .portfolio-ajax-holder:after { content: " "; display: table; } .portfolio-ajax-holder:after { clear: both; } .portfolio-ajax-holder .alt-title span { background-color: #fff !important; } .ajax_project { padding: 30px; overflow: hidden; } .ajax-controls { position: absolute; right: -1px; top: -34px; text-align: center; color: #c9c9c9; } .ajax-controls i { font-size: 16px; line-height: 30px; vertical-align: middle; display: inline-block; } .ajax-controls a { display: inline-block; margin: 0 -1px; width: 30px; height: 30px; border: 2px solid #eee; text-align: center; } .ajax-controls a.close-ajax { background-color: #eeeeee; color: #909090; } .ajax-controls a.next-ajax { border-left: none; border-right: none; width: 32px; } .ajax-controls a.next-ajax:hover, .ajax-controls a.prev-ajax:hover { background-color: transparent; border-color: #eee; color: #333; } .ajax-controls a:hover { background-color: #909090; color: #fff; border-color: #909090; } .ajax-controls a:hover.prev-ajax { border-right-color: #eee; } .project_content_section { width: 33%; float: right; padding: 0 0 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .project_preview_section { width: 66%; float: left; } .project_preview_section.no-ajax-content { width: 100% !important; } @media handheld, only screen and (max-width: 767px) { .project_content_section, .project_preview_section { float: none; width: 100%; padding: 0 0 20px; } } .portfolio-loader { position: absolute; z-index: 10000; top: 30%; left: 50%; margin: -40px 0 0 -40px; display: none; width: 80px; line-height: 80px; text-align: center; height: 80px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; background-color: rgba(0, 0, 0, 0.5); } .portfolio-loader div { position: relative; left: auto; top: auto; margin: 18px 0 0; } .ajax-portfolio-social-share { float: none; padding: 0; margin: 0 0 10px -5px; text-align: left; } .ajax-portfolio-social-share li { border-width: 2px !important; } .flip-portfolio-item { margin: 0; padding: 0; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; perspective: 1000px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .flip-portfolio-item:hover figure.back { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); ms-transform: rotateX(0deg); } .flip-portfolio-item:hover figure.front { -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); transform: rotateX(-180deg); ms-transform: rotateX(-180deg); } .flip-portfolio-item .flip-wrapper { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; perspective: 1000px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; width: 100%; height: 100%; } .flip-portfolio-item figure { display: block; line-height: 4px; height: 100%; width: 100%; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; perspective: 1000px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .flip-portfolio-item figure img { width: 100%; } .flip-portfolio-item figure.front { position: absolute; z-index: 2; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); ms-transform: rotateX(0deg); } .flip-portfolio-item figure.back { position: relative; z-index: 1; -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); ms-transform: rotateX(180deg); } .flip-portfolio-item .flip-overlay { opacity: 0.6; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; background-color: #000 !important; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; } .flip-portfolio-item .portfolio-meta { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; text-align: center; opacity: 1; } .flip-portfolio-item .the-title { font-size: 25px; font-weight: 300; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; color: #fff; line-height: 28px; margin-bottom: 10px; display: inline-block; } .flip-portfolio-item .cats { font-weight: 600; text-transform: uppercase; font-size: 12px; line-height: 12px; display: inline-block; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; color: #fff; } .flip-portfolio-item.portfolio-four-column .the-title, .flip-portfolio-item.portfolio-five-column .the-title { font-size: 20px; } @media handheld, only screen and (max-width: 1100px) { .flip-portfolio-item { width: 49.98%; } } .loop-main-wrapper { position: relative; } .archive .inner-page-wrapper, .error404 .inner-page-wrapper{padding-top:70px;padding-bottom:70px;} .archive #theme-page .theme-page-wrapper .inner-page-wrapper #marki-sidebar, .error404 #theme-page .theme-page-wrapper .inner-page-wrapper #marki-sidebar{ padding: 0 15px; position: relative; } .portfolio-archive-link{margin-top:21px;} .portfolio-archive-link a{ width:50px; height:50px; border-radius:4px; color:#fff; line-height:46px; font-size:22px; display:inline-block; text-align:center; } .meta-border-bottom{ border-bottom:1px solid #dfdfdf; padding-bottom:20px; margin-bottom:20px; } .meta-border-bottom h6{margin-bottom:10px;} .portfolio-cats a{} .portfolio-cats a:after{ display:inline-block; content:","; padding:0 5px; font-size:16px; } .portfolio-cats a:last-child:after{ display:none; } /* 404 page */ .error-404-big-text{text-align:center;} .error-404-big-text h1{font-size:200px;line-height:200px;} .error-404-big-text h1 span{font-size:inherit;line-height:inherit;font-family:inherit;} .error-404-big-text h3{} .error-404-big-text h4{} .error-404-big-text p{} .archive.woocommerce-page .inner-page-wrapper .theme-content { margin-top: 0; } .marki-gallery-shortcode, .marki-portfolio-grid, .marki-portfolio-masonry, .marki-spotlight-wrapper { width: 100.5%; } .marki-portfolio-scroller.scroller-disabled .marki-portfolio-item { max-width: 50%; } .portfolio-single-content { margin: 0; padding:15px 30px; background:#fff; } .portfolio-single-content a img { width:100%; } .single-portfolio-wrap{ } .single-portfolio-wrap .theme-content-inner{ margin-left:-15px; margin-right:-15px; margin-top:70px; } .single-portfolio-wrap .theme-content.single-portfolio{ padding-left:15px !important; padding-right:15px !important; padding-bottom:40px; } .single-portfolio-wrap .theme-content-inner #marki-sidebar{ padding-left:15px !important; padding-right:15px !important; } .portfolio-single-content .marki-text-block { line-height: 26px !important; } .portfolio-single-content.no-padding { margin-bottom: 0; margin-top: 0; } .single-portfolio-slideshow .marki-slideshow-shortcode, .portfolio-featured-image { margin-bottom: 24px; } .portfolio-social-share { float: right; margin: 0; padding: 0 0 0 10px; position: relative; z-index: 4; } @media handheld, only screen and (max-width: 600px) { .portfolio-social-share { float: none; display: block; margin: 40px auto 20px; } } .portfolio-similar-posts { margin-bottom: 40px; } .portfolio-similar-posts .owl-nav { position: absolute; right: 0; top: auto; bottom:-70px; } .portfolio-similar-posts .marki-portfolio-item-wrap{ margin: 0 -10px; padding: 0; list-style: none; text-align: left; } .portfolio-similar-posts ul.three-column li { width: 33.33%; } .portfolio-similar-posts ul.four-column li { width: 25%; } .portfolio-similar-posts .marki-portfolio-item { vertical-align: top; display: inline-block; margin: 0; padding:0 10px 10px; } .portfolio-similar-posts ul li .featured-image:hover .portfolio-meta { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .portfolio-similar-posts ul li .featured-image:hover .portfolio-meta .portfolio-permalink, .portfolio-similar-posts ul li .featured-image:hover .portfolio-meta .marki-lightbox { pointer-events: auto; } .portfolio-similar-posts ul li .featured-image .portfolio-meta .portfolio-permalink, .portfolio-similar-posts ul li .featured-image .portfolio-meta .marki-lightbox { pointer-events: none; } @media handheld, only screen and (max-width: 1000px) { .portfolio-similar-posts ul li { width: 50% !important; } } @media handheld, only screen and (max-width: 600px) { .portfolio-similar-posts ul li { width: 100% !important; } } .portfolio-similar-posts .portfolio-meta { opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .portfolio-similar-posts .portfolio-meta .portfolio-plus-icon { border-width: 0 !important; margin-bottom: 35px; font-size: 16px; line-height: 16px; } .portfolio-similar-posts .portfolio-meta .portfolio-cats { display: none; } .portfolio-similar-posts .portfolio-meta .the-title { margin-bottom: 30px; font-size: 11px; } .portfolio-similar-posts .portfolio-meta .portfolio-permalink:hover { background-color: #fff; color: #000 !important; } .portfolio-similar-posts .portfolio-meta .portfolio-permalink:hover i { color: #000 !important; } /* Modules */ /* * Shortcodes */ /* Custom Heading */ .marki-custom-heading {} .marki-custom-heading h3{font-size:36px;font-weight:bold;margin-bottom:0;} /* Shortcode:Drop Caps -------------------------------------------------------------------- */ .marki-dropcaps { display: inline-block; float: left; margin: 5px 8px 0 0; width: 30px; height: 30px; text-align: center; font-weight: 600; font-size: 16px; line-height: 30px; } .marki-dropcaps.square-custom, .marki-dropcaps.circle-custom { color: #fff !important; } .marki-dropcaps.circle-custom, .marki-dropcaps.circle-default { margin-top: 3px; width: 35px; height: 35px; font-size: 18px; line-height: 35px; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; } .marki-dropcaps.circle-default, .marki-dropcaps.square-default { border: 2px solid #eee; background-color: #fafafa; } /* Shortcode:Highlight -------------------------------------------------------------------- */ .marki-highlight { display: inline-block; margin: 1px 2px; } .marki-highlight.default-highlight { padding: 5px 10px; background-color: #ededed; } .marki-highlight.custom-highlight { color: #fff; padding: 5px; } /* Shortcode: Skill Meter -------------------------------------------------------------------- */ .marki-skill-meter { margin-bottom: 18px; } .marki-skill-meter .marki-skill-meter-title { display: block; margin-bottom: 10px; color: #777; line-height: 13px; font-weight: bold; } .marki-skill-meter .marki-progress-bar { position: relative; display: block; background-color: #eee; width: 100%; border-color: #eee; border-style: solid; } .marki-skill-meter .marki-progress-bar .progress-outer { position: absolute; top: 0; left: 0; height: 100%; } /* Shortcode : Animated Columns -------------------------------------------------------------------- */ .marki-animated-columns { *zoom: 1; overflow: hidden; } .marki-animated-columns:before, .marki-animated-columns:after { content: " "; display: table; } .marki-animated-columns:after { clear: both; } .marki-animated-columns.one-column .animated-column-item { width: 100%; } .marki-animated-columns.two-column .animated-column-item { width: 50%; } .marki-animated-columns.three-column .animated-column-item { width: 33.33%; } .marki-animated-columns.four-column .animated-column-item { width: 25%; } .marki-animated-columns.five-column .animated-column-item { width: 20%; } .marki-animated-columns.six-column .animated-column-item { width: 16.66%; } .marki-animated-columns.seven-column .animated-column-item { width: 14.28%; } .marki-animated-columns.eight-column .animated-column-item { width: 12.5%; } .marki-animated-columns.two-column .animated-column-item:nth-of-type(2n) { border-right-width: 1px; } .marki-animated-columns.three-column .animated-column-item:nth-of-type(3n) { border-right-width: 1px; } .marki-animated-columns.four-column .animated-column-item:nth-of-type(4n) { border-right-width: 1px; } .marki-animated-columns.five-column .animated-column-item:nth-of-type(5n) { border-right-width: 1px; } .marki-animated-columns.six-column .animated-column-item:nth-of-type(6n) { border-right-width: 1px; } .marki-animated-columns.seven-column .animated-column-item:nth-of-type(7n) { border-right-width: 1px; } .marki-animated-columns.eight-column .animated-column-item:nth-of-type(8n) { border-right-width: 1px; } @media handheld, only screen and (max-width: 960px) { .marki-animated-columns.four-column .animated-column-item, .marki-animated-columns.five-column .animated-column-item, .marki-animated-columns.six-column .animated-column-item, .marki-animated-columns.seven-column .animated-column-item, .marki-animated-columns.eight-column .animated-column-item { width: 33.33% !important; } .marki-animated-columns.four-column .animated-column-item:nth-of-type(3n), .marki-animated-columns.five-column .animated-column-item:nth-of-type(3n), .marki-animated-columns.six-column .animated-column-item:nth-of-type(3n), .marki-animated-columns.seven-column .animated-column-item:nth-of-type(3n), .marki-animated-columns.eight-column .animated-column-item:nth-of-type(3n) { border-right-width: 1px; } .marki-animated-columns.four-column .animated-column-item:nth-of-type(4n), .marki-animated-columns.five-column .animated-column-item:nth-of-type(5n), .marki-animated-columns.six-column .animated-column-item:nth-of-type(6n), .marki-animated-columns.seven-column .animated-column-item:nth-of-type(7n), .marki-animated-columns.eight-column .animated-column-item:nth-of-type(8n) { border-right-width: 0; } } @media handheld, only screen and (max-width: 767px) { .marki-animated-columns.four-column .animated-column-item:nth-of-type(3n), .marki-animated-columns.five-column .animated-column-item:nth-of-type(3n), .marki-animated-columns.six-column .animated-column-item:nth-of-type(3n), .marki-animated-columns.seven-column .animated-column-item:nth-of-type(3n), .marki-animated-columns.eight-column .animated-column-item:nth-of-type(3n) { border-right-width: 0; } .marki-animated-columns.three-column .animated-column-item, .marki-animated-columns.four-column .animated-column-item, .marki-animated-columns.five-column .animated-column-item, .marki-animated-columns.six-column .animated-column-item, .marki-animated-columns.seven-column .animated-column-item, .marki-animated-columns.eight-column .animated-column-item { width: 100% !important; border-right-width: 1px !important; } } .marki-animated-columns .simple-style a { display: block; width: 100%; height: 100%; } .animated-column-item { float: left; overflow: hidden; text-align: center; position: relative; -webkit-transition: background 0.2s ease-out 0; -moz-transition: background 0.2s ease-out 0s; -o-transition: background 0.2s ease-out 0; transition: background 0.2s ease-out 0; border-left-width: 1px; border-bottom-width: 1px; border-right-width: 0; border-style: solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .animated-column-holder { top: 0px; position: relative; width: 100%; height: 100%; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px; } .full-style .animated-column-icon { padding-bottom: 30px; display: block; } .simple-style .animated-column-icon, .simple_text-style .animated-column-icon { display: block; } .simple-style .animated-column-title, .simple_text-style .animated-column-title { position: absolute; width: 100%; height: 100%; display: block; top: -100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .simple-style .animated-column-title span, .simple_text-style .animated-column-title span { display: block; } .animated-column-title { font-size: 14px; font-weight: bolder; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .full-style .animated-column-title { padding-bottom: 10px; } .animated-column-desc { line-height: 26px; font-size: 12px; position: relative; padding: 20px 30px 50px 30px; top: 100%; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .animated-column-btn { position: relative; top: 100%; text-align: center; width: 100%; } .animated-column-btn .marki-button { margin: 0 auto; } /* Shortcode:Milestone -------------------------------------------------------------------- */ .marki-milestone { text-align: center; margin:0 auto 20px; } .marki-milestone.classic-style .milestone-number { padding:0; display: inline-block; } .marki-milestone.classic-style .milestone-number.content-none { border: none; } .marki-milestone.classic-style i { text-align: center; border-top: none; margin: 0 auto; display: block; } .marki-milestone.modern-style .milestone-number { margin: 0 0 10px; padding: 0 10px 0; display: inline-block; } .marki-milestone.modern-style i { font-size: 48px; text-align: center; border-top: none; margin: 0 auto; display: block; } .marki-milestone .milestone-text { padding-top:5px; text-align:center; } .marki-milestone .mile-number{ margin-bottom:45px; } .marki-milestone .mile-below-text{ margin-bottom:10px; font-weight:700; } /* Charts -------------------------------------------------------------------- */ .marki-chart { position: relative; margin: 0 auto; text-align: center; } .marki-chart canvas { position: absolute; top: 0; left: 0; z-index: 1; } .marki-chart i, .marki-chart .chart-custom-text, .marki-chart .chart-percent { position: absolute; top: 0; left: 0; z-index: 10; display: block; width: 100%; color: #444; text-align: center; } .marki-chart i { font-size: 48px; } .marki-chart .chart-custom-text { font-size: 18px; } .marki-chart .chart-percent { font-weight: 600; font-size: 16px; } .marki-chart-desc { display: block; text-align: center; font-size: 12px; } @media handheld, only screen and (max-width: 600px) { .marki-chart { margin: 0 auto; } } /* Shortcode:Image -------------------------------------------------------------------- */ .marki-image { position: relative; overflow: hidden; line-height: 4px; } .marki-image a { display: block; } .marki-image.circular-true { border-radius: 50%; } .marki-image.circular-true img { border-radius: 50%; } .marki-image.circular-true .hover-overlay { border-radius: 50%; } .marki-image.align-left { text-align: left; } .marki-image.align-right { float: right; } .marki-image.align-center { margin-right: auto; margin-left: auto; text-align: center; } .marki-image img { position: relative; z-index: 6; line-height: 4px; transition: all 0.3s ease-in-out; -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; } .marki-image.style1-image .hover-overlay { background-color: #000 !important; } .marki-image.style1-image:hover .hover-overlay { opacity: 0.6; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-image.style1-image:hover .marki-image-hover i, .marki-image.style1-image:hover .marki-image-caption { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-image.style2-image .hover-overlay { background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); background: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); background-color: inherit !important; } .marki-image.style2-image:hover .hover-overlay { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-image.style2-image:hover .marki-image-hover i, .marki-image.style2-image:hover .marki-image-caption { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-image.style2-image:hover .marki-image-hover { pointer-events: auto; } .marki-image .marki-image-hover { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 12; text-align: center; display: block; } .marki-image .marki-image-hover i { font-size: 16px; color: #fff; position: relative; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; width: 27px; height: 27px; line-height: 27px; display: inline-block; border: 3px solid #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .marki-image .marki-image-hover i:hover { background-color: #fff; color: #000; } .marki-image .marki-image-caption { line-height: 24px; font-size: 13px; margin-top: 15px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; color: #fff !important; position: relative; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } /* Shortcode:Tables -------------------------------------------------------------------- */ .marki-fancy-table { overflow: hidden; margin-bottom: 20px; padding: 15px; border: 2px solid #eee; } .marki-fancy-table table { overflow: hidden; margin: 0; padding: 0; width: 100%; border-collapse: collapse; text-align: left; } .marki-fancy-table th { padding: 18px 12px; background-color: #f7f7f7; color: #4b4b4b; text-align: center; font-weight: bold; font-size: 13px; } .marki-fancy-table tfoot td { padding: 8px; } .marki-fancy-table tfoot { background-color: #f3f3f3; } .marki-fancy-table tr:nth-child(even) { background-color: #f7f7f7; } .marki-fancy-table td { padding: 15px 12px; font-size: 13px; color: #4b4b4b; text-align: center; } /* Shortcode:List Styles -------------------------------------------------------------------- */ .marki-list-styles ul { margin: 0; padding: 0; list-style: none; line-height: 32px; } .marki-list-styles ul li { position: relative; overflow: hidden; margin: 0; padding: 0; font-size: 14px; color: #666; } .marki-list-styles ul li:before { position: relative; top: 0; left: 0; margin-right:10px; font-size: 6px; } /* Shortcode:List Styles -------------------------------------------------------------------- */ .marki-image-box { overflow: hidden; } .marki-image-box.rounded-true { -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .marki-image-box.rounded-true .marki-image-box-media { -webkit-border-top-right-radius: 9px; border-top-right-radius: 9px; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 9px; border-top-left-radius: 9px; background-clip: padding-box; -moz-border-radius-topright: 9px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 9px; -moz-background-clip: padding; -webkit-background-clip: padding-box; -webkit-mask-image: -webkit-radial-gradient(circle, #ffffff, #000000); } .marki-image-box.rounded-true .featured-image { -webkit-border-top-right-radius: 9px; border-top-right-radius: 9px; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 9px; border-top-left-radius: 9px; background-clip: padding-box; -moz-border-radius-topright: 9px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 9px; -moz-background-clip: padding; -webkit-background-clip: padding-box; position: relative; z-index: 1; } .marki-image-box.rounded-true .featured-image img { -webkit-border-top-right-radius: 9px; border-top-right-radius: 9px; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 9px; border-top-left-radius: 9px; background-clip: padding-box; -moz-border-radius-topright: 9px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 9px; -moz-background-clip: padding; -webkit-background-clip: padding-box; vertical-align: middle; } .marki-image-box.align-left .item-holder { text-align: left; } .marki-image-box.align-center .item-holder { text-align: center; } .marki-image-box.align-right .item-holder { text-align: right; } .marki-image-box .gallery-meta { position: absolute; top: 50%; left: 50%; z-index: 10; text-align: center; min-width: 32px; margin: -17px 0 0 -17px; } .marki-image-box .gallery-meta i { font-size: 16px; width: 27px; height: 27px; text-align: center; color: #fff; border-radius: 3px; border: 3px solid #fff; display: inline-block; margin: 0 auto; -webkit-backface-visibility: hidden; } .marki-image-box .gallery-meta i:before { height: 28px; line-height: 28px; } .marki-image-box .gallery-meta i:hover { background-color: #fff; color: #000; } .marki-image-box .image-box-title { margin-bottom: 16px; text-transform: uppercase; font-weight: bold; font-size: 16px; } .marki-image-box .image-box-desc { font-size: 14px; line-height: 24px; } .marki-image-box .item-holder { padding: 30px; } .marki-image-box .featured-image { display: block; overflow: hidden; } .marki-image-box .featured-image img { -webkit-transform: translate3d(0, 0, 0) scale(1.05); transform: translate3d(0, 0, 0) scale(1.05); -webkit-transition: -webkit-transform 0.35s ease-in-out; transition: transform 0.35s ease-in-out; } .marki-image-box .featured-image i { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.35s, -webkit-transform 0.25s ease-in-out, visibility 0.25s, background-color 0.25s, color 0.25s; transition: opacity 0.25s, transform 0.25s ease-in-out, visibility 0.25s, background-color 0.25s, color 0.25s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .marki-image-box .featured-image i:hover { background-color: #fff; color: #000; } .marki-image-box .featured-image:hover img { -webkit-transform: translate3d(0, -2.5%, 0) scale(1.05); transform: translate3d(0, -2.5%, 0) scale(1.05); } .marki-image-box .featured-image:hover i { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .marki-image-box .marki-image-box-media { overflow: hidden; position: relative; } .marki-image-box .marki-imagebox-video-preview { display: none; } .marki-image-box .marki-video-container { padding-top: 0; } .marki-image-box .marki-imagebox-video { display: block; width: 100%; } .marki-image-box .marki-imagebox-video video { display: block; height: 100%; position: absolute; width: 100%; } @media handheld, only screen and (max-width: 600px) { .marki-image-box .marki-imagebox-video.video-self-hosted { display: none!important; } .marki-image-box .marki-imagebox-video-preview { display: block; } } /* Shortcode:Message Boxes -------------------------------------------------------------------- */ .marki-message-box { position: relative; display: block; margin-bottom: 20px; color: #fff; } .marki-message-box.rounded-style { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .marki-message-box .marki-inner-grid { padding: 15px; } .marki-message-box .messagebox-content { display: block; margin: 16px 15px 16px 95px; padding: 12px 0 12px 20px; border-left: 2px solid rgba(255, 255, 255, 0.5); font-size: 15px; } .marki-message-box .messagebox-content p { margin-bottom: 0; color: inherit; font-size: inherit; } .marki-message-box .messagebox-icon { position: absolute; top: 50%; left: 60px; margin-top: -20px; width: 40px; height: 40px; font-size: 32px; line-height: 40px; } .marki-message-box .box-close-btn { position: absolute; right: 10px; top: 10px; font-size: 16px; color: #fff; z-index: 5; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; opacity: 0.6; } .marki-message-box .box-close-btn:hover { opacity: 1; } .marki-message-box.confirm-box { background-color: #a5de37; } .marki-message-box.love-box { background-color: #ff667a; } .marki-message-box.hint-box { background-color: #28cdfb; } .marki-message-box.solution-box { background-color: #f668ca; } .marki-message-box.alert-box { background-color: #ff4351; } .marki-message-box.warning-box { background-color: #fc880f; } .marki-message-box.star-box { background-color: #7b72e9; } @media handheld, only screen and (max-width: 600px) { .marki-message-box .messagebox-content { padding: 60px 10px 10px 10px !important; margin: 0 !important; border: 0 !important; text-align: center !important; } .marki-message-box .messagebox-icon { top: 15px !important; left: 50% !important; margin-top: 0 !important; margin-left: -20px !important; } } /* Shortcode:Button -------------------------------------------------------------------- */ button.marki-button { outline: none; border: none; background: none; line-height: 100%; } .marki-button { position: relative; display: inline-block; margin-right: 10px; margin-left: 0; vertical-align: middle; text-align: center; cursor: pointer; zoom: 1; font-weight: Normal; font-size: 14px; -webkit-transform: translateZ(0); /* Corner Styles ========================================================================== */ /* Button Styles ========================================================================== */ -webkit-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border 0.2s ease-in-out; transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border 0.2s ease-in-out; } .marki-button[type=submit], .marki-button[type=button] { outline: none; border: none; font-weight: 600; } .marki-button span { display: inline-block; } .marki-button.full_rounded { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .marki-button.rounded { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .marki-button.pointed { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .marki-button.nudge-button.rounded:after { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .marki-button.nudge-button.full_rounded:after { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .marki-button.three-dimension-button:active { top: 2px !important; } .marki-button.outline-button { border-color: #444; border-style: solid; color: #fff; } .marki-button.outline-button:hover { background-color: #444; color: #fff; } .marki-button.outline-button.light { border-color: #fff; border-style: solid; color: #fff; } .marki-button.outline-button.light:hover { background-color: #fff; color: #444; } .marki-button.line-button:after, .marki-button.line-button:before { width: 2px; height: 100%; background: #444; position: absolute; top: 0; content: ''; } .marki-button.line-button:after { left: -3px; transition: all 0.2s ease-out; } .marki-button.line-button:before { right: -3px; transition: all 0.2s ease-out; } .marki-button.line-button:hover:after { left: 0; } .marki-button.line-button:hover:before { right: 0; } .marki-button.fill-button { position: relative; overflow: hidden; } .marki-button.fill-button.rounded { overflow: auto !important; } .marki-button.fill-button span { position: relative; /*&.fill-bg{ width: 0; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; content: ''; transition: all .3s ease; }*/ } .marki-button.fill-button:before { width: 0; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; content: ''; transition: width 0.25s ease-out; } .marki-button.fill-button i { position: relative; z-index: 2; } .marki-button.fill-button:hover:before { width: 100%; } .marki-button.nudge-button:after { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; content: ''; transition: width 0.25s ease-out; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-transition: all 0.4s cubic-bezier(0.16, 0.53, 0.15, 0.99) 0s; -o-transition: all 0.4s cubic-bezier(0.16, 0.53, 0.15, 0.99) 0s; -moz-transition: all 0.4s cubic-bezier(0.16, 0.53, 0.15, 0.99) 0s; transition: all 0.4s cubic-bezier(0.16, 0.53, 0.15, 0.99) 0s; } .marki-button.nudge-button:hover:after { -webkit-transform: translateX(4%); -moz-transform: translateX(4%); -ms-transform: translateX(4%); -o-transform: translateX(4%); } .marki-button.radius-button { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-radius: 0; } .marki-button.radius-button.xxlarge:hover { border-radius: 60px; } .marki-button.radius-button.xlarge:hover { border-radius: 50px; } .marki-button.radius-button.large:hover { border-radius: 40px; } .marki-button.radius-button.medium:hover, .marki-button.radius-button.small:hover { border-radius: 30px; } .marki-button.fancy_link-button { border-radius: 0; position: relative; text-align: left; } .marki-button.fancy_link-button .line { display: block; height: 2px; position: absolute; bottom: 0; transition: all .3s ease; width: 0; } .marki-button.fancy_link-button:before { position: absolute; content: ''; height: 2px; bottom: 0; left: 0; z-index: 1; } .marki-button.fancy_link-button:before { width: 100%; } .marki-button.fancy_link-button i { margin-left: 0; } .marki-button.fancy_link-button:before { opacity: .3; } .marki-button.fancy_link-button.xxlarge { padding: 32px 0; line-height: 100%; font-size: 30px; } .marki-button.fancy_link-button.xlarge { padding: 26px 0; line-height: 100%; font-size: 25px; } .marki-button.fancy_link-button.large { padding: 22px 0; line-height: 100%; font-size: 20px; } .marki-button.fancy_link-button.medium { padding: 16px 0; line-height: 100%; font-size: 15px; } .marki-button.fancy_link-button.small { padding: 12px 0; line-height: 100%; font-size: 12px; } .marki-button.fancy_link-button:hover:after { transition: all .5s ease; } .marki-button i { margin: 0px 5px 0 -10px; vertical-align: middle; padding-right: 10px; line-height: 16px; } .marki-button.xxlarge { padding: 32px 60px; line-height: 100%; font-size: 15px; } .marki-button.xxlarge i { font-size: 16px; } .marki-button.xlarge { padding: 24px 50px; line-height: 100%; font-size: 13px; } .marki-button.xlarge i { font-size: 16px; } .marki-button.large { padding: 19px 20px 17px; line-height: 100%; min-width:180px; min-height:50px; font-size:13px; } .marki-button.large i { font-size: 16px; } .marki-button.medium { padding: 16px 25px; line-height: 100%; } .marki-button.medium i { font-size: 16px; } .marki-button.small { padding: 12px 22px; line-height: 100%; } .marki-button.small i { margin-top: -3px; font-size: 16px; } button.marki-button::-moz-focus-inner { border: none; } .marki-button-align { display: inline-block; } .marki-button-align.right { float: right; } .marki-button-align.center { display: block !important; text-align: center; margin-left:0; } .marki-button-align.center:first-child{ } .marki-button-align.center .marki-button { margin-right: 0; } .marki-button-align.left { text-align: left; } @media handheld, only screen and (max-width: 770px) { .marki-button-align.left, .marki-button-align.center, .marki-button-align.right { width: 100%; text-align: center !important; } } /* Shortcode:Dividers -------------------------------------------------------------------- */ .marki-divider { display: block; text-align: center; } .marki-divider.divider_one_half .divider-inner, .marki-divider.divider_one_third .divider-inner, .marki-divider.divider_one_fourth .divider-inner { display: inline-block; margin-right: auto; margin-left: auto; text-align: center; } .marki-divider.divider_one_half .divider-inner { width: 50%; } .marki-divider.divider_one_third .divider-inner { width: 33.33%; } .marki-divider.divider_one_fourth .divider-inner { width: 25%; } .marki-divider.divider-single .divider-inner { height: 1px; border-bottom: 1px solid #dbdbdb; } .marki-divider.divider-dashed .divider-inner { height: 2px; border-bottom: 2px dashed #dbdbdb; } .marki-divider.divider-dotted .divider-inner { height: 1px; border-bottom: 1px dotted #dbdbdb; } .marki-divider.divider-thick .divider-inner { height: 5px; border-top: 3px solid #e4e4e4; } @media handheld, only screen and (max-width: 767px) { .marki-divider .divider-inner { margin-left: auto!important; margin-right: auto!important; } } /* Shortcode:Full Width Box -------------------------------------------------------------------- */ .marki-fullwidth-boxed { position: relative; display: block; padding: 30px; } /* Shortcode:Slideshow -------------------------------------------------------------------- */ .marki-image-slideshow { position: relative; margin: 0 auto 20px; text-align: center; overflow: hidden; } .marki-image-slideshow img { margin: 0 auto; } .marki-image-slideshow .swiper-pagination { position: absolute; bottom: 15px; display: block; width: 100%; text-align: center; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-image-slideshow .swiper-pagination-switch { display: inline-block; margin: 0 3px; width: 8px; height: 8px; border: 2px solid #eee; cursor: pointer; } .marki-image-slideshow .swiper-active-switch { background-color: #eee; } .marki-image-slideshow .marki-swiper-container:hover .slideshow-swiper-arrows, .marki-image-slideshow .marki-swiper-container:hover .swiper-pagination { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-image-slideshow .marki-swiper-container:hover .slideshow-swiper-arrows:hover { background-color: #fff !important; } .marki-image-slideshow .marki-swiper-container:hover .slideshow-swiper-arrows:hover i { color: #000 !important; } .marki-image-slideshow .marki-swiper-container:hover .marki-swiper-next { right: 40px; } .marki-image-slideshow .marki-swiper-container:hover .marki-swiper-prev { left: 40px; } .slideshow-swiper-arrows { position: absolute; top: 50%; display: block; margin-top: -15px; width: 40px; height: 40px; border: 1px solid #fff; border-radius:50%; text-align: center; cursor: pointer; z-index: 15; opacity: 0; line-height:35px; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .slideshow-swiper-arrows i { color: #fff; font-size: 16px; line-height: 38px; display: block; } .slideshow-swiper-arrows.marki-swiper-next { right: 50px; } .slideshow-swiper-arrows.marki-swiper-prev { left: 50px; } @media handheld, only screen and (max-width: 768px) { .slideshow-swiper-arrows, .swiper-pagination { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-swiper-next { right: 15px; } .marki-swiper-prev { left: 15px; } } /* Shortcode:Content Slideshow -------------------------------------------------------------------- */ /* Shortcode:Blockquotes -------------------------------------------------------------------- */ blockquote { position: relative; margin: 15px 0; line-height: 24px; padding: 20px; background-color: #fafafa; border: 2px solid #eeeeee; font-style: italic; } .marki-blockquote { position: relative; margin: 15px 0; font-size: 14px; line-height: 26px; } .marki-blockquote .marki-blockquote-content { padding: 30px 45px; background-color: #fafafa; border: 2px solid #eeeeee; } .marki-blockquote.classic-style { font-style: italic; } .marki-blockquote.classic-style .marki-blockquote-content { padding: 30px 45px; } .marki-blockquote.classic-style .marki-quote-left, .marki-blockquote.classic-style .marki-quote-right { position: absolute; font-size: 24px; color: #eee; } .marki-blockquote.classic-style .marki-quote-left { top: 10px; left: 10px; } .marki-blockquote.classic-style .marki-quote-right { bottom: 10px; right: 10px; } .marki-blockquote.modern-style { color: #666; font-style: normal; } .marki-blockquote.modern-style .marki-blockquote-content { padding: 25px 40px; } .marki-blockquote.modern-style:before { width: 7px; display: block; position: absolute; background-color: #919191; height: 100%; top: 0; left: 0; content: ''; } .marki-blockquote.modern-style .marki-quote-left, .marki-blockquote.modern-style .marki-quote-right { display: none; } .marki-blockquote p { margin-bottom: 15px; } .marki-blockquote.align-left { text-align: left; } .marki-blockquote.align-right { text-align: right; } .marki-blockquote.align-center { text-align: center; } /* Shortcode:Testimanial Slider -------------------------------------------------------------------- */ .boxed-new-style{ } .boxed-new-style .testimoial-wrap{ width:50%; float:left; } .boxed-new-style .testimoial-wrap:nth-child(even){padding-left:20px;} .boxed-new-style .testi-thumb{} .boxed-new-style .testimonial-content{} .marki-testimonial { margin: 3px 3px 20px; } .marki-testimonial .testimonial-author { display: block; color: #777; } .marki-testimonial .swiper-slide { padding-right: 5px; padding-left: 5px; position: relative; } .marki-testimonial .swiper-pagination { display: block; width: 100%; text-align: center; } .marki-testimonial .swiper-pagination-switch { display: inline-block; margin: 0 3px 6px; width: 5px; height: 5px; border: 2px solid #eeeeee; cursor: pointer; } .marki-testimonial .swiper-active-switch { background-color: #777; border-color: #777; } .marki-testimonial .testimonial-company { font-size: 12px; } .marki-testimonial .testimonial-image { } .marki-testimonial .testimonial-quote { font-size: 14px; line-height: 26px; } .marki-testimonial.boxed-style .marki-swiper-wrapper { padding-top: 20px; } .marki-testimonial.boxed-style .swiper-slide { position: relative; } .marki-testimonial.boxed-style .testimonial-content { } .marki-testimonial .testimonial-content:before { color:rgba(39,46,67,0.10); content: "\f10d"; display: block; font-family: "FontAwesome"; font-size: 76px; left: 40px; top:20px; line-height: 1; position: relative; text-align: left; } .marki-testimonial.boxed-new-style .testimonial-content:before, .marki-testimonial.boxed-new-style .testimonial-content:after{ display:none; } .marki-testimonial .testimonial-content:after { color:rgba(39,46,67,0.10); content: "\f10e"; display: block; font-family: "FontAwesome"; font-size: 76px; right: 40px; bottom:20px; line-height: 1; position: relative; text-align: right; } .marki-testimonial.boxed-style .testimonial-quote { display: block; font-size: 14px !important; left: 0; padding: 0 18%; position: absolute; right: 0; text-align: left; top: 50%; transform: translateY(-50%); word-wrap: break-word; } .marki-testimonial.boxed-style .testimonial-quote:before { } .marki-testimonial.boxed-style .testimonial-image { } .marki-testimonial.boxed-style .author-details { bottom: 30px; left: 80px; position: absolute; } .marki-testimonial.boxed-style .testimonial-author { bottom: 50px; font-size: 18px; left: 80px; position: absolute; text-transform: capitalize; } .marki-testimonial.boxed-style .testimonial-company { font-size:14px; margin-left:5px; } .marki-testimonial.boxed-style .testimonial-position{ font-size:14px; } .marki-testimonial.boxed-style .swiper-pagination { text-align: left !important; padding-left: 138px; left: 0 !important; top: 0 !important; bottom: auto !important; } .marki-testimonial.quote-style { text-align: center; } .marki-testimonial.quote-style .testimonial-quote { position: relative; display: block; padding: 20px 25px; border: 2px solid #eeeeee; margin-bottom: 12px; } .marki-testimonial.quote-style .testimonial-quote:before { position: absolute; bottom: -16px; margin-left: -16px; left: 50%; display: block; width: 0; height: 0; content: ""; border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 14px solid #eee; } .marki-testimonial.quote-style .testimonial-footer-note { display: inline-block; padding: 5px 0; text-align: center; } .marki-testimonial.quote-style .marki-swiper-wrapper { padding-top: 20px; } .marki-testimonial.quote-style .swiper-pagination { left: 0 !important; top: 0 !important; bottom: auto !important; } .marki-testimonial.modern-style .marki-swiper-wrapper { padding-top: 20px; } .marki-testimonial.modern-style .testimonial-content { text-align: center; } .marki-testimonial.modern-style .swiper-pagination { left: 0 !important; top: 0 !important; bottom: auto !important; } .marki-testimonial.modern-style .testimonial-quote { text-align:center; } .marki-testimonial.modern-style .testimonial-footer-note { } .marki-testimonial.modern-style .testimonial-image { display: block; } .marki-testimonial.modern-style .author-details{ bottom: 15px; left: 15px; position: absolute; text-align: left; } .marki-testimonial.light-skin.quote-style .testimonial-quote { border-color: rgba(255, 255, 255, 0.2); color: #fff; color: rgba(255, 255, 255, 0.9); } .marki-testimonial.light-skin.quote-style .testimonial-quote:before { border-top-color: rgba(255, 255, 255, 0.2); } .marki-testimonial.light-skin.quote-style .testimonial-author { color: #fff; color: rgba(255, 255, 255, 0.5); } .marki-testimonial.light-skin.quote-style .swiper-pagination-switch { border-color: rgba(255, 255, 255, 0.2); } .marki-testimonial.light-skin.quote-style .swiper-active-switch { background-color: rgba(255, 255, 255, 0.7); border-color: rgba(255, 255, 255, 0.1); } @media handheld, only screen and (max-width: 767px) { .marki-testimonial { text-align: center; } .marki-testimonial.boxed-style .testimonial-content { margin: 75px 0 0 !important; padding-bottom: 30px; } .marki-testimonial.boxed-style .swiper-pagination { padding-left: 0 !important; left: 0 !important; top: auto !important; bottom: 0 !important; margin-bottom: 0 !important; text-align: center !important; } .marki-testimonial.boxed-style .testimonial-image { left: 50% !important; top: -85px !important; margin: 0 0 0 -35px !important; } .marki-testimonial.boxed-style .testimonial-quote:before { top: -7px !important; margin: 0 0 0 -7px !important; left: 50% !important; border: 1px solid #eee !important; border-right: none !important; border-bottom: none !important; } .marki-testimonial .testimonial-company, .marki-testimonial .testimonial-author { margin: 0 !important; } .boxed-new-style .testimoial-wrap{ width:100%; float:none; border:none !important; } .testi-thumb { float: none !important; margin:0 auto; } .testimonial-content { float: none !important; width: 100% !important; } .boxed-new-style .testimoial-wrap:nth-child(even) { padding-left: 0 !important; } } /* Shortcode: Fade Text Box -------------------------------------------------------------------- */ .marki-fade-txt-box .swiper-slide { line-height: 1; text-align: center; } @media handheld, only screen and (max-width: 767px) { .marki-fade-txt-box .marki-force-responsive { font-size: 36px !important; } } /* Shortcode: Tabs -------------------------------------------------------------------- */ .marki-tabs { margin-bottom: 20px; } .marki-tabs .marki-tabs-tabs { position: relative; z-index: 10; padding: 0; list-style: none; } .marki-tabs .marki-tabs-tabs li { margin: 0; position: relative; border-top: 0; border-bottom: 0; } .marki-tabs .marki-tabs-tabs li.ui-state-active > a { cursor: default; } .marki-tabs .marki-tabs-tabs li a { text-transform: uppercase; font-weight: bold; color: #919191; display: block; line-height: 100%; font-size: 12px !important; } .marki-tabs .marki-tabs-tabs li a i { font-size: 16px; padding-right: 5px; } @media handheld, only screen and (max-width: 767px) { .marki-tabs .marki-tabs-tabs { display: none !important; } } .marki-tabs .marki-tabs-panes { position: relative; z-index: 1; margin: 0; } .marki-tabs .marki-tabs-panes .title-mobile { display: none; color: #444444; white-space: nowrap; font-weight: bold; font-size: 14px; line-height: 24px; margin-bottom: 15px; background-color: rgba(0, 0, 0, 0.05); border-bottom: 2px solid rgba(0, 0, 0, 0.1); padding: 5px 10px; } @media handheld, only screen and (max-width: 767px) { .marki-tabs .marki-tabs-panes .title-mobile { display: block; } } .marki-tabs .marki-tabs-panes .marki-tabs-pane .inner-box { padding: 30px; display: block; } .marki-tabs.style1-tabs.horizontal-style .marki-tabs-tabs { margin: 0 0 -1px 0; } .marki-tabs.style1-tabs.horizontal-style .marki-tabs-tabs li { display: inline-block; border-left: 2px solid #efefef; white-space: nowrap; } .marki-tabs.style1-tabs.horizontal-style .marki-tabs-tabs li:last-child { border-right: 2px solid #efefef; } .marki-tabs.style1-tabs.horizontal-style .marki-tabs-tabs li a { padding: 14px 20px 15px; margin-top: 15px; } .marki-tabs.style1-tabs.horizontal-style .marki-tabs-tabs li.tab-with-icon > a { padding: 14px 20px 12px; } .marki-tabs.style1-tabs.horizontal-style .marki-tabs-tabs li.ui-state-active a { position: relative; bottom: -2px; } .marki-tabs.style1-tabs.horizontal-style .marki-tabs-panes { border: 2px solid #efefef; border-bottom: none; } .marki-tabs.style1-tabs.horizontal-style .marki-tabs-panes .marki-tabs-pane { padding-bottom: 20px; } @media handheld, only screen and (max-width: 767px) { .marki-tabs.style1-tabs.horizontal-style .marki-tabs-panes .marki-tabs-pane { padding-bottom: 0 !important; } } .marki-tabs.style1-tabs.vertical-style .marki-tabs-tabs { padding: 40px 0; margin: 0; width: 231px; display: block; float: left; } .marki-tabs.style1-tabs.vertical-style .marki-tabs-tabs li { display: block; border-top: 2px solid #efefef; } .marki-tabs.style1-tabs.vertical-style .marki-tabs-tabs li:last-child { border-bottom: 2px solid #efefef; } .marki-tabs.style1-tabs.vertical-style .marki-tabs-tabs li a { padding: 15px 10px 15px 20px; margin-left: 15px; line-height: 18px; } .marki-tabs.style1-tabs.vertical-style .marki-tabs-tabs li.ui-state-active a { position: relative; right: -2px; } .marki-tabs.style1-tabs.vertical-style .marki-tabs-panes { margin-left: 231px; display: block; border: 2px solid #efefef; border-right: none; } .marki-tabs.style1-tabs.vertical-style .marki-tabs-panes .marki-tabs-pane { padding: 0 20px 0 0; float: left; width: 100%; } @media handheld, only screen and (max-width: 767px) { .marki-tabs.style1-tabs.vertical-style .marki-tabs-panes .marki-tabs-pane { padding-bottom: 0 !important; } } .marki-tabs.style1-tabs .inner-box .marki-text-block { font-size: 14px; line-height: 26px; } .marki-tabs.style2-tabs.horizontal-style .marki-tabs-tabs { margin: 0 ; } .marki-tabs.style2-tabs.horizontal-style .marki-tabs-tabs li { display: inline-block; border-left: 2px solid #efefef; border-top: 2px solid #efefef; white-space: nowrap; } .marki-tabs.style2-tabs.horizontal-style .marki-tabs-tabs li:last-child { border-right: 2px solid #efefef; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; background-clip: padding-box; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; } .marki-tabs.style2-tabs.horizontal-style .marki-tabs-tabs li:first-child { -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; background-clip: padding-box; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; } .marki-tabs.style2-tabs.horizontal-style .marki-tabs-tabs li a { background-color: #fafafa; padding: 20px 15px 18px; font-size: 12px; } .marki-tabs.style2-tabs.horizontal-style .marki-tabs-tabs li.tab-with-icon > a { padding: 19px 11px 16px; font-size: 12px; } .marki-tabs.style2-tabs.horizontal-style .marki-tabs-tabs li.ui-state-active a { position: relative; bottom: -2px; } .marki-tabs.style2-tabs.horizontal-style .marki-tabs-panes { border: 2px solid #efefef; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; background-clip: padding-box; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; } .marki-tabs.style2-tabs.vertical-style .marki-tabs-tabs { padding: 0; margin: 0; width: 231px; display: block; float: left; } .marki-tabs.style2-tabs.vertical-style .marki-tabs-tabs li { display: block; border-top: 2px solid #efefef; border-left: 2px solid #efefef; } .marki-tabs.style2-tabs.vertical-style .marki-tabs-tabs li:last-child { border-bottom: 2px solid #efefef; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; background-clip: padding-box; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; } .marki-tabs.style2-tabs.vertical-style .marki-tabs-tabs li:first-child { -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; background-clip: padding-box; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; } .marki-tabs.style2-tabs.vertical-style .marki-tabs-tabs li a { padding: 18px 10px 18px 25px; line-height: 18px; background-color: #fafafa; } .marki-tabs.style2-tabs.vertical-style .marki-tabs-tabs li.ui-state-active a { position: relative; right: -2px; } .marki-tabs.style2-tabs.vertical-style .marki-tabs-panes { margin-left: 231px; display: block; border: 2px solid #efefef; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; background-clip: padding-box; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; } .marki-tabs.style2-tabs.vertical-style .marki-tabs-panes .marki-tabs-pane { padding: 0; float: left; width: 100%; } .marki-tabs.style3-tabs { text-align: center; } .marki-tabs.style3-tabs .marki-tabs-tabs { margin: 0 auto; display: inline-block; text-align: center; border: 2px solid #e3e3e3; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .marki-tabs.style3-tabs .marki-tabs-tabs li { display: inline-block; white-space: nowrap; height: 100%; border-left: 2px solid transparent; border-right: 2px solid transparent; } .marki-tabs.style3-tabs .marki-tabs-tabs li:first-child { border-left-width: 0; } .marki-tabs.style3-tabs .marki-tabs-tabs li:last-child { border-right-width: 0; } .marki-tabs.style3-tabs .marki-tabs-tabs li.ui-state-active { border-left: 2px solid #e3e3e3; border-right: 2px solid #e3e3e3; background-color: #fafafa; } .marki-tabs.style3-tabs .marki-tabs-tabs li.ui-state-active:last-child { border-right: none; -webkit-border-top-right-radius: 9px; border-top-right-radius: 9px; -webkit-border-bottom-right-radius: 9px; border-bottom-right-radius: 9px; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; background-clip: padding-box; -moz-border-radius-topright: 9px; -moz-border-radius-bottomright: 9px; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; } .marki-tabs.style3-tabs .marki-tabs-tabs li.ui-state-active:first-child { border-left: none; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 9px; border-bottom-left-radius: 9px; -webkit-border-top-left-radius: 9px; border-top-left-radius: 9px; background-clip: padding-box; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 9px; -moz-border-radius-topleft: 9px; -moz-background-clip: padding; -webkit-background-clip: padding-box; } .marki-tabs.style3-tabs .marki-tabs-tabs li a { height: 100%; padding: 25px; font-weight: normal !important; color: #3f3f3f; font-size: 13px; } .marki-tabs.style3-tabs .marki-tabs-tabs li a i[class*='marki-li-'] { margin-top: -1px; } .marki-tabs.style3-tabs .marki-tabs-tabs li.tab-with-icon > a { padding: 25px 20px; } .marki-tabs.style3-tabs .marki-tabs-panes { padding: 0; text-align: left; } .marki-tabs.style3-tabs .marki-tabs-panes .inner-box { color: #666 !important; font-size: 14px !important; line-height: 26px !important; padding: 30px 0; } .marki-tabs.style1-tabs .marki-tabs-panes .inner-box, .marki-tabs.style2-tabs .marki-tabs-panes .inner-box, .marki-tabs.style3-tabs .marki-tabs-panes .inner-box { color: #666 !important; font-size: 14px !important; line-height: 26px !important; } @media handheld, only screen and (max-width: 650px) { .marki-tabs.style1-tabs.horizontal-style .marki-tabs-tabs { border-right: 2px solid #efefef; margin-bottom: -2px; } .marki-tabs.style1-tabs.horizontal-style .marki-tabs-tabs li { display: block; float: none; border-bottom: 2px solid #efefef; border-right: none !important; } .marki-tabs.style1-tabs.horizontal-style .marki-tabs-tabs li:first-child { border-top: 2px solid #efefef; } .marki-tabs.style1-tabs.horizontal-style .marki-tabs-tabs li:last-child { border-bottom: none; } .marki-tabs.style1-tabs.horizontal-style .marki-tabs-tabs li.ui-state-active { border-bottom: 2px solid #efefef; } .marki-tabs.style1-tabs.horizontal-style .marki-tabs-tabs li a { margin-top: 0; } .marki-tabs.style1-tabs.horizontal-style .marki-tabs-tabs li:first-child a { border-left: none !important; } .marki-tabs.style1-tabs.vertical-style .marki-tabs-tabs { width: 100%; float: none; padding: 5px 0; } .marki-tabs.style1-tabs.vertical-style .marki-tabs-tabs li a { margin: 0 10px; } .marki-tabs.style1-tabs.vertical-style .marki-tabs-panes { margin-left: 0; border: 2px solid #efefef !important; } .marki-tabs.style1-tabs.vertical-style .marki-tabs-panes .marki-tabs-pane { padding: 0 0 20px 0; float: none; width: 100%; } .marki-tabs.style2-tabs.horizontal-style .marki-tabs-tabs { border-right: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: -2px; } .marki-tabs.style2-tabs.horizontal-style .marki-tabs-tabs li { display: block; float: none; border-right: none !important; } .marki-tabs.style2-tabs.horizontal-style .marki-tabs-tabs li:first-child { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: none !important; } .marki-tabs.style2-tabs.horizontal-style .marki-tabs-tabs li:last-child { border-bottom: none; } .marki-tabs.style2-tabs.horizontal-style .marki-tabs-tabs li a { margin-top: 0; } .marki-tabs.style2-tabs.horizontal-style .marki-tabs-tabs li:first-child a { border-left: none !important; } .marki-tabs.style2-tabs.vertical-style .marki-tabs-tabs { width: 100%; float: none; padding: 0; margin-left: 0; border-right: 1px solid rgba(0, 0, 0, 0.1) !important; } .marki-tabs.style2-tabs.vertical-style .marki-tabs-tabs li a { margin: 0; } .marki-tabs.style2-tabs.vertical-style .marki-tabs-panes { margin-left: 0; border: 1px solid rgba(0, 0, 0, 0.1) !important; border-top: none !important; } .marki-tabs.style2-tabs.vertical-style .marki-tabs-panes .marki-tabs-pane { padding: 0 0 20px 0; float: none; width: 100%; } } /* Shortcode:Accordion -------------------------------------------------------------------- */ .marki-accordion { margin-bottom: 20px; } .marki-accordion.boxed-style .marki-accordion-single { overflow: hidden; background-color: #fafafa; } .marki-accordion.boxed-style .marki-accordion-single:last-of-type .marki-accordion-tab { border-bottom: 2px solid #eee; } .marki-accordion.boxed-style .marki-accordion-single.current-item .marki-accordion-tab { border-bottom: 2px solid #eee; background-color: #fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); } .marki-accordion.boxed-style .marki-accordion-single.current-item .marki-accordion-tab:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } .marki-accordion.boxed-style .marki-accordion-tab { position: relative; padding: 11px 30px 11px 22px; border: 2px solid #eee; border-bottom: none; background-color: #fafafa; color: #222; font-size: 13px; line-height: 22px; cursor: pointer; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; } @media handheld, only screen and (max-width: 767px) { .marki-accordion.boxed-style .marki-accordion-tab { border-bottom: 2px solid #eee; } } .marki-accordion.boxed-style .marki-accordion-tab i { margin-right: 10px; color: #686868; vertical-align: middle; font-size: 16px; } .marki-accordion.boxed-style .marki-accordion-pane .inner-box { padding: 25px; } .marki-accordion.simple-style .marki-accordion-tab { font-size: 13px; font-weight: bold; padding: 12px 0 12px 20px; color: #777777; cursor: pointer; border-bottom: 2px solid #eee; } .marki-accordion.simple-style .marki-accordion-tab i { font-size: 16px; color: #777777; margin: 0 8px 0 4px; } .marki-accordion.simple-style .marki-accordion-pane { border-top: 2px solid #eee; border-bottom: 2px solid #eee; } .marki-accordion.simple-style .marki-accordion-pane .inner-box { padding: 25px; margin: 0 20px; } .marki-accordion.simple-style .current-item .marki-accordion-pane { border-top: none; } @media handheld, only screen and (max-width: 767px) { .marki-accordion.simple-style .marki-accordion-pane { border-top: none; border-bottom: none; } } @media handheld, only screen and (max-width: 767px) { .marki-accordion.simple-style .marki-accordion-single, .marki-accordion.boxed-style .marki-accordion-single { margin-bottom: 15px; } } .marki-accordion.simple-style .marki-accordion-pane, .marki-accordion.boxed-style .marki-accordion-pane { font-size: 14px; color: #666; position: relative; line-height: 26px; } /* Shortcode:Accordion -------------------------------------------------------------------- */ .marki-toggle { margin-bottom: 10px; } .marki-toggle .marki-toggle-title { font-size: 13px; font-weight: bold; padding: 12px 0 12px 20px; color: #777777; cursor: pointer; border-bottom: 2px solid rgba(0, 0, 0, 0.1); } .marki-toggle .marki-toggle-title.active-toggle { border-bottom: none; } .marki-toggle .marki-toggle-title i { font-size: 16px; color: #777777; margin: 0 8px 0 4px; } .marki-toggle .marki-toggle-pane { border-top: 2px solid rgba(0, 0, 0, 0.1); border-bottom: 2px solid rgba(0, 0, 0, 0.1); font-size: 14px; color: #666; position: relative; line-height: 26px; display: none; } .marki-toggle .marki-toggle-pane .inner-box { padding: 25px; margin: 0 20px; } .wpb_content_element { margin-bottom: 20px; } /* Shortcode:Video Player -------------------------------------------------------------------- */ .marki-video-player { padding: 12px; border: 2px solid #eee; } .marki-video-player .marki-video-title { margin-bottom: 12px; font-size: 14px; } .marki-video-player .video-container { margin-bottom: 0 !important; } .video-container { position: relative; overflow: hidden; margin-bottom: 20px; padding-bottom: 56.25%; height: 0; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Shortcode:Flickr Feeds -------------------------------------------------------------------- */ .marki-flickr-feeds { margin:0 -5px; } .marki-flickr-feeds.one-column .featured-image { width: 100%; } .marki-flickr-feeds.two-column .featured-image { width: 50%; } .marki-flickr-feeds.three-column .featured-image { width: 33.3333%; } .marki-flickr-feeds.four-column .featured-image { width: 25%; } .marki-flickr-feeds.five-column .featured-image { width: 20%; } .marki-flickr-feeds.six-column .featured-image { width: 16.6667%; } .marki-flickr-feeds.seven-column .featured-image { width: 14.2857%; } .marki-flickr-feeds.eight-column .featured-image { width: 12.5%; } .marki-flickr-feeds .featured-image { position: relative; display: inline-block !important; padding:0 5px; float: left; margin:5px 0; } .marki-flickr-feeds .featured-image .hover-overlay{ width:calc(100% - 10px); height:calc(100% - 10px;); margin-left:5px; } .marki-flickr-feeds .featured-image img { position: relative; z-index: 1; width: 100%; } @media handheld, only screen and (max-width: 960px) { .marki-flickr-feeds.five-column .featured-image, .marki-flickr-feeds.four-column .featured-image, .marki-flickr-feeds.six-column .featured-image, .marki-flickr-feeds.seven-column .featured-image, .marki-flickr-feeds.eight-column .featured-image { width: 33% !important; } } @media handheld, only screen and (max-width: 600px) { .marki-flickr-feeds.five-column .featured-image, .marki-flickr-feeds.four-column .featured-image, .marki-flickr-feeds.six-column .featured-image, .marki-flickr-feeds.seven-column .featured-image, .marki-flickr-feeds.eight-column .featured-image { width: 49% !important; } } /* Shortcode:Contact Form -------------------------------------------------------------------- */ .contact-captcha-invalid::-webkit-input-placeholder { color: red !important; letter-spacing: 0 !important; } .contact-captcha-invalid:-moz-placeholder { /* Firefox 18- */ color: red !important; letter-spacing: 0 !important; } .contact-captcha-invalid::-moz-placeholder { /* Firefox 19+ */ color: red !important; letter-spacing: 0 !important; } .contact-captcha-invalid:-ms-input-placeholder { color: red !important; letter-spacing: 0 !important; } .contact-captcha-valid::-webkit-input-placeholder { color: #008200 !important; letter-spacing: 0 !important; } .contact-captcha-valid:-moz-placeholder { /* Firefox 18- */ color: #008200 !important; letter-spacing: 0 !important; } .contact-captcha-valid::-moz-placeholder { /* Firefox 19+ */ color: #008200 !important; letter-spacing: 0 !important; } .contact-captcha-valid:-ms-input-placeholder { color: #008200 !important; letter-spacing: 0 !important; } .marki-contact-form-wrapper { position: relative; margin-bottom: 0; } .marki-contact-form-wrapper .captcha-image { max-width: 50% !important; } .marki-contact-form-wrapper.classic-style .captcha-image { position: absolute; right: 35px; top: 0; max-height: 45px; } .marki-contact-form-wrapper.classic-style .captcha-change-image { display: block; text-align: center; margin: 10px auto; font-size: 10px; } .marki-contact-form-wrapper.classic-style.dark-skin .captcha-change-image { color: #444444; } .marki-contact-form-wrapper.classic-style.dark-skin .text-input, .marki-contact-form-wrapper.classic-style.dark-skin .marki-textarea { border: 1px solid #eee; color: #c3c3c3; border-radius:25px; } .marki-contact-form-wrapper.classic-style.dark-skin .marki-form-row i { color: #eee; z-index: 6; } .marki-contact-form-wrapper.classic-style.dark-skin .marki-button { border: none; color: #333; } .marki-contact-form-wrapper.classic-style.dark-skin .marki-button:hover { background-color: #444; color: #333; } .marki-contact-form-wrapper.classic-style.dark-skin .text-input::-webkit-input-placeholder, .marki-contact-form-wrapper.classic-style.dark-skin .marki-textarea::-webkit-input-placeholder { color: #919191; } .marki-contact-form-wrapper.classic-style.dark-skin .text-input:-moz-placeholder, .marki-contact-form-wrapper.classic-style.dark-skin .marki-textarea:-moz-placeholder { color: #919191; } .marki-contact-form-wrapper.classic-style.dark-skin .text-input::-moz-placeholder, .marki-contact-form-wrapper.classic-style.dark-skin .marki-textarea::-moz-placeholder { color: #919191; } .marki-contact-form-wrapper.classic-style.dark-skin .text-input:-ms-input-placeholder, .marki-contact-form-wrapper.classic-style.dark-skin .marki-textarea:-ms-input-placeholder { color: #919191; } .marki-contact-form-wrapper.classic-style.light-skin .captcha-change-image { color: #fff; } .marki-contact-form-wrapper.classic-style.light-skin .text-input, .marki-contact-form-wrapper.classic-style.light-skin .marki-textarea { border: 3px solid #fff; background-color: rgba(255, 255, 255, 0.1); color: #fff; } .marki-contact-form-wrapper.classic-style.light-skin .marki-form-row i { border-right: 3px solid #fff; color: #fff; z-index: 6; } .marki-contact-form-wrapper.classic-style.light-skin .marki-button { border: 3px solid #fff; color: #fff; } .marki-contact-form.three-column .button-row { padding-left:15px; padding-right:15px; } .marki-contact-form.three-column .marki-button { width:100%; } .marki-contact-form-wrapper.classic-style.light-skin .marki-button:hover { background-color: #fff; color: #444; } .marki-contact-form-wrapper.classic-style.light-skin .text-input::-webkit-input-placeholder, .marki-contact-form-wrapper.classic-style.light-skin .marki-textarea::-webkit-input-placeholder { color: #fafafa; } .marki-contact-form-wrapper.classic-style.light-skin .text-input:-moz-placeholder, .marki-contact-form-wrapper.classic-style.light-skin .marki-textarea:-moz-placeholder { color: #fafafa; } .marki-contact-form-wrapper.classic-style.light-skin .text-input::-moz-placeholder, .marki-contact-form-wrapper.classic-style.light-skin .marki-textarea::-moz-placeholder { color: #fafafa; } .marki-contact-form-wrapper.classic-style.light-skin .text-input:-ms-input-placeholder, .marki-contact-form-wrapper.classic-style.light-skin .marki-textarea:-ms-input-placeholder { color: #fafafa; } .marki-contact-form-wrapper.classic-style .marki-invalid { border: 3px solid #ff0000 !important; } .marki-contact-form-wrapper.modern-style .text-input, .marki-contact-form-wrapper.modern-style .marki-textarea, .marki-contact-form-wrapper.modern-style .marki-button { font-size: 15px !important; font-weight: normal !important; } .marki-contact-form-wrapper.modern-style .captcha-image { position: absolute; right: 0; top: -20px; } .marki-contact-form-wrapper.modern-style .captcha-change-image { display: block; text-align: center; margin: 10px auto; font-size: 10px; } .marki-contact-form-wrapper.modern-style.dark-skin .text-input, .marki-contact-form-wrapper.modern-style.dark-skin .marki-textarea { border: 0; color: #000; background-color: transparent; } .marki-contact-form-wrapper.modern-style.dark-skin .text-input::-webkit-input-placeholder, .marki-contact-form-wrapper.modern-style.dark-skin .marki-textarea::-webkit-input-placeholder { color: #000; } .marki-contact-form-wrapper.modern-style.dark-skin .text-input:-moz-placeholder, .marki-contact-form-wrapper.modern-style.dark-skin .marki-textarea:-moz-placeholder { color: #000; } .marki-contact-form-wrapper.modern-style.dark-skin .text-input::-moz-placeholder, .marki-contact-form-wrapper.modern-style.dark-skin .marki-textarea::-moz-placeholder { color: #000; } .marki-contact-form-wrapper.modern-style.dark-skin .text-input:-ms-input-placeholder, .marki-contact-form-wrapper.modern-style.dark-skin .marki-textarea:-ms-input-placeholder { color: #000; } .marki-contact-form-wrapper.modern-style.dark-skin .text-input { border-bottom: 3px solid #000; } .marki-contact-form-wrapper.modern-style.dark-skin .marki-textarea { border: 3px solid #000; } .marki-contact-form-wrapper.modern-style.dark-skin .marki-button { border: 3px solid #000; color: #000; } .marki-contact-form-wrapper.modern-style.dark-skin .marki-button:hover { background-color: #000; color: #fff; } .marki-contact-form-wrapper.modern-style.light-skin .text-input, .marki-contact-form-wrapper.modern-style.light-skin .marki-textarea { border: 0; color: #fff; background-color: transparent; } .marki-contact-form-wrapper.modern-style.light-skin .text-input::-webkit-input-placeholder, .marki-contact-form-wrapper.modern-style.light-skin .marki-textarea::-webkit-input-placeholder { color: #fff; } .marki-contact-form-wrapper.modern-style.light-skin .text-input:-moz-placeholder, .marki-contact-form-wrapper.modern-style.light-skin .marki-textarea:-moz-placeholder { color: #fff; } .marki-contact-form-wrapper.modern-style.light-skin .text-input::-moz-placeholder, .marki-contact-form-wrapper.modern-style.light-skin .marki-textarea::-moz-placeholder { color: #fff; } .marki-contact-form-wrapper.modern-style.light-skin .text-input:-ms-input-placeholder, .marki-contact-form-wrapper.modern-style.light-skin .marki-textarea:-ms-input-placeholder { color: #fff; } .marki-contact-form-wrapper.modern-style.light-skin .text-input { border-bottom: 3px solid #fff; } .marki-contact-form-wrapper.modern-style.light-skin .marki-textarea { border: 3px solid #fff; } .marki-contact-form-wrapper.modern-style.light-skin .marki-button { border: 3px solid #fff; color: #fff; } .marki-contact-form-wrapper.modern-style.light-skin .marki-button:hover { background-color: #fff; color: #000; } .marki-contact-form-wrapper.modern-style .text-input { padding-left: 12px; border: none; border-bottom-width: 3px; border-bottom-style: solid; background-color: transparent; } .marki-contact-form-wrapper.modern-style .text-input.marki-invalid { border: 0 !important; border-bottom: 3px solid #ff0000 !important; } .marki-contact-form-wrapper.modern-style .marki-textarea { margin-top: 28px; margin-bottom: 45px !important; border-width: 3px; border-style: solid; background-color: transparent; } .marki-contact-form-wrapper.modern-style .marki-textarea.marki-invalid { border: 3px solid #ff0000 !important; } .marki-contact-form-wrapper.modern-style .marki-form-row { margin-bottom: 25px !important; } .marki-contact-form-wrapper.modern-style .text-input, .marki-contact-form-wrapper.modern-style .marki-textarea, .marki-contact-form-wrapper.modern-style .marki-button { font-weight: normal !important; } .marki-contact-form-wrapper.modern-style .marki-button { margin-bottom: 45px !important; border-width: 3px; } .marki-contact-form-wrapper.modern-style .marki-button:hover { color: #fff; } .marki-contact-form-wrapper .marki-form-row { margin-bottom: 10px; position: relative; } .marki-contact-form.three-column .marki-form-row{ width:33.3333%; padding-left:15px; padding-right:15px; display:inline-block; float:left; } .marki-contact-form.three-column .marki-form-textarea-wrap{ padding-left:15px; padding-right:15px; } .marki-contact-form.three-column{ margin-left:-15px; margin-right:-15px; } .marki-contact-form-wrapper .marki-form-row i { float: right; width: 39px !important; height: 41px; line-height: 41px; text-align: center; position: absolute; right: 15px; top: 0; font-size: 16px; } .marki-contact-form-wrapper .marki-form-row i.input-focused { color: #fff !important; border-right-width: 0; border-right-style: solid; } .marki-contact-form-wrapper .text-input, .marki-contact-form-wrapper .marki-textarea { width: 100%; font-size: 12px; font-weight: 400 !important; } .marki-contact-form-wrapper .text-input { padding: 12px; width: 100%; background:#fff; } .marki-contact-form-wrapper .marki-textarea { padding: 15px; width: 100%; height: 200px; margin-bottom: 12px; resize: none; } .marki-contact-form-wrapper .button-row { text-align: center; } .marki-contact-form-wrapper .marki-button { margin: 0 auto; } .widget .marki-contact-form-wrapper .captcha-image { max-width: 100% !important; } .widget .marki-contact-form-wrapper.light-skin .text-input, .widget .marki-contact-form-wrapper.light-skin .marki-textarea { border: 2px solid #eee; background-color: rgba(238, 238, 238, 0.1); } .widget .marki-contact-form-wrapper.light-skin .marki-form-row i { top: 2px; left: 2px; border-right: 2px solid #eee; color: #666; } .widget .marki-contact-form-wrapper.light-skin .marki-form-row i.input-focused { color: #fff; border-right: 0; } .widget .marki-contact-form-wrapper.light-skin .marki-button { border: 2px solid #eee; color: #444; } .widget .marki-contact-form-wrapper.light-skin .marki-button:hover { background-color: #444; border-color: #444; color: #fff; } .widget .marki-contact-form-wrapper.light-skin .text-input::-webkit-input-placeholder, .widget .marki-contact-form-wrapper.light-skin .marki-textarea::-webkit-input-placeholder { color: #666; } .widget .marki-contact-form-wrapper.light-skin .text-input:-moz-placeholder, .widget .marki-contact-form-wrapper.light-skin .marki-textarea:-moz-placeholder { color: #666; } .widget .marki-contact-form-wrapper.light-skin .text-input::-moz-placeholder, .widget .marki-contact-form-wrapper.light-skin .marki-textarea::-moz-placeholder { color: #666; } .widget .marki-contact-form-wrapper.light-skin .text-input:-ms-input-placeholder, .widget .marki-contact-form-wrapper.light-skin .marki-textarea:-ms-input-placeholder { color: #666; } .widget .marki-contact-form-wrapper.dark-skin .text-input, .widget .marki-contact-form-wrapper.dark-skin .marki-textarea { border: 2px solid rgba(128, 128, 128, 0.5); background-color: rgba(128, 128, 128, 0.1); } .widget .marki-contact-form-wrapper.dark-skin .marki-form-row i { top: 2px; left: 2px; border-right: none; color: #666; } .widget .marki-contact-form-wrapper.dark-skin .marki-form-row i.input-focused { color: #fff; border-right: none !important; } .widget .marki-contact-form-wrapper.dark-skin .marki-button { border: 2px solid rgba(128, 128, 128, 0.5); color: rgba(128, 128, 128, 0.5); } .widget .marki-contact-form-wrapper.dark-skin .marki-button:hover { background-color: #eee; border-color: #eee; color: #444; } .widget .marki-contact-form-wrapper.dark-skin .text-input::-webkit-input-placeholder, .widget .marki-contact-form-wrapper.dark-skin .marki-textarea::-webkit-input-placeholder { color: #666; } .widget .marki-contact-form-wrapper.dark-skin .text-input:-moz-placeholder, .widget .marki-contact-form-wrapper.dark-skin .marki-textarea:-moz-placeholder { color: #666; } .widget .marki-contact-form-wrapper.dark-skin .text-input::-moz-placeholder, .widget .marki-contact-form-wrapper.dark-skin .marki-textarea::-moz-placeholder { color: #666; } .widget .marki-contact-form-wrapper.dark-skin .text-input:-ms-input-placeholder, .widget .marki-contact-form-wrapper.dark-skin .marki-textarea:-ms-input-placeholder { color: #666; } .marki-contact-loading { position: absolute; right: 15px; bottom: 20px; display: none; line-height: 1; color: rgba(128, 128, 128, 0.2); font-size: 16px; -moz-animation: spin 0.7s infinite linear; -o-animation: spin 0.7s infinite linear; -webkit-animation: spin 0.7s infinite linear; animation: spin 0.7s infinite linear; } .marki-contact-success { position: absolute; right: 15px; bottom: 10px; display: none; color: #90b64d; font-size: 32px; } /* Quick Contact Form -------------------------------------------------------------------- */ .quick-button-container { position: fixed; right: 25px; bottom: 25px; z-index: 99; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .quick-button-container.go-right { right: 25px; } .quick-button-container.go-left { right: 70px; } .quick-button-container .marki-quick-contact-link { display: block; width: 42px; height: 42px; background-color: #cccccc; background-color: rgba(0, 0, 0, 0.4); text-align: center; transition: background-color 0.5s ease-in-out; -webkit-transition: background-color 0.5s ease-in-out; -moz-transition: background-color 0.5s ease-in-out; -ms-transition: background-color 0.5s ease-in-out; -o-transition: background-color 0.5s ease-in-out; } .quick-button-container .marki-quick-contact-link i { color: #fff; font-size: 24px; line-height: 42px; } .quick-button-container .marki-quick-contact-link:hover { background-color: rgba(0, 0, 0, 0.6); } @media handheld, only screen and (max-width: 767px) { .quick-button-container .marki-quick-contact-link { display: none; } } .marki-quick-contact-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 400; width: 100%; height: 100%; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s, visibility 0s 0.3s; transition: opacity 0.3s, visibility 0s 0.3s; } .marki-quick-contact-overlay.light-skin { background: #fff; background: rgba(255, 255, 255, 0.8); } .marki-quick-contact-overlay.light-skin .marki-quick-contact-close { color: #000; } .marki-quick-contact-overlay.dark-skin { background: #000; background: rgba(0, 0, 0, 0.8); } .marki-quick-contact-overlay.dark-skin .marki-quick-contact-close { color: #fff; } .marki-quick-contact-overlay .marki-quick-contact-wrapper { -webkit-perspective: 1200px; -ms-perspective: 1200px; perspective: 1200px; position: absolute; right: 0; left: 0; top: 50%; -webkit-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; transform: translateY(-50%) !important; } .marki-quick-contact-overlay .marki-quick-contact-wrapper .captcha-change-image { color: #969696; } .marki-quick-contact-overlay .marki-quick-contact-inset { width: 800px; margin: 0 auto; opacity: 0.4; -webkit-transform: translateY(25%) rotateX(-35deg); -ms-transform: translateY(25%) rotateX(-35deg); transform: translateY(25%) rotateX(-35deg); -webkit-transition: -webkit-transform 0.5s, opacity 0.3s; transition: transform 0.5s, opacity 0.3s; } .marki-quick-contact-overlay .marki-quick-contact-close { position: absolute; top: 50px; right: 50px; } .marki-quick-contact-overlay .marki-quick-contact-close i { line-height: 25px; font-size: 32px; display: inline-block; transition: transform 0.25s ease-in-out; -webkit-transition: transform 0.25s ease-in-out; -moz-transition: transform 0.25s ease-in-out; -ms-transition: transform 0.25s ease-in-out; -o-transition: transform 0.25s ease-in-out; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } .marki-quick-contact-overlay .marki-quick-contact-close:hover i { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } .marki-quick-contact-overlay.marki-quick-contact-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .marki-quick-contact-overlay.marki-quick-contact-visible .marki-quick-contact-inset { opacity: 1; -webkit-transform: translateY(0) rotateX(0deg); -ms-transform: translateY(0) rotateX(0deg); transform: translateY(0) rotateX(0deg); } .marki-progress-button { position: relative; display: inline-block; text-transform: uppercase; } .marki-progress-button i { border-right: none!important; } .marki-progress-button[disabled], .marki-progress-button[disabled].state-loading { cursor: default; } .marki-progress-button .marki-progress-button-content { position: relative; display: block; } .marki-progress-button .state-success, .marki-progress-button .state-error { position: absolute; right: 5px; top: 50%; margin-top: -8px; display: block; width: 20px; height: 20px; opacity: 0; } .marki-progress-button.medium .state-success, .marki-progress-button.medium .state-error { font-size: 14px; } .notransition { transition: none !important; } .marki-progress-button .marki-progress-inner { position: absolute; left: 0; bottom: 0; height: 5px; width: 0; transform-origin: bottom left; -o-transform-origin: bottom left; -ms-transform-origin: bottom left; -moz-transform-origin: bottom left; -webkit-transform-origin: bottom left; } .marki-contact-form-wrapper.dark-skin .outline-button .marki-progress-inner, .marki-contact-form-wrapper.light-skin .outline-button:hover .marki-progress-inner { background: rgba(0, 0, 0, 0.5); } .marki-contact-form-wrapper.light-skin .outline-button .marki-progress-inner, .marki-contact-form-wrapper.dark-skin .outline-button:hover .marki-progress-inner { background: rgba(255, 255, 255, 0.5); } .marki-progress-button[data-horizontal] .marki-progress-inner { bottom: 0; width: 0; height: 5px; transition: width 0.3s, opacity 0.3s; transform-origin: bottom left; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; } .marki-progress-button[data-vertical] .marki-progress-inner { bottom: 0; width: 100%; height: 0; transition: height 0.3s, opacity 0.3s; } /* move-up */ /* ====================== */ .marki-progress-button[data-style="move-up"] { overflow: visible; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .marki-progress-button[data-style="move-up"] .marki-progress-button-content { z-index: 10; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; } .marki-progress-button[data-style="move-up"] .marki-progress { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .marki-progress-button[data-style="move-up"].state-loading .marki-progress-button-content { -webkit-transform: translateY(-10px); transform: translateY(-10px); } /* Shortcode:Contact Info -------------------------------------------------------------------- */ .marki-contactinfo-shortcode { margin-bottom: 20px; } /* Shortcode:Social Networks -------------------------------------------------------------------- */ .marki-social-network { margin: 10px 0; padding: 0; } .marki-social-network.social-align-right { text-align: right; } .marki-social-network.social-align-center { text-align: center; } .marki-social-network.social-align-left { text-align: left; } .marki-social-network ul { margin: 0; padding: 0; list-style: none; } .marki-social-network ul li { display: inline-block; margin: 0; } .marki-social-network ul li a { position: relative; display: inline-block; float: left; margin: 4px; font-size: 16px; height: 32px; width: 32px; line-height: 29px; text-align: center; background:#fff; border:1px solid #eee !important; } .marki-social-network ul li a.dark { border-color: #737373; color: #737373; } .marki-social-network ul li a.dark:hover { color: #333 ; background-color: #737373; } .marki-social-network ul li a.light { border-color: #fff; color: #fff; } .marki-social-network ul li a.light:hover { background-color: #fff ; color: #000 ; } .marki-social-network ul li a i { vertical-align: middle; line-height: 32px; } .marki-social-network.square-style a, .marki-social-network.circle-style a { border-style: solid; border-width: 3px; } .marki-social-network.square-style a { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .marki-social-network.circle-style a { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .marki-social-network.simple-style a { border-color: transparent !important; } .marki-social-network.simple-style a i { transition: color .3s ease; } .marki-social-network.simple-style a:hover, .marki-social-network.simple-style a.custom { background-color: transparent !important; } .marki-social-network.simple-style a.dark:hover { color: inherit !important; } .marki-social-network.simple-style a.light:hover { color: #fff !important; } @media handheld, only screen and (max-width: 650px) { .marki-social-network.social-align-right, .marki-social-network.social-align-left { text-align: center; } } /* Shortcode:Fancy Title -------------------------------------------------------------------- */ .marki-fancy-title.stroke-title span { padding: 7px 11px; } @media handheld, only screen and (max-width: 767px) { .marki-fancy-title.stroke-title .fancy-title-span { border: none !important; } } .marki-fancy-title.standard-title:after, .marki-fancy-title.standard-title:before { } .marki-fancy-title.standard-title .fancy-title-span { display: inline-block; } .marki-fancy-title.standard-title.center-align .fancy-title-span { padding: 0 15px; border: none; border-top: none; border-bottom: none; } .marki-fancy-title.standard-title.left-align:before { display: none; } .marki-fancy-title.standard-title.left-align .fancy-title-span { padding-right: 15px; } .marki-fancy-title.standard-title.right-align:after { display: none; } .marki-fancy-title.standard-title.right-align .fancy-title-span { padding-left: 15px; } .marki-fancy-title.avantgarde-title:after, .marki-fancy-title.avantgarde-title:before { display: inline-block; content: ""; width: 170px; height: 3px; margin-top: -2px; vertical-align: middle; background-color: #fff; } .marki-fancy-title.avantgarde-title .fancy-title-span { display: inline-block; } .marki-fancy-title.avantgarde-title.center-align .fancy-title-span { padding: 0 15px; } .marki-fancy-title.avantgarde-title.left-align:before { display: none; } .marki-fancy-title.avantgarde-title.left-align .fancy-title-span { padding-right: 15px; } .marki-fancy-title.avantgarde-title.right-align:after { display: none; } .marki-fancy-title.avantgarde-title.right-align .fancy-title-span { padding-left: 15px; } .marki-fancy-title.alt-title { position: relative; } .marki-fancy-title.alt-title .fancy-title-span { display: inline-block; position: relative; z-index: 3; } .marki-fancy-title.alt-title:after { display: block; content: ""; width: 100%; height: 5px; margin-top: -1px; position: absolute; left: 0; top: 50%; z-index: 1; } .marki-fancy-title.alt-title.center-align .fancy-title-span { padding: 0 10px; } .marki-fancy-title.alt-title.left-align .fancy-title-span { padding-right: 10px; } .marki-fancy-title.alt-title.right-align .fancy-title-span { padding-left: 10px; } .marki-fancy-title.underline-title span { display: inline-block; } .marki-fancy-title.underline-title span:after { content: ''; display: block; width: 100%; } .marki-fancy-title p { margin-bottom: 0 !important; } @media handheld, only screen and (max-width: 960px) { .vc_span6 .marki-fancy-title, .vc_span8 .marki-fancy-title, .vc_span3 .marki-fancy-title, .vc_span4 .marki-fancy-title { text-align: center !important; } .vc_span6 .marki-fancy-title .fancy-title-span, .vc_span8 .marki-fancy-title .fancy-title-span, .vc_span3 .marki-fancy-title .fancy-title-span, .vc_span4 .marki-fancy-title .fancy-title-span { border: none !important; padding: 0 !important; } .vc_span6 .marki-fancy-title:after, .vc_span6 .marki-fancy-title:before, .vc_span8 .marki-fancy-title:after, .vc_span8 .marki-fancy-title:before, .vc_span3 .marki-fancy-title:after, .vc_span3 .marki-fancy-title:before, .vc_span4 .marki-fancy-title:after, .vc_span4 .marki-fancy-title:before { display: none !important; } } @media handheld, only screen and (max-width: 767px) { .marki-fancy-title .fancy-title-span { border: none !important; padding: 0 !important; } .marki-fancy-title:after, .marki-fancy-title:before { display: none !important; } .fancy-title-responsive-title { font-size: 36px !important; } } .marki-fancy-text { display: block; line-height: 100%; } .marki-fancy-text.title-box-right { float: right; text-align: right; } .marki-fancy-text.title-box-left { float: left; } .marki-fancy-text.title-box-justify { text-align: justify; } .marki-fancy-text.title-box-center { margin-right: auto; margin-left: auto; text-align: center; } .marki-fancy-text p { margin: 0; } .marki-fancy-text span { padding: 4px 0; box-decoration-break: clone; } /* Shortcode:Font Icons -------------------------------------------------------------------- */ .marki-font-icons { display: inline-block; } .marki-font-icons.icon-align-right { float: right; } .marki-font-icons.icon-align-center { display: block; text-align: center; } .marki-font-icons.icon-align-left { float: left; } .marki-font-icons a:hover .default-font-icon { color: #fff !important; } .marki-font-icons .default-font-icon { border: 3px solid #777; } .marki-font-icons .filled-font-icon { color: #fff; } .marki-font-icons .custom-font-icon { border-width: 3px; border-style: solid; } .marki-font-icons i { display: inline-block; text-align: center; transition: all 0.25s; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; -webkit-border-radius: 600px; -moz-border-radius: 600px; border-radius: 600px; } .marki-font-icons i.marki-size-small { width: 40px; height: 40px; font-size: 16px; line-height: 40px; } .marki-font-icons i.marki-size-medium { width: 100px; height: 100px; font-size: 32px; line-height: 100px; } .marki-font-icons i.marki-size-large { width: 150px; height: 150px; font-size: 48px; line-height: 150px; } .marki-font-icons i.marki-size-x-large { width: 186px; height: 186px; font-size: 64px; line-height: 186px; } .marki-font-icons i.marki-size-xx-large { width: 296px; height: 296px; font-size: 128px; line-height: 296px; } .marki-font-icons i.marki-size-xxx-large { width: 520px; height: 520px; font-size: 256px; line-height: 520px; } @media handheld, only screen and (max-width: 600px) { .marki-font-icons i.marki-size-xxx-large { width: 296px; height: 296px; font-size: 128px; line-height: 296px; } } .marki-font-icons.remove-frame i { width: auto !important; height: auto !important; border: none !important; background-color: transparent !important; line-height: 100% !important; } /* Shortcode:Icon Text -------------------------------------------------------------------- */ .marki-box-text { text-align: center; padding: 20px 0; display: block; transition: all 0.3s ease-in-out; -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; } .marki-box-text i { line-height: 100%; display: block; } .marki-box-text.large i { margin-bottom: 30px; } .marki-box-text.medium i { margin-bottom: 20px; } .marki-box-text.small i { margin-bottom: 10px; } .marki-box-text .icon-txt-default { font-size: 30px; text-transform: uppercase; display: block; position: relative; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .marki-box-text .icon-txt-hover { opacity: 0; text-transform: uppercase; position: relative; display: block; transition: all 0.3s ease-in-out; -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; } .marki-box-text.light-skin .icon-txt-default, .marki-box-text.light-skin .icon-txt-hover, .marki-box-text.light-skin i { color: #fff; } .marki-box-text.dark-skin .icon-txt-default, .marki-box-text.dark-skin .icon-txt-hover, .marki-box-text.dark-skin i { color: #444; } .marki-box-text:hover { padding: 10px 0 55px; } .marki-box-text:hover .icon-txt-default { opacity: 0; } .marki-box-text:hover .icon-txt-hover { opacity: 1; margin-top: -25px; } /* Shortcode:Clients Carousel -------------------------------------------------------------------- */ .marki-clients-shortcode { position: relative; } .marki-clients-shortcode .owl-item{ padding:5px; } .marki-clients-shortcode .marki-grid { margin:0 auto; } .marki-clients-shortcode .marki-grid ul { *zoom: 1; margin-left:-15px; margin-right:-15px; } .marki-clients-shortcode .marki-grid ul.owl-carousel { margin-left:0; margin-right:0; } .marki-clients-shortcode ul:before, .marki-clients-shortcode ul:after { content: " "; display: table; } .marki-clients-shortcode ul:after { clear: both; } .marki-clients-shortcode ul, .marki-clients-shortcode li { margin: 0; padding: 0; list-style: none; } .marki-clients-shortcode.grid-style .client-item-wrapper { border: none !important; margin: 0 1px 1px; } @media handheld, only screen and (max-width: 500px) { .marki-clients-shortcode.grid-style .client-item { float: none !important; margin: 0 auto !important; text-align: center; } } .marki-clients-shortcode .client-item { float: left; position: relative; margin-bottom:0; } .marki-clients-shortcode .client-item:hover .clients-info { opacity: 1; } .marki-clients-shortcode .client-item:last-of-type .client-item-wrapper { border-right-width: 5px; } .marki-clients-shortcode .client-item-wrapper { border-style: solid; border-right-width: 0; line-height: 4px; position: relative; z-index: 5; } .marki-clients-shortcode.column-style.one-column li { width: 100%; } .marki-clients-shortcode.column-style.two-column li { width: 50%; padding:0 15px; } .marki-clients-shortcode.column-style.three-column li { width: 33.3333%; padding:0 15px; } .marki-clients-shortcode.column-style.four-column li { width: 25%; padding:0 15px; } .marki-clients-shortcode.column-style.five-column li { width: 20%; padding:0; } .marki-clients-shortcode.column-style.six-column li { width: 16.6667%; padding:0 15px; } @media handheld, only screen and (max-width: 960px) { .marki-clients-shortcode.column-style.three-column li{ width: 33.333% !important; } .marki-clients-shortcode.column-style.four-column li { width: 25% !important; } .marki-clients-shortcode.column-style.five-column li { width: 20% !important; } .marki-clients-shortcode.column-style.six-column li { width: 33.33% !important; } } @media handheld, only screen and (max-width: 767px) { .marki-clients-shortcode.column-style.three-column li, .marki-clients-shortcode.column-style.four-column li, .marki-clients-shortcode.column-style.five-column li, .marki-clients-shortcode.column-style.six-column li { width: 49.8% !important; } } @media handheld, only screen and (max-width: 550px) { .marki-clients-shortcode.column-style.three-column li, .marki-clients-shortcode.column-style.four-column li, .marki-clients-shortcode.column-style.two-column li, .marki-clients-shortcode.column-style.five-column li, .marki-clients-shortcode.column-style.six-column li { width: 100% !important; } } .marki-clients-shortcode.column-style .client-logo { text-align:center; margin:0 auto; position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; } .marki-clients-shortcode.column-style .client-item .client-item-wrapper { border-top: none !important; border-left: none !important; text-align:center; position:relative; background:#fff; } .marki-clients-shortcode .client-logo { position: relative; display: inline-block; background-position: center center; background-position: center; background-repeat: no-repeat; } .marki-clients-shortcode.bg-cover-true .client-logo { background-size: cover; background-repeat: no-repeat; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; } .marki-clients-shortcode .clients-info { position: absolute; top: 0; left: 0; width: 100.1%; height: 100%; line-height: 20px; z-index: 14; display: table; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; transition: opacity 0.25s ease-in-out; -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -ms-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; background-color: #222222 !important; } .marki-clients-shortcode .clients-info-holder { height: 100%; width: 100%; display: table-cell; vertical-align: middle; } .marki-clients-shortcode .client-company { display: block; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; font-size: 13px; line-height: 18px; color: #fff; text-align: center; padding: 0 5%; } /* Shortcode:Icon Box -------------------------------------------------------------------- */ .marki-box-icon { position: relative; margin-bottom: 30px; /* Style 1 */ /* Style 2 */ /* Style 3 */ } .marki-box-icon .icon-box-title { margin-bottom: 14px; font-size: 24px !important; font-weight: normal; color: #333; letter-spacing:0; } .marki-box-icon .icon-box-desc { margin-bottom: 0; font-size: 14px !important; line-height: 26px !important; } .marki-box-icon .icon-box-desc p { margin: 0; color: inherit; word-break:break-all; } .marki-box-icon .marki-button { margin: 0; } .marki-box-icon .box-ico, .marki-box-icon .icon-box-container { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; vertical-align: middle; } .marki-box-icon .box-image { display: block; margin: 0; } .marki-box-icon.style1-box{ text-align: center; padding:40px 30px; background:#fff; } .marki-box-icon.style1-box:hover{ -webkit-box-shadow: 0 0 6px 3px rgba(0,0,0,0.04); -moz-box-shadow: 0 0 6px 3px rgba(0,0,0,0.04); box-shadow: 0 0 6px 3px rgba(0,0,0,0.04); } .marki-box-icon .marki-button-btn { margin-top:20px; } .marki-box-icon.marki-button-btn a.marki-button { } .marki-box-icon .marki-button-btn a.marki-button:hover { background:#ccc; } .marki-box-icon.style1-box .box-ico { font-size: 32px; margin-bottom: 13px; display: block; } .marki-box-icon.style1-box .icon-box-title{ text-align: center; } .marki-box-icon.style1-box .box-image { margin-bottom: 15px; } .marki-box-icon.style1-box .icon-box-title { font-size: 16px !important; font-weight: 600; } .marki-box-icon.style2-box { text-align: left; } .marki-box-icon.style2-box .icon-box-title { margin-bottom: 10px !important; } .marki-box-icon.style2-box.icon-left-align .icon-box-container { left: 0; } .marki-box-icon.style2-box.icon-left-align .icon-box-content { margin-left: 45px; } .marki-box-icon.style2-box.icon-left-align .icon-box-title { text-align: left; } .marki-box-icon.style2-box.icon-left-align.type-image .icon-box-content { margin-left: 100px; } .marki-box-icon.style2-box.icon-right-align { text-align: right; } .marki-box-icon.style2-box.icon-right-align .icon-box-container { right: 0; } .marki-box-icon.style2-box.icon-right-align .icon-box-content { margin-right: 45px; } .marki-box-icon.style2-box.icon-right-align .icon-box-title { text-align: right; } .marki-box-icon.style2-box.icon-right-align.type-image .icon-box-content { margin-right: 100px; } .marki-box-icon.style2-box .icon-box-container { position: absolute; top: 2px; } .marki-box-icon.style2-box .box-ico { font-size: 32px; display: block; } .marki-box-icon.style2-box .icon-box-title { color: #696969; padding-top: 5px; } .marki-box-icon.style3-box, .marki-box-icon.style4-box, .marki-box-icon.style5-box, .marki-box-icon.style6-box , .marki-box-icon.style8-box { text-align: center; } .marki-box-icon.style3-box .icon-box-container, .marki-box-icon.style4-box .icon-box-container, .marki-box-icon.style6-box .icon-box-container { width: 80px; height: 80px; line-height: 78px; text-align: center; margin-left: auto; margin-right: auto; } .marki-box-icon.style4-box .icon-box-container { width: 120px; height: 120px; line-height: 120px; text-align: center; margin-left: auto; margin-right: auto; } .marki-box-icon.style5-box .icon-box-container { width: 110px; height: 80px; line-height: 80px; text-align: center; margin-left: auto; margin-right: auto; border-radius:5px; } .marki-box-icon.style8-box .icon-box-container{ text-align: center; margin-left: auto; margin-right: auto; } .marki-box-icon.style3-box.icon-round-true .icon-box-container, .marki-box-icon.style4-box.icon-round-true .icon-box-container, .marki-box-icon.style5-box.icon-round-true .icon-box-container, .marki-box-icon.style8-box.icon-round-true .icon-box-container, .marki-box-icon.style6-box.icon-round-true .icon-box-container { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .marki-box-icon.style3-box .box-ico, .marki-box-icon.style4-box .box-ico, .marki-box-icon.style5-box .box-ico, .marki-box-icon.style6-box .box-ico { font-size: 24px; line-height: 78px; } .marki-box-icon.style8-box .box-ico { font-size: 24px; line-height: 96px; } .marki-box-icon.style8-box { padding:30px; background:#fff; transition:all 0.3s ease; } .marki-box-icon.style8-box:hover{ -webkit-box-shadow: 0 0 15px rgba(0,0,0,.15); -moz-box-shadow: 0 0 15px rgba(0,0,0,.15); box-shadow: 0 0 15px rgba(0,0,0,.15); transition:all 0.3s ease; } .marki-box-icon.style3-box .box-image, .marki-box-icon.style4-box .box-image, .marki-box-icon.style5-box .box-image, .marki-box-icon.style8-box .box-image, .marki-box-icon.style6-box .box-image { } .marki-box-icon.style3-box .icon-box-container, .marki-box-icon.style4-box .icon-box-container { margin-bottom: 15px; } .marki-box-icon.style5-box .icon-box-container { background-color: #fff; border: 1px solid #ced6d9; } .marki-box-icon.style3-box{ border-bottom:2px solid #eaeaea; padding-bottom:25px; } .marki-box-icon.style3-box .icon-box-container{ border: 2px solid #eee; margin-left:0; } .marki-box-icon.style3-box .icon-box-content{ text-align:left; } .marki-box-icon.style8-box .icon-box-container{ background-color: #fff; margin-bottom:15px; } .marki-box-icon.style4-box .box-ico, .marki-box-icon.style6-box .box-ico { color: #fff; } .marki-box-icon.style4-box .icon-box-container, .marki-box-icon.style6-box .icon-box-container { border: 2px solid #eee; } .marki-box-icon.style5-box .icon-box-container, .marki-box-icon.style6-box .icon-box-container { margin-bottom: -43px; z-index: 10; position: relative; } .marki-box-icon.style6-box .icon-box-content { background-color: #fff; border: 2px solid #eee; padding: 60px 42px 40px; position: relative; z-index: 2; } .marki-box-icon.style5-box .icon-box-content{ background-color: #fff; border: 1px solid #ced6d9; padding: 60px 42px 30px; position: relative; z-index: 2; border-radius:3px; } .marki-box-icon.style8-box .icon-box-content { background-color: #fff; position: relative; z-index: 2; text-align:left; } .marki-box-icon.style7-box { text-align: left; } .marki-box-icon.style7-box .icon-box-container { width: 100%; text-align: center; margin-left: auto; margin-right: auto; overflow: hidden; } .marki-box-icon.style7-box.icon-frame-false.size-small .icon-box-container { border:3px solid #ced6d9 } .marki-box-icon.style7-box .icon-box-container.icon-type-holder { width: 130px; height: 130px; line-height: 130px; } .marki-box-icon.style7-box.icon-round-true .icon-box-container.icon-type-holder { -webkit-border-radius: 300px; -moz-border-radius: 300px; border-radius: 300px; } .marki-box-icon.style7-box .box-ico { font-size: 64px; line-height: 130px; color: #fff; display: block; } .marki-box-icon.style7-box.icon-frame-false .box-ico { font-size: 128px; vertical-align: top; } .marki-box-icon.style7-box .icon-box-title { margin-bottom: 10px !important; } @media handheld, only screen and (max-width: 600px) { .marki-box-icon.style7-box .icon-box-title { text-align: center !important; } } .marki-box-icon.style7-box.icon-left-align .icon-box-container { left: 0; } .marki-box-icon.style7-box.icon-left-align .icon-box-content { margin-left: 150px; } .marki-box-icon.style7-box.icon-left-align.icon-frame-false .icon-box-content { margin-left: 140px; padding-top: 10px; } .marki-box-icon.style7-box.icon-left-align .icon-box-title { text-align: left; } .marki-box-icon.style7-box.icon-left-align .icon-box-container { position: absolute; top: 3px; } .marki-box-icon.style7-box.icon-right-align { text-align: right; } .marki-box-icon.style7-box.icon-right-align .icon-box-container { right: 0; } .marki-box-icon.style7-box.icon-right-align .icon-box-content { margin-right: 150px; } .marki-box-icon.style7-box.icon-right-align.icon-frame-false .icon-box-content { margin-right: 140px; padding-top: 10px; } .marki-box-icon.style7-box.icon-right-align .icon-box-container { position: absolute; top: 3px; } .marki-box-icon.style7-box.icon-top-align { text-align: center; } .marki-box-icon.style7-box.icon-top-align .icon-box-container { margin-bottom: 10px; } .marki-box-icon.style7-box.icon-top-align .icon-box-title { text-align: center; } .marki-box-icon.style7-box.size-small .box-ico { font-size: 32px; line-height: 62px; } .marki-box-icon.style7-box.size-small.icon-frame-false .box-ico { font-size: 20px; vertical-align: top; line-height:80px; } .marki-box-icon.style7-box.size-small .icon-box-container.icon-type-holder { width: 60px; height: 60px; line-height: 60px; } .marki-box-icon.style7-box.size-small.icon-frame-false .icon-box-container.icon-type-holder { width: 80px; height: 80px; line-height: 80px; } .marki-box-icon.style7-box.size-small.icon-frame-false.icon-left-align .icon-box-container.icon-type-holder { top:50%; transform:translateY(-50%); } .marki-box-icon.style7-box.size-small.icon-left-align .icon-box-content { margin-left: 75px; } .marki-box-icon.style7-box.size-small.icon-left-align.icon-frame-false .icon-box-content { margin-left: 90px; } .marki-box-icon.style7-box.size-small.icon-right-align .icon-box-content { margin-right: 75px; } .marki-box-icon.style7-box.size-small.icon-right-align.icon-frame-false .icon-box-content { margin-right: 75px; padding-top: 10px; } .marki-box-icon.style7-box.size-medium .box-ico { font-size: 48px; line-height: 92px; } .marki-box-icon.style7-box.size-medium.icon-frame-false .box-ico { font-size: 64px; vertical-align: top; } .marki-box-icon.style7-box.size-medium .icon-box-container.icon-type-holder { width: 90px; height: 90px; line-height: 90px; } .marki-box-icon.style7-box.size-medium.icon-left-align .icon-box-content { margin-left: 105px; } .marki-box-icon.style7-box.size-medium.icon-left-align.icon-frame-false .icon-box-content { margin-left: 105px; padding-top: 10px; } .marki-box-icon.style7-box.size-medium.icon-right-align .icon-box-content { margin-right: 105px; } .marki-box-icon.style7-box.size-medium.icon-right-align.icon-frame-false .icon-box-content { margin-right: 105px; padding-top: 10px; } .marki-box-icon.style7-box .icon-box-title { color: #696969; padding-top: 5px; } @media handheld, only screen and (max-width: 767px) { .marki-box-icon.style7-box .icon-box-container { position: relative !important; margin-bottom: 10px; } .marki-box-icon.style7-box .icon-box-content { padding: 0 !important; margin: 0 !important; text-align: center !important; } } .marki-box-icon.style9-box { text-align: center; padding:40px 30px; background:#fff; -webkit-box-shadow: 0 0 8px 4px rgba(0,0,0,0.03); -moz-box-shadow: 0 0 8px 4px rgba(0,0,0,0.03); box-shadow: 0 0 8px 8px rgba(0,0,0,0.03); transition:all .5s ease; border-radius:10px; } .marki-box-icon.style9-box:hover { -webkit-box-shadow: 0 0 12px 6px rgba(0,0,0,0.05); -moz-box-shadow: 0 0 12px 6px rgba(0,0,0,0.05); box-shadow: 0 0 12px 6px rgba(0,0,0,0.05); transform:translateY(-10px); transition:all .5s ease; } .marki-box-icon.style9-box .box-ico { font-size: 32px; margin-bottom: 13px; display: block; } .marki-box-icon.style9-box .icon-box-title { text-align: center; } .marki-box-icon.style9-box .box-image { margin-bottom: 15px; } .marki-box-icon.style9-box .icon-box-title { font-size: 16px !important; font-weight: 600; } /* Shortcode:Mini Callout Box -------------------------------------------------------------------- */ .marki-call-to-action { overflow: hidden; padding: 30px 30px; } .marki-call-to-action p { display: inline; margin-bottom: 0; } .marki-call-to-action .callout-desc { display: table; min-height: 43px; } .marki-call-to-action .callout-desc-holder { display: table-cell; padding: 0 20px 0 8px; vertical-align: middle; } .marki-call-to-action .modern .callout-desc-holder { text-align:center; padding: 0; } .marki-call-to-action .callout-desc-holder h4 { margin-bottom: 10px; } .marki-call-to-action .callout-title { line-height: 1.3; margin-bottom:0; } .marki-call-to-action .marki-button { margin-right: 0; } .marki-call-to-action .marki-button { margin-top:30px; border-radius:25px !important; } @media handheld, only screen and (max-width: 700px) { .marki-call-to-action .callout-desc { display: block !important; text-align: center; } .marki-call-to-action .callout-desc-holder { display: block !important; padding: 0 !important; } .marki-call-to-action .marki-button { display: block !important; margin: 0 0 20px !important; } } /* Shortcode:Full Width Slideshow -------------------------------------------------------------------- */ .marki-fullwidth-slideshow { padding: 30px 0; width: 100%; text-align: center; } /* Shortcode:Gallery -------------------------------------------------------------------- */ .marki-gallery { margin: 0 auto; } .marki-gallery ul { margin: 0; padding: 0; list-style: none; } .marki-gallery ul li { position: relative; display: block; float: left; overflow: hidden; margin: 0; padding: 0; } line-height: 4px; /*&:hover { .hover-overlay { .opacity(90); } .gallery-meta { .opacity(100); } .gallery-meta i { .rotate(0deg); } }*/ } .marki-gallery.one-column li { width: 100%; } .marki-gallery.two-column li { width: 50%; } .marki-gallery.three-column li { width: 33.3%; } .marki-gallery.four-column li { width: 25%; } .marki-gallery.five-column li { width: 20%; } .marki-gallery.six-column li { width: 16.6%; } @media handheld, only screen and (max-width: 960px) { .marki-gallery.three-column li, .marki-gallery.four-column li, .marki-gallery.five-column li, .marki-gallery.six-column li { width: 33.2% !important; } } @media handheld, only screen and (max-width: 767px) { .marki-gallery.three-column li, .marki-gallery.four-column li, .marki-gallery.five-column li, .marki-gallery.six-column li { width: 49.8% !important; } } @media handheld, only screen and (max-width: 550px) { .marki-gallery.three-column li, .marki-gallery.four-column li, .marki-gallery.two-column li, .marki-gallery.five-column li, .marki-gallery.six-column li { width: 100% !important; } } .marki-gallery.grid-style .item-holder { margin: 0 1px 1px 0; position: relative; } .marki-gallery.grid-style .item-holder img { width: 100%; } .marki-gallery.grid-style .marki-lightbox { min-width: 100px; min-height: 100px; } .marki-gallery.grid-style .the-title { display: inline-block; margin-top: 15px; color: #fff; font-size: 13px; font-weight: bold; line-height: 20px; text-transform: uppercase; } .marki-gallery.thumb-style { text-align: center; } .marki-gallery.thumb-style .gallery-thumb-large { margin-bottom: 1px; } .marki-gallery.thumb-style:hover .slideshow-swiper-arrows, .marki-gallery.thumb-style:hover .gallery-thumb-lightbox { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-gallery.thumb-style:hover .marki-swiper-next { right: 20px; } .marki-gallery.thumb-style:hover .marki-swiper-prev { left: 20px; } .marki-gallery.thumb-style .gallery-thumb-lightbox { position: absolute; left: 50%; top: 50%; font-size: 16px; line-height: 30px; margin: -16px 0 0 -16px; z-index: 10; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; display: block; width: 32px; height: 32px; color: #fff; background-color: rgba(0, 0, 0, 0.05); border: 2px solid #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .marki-gallery .gallery-thumbs-small { display: inline-block; margin: 0 auto; } .marki-gallery .gallery-thumbs-small a { display: inline-block; padding-right: 1px; padding-bottom: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .marki-gallery .gallery-thumbs-small a img { opacity: 0.7; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-gallery .gallery-thumbs-small a.active-item img { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-gallery.masonry-style .marki-gallery-item { width: 24.95%; } .marki-gallery.masonry-style .gallery-mansory-large { width: 49.95%; } .marki-gallery.masonry-style .marki-lightbox { min-width: 100px; min-height: 100px; } .marki-gallery.masonry-style .the-title { display: inline-block; margin-top: 15px; color: #fff; line-height: 14px; font-size: 14px; text-transform: uppercase; } @media handheld, only screen and (max-width: 1140px) { .marki-gallery.masonry-style .marki-gallery-item { width: 24.9%; } .marki-gallery.masonry-style .gallery-mansory-large { width: 49.9%; } } @media handheld, only screen and (max-width: 960px) { .marki-gallery.masonry-style .marki-gallery-item, .marki-gallery.masonry-style .gallery-mansory-large { width: 49.9%; } } @media handheld, only screen and (max-width: 767px) { .marki-gallery.masonry-style .marki-gallery-item, .marki-gallery.masonry-style .gallery-mansory-large { width: 100%; } } .marki-gallery.grid-style .featured-image.overlay-hover .hover-overlay, .marki-gallery.masonry-style .featured-image.overlay-hover .hover-overlay { background-color: rgba(0, 0, 0, 0.6) !important; } .marki-gallery.grid-style .featured-image.overlay-hover img, .marki-gallery.masonry-style .featured-image.overlay-hover img { -webkit-transform: translate3d(0, 0, 0) scale(1.05); transform: translate3d(0, 0, 0) scale(1.05); -webkit-transition: -webkit-transform 0.35s ease-in-out; transition: transform 0.35s ease-in-out; } .marki-gallery.grid-style .featured-image.overlay-hover i, .marki-gallery.masonry-style .featured-image.overlay-hover i { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.35s, -webkit-transform 0.25s ease-in-out, visibility 0.25s, background-color 0.25s, color 0.25s; transition: opacity 0.25s, transform 0.25s ease-in-out, visibility 0.25s, background-color 0.25s, color 0.25s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .marki-gallery.grid-style .featured-image.overlay-hover i:hover, .marki-gallery.masonry-style .featured-image.overlay-hover i:hover { background-color: #fff; color: #000; } .marki-gallery.grid-style .featured-image.overlay-hover .the-title, .marki-gallery.masonry-style .featured-image.overlay-hover .the-title { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.35s, -webkit-transform 0.25s ease-in-out, visibility 0.25s; transition: opacity 0.25s, transform 0.25s ease-in-out, visibility 0.25s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .marki-gallery.grid-style .featured-image.overlay-hover:hover img, .marki-gallery.masonry-style .featured-image.overlay-hover:hover img { -webkit-transform: translate3d(0, -2.5%, 0) scale(1.05); transform: translate3d(0, -2.5%, 0) scale(1.05); } .marki-gallery.grid-style .featured-image.overlay-hover:hover i, .marki-gallery.masonry-style .featured-image.overlay-hover:hover i { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .marki-gallery.grid-style .featured-image.overlay-hover:hover .the-title, .marki-gallery.masonry-style .featured-image.overlay-hover:hover .the-title { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .marki-gallery.grid-style .featured-image.gradient-hover .hover-overlay, .marki-gallery.masonry-style .featured-image.gradient-hover .hover-overlay { background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%) !important; background: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%) !important; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%) !important; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } .marki-gallery.grid-style .featured-image.gradient-hover img, .marki-gallery.masonry-style .featured-image.gradient-hover img { -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition: -webkit-transform 0.35s ease-in-out; transition: transform 0.35s ease-in-out; } .marki-gallery.grid-style .featured-image.gradient-hover .the-title, .marki-gallery.masonry-style .featured-image.gradient-hover .the-title, .marki-gallery.grid-style .featured-image.gradient-hover i, .marki-gallery.masonry-style .featured-image.gradient-hover i { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.35s, -webkit-transform 0.25s ease-in-out, visibility 0.25s, background-color 0.25s, color 0.25s; transition: opacity 0.25s, transform 0.25s ease-in-out, visibility 0.25s, background-color 0.25s, color 0.25s; -webkit-transform: scale(0.9); transform: scale(0.9); } .marki-gallery.grid-style .featured-image.gradient-hover i:hover, .marki-gallery.masonry-style .featured-image.gradient-hover i:hover { background-color: #fff; color: #000; } .marki-gallery.grid-style .featured-image.gradient-hover:hover .hover-overlay, .marki-gallery.masonry-style .featured-image.gradient-hover:hover .hover-overlay { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .marki-gallery.grid-style .featured-image.gradient-hover:hover img, .marki-gallery.masonry-style .featured-image.gradient-hover:hover img { -webkit-transform: scale(1); transform: scale(1); } .marki-gallery.grid-style .featured-image.gradient-hover:hover .the-title, .marki-gallery.masonry-style .featured-image.gradient-hover:hover .the-title, .marki-gallery.grid-style .featured-image.gradient-hover:hover i, .marki-gallery.masonry-style .featured-image.gradient-hover:hover i { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); } .marki-gallery.grid-style .gallery-meta, .marki-gallery.masonry-style .gallery-meta { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); z-index: 10; text-align: center; min-width: 32px; } .marki-gallery.grid-style .gallery-meta i, .marki-gallery.masonry-style .gallery-meta i { font-size: 16px; width: 27px; height: 27px; text-align: center; color: #fff; border-radius: 3px; border: 3px solid #fff; display: inline-block; margin: 0 auto; -webkit-backface-visibility: hidden; } .marki-gallery.grid-style .gallery-meta i:before, .marki-gallery.masonry-style .gallery-meta i:before { height: 27px; line-height: 27px; } /* Shortcode:Google Maps -------------------------------------------------------------------- */ .wpb_map_wraper { overflow: hidden; margin-bottom: 20px; line-height: 4px; } .wpb_map_wraper.circle-map { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; } .marki-gmaps-parallax { overflow: hidden; } .marki-gmaps-parallax > div { margin-top: -100px; } /* Shortcode:Page Section -------------------------------------------------------------------- */ .marki-page-section { position: relative; overflow: hidden; min-height: 100px; } .marki-page-section .vc_row-fluid { position: relative; z-index: 10; } @media only screen and (max-width: 767px) { .marki-page-section { background-position: center !important; background-attachment: scroll !important; background-size: cover; } .marki-page-section .page-section-content{ padding-left:15px; padding-right:15px; } } .marki-page-section .page-section-fullwidth { margin-left: -15px; margin-right: -15px; } .marki-half-layout { width: 50%; height: 100%; position: absolute; top: 0; background-position: center center; background-size: cover; -webkit-background-size: cover; } .marki-half-layout.half_left_layout { left: 0; } .marki-half-layout.half_right_layout { right: 0; } @media handheld, only screen and (max-width: 767px) { .marki-half-layout { width: 100%; height: 500px; } } .marki-section-mask, .marki-section-color-mask { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; } .marki-section-color-mask { opacity: 0.7; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-section-mask { background: url(../../images/video-mask.png) center center repeat; } .marki-section-video { position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden; min-width: 100%; min-height: 100%; } .marki-section-video video { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; } .marki-custom-boxed { margin-bottom: 20px; } .marki-custom-boxed.drop-outer-shadow { -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05); } @media handheld, only screen and (max-width: 767px) { .marki-custom-boxed { padding-left: 25px!important; padding-right: 25px!important; } } .marki-mouse-parallax { position: absolute; top: 0; background-position: center center; -webkit-background-size: cover; background-size: cover; } .parallax-y-axis { width: 100%; height: 130%; } .parallax-x-axis { width: 130%; height: 100%; } .parallax-both-axis { width: 130%; height: 130%; } .marki-padding-wrapper, .marki-half-layout-container { position: relative; z-index: 5; padding-left: 0; padding-right: 0; margin-left:-15px; margin-right:-15px; } @media handheld, only screen and (width: 1024px) { .marki-padding-wrapper, .marki-half-layout-container { margin-left:0; margin-right:0; } } .marki-half-layout-container { width: 40%; margin: 0 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .marki-half-layout-container.half_left_layout { float: right; } .marki-half-layout-container.half_right_layout { float: left; } @media handheld, only screen and (max-width: 767px) { .marki-half-layout-container { width: auto !important; margin: 0; padding-top: 530px !important; padding-left: 20px; padding-right: 20px; float: none !important; } } .fullwidth-true .marki-padding-wrapper { padding-left: 0; padding-right: 0; } .expandable-section-trigger { width: 100%; min-height: 100px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .expandable-section-trigger .align-left { text-align: left; } .expandable-section-trigger .align-center { text-align: center; } .expandable-section-trigger .align-right { text-align: right; } .expandable-section-trigger .marki-grid { position: relative; text-align: center; } .expandable-section-trigger.active-toggle { background-color: transparent; } .expandable-section-trigger .marki-expandable-wrapper { display: inline-block; margin: 25px auto; width: 100%; } .expandable-section-trigger span { position: relative; } .expandable-section-trigger span { font-size: 16px; display: block; line-height: 130%; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; text-transform: uppercase; z-index: 2; } .expandable-section-trigger i, .expandable-section-trigger .expandable-section-image { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; opacity: 0; display: inline-block; z-index: 1; top: 50%; position: absolute; left: 50%; } .expandable-section-trigger .expandable-section-image { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .marki-expandable-wrapper { position: relative; z-index: 5; } .section-expandable-true { cursor: pointer; } .section-expandable-true .marki-padding-wrapper { display: none; } .section-expandable-true.active-toggle { cursor: default; } .section-expandable-true.active-toggle .expandable-section-trigger { opacity: 0; } .section-expandable-true:hover .marki-expandable-wrapper span { opacity: 0; } .section-expandable-true:hover .marki-expandable-wrapper i, .section-expandable-true:hover .marki-expandable-wrapper .expandable-section-image { opacity: 1; } .marki-video-section-touch { position: absolute; top: 0px; left: 0px; z-index: 2; display: none; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; } @media only screen and (min-device-width: 320px) and (max-width: 1024px) { .marki-page-section { background-position: center !important; background-attachment: scroll !important; } .marki-section-video { display: none !important; } .marki-video-section-touch { display: block !important; } } /* Shortcode:Twitter Feed -------------------------------------------------------------------- */ .marki-tweet-shortcode { margin: 0; } .marki-tweet-shortcode li { list-style: none; } .marki-tweet-shortcode li .tweet-time { display: block; font-weight: bold; font-size: 12px; text-transform: uppercase; } .marki-tweet-shortcode li span a { font-size: 12px; font-weight: bold; font-style: italic; } .marki-twitter-shortcode { background: #fff; box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.05); margin-bottom: 0; padding: 50px 30px; } .tweet-icon{width:100px;height:100px;border-radius:50%;border-width:2px;border-style:solid;font-size:32px;line-height:2.8;margin:0 auto;} .tweet-time{ text-transform:capitalize !important; letter-spacing:1px; } .tweet-text{ font-size:24px; font-weight:300; color:#333; line-height:1.4; margin:40px 0 20px; display:block; } .tweet-user{ font-size:24px; text-transform:uppercase; font-weight:700; display:inline-block; margin-bottom:10px; } .marki-tweet-shortcode .owl-item{ text-align:center; } .marki-tweet-shortcode .owl-item li{ text-align:center; width:80%; margin:0 auto; float:none; } /* Shortcode:Audio Player -------------------------------------------------------------------- */ .marki-audio { margin-bottom: 10px; padding: 9px; position: relative; } .marki-audio.add-baloon .jp-interface:before { position: absolute; top: -8px; left: 50px; display: block; width: 14px; height: 14px; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); background-color: #fff; border-left: 2px solid #eee; border-top: 2px solid #eee; } .marki-audio .marki-audio-author { display: block; margin: 0 0 9px 30px; font-weight: bold; font-size: 13px; padding: 6px 0; } .marki-audio.small-version-true .jp-interface { padding: 20px 20px 55px; } .marki-audio.small-version-true .jp-controls { top: 62px; left: 20px; } .marki-audio.small-version-true .js-volume-wrapper { top: 62px; right: 20px; } /* Shortcode:Moving Images -------------------------------------------------------------------- */ .marki-moving-image img { display: inline-block !important; width: auto !important; } .marki-moving-image.align-center { text-align: center; } .marki-moving-image.align-center img { margin: 0 auto; } .marki-moving-image.align-right { text-align: right; } .marki-moving-image.align-left { text-align: left; } /* Shortcode:Process Steps -------------------------------------------------------------------- */ .marki-process-steps { position: relative; } .marki-process-steps .step-title { text-transform: uppercase; font-size: 13px; font-weight: bold; line-height: 22px; } .marki-process-steps .step-desc { font-size: 13px; font-weight: 600; } .marki-process-steps .step-icon { width: 95px; height: 95px; display: block; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; font-size: 32px; text-align: center; line-height: 95px; -webkit-backface-visibility: hidden; transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; position: relative; z-index: 10; } .marki-process-steps .step-icon i { position: absolute; left: 0; top: 0; line-height: 95px; text-align: center; width: 95px; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; color: #fff; transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; } .marki-process-steps.dark-skin .step-title { color: #444 !important; } .marki-process-steps.dark-skin .step-desc { color: #939393; } .marki-process-steps.dark-skin .step-icon { background-color: #fff; border: 2px solid #666; } .marki-process-steps.dark-skin .active-step-item .step-icon, .marki-process-steps.dark-skin li:hover .step-icon, .marki-process-steps.dark-skin .marki-step:hover .step-icon { color: #fff; } .marki-process-steps.dark-skin.vertical .step-items:before { border-left: 2px solid #666; } .marki-process-steps.dark-skin.vertical .marki-step:nth-child(odd) .step-holder:before { border-left: 2px solid #666; border-bottom: 2px solid #666; } .marki-process-steps.dark-skin.vertical .marki-step:nth-child(even) .step-holder:before { border-right: 2px solid #666; border-top: 2px solid #666; } .marki-process-steps.dark-skin.vertical .step-holder { background: #fff; border: 2px solid #666; } .marki-process-steps.dark-skin.vertical .step-holder:before { background-color: #fff; } .marki-process-steps.light-skin .step-title { color: #fff !important; } .marki-process-steps.light-skin .step-desc { color: #eee; } .marki-process-steps.light-skin .step-icon { border: 2px solid #eee; color: #eee; } .marki-process-steps.light-skin .active-step-item .step-icon, .marki-process-steps.light-skin li:hover .step-icon, .marki-process-steps.light-skin .marki-step:hover .step-icon { background-color: #fff; } .marki-process-steps.light-skin.vertical .step-items:before { border-left: 2px solid #eee; } .marki-process-steps.light-skin.vertical .marki-step:nth-child(odd) .step-holder:before { border-left: 2px solid #eee; border-bottom: 2px solid #eee; } .marki-process-steps.light-skin.vertical .marki-step:nth-child(even) .step-holder:before { border-right: 2px solid #eee; border-top: 2px solid #eee; } .marki-process-steps.light-skin.vertical .step-holder { background: #222; border: 2px solid #eee; } .marki-process-steps.light-skin.vertical .step-holder:before { background-color: #222; } .marki-process-steps.custom-skin.vertical .step-items:before { border-left-width: 2px; border-left-style: solid; } .marki-process-steps.custom-skin.vertical .marki-step:nth-child(odd) .step-holder:before { border-left-width: 2px; border-left-style: solid; border-bottom-width: 2px; border-bottom-style: solid; } .marki-process-steps.custom-skin.vertical .marki-step:nth-child(even) .step-holder:before { border-right-width: 2px; border-right-style: solid; border-top-width: 2px; border-top-style: solid; } .marki-process-steps.custom-skin.vertical .step-holder { border-width: 2px; border-style: solid; } .marki-process-steps.vertical { margin-bottom: 30px; } .marki-process-steps.vertical .step-items { padding-top: 50px; } .marki-process-steps.vertical .step-items:before { content: ""; display: block; height: 100%; width: 0px; position: absolute; top: 0; left: 50%; } .marki-process-steps.vertical .marki-step { display: block; padding: 70px 0; position: relative; *zoom: 1; } .marki-process-steps.vertical .marki-step:before, .marki-process-steps.vertical .marki-step:after { content: " "; display: table; } .marki-process-steps.vertical .marki-step:after { clear: both; } .marki-process-steps.vertical .marki-step:nth-child(odd) { margin-left: 50%; text-align: left; } .marki-process-steps.vertical .marki-step:nth-child(odd) .step-icon { left: -49px; } .marki-process-steps.vertical .marki-step:nth-child(odd) .step-holder { margin: 0 30px 0 80px; right: -30px; } .marki-process-steps.vertical .marki-step:nth-child(odd) .step-holder:before { left: -9px; } .marki-process-steps.vertical .marki-step:nth-child(odd):hover .step-holder { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; right: 0px; } .marki-process-steps.vertical .marki-step:nth-child(even) { margin-right: 50%; text-align: right; } .marki-process-steps.vertical .marki-step:nth-child(even) .step-icon { right: -49px; } .marki-process-steps.vertical .marki-step:nth-child(even) .step-holder { margin: 0 80px 0 30px; left: -30px; } .marki-process-steps.vertical .marki-step:nth-child(even) .step-holder:before { right: -9px; } .marki-process-steps.vertical .marki-step:nth-child(even):hover .step-holder { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; left: 0; } .marki-process-steps.vertical .step-icon { position: absolute; top: 50%; margin-top: -47px; } .marki-process-steps.vertical .step-holder { position: relative; display: inline-block; padding: 16px 20px; opacity: 0.6; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; transition: all 0.3s ease-in-out; -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; } .marki-process-steps.vertical .step-holder:before { position: absolute; top: 50%; margin-top: -7px; display: block; width: 14px; height: 14px; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .marki-process-steps.vertical .step-holder .step-desc-responsive { display: none; } @media handheld, only screen and (max-width: 767px) { .marki-process-steps.vertical .marki-step:nth-child(odd), .marki-process-steps.vertical .marki-step:nth-child(even) { margin: 0; text-align: center; } .marki-process-steps.vertical .marki-step:nth-child(odd) .step-icon, .marki-process-steps.vertical .marki-step:nth-child(even) .step-icon { left: 50%; margin-left: -50px; right: 0; bottom: 30px; position: relative; } .marki-process-steps.vertical .marki-step:nth-child(odd) .step-holder, .marki-process-steps.vertical .marki-step:nth-child(even) .step-holder { position: relative; margin: 0 !important; right: 0 !important; left: 0 !important; opacity: 1 !important; } .marki-process-steps.vertical .marki-step:nth-child(odd) .step-holder:before, .marki-process-steps.vertical .marki-step:nth-child(even) .step-holder:before { position: absolute; top: -1px; right: auto; left: 50%; margin-left: -6px; display: block; width: 14px; height: 14px; content: ""; } .marki-process-steps.vertical .marki-step:nth-child(odd) .step-holder:before { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); } .marki-process-steps.vertical .marki-step:nth-child(even) .step-holder:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); } } .marki-process-steps.horizontal .step-panes .step-icon { display: none; } .marki-process-steps.horizontal .step-items { position: relative; margin: 0; padding: 0; list-style: none; text-align: center; } @media screen and (max-width: 765px) { .marki-process-steps.horizontal .step-items { display: none; } } .marki-process-steps.horizontal .step-items li { margin: 0 30px; display: inline-block; } .marki-process-steps.horizontal .step-panes { min-height: 50px; padding-bottom: 30px; text-align: center; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } @media screen and (max-width: 765px) { .marki-process-steps.horizontal .step-panes { display: none; } } .marki-process-steps.horizontal .step-panes .marki-step { transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; top: 30px; left: 0; position: absolute; display: block; width: 100%; } .marki-process-steps.horizontal .step-panes .marki-step.active-step { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; top: 0; } @media handheld, only screen and (max-width: 767px) { .marki-process-steps.horizontal .step-items { text-align: center; } .marki-process-steps.horizontal .step-items:before { display: none; } .marki-process-steps.horizontal .step-items li { margin: 15px; } } .marki-process-steps.horizontal .step-panes-responsive { display: none; } @media handheld, only screen and (max-width: 765px) { .marki-process-steps.horizontal .step-panes-responsive { display: block; } } .marki-process-steps.horizontal .step-panes-responsive .marki-step { margin-bottom: 30px; } .marki-process-steps.horizontal .step-panes-responsive .marki-step .step-icon { margin: 0 auto 15px auto; display: block; } .marki-process-steps.horizontal .step-panes-responsive .marki-step .step-title { text-align: center; } .marki-process-steps.horizontal .step-panes-responsive .marki-step .step-desc { display: none; } .marki-process-steps.horizontal .step-panes-responsive .marki-step .step-desc-responsive { font-size: inherit !important; font-weight: normal !important; } .marki-advanced-gmaps img { max-width: none !important; } /* Shortcode:-------------------------------------------------------------------- */ .marki-window-scroller { margin: 0 0 20px 14px; border: 1px solid #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; -webkit-box-shadow: -12px 12px 0 0 rgba(0, 0, 0, 0.08); -moz-box-shadow: -12px 12px 0 0 rgba(0, 0, 0, 0.08); box-shadow: -12px 12px 0 0 rgba(0, 0, 0, 0.08); cursor: ns-resize; } .marki-window-scroller .window-top-bar { position: relative; background-color: #eeeeee; border-bottom: 1px solid #fff; height: 30px; } .marki-window-scroller .window-top-bar:before, .marki-window-scroller .window-top-bar:after, .marki-window-scroller .window-top-bar span { display: block; height: 10px; width: 10px; content: ""; position: absolute; top: 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .marki-window-scroller .window-top-bar:before { background-color: #ff4351; left: 12px; } .marki-window-scroller .window-top-bar:after { background-color: #ffc600; left: 27px; } .marki-window-scroller .window-top-bar span { background-color: #71b93f; left: 43px; } .marki-window-scroller .image-holder { overflow: hidden; position: relative; } .marki-window-scroller .image-holder img { position: absolute; top: 0; } /* Shortcode:Count Down -------------------------------------------------------------- */ .marki-event-countdown { } .marki-event-countdown ul { margin: 0; padding: 0; text-align: center; } .marki-event-countdown ul li { position: relative; display: inline-block; margin: 0 0 0 15px; padding: 0; width: 110px; border: 2px solid #e3e3e3; } .marki-event-countdown ul li:first-child { margin-left: 0; } .marki-event-countdown ul li:first-child:before { display: none !important; } .marki-event-countdown ul li:before { position: absolute; top: 50%; left: -17px; display: block; width: 15px; height: 2px; content: ""; } .marki-event-countdown ul .countdown-timer { display: inline-block; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 60px; line-height:1; margin-bottom:15px; } .marki-event-countdown ul .countdown-text { display: block; color: #333; font-size: 18px; font-weight: 700; text-transform: uppercase; line-height: 1; font-family:'Montserrat'; padding:0; } .marki-event-countdown.dark-skin li:before { background-color: #e3e3e3; } .marki-event-countdown.dark-skin li { border-color: #e3e3e3; } .marki-event-countdown.light-skin li:before { } .marki-event-countdown.light-skin li { } .marki-event-countdown.light-skin .countdown-text { color: #333; } .marki-event-countdown.light-skin .countdown-timer { color: #333; } /* Shortcode:Count Down style 1 -------------------------------------------------------------- */ .countdown_style_one{ background:rgba(26,28,40,0.3); padding:20px; margin-top:-140px; } .countdown_style_one .countdown-wrap{ width:50%; float:left; max-height:304px; min-height:304px; } .countdown_style_one .upcoming-event-wrap{ width:50%; float:right; background:#1a1c28; padding:40px 50px; text-align:center; max-height:306px; min-height:304px; } .countdown_style_one .upcoming-event-wrap h4{ text-transform:uppercase; color:#fff !important; font-weight:700 !important; } .countdown_style_one .upcoming-event-wrap p{ color:#6a727d !important; } .countdown_style_one .upcoming-event-wrap a{ min-width:170px; padding:12px 0; border-radius:4px; opacity:0.9; display:table; margin:0 auto; text-transform:uppercase; } .countdown_style_one .upcoming-event-wrap a:hover{ opacity:1; } .countdown_style_one.marki-event-countdown ul li { position: relative; display: inline-block; margin: 0; padding: 30px 0; width: 50%; border:none; } .countdown_style_one .upcoming-event-wrap a:hover{ opacity:1; } /* Shortcode:Count Down style 2 -------------------------------------------------------------- */ .countdown_style_two.marki-event-countdown ul li { position: relative; display: inline-block; margin: 0 0 0 30px; padding: 0; width: 170px; border: 2px solid #e3e3e3; } .countdown_style_two.marki-event-countdown ul .countdown-timer { display: inline-block; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 60px; line-height:1; font-family:'Montserrat'; margin-bottom:0; padding:30px; } .countdown_style_two.marki-event-countdown ul .countdown-text { display: block; color: #545454; font-size: 18px; font-weight: 700; text-transform: uppercase; line-height: 1; font-family:'Montserrat'; padding:15px; } /* Shortcode:Count Down style 3 -------------------------------------------------------------- */ .countdown_style_three{ } .countdown_style_three .countdown-wrap{ width:50%; float:left; text-align:left; } .countdown_style_three .countdown-wrap ul{ text-align:left; } .countdown_style_three .upcoming-event-wrap{ width:50%; float:right; text-align:right; } .countdown_style_three .upcoming-event-wrap h4{ text-transform:uppercase; color:#fff !important; font-weight:700 !important; } .countdown_style_three .upcoming-event-wrap p{ color:#6a727d !important; } .countdown_style_three .upcoming-event-wrap a{ min-width:170px; padding:12px 0; color:#fff; border-radius:4px; opacity:0.9; display:table; float:right; text-transform:uppercase; clear:both; text-align:center; font-size:12px; font-weight:700; } /* Shortcode:Count Down style 4 -------------------------------------------------------------- */ .countdown_style_three.marki-event-countdown ul li { border-radius:6px; text-align:center; } .countdown_style_three.marki-event-countdown ul .countdown-timer { display: inline-block; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 36px; line-height:1; font-family:'Montserrat'; margin-bottom:0; padding:20px; } .countdown_style_three.marki-event-countdown ul .countdown-text { display: block; color: #fff; font-size: 14px; font-weight: 700; text-transform: uppercase; line-height: 1; font-family:'Montserrat'; padding:10px; } .countdown_style_four.marki-event-countdown ul li { border:none; } .countdown_style_four.marki-event-countdown ul .countdown-timer { display: inline-block; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 36px; line-height:90px; font-family:'Montserrat'; margin-bottom:0; color:#333; padding:0; width:104px; height:104px; border-radius:50%; border:8px solid rgba(234,234,234,0.9); } .countdown_style_four.marki-event-countdown ul .countdown-text { display: block; color: #333; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 1; font-family:'Montserrat'; padding:0; margin-top:20px; } /* Shortcode:Count Down style 5 -------------------------------------------------------------- */ .countdown_style_five{ } .countdown_style_five .countdown-wrap{ width:50%; float:left; text-align:left; } .upcoming-event-wrap-inner{display:inline-block;padding:10px;border:5px solid rgba(255,255,255,0.10);} .countdown_style_five .countdown-wrap ul{ text-align:left; } .countdown_style_five.marki-event-countdown.light-skin li { border: 5px solid rgba(255,255,255,0.10); background-color: none; border-radius:0; width:120px; height:90px; padding:11px 10px; } .countdown_style_five.marki-event-countdown ul .countdown-timer { font-size: 36px; text-align:center; display:block; margin-bottom:5px; } .countdown_style_five.marki-event-countdown ul .countdown-text { font-size: 14px; text-align:center; } .countdown_style_five .upcoming-event-wrap{ width:50%; float:right; text-align:right; } .countdown_style_five .upcoming-event-wrap-inner{min-height:60px;} .countdown_style_five .upcoming-event-wrap h5{margin:0;display:inline-block;vertical-align:middle;color:#fff;} .countdown_style_five .upcoming-event-wrap h5 span{font-size:inherit;display:block;font-weight:bold;vertical-align:middle;} .countdown_style_five .upcoming-event-wrap h5 a{ text-transform:uppercase; margin-bottom:15px; font-weight:700 !important; color:inherit !important; padding:0; display:block; margin-bottom:0; } .countdown_style_five .upcoming-event-wrap .icon { padding-right:15px; border-right:2px solid rgba(255,255,255,0.10); display:inline-block; margin-right:10px; min-height:inherit; vertical-align:middle; } .countdown_style_five .upcoming-event-wrap i{ font-size:24px; color:#333; display:block; vertical-align:middle; line-height:60px; } .countdown_style_five .upcoming-event-wrap p{ color:#fff !important; } .countdown_style_five .upcoming-event-wrap a{ min-width:170px; padding:12px 0; color:#fff; border-radius:4px; opacity:0.9; display:table; float:right; text-transform:uppercase; clear:both; text-align:center; font-size:12px; font-weight:700; } /* Shortcode:Count Down responsive -------------------------------------------------------------- */ @media handheld, only screen and (min-width: 768px) and (max-width:960px) { .countdown_style_one .upcoming-event-wrap{ width:50%; float:right; background:#1a1c28; padding:33px 30px; text-align:center; max-height:330px; min-height:330px; } .countdown_style_one.marki-event-countdown ul li { padding: 36px 0; } .countdown_style_one.marki-event-countdown{ margin-top:40px; } .countdown_style_one .upcoming-event-wrap h4{margin-bottom:10px;} #marki-main-navigation{padding:0 15px;} } @media screen and (max-width: 600px) { .countdown_style_one.marki-event-countdown{ margin-top:40px; } .countdown_style_one .countdown-wrap{ width:100%; float:none; max-height:auto; min-height:auto; } .countdown_style_one .upcoming-event-wrap{ width:100%; float:none; background:#1a1c28; padding:20px; text-align:center; max-height:100%; min-height:auto; } .countdown_style_one .upcoming-event-wrap h4{ margin-bottom:20px; } .marki-event-countdown ul { width: 100% !important; } .marki-event-countdown li { width: 100% !important; padding: 10px 0 10px 0 !important; } .marki-event-countdown li .countdown-timer { font-size: 36px !important; } .marki-event-countdown li .countdown-text { } .marki-event-wrap img{width:100%;} .countdown_style_five .countdown-wrap{width:100%;float:none;} .countdown_style_five.marki-event-countdown.light-skin li { border: 5px solid rgba(255,255,255,0.10); width:100%; height:90px; margin-bottom:15px; margin-left:0; } .countdown_style_five .upcoming-event-wrap{ width:100%; float:none; text-align:center !important; } .countdown_style_five .upcoming-event-wrap-inner { display: block; } .marki-call-to-action .marki-button-align.center { display: block !important; margin-left: 0; margin-top:15px; text-align: center; } } /* Shortcode:Laptop Slideshow -------------------------------------------------------------------- */ .marki-tablet-slideshow { margin: 0 auto 40px; width: 100%; text-align: center; } .marki-tablet-slideshow .marki-flex-slides { margin: 0 auto !important; } .marki-tablet-slideshow .flex-direction-nav a { margin-top: -16px; } .marki-tablet-slideshow .flex-direction-nav a .marki-theme-icon-prev-big:before, .marki-tablet-slideshow .flex-direction-nav a .marki-theme-icon-next-big:before { font-size: 16px; } .marki-tablet-slideshow .flex-direction-nav a:hover { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-tablet-slideshow:hover .flex-direction-nav a { opacity: 0.6; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-tablet-slideshow:hover .flex-prev { left: 60px; } .marki-tablet-slideshow:hover .flex-next { right: 60px; } .marki-tablet-slideshow .marki-flex-slides { text-align: center; } .marki-tablet-slideshow .flex-direction-nav a { position: absolute; top: 50%; z-index: 60; margin-top: -16px; width: 33px; height: 33px; border: 2px solid #fff; background-color: rgba(0, 0, 0, 0.1); text-align: center; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-tablet-slideshow .flex-direction-nav a i { color: #fff; font-size: 16px; line-height: 33px; } .marki-tablet-slideshow .flex-prev { left: 30px; } .marki-tablet-slideshow .flex-next { right: 30px; } .marki-tablet-image { position: absolute; top: 0; left: 0; z-index: 50; width: 100%; } .vc_col-sm-4 > .marki-tablet-slideshow:hover .flex-prev { left: 40px; } .vc_col-sm-4 > .marki-tablet-slideshow:hover .flex-next { right: 40px; } .vc_col-sm-3 > .marki-tablet-slideshow .flex-prev, .vc_col-sm-3 > .marki-tablet-slideshow .flex-next { transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); } .vc_col-sm-3 > .marki-tablet-slideshow:hover .flex-prev { left: 30px; } .vc_col-sm-3 > .marki-tablet-slideshow:hover .flex-next { right: 30px; } .vc_col-sm-2 > .marki-tablet-slideshow .flex-prev, .vc_col-sm-2 > .marki-tablet-slideshow .flex-next { transform: scale(0.7); -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); } .vc_col-sm-2 > .marki-tablet-slideshow:hover .flex-prev { left: 20px; } .vc_col-sm-2 > .marki-tablet-slideshow:hover .flex-next { right: 20px; } /* Shortcode:Mobile Slideshow -------------------------------------------------------------------- */ .marki-mobile-slideshow { margin: 0 auto 40px; width: 100%; max-width: 100%; text-align: center; } .marki-mobile-slideshow:hover .flex-direction-nav a { opacity: 0.7; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-mobile-slideshow.landscape-style .marki-flex-slides { margin: 0 auto !important; } .marki-mobile-slideshow.landscape-style:hover .flex-prev { left: 155px; } .marki-mobile-slideshow.landscape-style:hover .flex-next { right: 140px; } @media handheld, only screen and (max-width: 700px) { .marki-mobile-slideshow.landscape-style:hover .flex-prev { left: 105px !important; } .marki-mobile-slideshow.landscape-style:hover .flex-next { right: 95px !important; } } .marki-mobile-slideshow.portrait-style .marki-flex-slides { margin: 0 auto !important; /*padding: 75px 20px 80px 20px; @media handheld, only screen and (max-width:400px) { padding: 90px 10px 60px 10px !important; }*/ } .marki-mobile-slideshow.portrait-style:hover .flex-prev { left: 50px; } .marki-mobile-slideshow.portrait-style:hover .flex-next { right: 50px; } .marki-mobile-slideshow .flex-direction-nav a { position: absolute; top: 50%; z-index: 60; margin-top: -16px; width: 33px; height: 33px; border: 2px solid #fff; background-color: rgba(0, 0, 0, 0.1); text-align: center; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-mobile-slideshow .flex-direction-nav a i { color: #fff; font-size: 16px; line-height: 33px; } .marki-mobile-slideshow .flex-prev { left: 30px; } .marki-mobile-slideshow .flex-next { right: 30px; } .marki-mobile-image { position: absolute; top: 0; left: 0; z-index: 50; } .vc_col-sm-4 > .marki-mobile-slideshow.landscape-style:hover .flex-prev { left: 70px; } .vc_col-sm-4 > .marki-mobile-slideshow.landscape-style:hover .flex-next { right: 70px; } .vc_col-sm-3 > .marki-mobile-slideshow.landscape-style .flex-prev, .vc_col-sm-3 > .marki-mobile-slideshow.landscape-style .flex-next { transform: scale(0.7); -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); } .vc_col-sm-3 > .marki-mobile-slideshow.landscape-style:hover .flex-prev { left: 40px; } .vc_col-sm-3 > .marki-mobile-slideshow.landscape-style:hover .flex-next { right: 40px; } .vc_col-sm-2 > .marki-mobile-slideshow.portrait-style .flex-prev, .vc_col-sm-2 > .marki-mobile-slideshow.portrait-style .flex-next { transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); } .vc_col-sm-2 > .marki-mobile-slideshow.portrait-style:hover .flex-prev { left: 30px; } .vc_col-sm-2 > .marki-mobile-slideshow.portrait-style:hover .flex-next { right: 30px; } .vc_col-sm-2 > .marki-mobile-slideshow.portrait-style .flex-prev, .vc_col-sm-2 > .marki-mobile-slideshow.portrait-style .flex-next { transform: scale(0.6); -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); } .vc_col-sm-2 > .marki-mobile-slideshow.portrait-style:hover .flex-prev { left: 20px; } .vc_col-sm-2 > .marki-mobile-slideshow.portrait-style:hover .flex-next { right: 20px; } .vc_col-sm-2 > .marki-mobile-slideshow.landscape-style .flex-prev, .vc_col-sm-2 > .marki-mobile-slideshow.landscape-style .flex-next { transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); } .vc_col-sm-2 > .marki-mobile-slideshow.landscape-style:hover .flex-prev { left: 20px; } .vc_col-sm-2 > .marki-mobile-slideshow.landscape-style:hover .flex-next { right: 20px; } /* Theatre Slider -------------------------------------------------------------- */ .theatre-slider-container { width: 100%; } .theatre-slider-container.center-align .computer-theatre-slider, .theatre-slider-container.center-align .laptop-theatre-slider { margin: 0 auto; } .theatre-slider-container.right-align .computer-theatre-slider, .theatre-slider-container.right-align .laptop-theatre-slider { margin: 0 0 0 auto; } .theatre-slider-container .computer-theatre-slider { width: 100%; max-width: 920px; position: relative; } .theatre-slider-container .laptop-theatre-slider { width: 100%; max-width: 920px; position: relative; } .theatre-slider-container .laptop-theatre-slider img, .theatre-slider-container .computer-theatre-slider img { position: relative; z-index: 3; pointer-events: none; } .no-csstransforms .theatre-slider-container .laptop-theatre-slider img, .no-csstransforms .theatre-slider-container .computer-theatre-slider img { z-index: 1; } .theatre-slider-container .laptop-theatre-slider .player, .theatre-slider-container .computer-theatre-slider .player { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; position: relative; width: 100%; background-color: #000; height: 0; } .theatre-slider-container .laptop-theatre-slider .player video, .theatre-slider-container .computer-theatre-slider .player video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .theatre-slider-container .laptop-theatre-slider .player iframe, .theatre-slider-container .computer-theatre-slider .player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .theatre-slider-container .laptop-theatre-slider .player .marki-theatre-video, .theatre-slider-container .computer-theatre-slider .player .marki-theatre-video { position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden; min-width: 100%; min-height: 100%; } @media only screen and (min-device-width: 320px) and (max-width: 1024px) { .theatre-slider-container .laptop-theatre-slider .player .marki-theatre-video, .theatre-slider-container .computer-theatre-slider .player .marki-theatre-video { display: none !important; } } .theatre-slider-container .laptop-theatre-slider .player .marki-video-theatre-touch, .theatre-slider-container .computer-theatre-slider .player .marki-video-theatre-touch { position: absolute; top: 0px; left: 0px; z-index: 2; display: none; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; } @media only screen and (min-device-width: 320px) and (max-width: 1024px) { .theatre-slider-container .laptop-theatre-slider .player .marki-video-theatre-touch, .theatre-slider-container .computer-theatre-slider .player .marki-video-theatre-touch { display: block !important; } } .theatre-slider-container .laptop-theatre-slider .player-container { width: 100%; height: 100%; position: absolute; padding: 32px 110px 67px; left: 0; top: 0; z-index: 2; } .theatre-slider-container .laptop-theatre-slider .player-container .player { padding-bottom: 63%; /* 16:10 */ } .theatre-slider-container .computer-theatre-slider .player-container { width: 100%; height: 100%; position: absolute; padding: 37px 36px 192px 39px; left: 0; top: 0; z-index: 2; } .theatre-slider-container .computer-theatre-slider .player-container .player { padding-top: 2px; padding-bottom: 56.25%; /* 16:9 */ } /* Text Block shortcode -------------------------------------------------------------- */ @media screen and (max-width: 767px) { .responsive-align-center, .responsive-align-center p, .responsive-align-center h1, .responsive-align-center h2, .responsive-align-center h3, .responsive-align-center h4, .responsive-align-center h5, .responsive-align-center h6 { text-align: center !important; } .responsive-align-left, .responsive-align-left p, .responsive-align-left h1, .responsive-align-left h2, .responsive-align-left h3, .responsive-align-left h4, .responsive-align-left h5, .responsive-align-left h6 { text-align: left!important; } .responsive-align-right, .responsive-align-right p, .responsive-align-right h1, .responsive-align-right h2, .responsive-align-right h3, .responsive-align-right h4, .responsive-align-right h5, .responsive-align-right h6 { text-align: right!important; } } /* Gravity forms Styling -------------------------------------------------------------- */ .gform_wrapper select { padding: 12px 14px 12px 20px !important; } .gform_wrapper select[multiple=multiple] { padding: 8px !important; } .gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper textarea { font-size: 13px !important; color: #767676 !important; padding: 10px !important; } .gform_wrapper .button { margin-right: 10px !important; border: 1px solid #eee !important; outline: none !important; color: #666 !important; font-size: 13px; line-height: 13px !important; padding: 12px 25px !important; vertical-align: top; background-image: none !important; letter-spacing: 1px; display: inline-block; background-color: transparent; } .gform_wrapper .button:hover { color: #fff !important; } .gform_wrapper .gf_progressbar { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; background-image: none !important; } .gform_wrapper .percentbar_blue { background-image: none !important; } .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio], .gform_wrapper.gf_browser_chrome .gfield_checkbox li input { margin-left: 2px; } .gform_wrapper li, .gform_wrapper form li { padding-bottom: 10px; } .gform_wrapper .top_label .gfield_label { margin-bottom: 6px !important; } @media only screen and (max-width: 550px) { .gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half, .gform_wrapper .top_label li.gfield.gf_left_third, .gform_wrapper .top_label li.gfield.gf_middle_third, .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium { width: 99% !important; margin-top: 10px; float: none !important; } } /* Shortcode:Flibox -------------------------------------------------------------------- */ .marki-flipbox-container { -webkit-perspective: 2000px; -moz-perspective: 2000px; -ms-perspective: 2000px; perspective: 2000px; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; width: 100%; text-align: center; } .marki-flipbox-container.flip-horizontal .marki-flipbox-front { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); ms-transform: rotateY(0deg); } .marki-flipbox-container.flip-horizontal .marki-flipbox-back { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); ms-transform: rotateY(-180deg); } .marki-flipbox-container.flip-horizontal:hover .marki-flipbox-back { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); ms-transform: rotateY(0deg); } .marki-flipbox-container.flip-horizontal:hover .marki-flipbox-front { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); ms-transform: rotateY(180deg); visibility: hidden; } .marki-flipbox-container.flip-vertical .marki-flipbox-front { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); ms-transform: rotateX(0deg); } .marki-flipbox-container.flip-vertical .marki-flipbox-back { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); ms-transform: rotateX(180deg); } .marki-flipbox-container.flip-vertical .marki-flipbox-flipper { -webkit-transform-origin: 100% 213.5px; -moz-transform-origin: 100% 213.5px; -ms-transform-origin: 100% 213.5px; -o-transform-origin: 100% 213.5px; } .marki-flipbox-container.flip-vertical:hover .marki-flipbox-back { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); ms-transform: rotateX(0deg); } .marki-flipbox-container.flip-vertical:hover .marki-flipbox-front { -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); transform: rotateX(-180deg); ms-transform: rotateX(-180deg); visibility: hidden; } .marki-flipbox-flipper { transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-perspective: 2000px; -moz-perspective: 2000px; -ms-perspective: 2000px; perspective: 2000px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; height: 100%; position: relative; } .marki-flipbox-front, .marki-flipbox-back { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; position: absolute; left: 0; top: 0; height: 100%; width: 100%; display: table; table-layout: fixed; } .marki-flipbox-front.border-radius-true, .marki-flipbox-back.border-radius-true { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .marki-flipbox-front .front-desc { padding: 0 10%; } .marki-flipbox-back .back-desc { padding: 0 10%; } .marki-flipbox-content { display: table-cell; vertical-align: middle; } .marki-flipbox-content .back-button { display: inline-block; margin-top: 20px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; overflow: visible; } .marki-flipbox-content .back-button.rounded { overflow: inherit !important; } .marki-flipbox-content .front-title, .marki-flipbox-content .back-title { padding: 20px; } @-moz-document url-prefix() { } /* Shortcode:Woocommerce Loops -------------------------------------------------------------------- */ .woocommerce .products { *zoom: 1; } .woocommerce .products:before, .woocommerce .products:after { content: " "; display: table; } .woocommerce .products:after { clear: both; } .woocommerce .products li { float: left; } /* Shortcode:Woocommerce Categories Loops -------------------------------------------------------------------- */ .marki-product-categories .marki-product-categories-list { *zoom: 1; list-style: none; padding: 0; margin-left: 0; } .marki-product-categories .marki-product-categories-list:before, .marki-product-categories .marki-product-categories-list:after { content: " "; display: table; } .marki-product-categories .marki-product-categories-list:after { clear: both; } .marki-product-categories .marki-product-categories-list .product-item { margin-left: 0; display: inline-block; float: left; } .marki-product-categories .marki-product-categories-list .product-item .category-img { max-width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: transform 1s ease-in-out; -webkit-transition: transform 1s ease-in-out; -moz-transition: transform 1s ease-in-out; -ms-transition: transform 1s ease-in-out; -o-transition: transform 1s ease-in-out; } .marki-product-categories .marki-product-categories-list .product-item .item-holder { overflow: hidden; position: relative; margin: 0 15px 30px 15px; } .marki-product-categories .marki-product-categories-list .product-item .item-holder h4 { position: absolute; bottom: 30%; left: 0; width: 100%; margin-bottom: 0; } .marki-product-categories .marki-product-categories-list .product-item .item-holder h4 span { display: block; text-align: center; width: 55%; margin: 0 auto; background-color: #222222; line-height: 1; } .marki-product-categories .marki-product-categories-list .product-item .item-holder h4 span.category-name { font-size: 13px; color: #fff; padding: 20px 20px 5px 20px; font-weight: bold; } .marki-product-categories .marki-product-categories-list .product-item .item-holder h4 span.item-count { font-size: 12px; color: #a9a9a9; padding: 5px 20px 20px 20px; text-transform: uppercase; } .marki-product-categories .marki-product-categories-list .product-item:hover .category-img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); } .marki-product-categories .marki-product-categories-list.columns-4 .product-item { width: 24.9%; } .marki-product-categories .marki-product-categories-list.columns-3 .product-item { width: 33.3%; } .marki-product-categories .marki-product-categories-list.columns-2 .product-item { width: 49.9%; } .marki-product-categories .marki-product-categories-list.columns-1 .product-item { width: 100%; } .marki-product-categories .marki-product-categories-list.columns-1 .product-item .item-holder { margin-left: 0; margin-right: 0; } @media handheld, only screen and (max-width: 960px) { .marki-product-categories .marki-product-categories-list.columns-3 .product-item, .marki-product-categories .marki-product-categories-list.columns-4 .product-item { width: 49.9% !important; } .marki-product-categories .marki-product-categories-list.columns-3 .product-item .item-holder, .marki-product-categories .marki-product-categories-list.columns-4 .product-item .item-holder { margin: 0 15px 30px 15px !important; } } @media handheld, only screen and (max-width: 550px) { .marki-product-categories .marki-product-categories-list.columns-2 .product-item, .marki-product-categories .marki-product-categories-list.columns-3 .product-item, .marki-product-categories .marki-product-categories-list.columns-4 .product-item { width: 100% !important; } .marki-product-categories .marki-product-categories-list.columns-2 .product-item .item-holder, .marki-product-categories .marki-product-categories-list.columns-3 .product-item .item-holder, .marki-product-categories .marki-product-categories-list.columns-4 .product-item .item-holder { margin-left: 0; } } /* Device visbility media queries -------------------------------------------------------------------- */ .visible-sm, .visible-tl, .visible-dt { display: none; } /* Only mobiles */ @media screen and (max-width: 765px) { .hidden-sm { display: none !important; } .visible-sm { display: block !important; } } /* only tables */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .hidden-tl { display: none !important; } .visible-tl { display: block !important; } } /* Only Desktops */ @media only screen and (min-width: 1224px) { .hidden-dt { display: none !important; } .visible-dt { display: block !important; } } /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { .no-smartphone { display: none !important; } } /* iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .no-ipad { display: none !important; } } /* iPhone 4 ----------- */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { .no-iphone { display: none !important; } } /* Inherit P tags inside shortcodes */ .marki-fancy-title p, .marki-blockquote p, .pricing-offer-grid p, .marki-title-box p { color: inherit !important; font-size: inherit !important; line-height: inherit !important; } .marki-employees{ } .marki-employees .owl-item{padding:5px;} .marki-employee-item{ position:relative; margin-bottom:30px; -webkit-box-shadow: 0 0 6px 3px rgba(0,0,0,0.01); -moz-box-shadow: 0 0 6px 3px rgba(0,0,0,0.01); box-shadow: 0 0 6px 3px rgba(0,0,0,0.01); } .marki-employee-item .figure{ position:relative; } .marki-employee-item:hover{ position:relative; margin-bottom:30px; -webkit-box-shadow: 0 0 6px 3px rgba(0,0,0,0.05); -moz-box-shadow: 0 0 6px 3px rgba(0,0,0,0.05); box-shadow: 0 0 6px 3px rgba(0,0,0,0.05); } .marki-employee-item .figure .hover-overlay .marki-employeee-networks{ position:absolute; top:50%; left:0; right:0; transform:translateY(-50%); } .marki-employee-item:hover .figure .hover-overlay{ opacity:1; } .marki-employees > ul { margin: 0; padding: 0; list-style: none; } .marki-employees.column_rounded-style .marki-employee-item { float: left; margin: 0; text-align: center; } .marki-employees.column_rounded-style .team-member-name { display: block; font-size: 18px; text-transform: uppercase; font-weight: bolder; margin-bottom: 6px; } .marki-employees.column_rounded-style .team-member-position { display: block; margin-bottom: 14px; font-size: 12px; } .marki-employees.column_rounded-style .team-member-desc { display: block; padding: 0 0 10px; } .marki-employees.column_rounded-style .team-thumbnail, .marki-employees.column_rounded-style .team-thumbnail img, .marki-employees.column_rounded-style .hover-overlay { -webkit-border-radius: 1500px; -moz-border-radius: 1500px; border-radius: 1500px; } .marki-employees.column_rounded-style .team-thumbnail { margin-bottom: 15px; position: relative; overflow: hidden; } .marki-employees.column_rounded-style .team-thumbnail img { position: relative; z-index: 1; width: 100%; } .marki-employees.column_rounded-style .team-thumbnail:hover .marki-employeee-networks { pointer-events: auto; } .marki-employees.column_rounded-style .team-thumbnail:hover .marki-employeee-networks a { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .marki-employees.column_rounded-style .team-thumbnail:hover .hover-overlay { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%) !important; background: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%) !important; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%) !important; } .marki-employees.column_rounded-style .hover-overlay { -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; -webkit-transition: all 0.35s; transition: all 0.35s; background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%) !important; background: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%) !important; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%) !important; } .marki-employees.column_rounded-style.one-column .marki-employee-item { padding: 0 0 50px; width: 100%; } .marki-employees.column_rounded-style.one-column .marki-employee-item .team-thumbnail { float: left; width: 50%; } .marki-employees.column_rounded-style.one-column .marki-employee-item .team-info-wrapper { float: left; padding: 10px 30px; width: 50%; } .marki-employees.column_rounded-style.two-column .marki-employee-item { padding: 0 20px 50px; width: 49.8%; } .marki-employees.column_rounded-style.three-column .marki-employee-item { padding: 0 20px 40px; width: 33.3%; } .marki-employees.column_rounded-style.four-column .marki-employee-item { padding: 0 10px 30px; width: 24.8%; } .marki-employees.column_rounded-style.five-column .marki-employee-item { padding: 0 10px 20px; width: 19.8%; } @media handheld, only screen and (max-width: 767px) { .marki-employees.column_rounded-style.three-column .marki-employee-item, .marki-employees.column_rounded-style.four-column .marki-employee-item, .marki-employees.column_rounded-style.five-column .marki-employee-item { padding: 0 20px 50px; width: 50%; } .marki-employees.column_rounded-style .clearboth { display: none !important; } } @media handheld, only screen and (max-width: 600px) { .marki-employees.column_rounded-style .marki-employee-item { padding: 0 0 40px !important; width: 100% !important; } } .marki-employees.column-style .marki-employee-item { float: left; margin: 0; } .marki-employees.column-style .team-member-name { display: block; font-size: 14px; font-weight: bold; } .marki-employees.column-style .team-member-position { display: block; margin-bottom: 14px; font-weight: 600; font-size: 12px; } .marki-employees.column-style .team-member-desc { display: block; padding: 0 0 10px; } .marki-employees.column-style .team-thumbnail { margin-bottom: 0; position: relative; overflow: hidden; } .marki-employees.column-style .team-thumbnail img { position: relative; z-index: 1; width: 100%; } .marki-employees.column-style .team-thumbnail:hover .marki-employeee-networks { pointer-events: auto; } .marki-employees.column-style .team-thumbnail:hover .marki-employeee-networks a { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .marki-employees.column-style .team-thumbnail:hover .hover-overlay { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .marki-employees.column-style.one-column .marki-employee-item { padding: 0 0 30px; width: 100%; } .marki-employees.column-style.one-column .marki-employee-item .team-thumbnail { float: left; width: 50%; } .marki-employees.column-style.one-column .marki-employee-item .team-info-wrapper { float: left; padding: 10px 30px; width: 50%; } .marki-employees.column-style.two-column .marki-employee-item { padding: 0 15px 30px; width: 50%; } .marki-employees.column-style.three-column .marki-employee-item { padding: 0 15px 30px; width: 33.3333%; } .marki-employees.column-style.four-column .marki-employee-item { padding: 0 15px 30px; width: 25%; } .marki-employees.column-style.five-column .marki-employee-item { padding: 0 15px 30px; width: 20%; } @media handheld, only screen and (max-width: 767px) { .marki-employees.column-style.three-column .marki-employee-item, .marki-employees.column-style.four-column .marki-employee-item, .marki-employees.column-style.five-column .marki-employee-item { padding: 0 15px 30px; width: 50%; } .marki-employees.column-style .marki-employee-item { padding: 0 15px 30px !important; } .marki-employees.column-style .clearboth { display: none !important; } } @media handheld, only screen and (max-width: 600px) { .marki-employees.column-style .marki-employee-item { padding: 0 15px 30px !important; width: 100% !important; } } .marki-employees.grid-style { text-align: center; margin: 0 auto; } .marki-employees.grid-style .marki-employee-item { margin: 0 auto; padding: 0; list-style: none; position: relative; border-right: none; line-height: 4px; display: inline-block; border: 1px solid transparent; border-top: none; border-left: none; overflow: hidden; float: left; } .marki-employees.grid-style .marki-employee-item:hover .marki-employeee-networks { pointer-events: auto; } .marki-employees.grid-style .marki-employee-item:hover .marki-employeee-networks a { -webkit-transform: translateY(0%) rotateX(0deg); -moz-transform: translateY(0%) rotateX(0deg); -ms-transform: translateY(0%) rotateX(0deg); -o-transform: translateY(0%) rotateX(0deg); opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .marki-employees.grid-style .marki-employee-item:hover .marki-employeee-networks a:hover { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-employees.grid-style .marki-employee-item:hover .hover-overlay { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .marki-employees.grid-style .marki-employee-item:hover .team-member-name, .marki-employees.grid-style .marki-employee-item:hover .team-member-position { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } @media handheld, only screen and (max-width: 600px) { .marki-employees.grid-style .marki-employee-item img { width: 100%; } } @media handheld, only screen and (max-width: 767px) { .marki-employees.grid-style .marki-employee-item { width: 33.3%; } } @media handheld, only screen and (max-width: 600px) { .marki-employees.grid-style .marki-employee-item { width: 50%; } } @media handheld, only screen and (max-width: 400px) { .marki-employees.grid-style .marki-employee-item { width: 100%; } .marki-employees.grid-style .marki-employee-item img { width: 100%; } } .employee-item-wrapper{ transition:all 0.3s ease; } .employee-item-wrapper .team-info-wrapper{ padding:30px 15px; transition:all 0.3s ease; background:#fff; } .employee-item-wrapper:hover .team-info-wrapper{ background:#f9c202; transition:all 0.3s ease; } .employee-item-wrapper:hover .team-info-wrapper .team-member-name{ color:#fff !important; } .employee-item-wrapper:hover .team-info-wrapper .marki-employeee-networks li a{ color:#fff; } .marki-employees.grid-style .team-info-wrapper { position: absolute; left: 0; top: 0; height: 215px; width: 100%; z-index: 8; line-height: 20px; } .marki-employees.grid-style .team-info-wrapper:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .marki-employees.grid-style .team-info-holder { display: inline-block; vertical-align: middle; text-align: center; padding: 0 20px; } .marki-employees .team-info-wrapper .team-member-name { text-align:left; font-size: 18px; text-transform:capitalize; display: block; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-employees .team-info-wrapper .team-member-position { color: #fff; font-size: 14px; font-weight: 400; display: block; text-align:left; margin:10px 0 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; text-transform:capitalize; } .marki-employees.grid-style .marki-employeee-networks { position: relative !important; margin: 10px 0 0 !important; top: auto !important; left: auto !important; } .marki-employees .hover_style1.hover-overlay { z-index: 8; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; -webkit-transition: -webkit-transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; -webkit-transform: translate3d(0, 195px, 0); transform: translate3d(0, 195px, 0); width: -moz-calc(100% - 60px); width: -webkit-calc(100% - 60px); width: -o-calc(100% - 60px); width: calc(100% - 60px); height:165px; bottom:30px; top:auto; left:0; right:0; margin:0 auto; background:#fff !important; /*background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%) !important; background: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%) !important; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%) !important; background-color: rgba(0, 0, 0, 0.6);*/ } .marki-employees .hover-overlay .team-info-wrapper{ margin-top:26px; } .marki-employees .hover-overlay .team-info-wrapper{ margin-top:26px; } .marki-employees .marki-employee-item .hover_style2.team-info-wrapper{ padding:30px; background:#fff; } .marki-employees .marki-employee-item:hover .hover_style2.team-info-wrapper{ } .marki-employees .marki-employee-item:hover .hover_style2.team-info-wrapper .team-member-name{} .marki-employees .marki-employee-item:hover .hover_style2.team-info-wrapper .marki-employeee-networks li a{} .marki-employees .marki-employee-item:hover .hover_style1.hover-overlay { z-index: 8; opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; -webkit-transition: -webkit-transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .marki-employeee-networks { margin:0; padding: 0; width: 100%; list-style: none; text-align: center; z-index: 10; -webkit-backface-visibility: hidden; } .marki-employeee-networks li { display: inline-block; float: none !important; margin: 0; } .marki-employeee-networks li a { display: block; margin:0; width: 40px; height: 40px; line-height:40px; text-align: center; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0,0, 0); -webkit-transition: -webkit-transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; -webkit-backface-visibility: hidden; border-radius:50%; color:#fff !important; } .marki-employeee-networks li a.fb{} .marki-employeee-networks li a.dribble{} .marki-employeee-networks li a.instagram{} .marki-employeee-networks li a.twitter{} .marki-employeee-networks li a.gplus{} .marki-employeee-networks li a.pinterest{} .marki-employeee-networks li a.linkedin{} .marki-employeee-networks li a i { line-height: 40px; font-size: 16px; } .marki-employeee-networks li a:hover { background:rgba(0,0,0,0.20); } /* CAUSES */ .marki-causes > ul { padding: 0; list-style: none; } .marki-causes.column-style ul, .right-layout .marki-causes.column-style ul , .left-layout .marki-causes.column-style ul { margin-left: -15px; margin-right: -15px; } .cause-item-wrapper{ -webkit-box-shadow: 0 0 6px 3px rgba(0,0,0,0.01); -moz-box-shadow: 0 0 6px 3px rgba(0,0,0,0.01); box-shadow: 0 0 6px 3px rgba(0,0,0,0.01); background:#fff; } .cause-item-wrapper:hover{ -webkit-box-shadow: 0 0 6px 3px rgba(0,0,0,0.05); -moz-box-shadow: 0 0 6px 3px rgba(0,0,0,0.05); box-shadow: 0 0 6px 3px rgba(0,0,0,0.05); background:#fff; } .marki-causes.column-style ul .marki-cause-item, .right-layout .marki-causes.column-style ul .marki-cause-item , .left-layout .marki-causes.column-style ul .marki-cause-item { padding-left: 15px; padding-right: 15px; } .marki-shortcode.one-column.column-style .marki-cause-item .cause-item-figure{ max-height:400px; } .marki-causes.column_rounded-style .marki-cause-item { float: left; margin: 0; text-align: center; } .marki-causes.column_rounded-style .team-member-name { display: block; font-size: 18px; text-transform: uppercase; font-weight: bolder; margin-bottom: 6px; } .marki-causes.column_rounded-style .team-member-position { display: block; margin-bottom: 14px; font-size: 12px; } .marki-causes.column_rounded-style .team-member-desc { display: block; padding: 0 0 10px; } .marki-causes.column_rounded-style .team-thumbnail, .marki-causes.column_rounded-style .team-thumbnail img, .marki-causes.column_rounded-style .hover-overlay { -webkit-border-radius: 1500px; -moz-border-radius: 1500px; border-radius: 1500px; } .marki-causes.column_rounded-style .team-thumbnail { margin-bottom: 15px; position: relative; overflow: hidden; } .marki-causes.column_rounded-style .team-thumbnail img { position: relative; z-index: 1; width: 100%; } .marki-causes.column_rounded-style .team-thumbnail:hover .marki-causee-networks { pointer-events: auto; } .marki-causes.column_rounded-style .team-thumbnail:hover .marki-causee-networks a { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .marki-causes.column_rounded-style .team-thumbnail:hover .hover-overlay { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%) !important; background: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%) !important; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%) !important; } .marki-causes.column_rounded-style .hover-overlay { -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; -webkit-transition: all 0.35s; transition: all 0.35s; background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%) !important; background: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%) !important; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%) !important; } .marki-causes.column_rounded-style.one-column .marki-cause-item { padding: 0 0 50px; width: 100%; } .marki-causes.column_rounded-style.one-column .marki-cause-item .team-thumbnail { float: left; width: 50%; } .marki-causes.column_rounded-style.one-column .marki-cause-item .team-info-wrapper { float: left; padding: 10px 30px; width: 50%; } .marki-causes.column_rounded-style.two-column .marki-cause-item { padding: 0 20px 50px; width: 49.8%; } .marki-causes.column_rounded-style.three-column .marki-cause-item { padding: 0 20px 40px; width: 33.3%; } .marki-causes.column_rounded-style.four-column .marki-cause-item { padding: 0 10px 30px; width: 24.8%; } .marki-causes.column_rounded-style.five-column .marki-cause-item { padding: 0 10px 20px; width: 19.8%; } @media handheld, only screen and (min-width: 768px) and (max-width: 980px) { .cause-readmore a { min-width: 125px; } .cause-item-inner .mg-btn-grey { min-width: 125px !important; } } @media handheld, only screen and (max-width: 767px) { .marki-causes.column_rounded-style.three-column .marki-cause-item, .marki-causes.column_rounded-style.four-column .marki-cause-item, .marki-causes.column_rounded-style.five-column .marki-cause-item { padding: 0 20px 50px; width: 50%; } .marki-causes.column_rounded-style .clearboth { display: none !important; } .cause-readmore a { min-width: 125px; } .cause-item-inner .mg-btn-grey { min-width: 125px !important; } } @media handheld, only screen and (max-width: 600px) { .marki-causes.column_rounded-style .marki-cause-item { padding: 0 0 40px !important; width: 100% !important; } } .marki-causes.column-style .marki-cause-item { float: left; margin: 0; } .marki-causes.column-style .team-member-name { display: block; font-size: 14px; font-weight: bold; } .marki-causes.column-style .team-member-position { display: block; margin-bottom: 14px; font-weight: 600; font-size: 12px; } .marki-causes.column-style .team-member-desc { display: block; padding: 0 0 10px; } .marki-causes.column-style .team-thumbnail { margin-bottom: 15px; position: relative; overflow: hidden; } .marki-causes.column-style .team-thumbnail img { position: relative; z-index: 1; width: 100%; } .marki-causes.column-style .team-thumbnail:hover .marki-causee-networks { pointer-events: auto; } .marki-causes.column-style .team-thumbnail:hover .marki-causee-networks a { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .marki-causes.column-style .team-thumbnail:hover .hover-overlay { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .marki-causes.column-style.one-column .marki-cause-item { padding: 0 0 50px; width: 100%; } .marki-causes.column-style.one-column .marki-cause-item .team-thumbnail { float: left; width: 50%; } .marki-causes.column-style.one-column .marki-cause-item .team-info-wrapper { float: left; padding: 10px 30px; width: 50%; } .marki-causes.column-style.two-column .marki-cause-item { padding: 0 15px 30px; width: 50%; } .marki-causes.column-style.three-column .marki-cause-item { padding: 0 15px 30px; width: 33.3333%; } .marki-causes.column-style.four-column .marki-cause-item { padding: 0 15px 30px; width: 25%; } .marki-causes.column-style.five-column .marki-cause-item { padding: 0 15px 30px; width: 20%; } @media handheld, only screen and (max-width: 767px) { .marki-causes.column-style.three-column .marki-cause-item, .marki-causes.column-style.four-column .marki-cause-item, .marki-causes.column-style.five-column .marki-cause-item { padding: 0 20px 50px; width: 50%; } .marki-causes.column-style .clearboth { display: none !important; } } @media handheld, only screen and (max-width: 600px) { .marki-causes.column-style .marki-cause-item { padding: 0 0 40px !important; width: 100% !important; } } .marki-causes.grid-style { text-align: center; margin: 0 auto; } .marki-causes.grid-style ul{} .marki-causes.grid-style .marki-cause-item .cause-item-inner{} .marki-causes.grid-style .marki-cause-item .cause-item-inner:first-child{} .marki-causes.grid-style .marki-cause-item { margin:0; padding:0; list-style: none; position: relative; border-right: none; line-height: 4px; display: inline-block; border: none; border-top: none; border-left: none; overflow: hidden; float: left; } .marki-causes.grid-style .marki-cause-item:last-child {} .marki-causes.grid-style .marki-cause-item:hover .marki-causee-networks { pointer-events: auto; } .marki-causes.grid-style .marki-cause-item:hover .marki-causee-networks a { -webkit-transform: translateY(0%) rotateX(0deg); -moz-transform: translateY(0%) rotateX(0deg); -ms-transform: translateY(0%) rotateX(0deg); -o-transform: translateY(0%) rotateX(0deg); opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .marki-causes.grid-style .marki-cause-item:hover .marki-causee-networks a:hover { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-causes.grid-style .marki-cause-item:hover .hover-overlay { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .marki-causes.grid-style .marki-cause-item:hover .team-member-name, .marki-causes.grid-style .marki-cause-item:hover .team-member-position { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } @media handheld, only screen and (max-width: 600px) { .marki-causes.grid-style .marki-cause-item img { width: 100%; } } @media handheld, only screen and (max-width: 767px) { .marki-causes.grid-style .marki-cause-item { width: 33.3%; } } @media handheld, only screen and (max-width: 600px) { .marki-causes.grid-style .marki-cause-item { width: 50%; } } @media handheld, only screen and (max-width: 400px) { .marki-causes.grid-style .marki-cause-item { width: 100%; } .marki-causes.grid-style .marki-cause-item img { width: 100%; } } .marki-causes.grid-style .team-info-wrapper { left: 0; top: 0; height: auto !important; width: 100%; z-index: 8; line-height: 20px; } .marki-causes.grid-style .team-info-wrapper:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .marki-causes.grid-style .team-info-holder { display: inline-block; vertical-align: middle; text-align: center; padding: 0 20px; } .marki-causes .team-info-wrapper .team-member-name { text-align:center; font-size: 18px; text-transform:uppercase; display: block; font-weight: bold; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-causes .team-info-wrapper .team-member-position { color: #fff; font-size: 12px; font-weight: bold; display: block; text-align:center; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; } .marki-causes.grid-style .marki-causee-networks { position: relative !important; margin: 10px 0 0 !important; top: auto !important; left: auto !important; } .cause-item-figure{position:relative;overflow:hidden;} .cause-item-figure img{width:100%;} .marki-causes .owl-item .cause-item-figure .hover-overlay { z-index: 8; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; -webkit-transition: -webkit-transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); background: -webkit-linear-gradient(rgba(39, 46, 67, 0) 0%, rgba(39, 46, 67, 0.85) 100%) !important; background: -o-linear-gradient(rgba(39, 46, 67, 0) 0%, rgba(39, 46, 67, 0.85) 100%) !important; background: linear-gradient(rgba(39, 46, 67, 0) 0%, rgba(39, 46, 67, 0.85) 100%) !important; background-color: rgba(39, 46, 67, 0.85); } .marki-causes .owl-item :hover .cause-item-figure .hover-overlay { z-index: 1000; opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; -webkit-transition: -webkit-transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .marki-causee-networks { margin:0; padding: 0; width: 100%; list-style: none; text-align: center; z-index: 10; -webkit-backface-visibility: hidden; pointer-events: none; } .marki-causee-networks li { display: inline-block; float: none !important; margin: 0; } .marki-causee-networks li a { display: block; margin: 3px; width: 38px; height: 38px; border: 1px solid #eee; color: #eee; text-align: center; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0,0, 0); -webkit-transition: -webkit-transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-backface-visibility: hidden; } .marki-causee-networks li a i { line-height: 2.4; font-size: 16px; } .marki-causee-networks li a:hover { background-color: #fff; } .marki-pricing-table { margin-bottom: 30px; text-align: left; /* Pricing Columns */ } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- 11 Carousel -------------------------------------------------------------------------------------------------------------------------------- */ .owl-carousel{position;relative;} .owl-nav{position:absolute;top:-43px;right:0;} .owl-nav .owl-prev, .owl-nav .owl-next{ background: #fff none repeat scroll 0 0; border-radius: 0; border:1px solid #ececec; cursor: pointer; display: inline-block; font-size: 16px; height: 50px; line-height: 50px; width: 50px; text-align:center; } .owl-nav .owl-prev{margin-right:5px;} .owl-nav .owl-prev:hover, .owl-nav .owl-next:hover{ -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.05); -moz-box-shadow: 0 0 6px 3px rgba(0,0,0,0.05); box-shadow: 0 0 6px 3px rgba(0,0,0,0.05); color:#fff; } .marki-causes .owl-item{margin-bottom:30px;} .cause-content-inner{padding:30px 20px 75px;text-align:center;border:1px solid #f1f1f1;} .cause-item-inner{position:relative;} .cause-title{ margin-top:0; margin-bottom: 15px; font-weight:normal; } .cause-title-divider{ width:200px; height:1px; background:#eaeaea; margin:0 auto 10px; } .cause-item-inner h5{letter-spacing:0;} .cause-col-4 .cause-item-inner h5{font-size:16px;} .cause-title a{ text-transform:capitalize; font-weight:bold; } .cause-title a:hover{ } .cause-desc{display:block;margin-bottom:20px;} .cause-desc p{word-wrap:break-word;word-break:break-all;} .cause-content-inner .cause-campaign #me.progress { margin-bottom:0 !important; } .cause-content-inner .cause-campaign p.progress-bar-text { margin: 5px 0 !important; } /* totaldonation styling */ #migla_donation_form{padding: 0;} .migla-panel,#sectionpaypal { background: #fff !important; border: 1px solid #eee !important; box-shadow: none !important; } .migla-panel-heading { padding: 20px 25px !important;} .migla-panel-heading h2 { font-size: 24px !important; letter-spacing: 2px; text-transform: uppercase; } button.miglacheckout { border: medium none; border-radius: 4px; box-shadow: none; color: #fff; display: block; float: none; font-size: 14px !important; font-weight: 700; letter-spacing: 1px; margin: 0 auto; min-width: 180px; padding: 15px 20px; text-align: center; text-transform: uppercase; } form button.migla_donate_now { background: #f9c202 none repeat scroll 0 0; border: medium none; border-radius: 25px; box-shadow: none; color: #333; font-weight: normal; margin-bottom: 0 !important; margin-right: 0; min-height: 34px; width: 116px; padding-bottom:1px; } .migla_circle_text{font-size:24px !important;font-weight:700;color:#fff;} .mg_text-barometer {} .mg_text-barometer ul{} .mg_text-barometer ul li{padding-left:50px ;border-bottom:1px solid #999;margin-bottom:10px !important;padding-bottom:10px !important;} .mg_text-barometer ul li:last-child{border-bottom:none !important;} .mg_text-barometer ul li span.mg_current, .mg_text-barometer ul li span.mg_target, .mg_text-barometer ul li span.mg_backers{text-transform:uppercase !important;font-weight:700 !important;} .mg_current-amount, .mg_target-amount {border-bottom: none !important;} .mg_current-amount, .mg_target-amount, .mg_backers-amount, div.mg_widgetName { font-size: 100% !important; font-weight: normal !important; margin-bottom: 0 !important; padding-bottom: 0 !important; } .mg_text-barometer ul li span.mg_inpage_current, .mg_text-barometer ul li span.mg_inpage_target, .mg_text-barometer ul li span.mg_inpage_backers{ text-transform:uppercase !important;font-weight:700 !important;color:#fff; } .mg_inpage_current-amount, .mg_inpage_target-amount { border-bottom: 1px solid rgba(255,255,255,0.1) !important; } .mg_inpage_circle_box { float: left !important; margin:0 !important; } .mg_form-button-circle { float: left !important; margin-bottom: 0 !important; margin-top: 0 !important; text-align: left !important; } .inpage-circle-bar-wrap .inpage-circle-bar-title, .inpage-recent-donations-wrap h3.mg-recent-donors-title{ text-transform:uppercase; font-weight:400 !important; font-size:24px; } .inpage-circle-bar-wrap .inpage-circle-bar-title h4:before, .inpage-recent-donations-wrap h3.mg-recent-donors-title:before{ width:3px; height:30px; line-height:30px; margin-right:10px; content:""; display:inline-block; vertical-align:bottom; } .mg_text-barometer ul li.mg_inpage_campaign-backers{margin-bottom:0 !important;padding-bottom:0 !important;} .mg_top_donors_widget li{margin-bottom:15px;} .mg_widgetName, div.mg_widgetName {font-weight:400 !important;word-spacing: 5px;} .marki-causes.one-column.column-style form button.migla_donate_now {} .cause-col-4 form button.migla_donate_now { font-size:10px !important; min-width:70px !important; padding:10px 15px !important; } @media handheld, only screen and (max-width: 767px) { .inpage-circle-bar-wrap .inpage-circle-bar-title, .inpage-recent-donations-wrap h3.mg-recent-donors-title { padding: 50px 20px 20px; } .inpage-circle-bar-wrap .inpage-circle-bar-title h4{ font-size: 18px !important; } .inpage-circle-bar-wrap .mg_inpage_circle_box { margin: 0 !important; padding: 0 15px 49px; } .migla_inpage_circle_wrapper .migla_inpage_circle_bar{ margin-right: 0 !important;} .mg_text-barometer ul li { padding-left: 15px; } .migla_inpage_circle_wrapper form button.migla_donate_now { bottom: 50px; top: auto !important; } .inpage-circle-bar-wrap .inpage-circle-bar-title h4::before, .inpage-recent-donations-wrap h3.mg-recent-donors-title::before { height: 20px; line-height: 20px; } } #marki-footer .marki-col-1-3 .totaldonations_circle_widget, #marki-footer .marki-col-1-3 .totaldonations_topdonor_widget, #marki-footer .marki-col-1-3 .totaldonations_donation_widget{padding-right:40px;} #marki-footer .marki-col-1-3:nth-child(3) .totaldonations_circle_widget, #marki-footer .marki-col-1-3:nth-child(3).totaldonations_topdonor_widget, #marki-footer .marki-col-1-3:nth-child(3) .totaldonations_donation_widget{padding-right:0 !important;} .marki-causes.grid-style form button.migla_donate_now { } .cause-item-inner .mg-btn-grey { background: #f9f9f9; border:none !important; border-radius: 25px !important; box-shadow: none !important; font-size: 14px !important; font-weight: 400 !important; min-width: 150px !important; text-shadow: none !important; transition: all 0.3s ease 0s; text-transform:capitalize !important; padding: 9px !important; min-height:38px; } .marki-causes .owl-item:hover .mg-btn-grey{ box-shadow:none !important; transition:all 1s ease; } .marki-causes .owl-item .mg-btn-grey:hover,.marki-causes .owl-item .mg-btn-grey:focus,.marki-causes .owl-item .mg-btn-grey:active{ background:none !important; box-shadow:none !important; z-index:999999; opacity:1; transition:all .5s ease; } .single-content{} .single-content .cause-campaign form button.migla_donate_now { } .migla-panel .form-group #migla-bar{margin-top:30px !important;} .single-content .cause-campaign form button.migla_donate_now.mg-btn-grey { border-radius: 25px !important; box-shadow: none !important; font-size: 14px !important; min-width: 130px !important; padding: 13px 15px !important; text-shadow: none !important; transition: all 0.3s ease !important; } .cause-campaign{margin-bottom:15px; display:block;} .cause-campaign form{ display: inline-block; right: 0; left:0; margin-left:auto; bottom:30px; position: absolute; } .single-content .cause-campaign form{ bottom: 30px; display: inline-block; width:140px; left:20px; margin:0; position: absolute } .cause-readmore { display: inline-block; transition:all 1s ease; text-align:center; margin-left:-120px; } .marki-causes.one-column.column-style .cause-readmore { } .marki-causes.grid-style .cause-readmore { } .marki-causes .owl-item:hover .cause-readmore { transition:all 1s ease; } .cause-readmore a{ border: 1px solid #eee; background:#f9f9f9; border-radius: 25px; padding:5px 10px; min-width: 110px; display:inline-block; font-size:12px; text-transform:capitalize; } .cause-col-4 .cause-readmore a{ } .progress {height:12px !important; border:1px solid #eee !important; border-radius:25px;background:#f1f1f1 !important;box-shadow:none !important;} .progress-bar{height:12px !important;box-shadow:none !important;line-height:12px;} .progress{ overflow:visible !important; } .progress-bar.bar{ border-radius:4px !important; } .progress-bar.bar .bar-tip { background: #fff; border: 1px solid #eee; border-radius: 25px; color: #333; font-size: 9px; height: 24px; line-height: 2.6; position: absolute; right: -2px; top: -8px; width: 48px; box-shadow:0 2px 3px 0 rgba(204,204,204,0.75); } @media handheld, only screen and (max-width: 767px) { .cause-item-inner .mg-btn-grey { } .marki-causes.grid-style .cause-readmore { top: 60px; } .event-title { font-size:16px; letter-spacing:0; } .marki-event-venue { text-transform: uppercase !important; font-size: 11px; } .marki-employees.column-style .marki-employee-item { } } #carousel_inner { float:left; width:100%; overflow: hidden; } #carousel_ul { position:relative; left:-100%; list-style-type: none; margin: 0px; padding: 0px; width:9999px; padding-bottom:0; } #carousel_ul li{ float: left; padding:0px; } #carousel_ul li img { margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor () so this is to fix that*/ cursor:pointer; cursor: pointer; border:0px; width:100%; } #left_scroll { float: left; font-size: 16px !important; height: 36px; left: 84%; position: relative; top: -56px; width: 36px; text-align:center; line-height:2; cursor:pointer; } #right_scroll{ float: left; font-size: 16px !important; height: 36px; left: 83%; position: relative; top: -56px; width: 36px; text-align:center; line-height:2; cursor:pointer; } .testimonials-ct .item .testi-content span{ font-weight:300; line-height: 1.2; font-family:'Lato'; font-weight:700; text-transform:lowercase; font-size:24px; margin-top:30px; } .owl-carousel { position: relative; text-align: center; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { transition: height 300ms ease-in-out 0s; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; display:inline-block; } .owl-controls {} .grabbing { cursor: url("grabbing.png") 8 8, move; } .owl-carousel .owl-wrapper { display: none; position: relative; } .owl-carousel .owl-stage-outer{ overflow: hidden; position: relative; display:block; height:100%; } .owl-carousel .owl-item { float: left; } .marki-causes .owl-item{ -webkit-box-shadow: 0 0 6px 3px rgba(0,0,0,0.01); -moz-box-shadow: 0 0 6px 3px rgba(0,0,0,0.01); box-shadow: 0 0 6px 3px rgba(0,0,0,0.01); background:#fff; } .marki-causes .owl-item:hover{ -webkit-box-shadow: 0 0 6px 3px rgba(0,0,0,0.05); -moz-box-shadow: 0 0 6px 3px rgba(0,0,0,0.05); box-shadow: 0 0 6px 3px rgba(0,0,0,0.05); } .marki-event-list{ margin-left:0 !important; margin-right:0 !important; } .marki-event-list .col-md-6{ padding:0 !important; border-bottom:1px solid #eee; } .marki-event-list .col-md-6:first-child, .marki-event-list .col-md-6:nth-child(2){border-top:1px solid #eee;} .marki-event-list .col-md-6:nth-child(2n - 2){border-left:1px solid #eee;padding-left:40px !important;} .marki-event-list.owl-carousel .owl-item .col-md-12{padding:0;} .marki-event-wrap{ } .marki-event-wrap img{ width:100%; } .marki-event-wrap:hover{ } .marki-event-wrap.thumb-style{ padding: 40px 20px 40px 0; position:relative; } .marki-event-wrap.thumb-style .event-left-content{ left: 10px; padding: 3px 12px; position: absolute; top: 10px; width: auto; } .marki-event-wrap.thumb-style .event-center-content{ float: left; height: 190px; overflow: hidden; padding: 0; position: relative; width: 190px; } .marki-event-wrap.thumb-style .event-center-content img{ width:100%; height:100% !important; position:absolute; } .owl-carousel .marki-event-wrap.thumb-style .event-center-content img{ width:100%; height:100% !important; position:static; } .marki-event-wrap.thumb-style .event-right-content{ width:calc(100% - 190px); padding:15px 0 0 30px; } .marki-event-wrap.thumb-style .event-right-content .event-vanue-meta i{ margin-right:6px; width:13px; line-height:26px; display:inline-block; text-align:center; } .marki-event-wrap:hover .event-left-content{ } .event-left-content{ padding: 10px; text-align: center; width: 30%; display:inline-block; float:left; } .marki-event-date{ display:inline-block; line-height: 1; padding-right:5px; } .marki-event-month{ display:inline-block; } .marki-event-year{ color: #fff; font-size: 14px; font-family:'Lato'; font-weight:700; } .event-right-content{ width:70%; padding:18px; float:right; } .event-title{ font-weight:400 !important; text-transform:uppercase; margin-bottom:0 !important; } .marki-event-divider{ } .tribe-event-readmore{ background: #ccc none repeat scroll 0 0; border-radius: 25px; display: inline-block; line-height: 18px; margin-top: 20px; min-height: 34px; min-width: 120px; padding: 6px 12px; text-align: center; } .event-vanue-meta{margin-top:5px;} .marki-event-venue{display:inline-block;} .marki-event-duration{display:inline-block;padding-right:10px;} .tribe-events-event-image{margin:0 !important;} .tribe-events-event-image img { height: auto; width: 100%; height:280px !important; } .event-desc{margin-top:5px;} .tribe-events-single{ margin-top:70px; border:1px solid #eee; } .tribe-events-single .type-tribe_events { padding: 0; } .tribe-events-single .tribe-events-event-image { float: none; } .tribe-events-single .tribe-events-event-image img { height: auto; width: 100%; height:100% !important; } .single-tribe_events #tribe-events-header { margin: 0 !important; } #tribe-events-content { padding:0 !important; } .single-tribe_events .tribe-events-content { padding: 0 30px !important; } .single-tribe_events .tribe-events-event-meta { background: #f9f9f9 !important; border:none !important; margin: 0 !important; } .events-list #tribe-events-footer, .single-tribe_events #tribe-events-footer, .tribe-events-day #tribe-events-footer, .tribe-events-map #tribe-events-footer, .tribe-events-photo #tribe-events-footer { background: #f9f9f9; border-top: 1px solid #eee; padding: 20px 30px 15px !important; margin-bottom:0 !important } .single-tribe_events h2.tribe-events-single-event-title { font-size: 36px !important; line-height: 1; margin: 20px 0 !important; padding: 0 30px !important; } .single-tribe_events .tribe-events-cal-links { padding: 0 30px !important; } #marki-sidebar h5.tribe-event-title {font-size:13px; margin-bottom:0;line-height:22px;} #marki-sidebar .tribe-event-duration span {font-size:12px; margin-bottom:0;line-height:14px;} #marki-sidebar .tribe-event-duration {margin-top:5px;background:none !important;} .marki-button.outline-button{ border-color: #444; border-style: solid; font-family: montserrat; font-size: 18px; font-weight: 700 !important; letter-spacing: 1px; text-transform: uppercase; border-radius:25px; } .tribe-events-list-widget ol li { background: #f9f9f9; border: 1px solid #eee; margin-bottom: 15px !important; padding: 15px; } .tribe-events-list-widget{} .tribe-events-list-widget ol.tribe-list-widget{margin-left:0;} .tribe-events-list-widget ol.tribe-list-widget li .tribe-event-thumb {float:left;width:70px;} .tribe-events-list-widget ol.tribe-list-widget li .tribe-event-content {float:left;width: calc(100% - 70px);padding-left:15px;} /* event responsive */ @media handheld, only screen and (max-width: 767px) { .marki-event-wrap.thumb-style .event-center-content {margin: 0 0 20px;float:none;} .marki-event-wrap.thumb-style .event-right-content {padding: 0;width: 100%;float:none;} .event-title {padding-left: 0;} .marki-event-duration {padding-left: 0;} .marki-event-list .col-md-6 { border-left:none; } .marki-event-list .col-md-6:first-child, .marki-event-list .col-md-6:nth-child(2) { border-top: none; } .marki-event-list .col-md-6:nth-child(2n-2) { border-left: none; padding-left: 0 !important; } } .transparent-header-sticky .marki-main-navigation{padding:10px 0;} .products li.product .shop-thumb .product-loop-thumb .hover-overlay { z-index: 8; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; -webkit-transition: -webkit-transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); background: -webkit-linear-gradient(rgba(39, 46, 67, 0) 0%, rgba(39, 46, 67, 0.85) 100%) !important; background: -o-linear-gradient(rgba(39, 46, 67, 0) 0%, rgba(39, 46, 67, 0.85) 100%) !important; background: linear-gradient(rgba(39, 46, 67, 0) 0%, rgba(39, 46, 67, 0.85) 100%) !important; background-color: rgba(39, 46, 67, 0.85); } .products li.product:hover .shop-thumb .product-loop-thumb .hover-overlay { z-index: 1000; opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)'; -webkit-transition: -webkit-transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .marki-custom-heading {text-align:center;} .marki-custom-heading h4{ font-weight:bold; text-transform:uppercase; margin-bottom:0; letter-spacing:2px; } .marki-custom-heading:hover h4{ } .title-divider{text-align:center;} .title-divider span{display:inline-block;position:relative;width:100px;height:1px;margin:10px 0 15px;} .custom-text-below-title{margin-top:5px;} .custom-text-below-title p{text-align:center;margin-bottom:0;} .ls-btn1{ } .ls-btn1{ line-height:1; font-size:16px; text-align:center; display:block; font-weight:700; text-transform:uppercase; border-radius:6px; } .ls-btn1:hover{ background:#fff !important; border-color:#fff !important; } .ls-slide{} .ls-slide span{} .wpb_content_element, ul.wpb_thumbnails-fluid > li, .wpb_button { margin-bottom: 0 !important; } .marki-body-loader-overlay{ background:#444 !important; } #qLoverlay{ width:30% !important; margin:0 auto !important; left:0; right:0; top:50%; background:none !important } #qLbar{border-radius:20px;} .qLlogo{margin:0 auto; text-align:center;display:block;} .qLlogo img{display:block;margin:0 auto;} .error-404-wrapper{padding:0 0 70px;} .install-plugins { border-left: 3px solid green; box-shadow: 0 10px 6px -3px rgba(0, 0, 0, 0.2); margin: 0 auto; padding: 50px; text-align: left; width: 50%; } .marki-classic-wrapper .blog-readmore-btn{text-align:center;} .wpb_video_widget .wpb_video_wrapper { border: 10px solid #fff; } .ytp-large-play-button { background: #fff none repeat scroll 0 0; border-radius: 50%; height: 80px; left: 50%; margin-left: -34px; margin-top: -24px; position: absolute; top: 50%; transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1) 0s; width: 80px; } .ytp-large-play-button-bg { color: #333; fill: #fff; fill-opacity: 1; max-width: 100%; transition: none 0s ease 0s ; } /* Analyzer*/ .seo-analizer-form{text-align:center;} .seo-analizer-form form{ background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.10); padding:5px; } .seo-analizer-form form input{ width:400px; height:50px; border:none; box-shadow:none; border-radius:0; } .seo-analizer-form form input:focus{ border:none; box-shadow:none; border-radius:0; } .seo-analizer-form form button{ width:250px; height:50px; border:none; box-shadow:none; color:#fff; border-radius:0; } @media handheld, only screen and (max-width: 767px) { .seo-analizer-form div:first-child{display:block !important;margin-right:0 !important;} .seo-analizer-form form input{ width:100%; } .seo-analizer-form form button{ width:100%; } h3.marki-fancy-title{font-size:20px;} .marki-fancy-text.title-box-left{text-align:center;} } /* Front-end classes */ /* Hide below 767*/ @media handheld, only screen and (max-width: 767px) { .responsive-hide{display:none !important;} } /* dhvc forms */ .smart-form-1{ } .smart-form-1 form{ background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.10); padding:5px; } .smart-form-1 .dhvc-form-inner{margin-bottom:0;} .smart-form-1 form input, .smart-form-1 form .dhvc-form-input{ width:100%; height:50px; border:none; box-shadow:none; border-radius:0; position:relative; } .smart-form-1 form input:focus{ border:none; box-shadow:none; border-radius:0; } .smart-form-1 form .button.dhvc-form-submit{ width:100%; height:50px; border:none; box-shadow:none; color:#fff; border-radius:0; } .dhvc-form-action{} .smart-form-1 form span.dhvc-form-error { position:absolute; top:50%; transform:translateY(-50%) } .dhvc-form-horizontal .dhvc-form-captcha, .dhvc-form-horizontal .dhvc-form-checkbox, .dhvc-form-horizontal .dhvc-form-file, .dhvc-form-horizontal .dhvc-form-input, .dhvc-form-horizontal .dhvc-form-radio, .dhvc-form-horizontal .dhvc-form-rate, .dhvc-form-horizontal .dhvc-form-recaptcha, .dhvc-form-horizontal .dhvc-form-select, .dhvc-form-horizontal .dhvc-form-slider, .dhvc-form-horizontal .dhvc-form-textarea{ width:100% !important; margin-bottom:20px; } .dhvc-form-flat .dhvc-form-captcha input, .dhvc-form-flat .dhvc-form-file input[type="text"], .dhvc-form-flat .dhvc-form-input input, .dhvc-form-flat .dhvc-form-select select, .dhvc-form-flat .dhvc-form-textarea textarea{ padding:15px; } .dhvc-form-select select { background: #fff !important; } .dhvc-form-horizontal .dhvc-form-submit{ width:100%; } #theme-page .vcw.vcw-converter > .vcw-input > .vcw-currency > select { border-radius: 4px !important; min-width: 90% !important; min-height: 40px; padding:8px !important; }