/* Theme Name: NIBIRU Theme URI: http://zarcode.net/nibiru/business/ Author: zarCode Author URI: http://www.zarcode.net Description: A Retina Responsive Multi-Purpose WordPress Theme, Designed & Developed by zarCode - www.zarcode.net. Version: 1.0 License: GNU General Public License License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: responsive-layout, custom-colors, theme-options */ .site-header { width: 100%; } .site-main { width: 100%; } .site-footer { width: 100%; } .gallery-caption { margin-left: 0; margin-bottom: 10px; padding: 0px 10px; } .entry-content, .entry-title, .page-title, .entry-summary, .page-content, .entry-meta, .breadcrumbs, .comment-body { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -ms-word-wrap: break-word; word-wrap: break-word; } @font-face { font-family: 'OpenSansLight'; src: url('admin/css/font/OpenSans-Light-webfont.eot'); src: url('admin/css/font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('admin/css/font/OpenSans-Light-webfont.woff') format('woff'), url('admin/css/font/OpenSans-Light-webfont.ttf') format('truetype'), url('admin/css/font/OpenSans-Light-webfont.svg#OpenSansLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansRegular'; src: url('admin/css/font/OpenSans-Regular-webfont.eot'); src: url('admin/css/font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('admin/css/font/OpenSans-Regular-webfont.woff') format('woff'), url('admin/css/font/OpenSans-Regular-webfont.ttf') format('truetype'), url('admin/css/font/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansSemibold'; src: url('admin/css/font/OpenSans-Semibold-webfont.eot'); src: url('admin/css/font/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('admin/css/font/OpenSans-Semibold-webfont.woff') format('woff'), url('admin/css/font/OpenSans-Semibold-webfont.ttf') format('truetype'), url('admin/css/font/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansBold'; src: url('admin/css/font/OpenSansBold-webfont.eot'); src: url('admin/css/font/OpenSansBold-webfont.eot?#iefix') format('embedded-opentype'), url('admin/css/font/OpenSansBold-webfont.woff') format('woff'), url('admin/css/font/OpenSansBold-webfont.ttf') format('truetype'), url('admin/css/font/OpenSansBold-webfont.svg#OpenSansBold') format('svg'); font-weight: normal; font-style: normal; } h1,h2,h3,h4,h5,h6 { color: #444; margin: 0 0 10px 0; } h1 { font: normal normal 300 46px / 50px "Open Sans", Helvetica, Arial, Verdana, sans-serif; } h2, h1.entry-title, .single-title { font: normal normal 300 34px / 38px "Open Sans", Helvetica, Arial, Verdana, sans-serif; } h1.entry-title { margin-bottom: 15px; } h3, h2.entry-title, .woocommerce .woocommerce-tabs > div h2, .related.products h2 { font: normal normal normal 22px / 26px "Open Sans", Helvetica, Arial, Verdana, sans-serif; } h4, .widget-title, .widgettitle { font: normal normal 600 16px / 22px "Open Sans", Helvetica, Arial, Verdana, sans-serif; text-transform: uppercase; } h5 { font: normal normal normal 16px / 22px "Open Sans", Helvetica, Arial, Verdana, sans-serif; } h6 { font: normal normal 600 14px / 22px "Open Sans", Helvetica, Arial, Verdana, sans-serif; } body { font: normal normal normal 14px / 22px "Open Sans", Helvetica, Arial, Verdana, sans-serif; overflow-x: hidden; background-color: #464646; width: 100%; min-width:330px; } #page { overflow-x: hidden; width: 100%; } body[data-width="960"] .gutter-border #secondary { margin-left: 18px; } a { color: #222; text-decoration: none; transition: color .1s linear; -o-transition: color .1s linear; -moz-transition: color .1s linear; -webkit-transition: color .1s linear; } a:hover { color: #0EAFB5; text-decoration: none; } pre { padding: 25px 20px; border-radius: 0; } pre.prettyprint { margin-bottom: 10px; } [class*="span"] { min-height: 0px !important; } .single .bordered a, .widget li a, .portfolio_item .entry-title a , .service-content > a, .navigation-post a, .archive .read-more a { color: #0EAFB5; } .single .bordered a:hover, .widget li a:hover, .portfolio_item .entry-title a:hover, .service-content > a:hover, .navigation-post a:hover , .archive .read-more a:hover { color: #222; } body { color: #777; } textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color],.uneditable-input { border-radius: 0px; color: #555; background-color: #F1F1F1; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; } textarea:focus,input[type=text]:focus,input[type=submit]:focus,input[type=password]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=date]:focus,input[type=month]:focus,input[type=time]:focus,input[type=week]:focus,input[type=number]:focus,input[type=email]:focus,input[type=url]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=color]:focus,.uneditable-input:focus { outline: 0; } textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=date]:focus,input[type=month]:focus,input[type=time]:focus,input[type=week]:focus,input[type=number]:focus,input[type=email]:focus,input[type=url]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=color]:focus,.uneditable-input:focus { background-color: #EAEAEA; border-color: #ccc; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; } input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: #0EAFB5; } ::-webkit-selection { background: #0EAFB5; } ::-moz-selection { background: #0EAFB5; } ::selection { background: #0EAFB5; } .main-color { color: #0EAFB5; } .main-background-color { background-color: #0EAFB5; } strong { font-weight: normal; color: #0EAFB5; } /* No GAP Grid */ .no-space [class*="span"] { margin-left: 0; } .no-space > .span1 { width: 8.334%; } .no-space > .span2 { width: 16.667%; } .no-space > .span3 { width: 25%; } .no-space > .span4 { width: 33.3%; } .no-space > .span5 { width: 41.667%; } .no-space > .span6 { width: 50%; } /* =Menu ----------------------------------------------- */ /* =Content ----------------------------------------------- */ .updated { display: none; } .single .byline,.group-blog .byline { display: inline; } .single-post .entry-content, .single-attachment .entry-content { margin-bottom: 30px; } .page-links { clear: both; margin: 0 0 1.5em; } /* =Asides ----------------------------------------------- */ .blog .format-aside .entry-title,.archive .format-aside .entry-title { display: none; } /* =Media ----------------------------------------------- */ .entry-content img.wp-smiley,.comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption { border: 1px solid #ccc; margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*=wp-image-] { display: block; margin: 1.2% auto 0; max-width: 98%; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: .8075em 0; } .site-content .gallery { margin-bottom: 1.5em; } .site-content .gallery a img { border: none; height: auto; max-width: 90%; } .site-content .gallery dd { margin: 0; } /* Make sure embeds and iframes fit their containers */ embed,iframe,object { max-width: 100%; } /* =Navigation ----------------------------------------------- */ .site-content [class*=navigation] { overflow: hidden; } .comments-navigation > div a { margin-bottom: 10px; display: block; } [class*=navigation] .nav-previous { float: left; width: 50%; } [class*=navigation] .nav-next { float: right; text-align: right; width: 50%; } /* =Comments ----------------------------------------------- */ h3#comments { margin-bottom: 20px; } .comment-content a { -ms-word-wrap: break-word; word-wrap: break-word; } /* =Widgets ----------------------------------------------- */ .widget { margin: 0 0 45px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -ms-word-wrap: break-word; word-wrap: break-word; } /* Make sure select elements fit in widgets */ .widget select { max-width: 100%; width: 100%; } .widget time { font-size: 12px; } /* Search widget */ .widget_search .search-submit { display: none; } .widget_search input[type='search'] { width: 95%; } .search-no-results form { margin-bottom: 30px; } /* =Infinite Scroll ----------------------------------------------- */ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .navigation-paging,/* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ .infinity-end.neverending .site-footer { display: block; } .bypostauthor { } .sticky { } ul { list-style: none; margin-bottom: 10px; } ul:not(.lang-list, .nav) li { line-height: 22px; margin-bottom: 5px; } /* #nav-below { margin: 0; } */ .vertical-parent { display: table !important; } .vertical-child { display: table-cell; vertical-align: middle; } .site-footer,.site-header,.title_container,.site-content,.post-meta,.bordered,#main,#masthead,#sidebar,#primary,#secondary,#header-secondary,.search-tooltip,.arrow, #author-bio , nav#main_menu > ul ul li, .pagination li.number, .widget li, #wp-calendar tr, #wp-calendar th, #wp-calendar td, #wp-calendar tr th:first-child, #wp-calendar tr td:first-child, #wp-calendar tr:first-child th, #wp-calendar tr:first-child td ,.carousel_trigger li a, ._testimonial_slider .carousel_trigger li, .pagination ul, .shop-latest .tabbable .nav li:first-child a, .box article, .post-meta > div:first-child, .comment-list li.comment > div ,.pr_table_col .tb_header h3 , .topmenu-item .lang-list>li, .topmenu-item, .cart .quantity input.plus, .service-border, .latest_posts_shortcode article , .testimonials-fader blockquote:after, .testimonials-fader blockquote , .portfolio-sortable #portfolio-nav li a, .portfolio-sortable #sorting ul, .acc-group .collapsed, .ui-accordion-header, #header-secondary .widget_shopping_cart .cart_list li, .woocommerce .cart-notification, #header-secondary .widget_shopping_cart_content, .pag a, .team_member, article.post, .jobs-fader li, .related-item:before, .related-posts { border-color: #E1E1E1; } nav#main_menu .wide .inner > ul:before, nav#main_menu .wide .inner > ul:after { background-color: #E1E1E1; } .divider i { color: #E1E1E1 !important; } .second-ico:before { color: #E1E1E1; text-shadow: 0 0 1px #e1e1e1; } .woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce-page #content .quantity input.qty , .cart .quantity input.minus, .woocommerce .price_slider_amount button.button, .woocommerce .price_slider_amount .price_label { border-color: #E1E1E1 !important; } /* Alignment */ .alignleft { display: inline; float: left; margin-right: 10px; } .alignright { display: inline; float: right; margin-left: 10px; } @media only screen and (max-width: 640px) { .alignleft { display: block; float: none; margin: 0; } .alignright { display: block; float: none; margin: 0; } } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .featured-image,.team-img-container { position: relative; overflow: hidden; text-align: center; } .image-overlay { position: absolute; font-size: 20px; opacity: 0; top: 0; left: 0; right: 0; bottom: 0; text-align: center; } .image-overlay:hover { opacity: 1; -ms-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .image-overlay .image-overlay-inside { width: 100%; position: absolute; top: 50%; margin-top: -26px; left: 0; } .image-overlay .image-overlay-inside.on-blog::before { position: relative; background: rgba(0,0,0,0.4); margin: 3px; display: inline-block; height: 48px; line-height: 48px; width: 48px; } .image-overlay .image-overlay-inside.on-blog::before { content: "\e809"; font-family: Fontello; font-size: 20px; font-weight: 400; color: #fff !important; } .image-overlay.overlay-type-extern .image-overlay-inside.on-blog::before { content: "\e802"; } .image-overlay.overlay-type-video .image-overlay-inside.on-blog::before { content: "\e840"; } #top .hide-inner-overlay .image-overlay-inside { display: none; } #page { background-color: #fff; } #page.boxed { box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); } /*========================================================== ===================== HEADER ===========================*/ #ascrail2000 { background-color: #666; width: 16px !important; z-index: 99999 !important; } #masthead { top: 0; left: 0; position: fixed; overflow: visible !important; z-index: 9998; background-color: #fff; /* background-color: transparent !important; */ } #logo img { vertical-align: baseline; } @media(min-width: 980px) { #masthead { -webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.2); } } #main { margin-top: -30px; padding-top: 30px; overflow: hidden; background-color: #FFF; } #primary .row-fluid [class*="span"] { min-height: 0px; } .builder-main>.container:not(.no-padding) { padding-top: 45px; padding-bottom: 45px; } .builder-main>div .container:not(.no-padding) { padding-top: 45px; padding-bottom: 45px; } .builder-main .content-area .single-title { margin-top: 0px; } .element-title { margin-bottom: 30px; text-align: center; } .sliding-middle-out:before { margin-right: 10px; } .sliding-middle-out:after { margin-left: 10px; } .sliding-middle-out:before, .sliding-middle-out:after, .sliding-one-dash:before { background-color: rgba(68, 68, 68, 0.4); } .sliding-middle-out.white:before, .sliding-middle-out.white:after, .sliding-one-dash.white:before { background-color: #fff; } .sliding-middle-out:before, .sliding-middle-out:after { display: inline-block; content: ""; width: 20px; height: 1px; margin-top: -2px; vertical-align: middle; } .sliding-one-dash:before { display: inline-block; content: ""; width: 40px; height: 1px; margin-top: -2px; vertical-align: middle; } /* .sliding-middle-out { display: inline-block; position: relative; padding: 0 0 22px 0; } .sliding-middle-out:after, nav#main_menu > ul > li > a:after { content: ''; position: relative; top: 22px; display: block; margin: auto; height: 1px; width: 30%; background: transparent; transition: width .5s ease, background-color .5s ease; background-color: #0EAFB5; } */ nav#main_menu > ul > li > a:after { top: 2px; width: 0%; } /* .sliding-middle-out:hover:after { width: 50%; } */ nav#main_menu > ul > li > a:hover:after { width: 100%; } .site-content>.row-fluid>.span12 { min-height: 0px !important; } /* HEADER LAYOUT */ #header-secondary .span6 { height: 32px; } #header-secondary { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 9999; background-color: #F8F8F8; border-bottom-style: solid; border-bottom-width: 1px; font-size: 12px; } .admin-bar #header-secondary { top: 28px; } .admin-bar #masthead { top: 28px; } .admin-bar[data-wp-version="1"] #header-secondary { top: 32px; } .admin-bar[data-wp-version="1"] #masthead { top: 32px; } #masthead[data-using-secondary="1"] { top: 33px; } .admin-bar #masthead[data-using-secondary="1"] { top: 60px; } body[data-wp-version="1"] #masthead[data-using-secondary="1"] { top: 33px; } .admin-bar[data-wp-version="1"] #masthead[data-using-secondary="1"] { top: 64px; } #contact-info span { line-height: 32px; margin-right: 7px; } #contact-info span:before { margin-right: 5px; } #header-secondary .social-icons { margin: 4px 6px 3px 0; float: right; display: inline-block; } #header-secondary .social-icons li { display: inline-block; margin: 0 3px; vertical-align: top; } #header-secondary .social-icons a { text-decoration: none; position: relative; display: inline-block; height: 22px; line-height: 23px; width: 25px; text-align: center; font-size: 18px; color: #777; } #header-secondary .social-icons a:before { vertical-align: middle; height: 16px; line-height: 16px; } #header-secondary .social-icons a:hover { color: #0EAFB5; } .topmenu-item { line-height: 32px; border-left-width: 1px; border-left-style: solid; padding: 0 6px 0 2px; } .topmenu-item:first-child { border-right-width: 1px; border-right-style: solid; } .topmenu-item { float: right; } .cart-menu-wrap { display: inline-block; } .cart-wrap { display: inline; } .topmenu-item ul { margin-left: -3px; background-color: #F8F8F8; } .topmenu-item .lang-list>li:first-child { border-top-width: 1px; border-top-style: solid; } .topmenu-item .lang-list>li { border-bottom-width: 1px; border-bottom-style: solid; line-height: 32px; border-left-width: 1px; border-left-style: solid; border-right-width: 1px; border-right-style: solid; padding: 0 6px 0 2px; } .topmenu-item .lang-list>li:hover { background-color: #FFF; } .lang-list { display: none; position: absolute; z-index: 100000; width: 88px; } .header-search { float: right; clear: right; } .site-branding { margin-bottom: 5px; } .site-title { width: 140px; margin: 0; vertical-align: top; line-height: 30px; font-size: 34px; } #masthead[data-using-logo="1"] .site-title { line-height: 0px; } .navBtn { float: right; font-size: 17px; } .search-tooltip { display: none; width: 201px; height: 30px; padding: 20px; position: absolute; right: 35px; z-index: 2; margin-left: -120px; -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.33); -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.33); box-shadow: 0 1px 1px 0 rgba(0,0,0,0.33); border-width: 1px; border-style: solid; background-color: #FFF; } .search-tooltip .inner form { margin: 0; height: 30px; } .search-tooltip .arrow-wrap { width: 20px; height: 20px; position: absolute; top: -20px; right: 10px; margin-left: -10px; overflow: hidden; } .arrow { height: 10px; width: 10px; position: absolute; top: -6px; left: 50%; margin-left: -5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-width: 1px; border-style: solid; background-color: #FFF; } .search-tooltip .arrow { top: 15px; } .search-field { width: 152px; margin: 0 !important; border-color: #CCC !important; box-shadow: 0 0 0 !important; } .submit-wrap { position: relative; top: -5px; left: -3px; cursor: pointer; -ms-transition: background-color .1s linear; -moz-transition: background-color .1s linear; -webkit-transition: background-color .1s linear; -o-transition: background-color .1s linear; transition: background-color .1s linear; background-color: #0EAFB5; } .submit-wrap:hover { background-color: rgba(0, 0, 0, 0.4); } .search-submit { font-size: 17px; color: #fff; } .search-submit { border: medium none; display: inline-block; padding: 0; width: 30px; height: 31px; line-height: 14px; vertical-align: text-top; } /* MAIN NAVIGATION - SUPERFISH */ nav#main_menu > ul > li.current-menu-item > a,nav#main_menu > ul > li > a:hover,nav#main_menu > ul > li:hover > a { color: #0EAFB5; border-color: #0EAFB5; } nav#main_menu { display: block; float: right; } .menu-top { position: absolute; top: -1px; height: 2px; z-index: 10; width: 100%; left: 0; background-color: #c3512f; border-color: #c3512f; } nav#main_menu > ul { padding: 0; list-style: none; } nav#main_menu > ul > li { float: left; margin: 0 15px 0 15px; } nav#main_menu > ul > li:first-child { margin-left: 0; } nav#main_menu > ul > li > a { font: normal normal normal 15px / 23px "Open Sans", Helvetica, Arial, Verdana, sans-serif; display: block; position: relative; } /*2nd lev */ nav#main_menu > ul > li:hover > ul,nav#main_menu > ul > li.sfHover > ul { top: 50px; } nav#main_menu > ul ul { background: #fff; border-top-width: 2px; border-top-style: solid; border-top-color: #0EAFB5; box-shadow: 0 2px 15px rgba(0,0,0,0.1); position: absolute; top: 0; } nav#main_menu > ul > li.sfHover > a.sf-with-ul .sf-sub-indicator,nav#main_menu > ul > li > a .sf-sub-indicator { display: none; } nav#main_menu > ul ul li { line-height: 38px; border-left-width: 1px; border-left-style: solid; border-right-width: 1px; border-right-style: solid; } nav#main_menu > ul ul li:first-child { padding-top: 6px; } nav#main_menu > ul ul li:last-child { padding-bottom: 6px; } nav#main_menu > ul > li > ul:after { border-bottom-color: #0EAFB5; } nav#main_menu > ul ul ul { margin-left: 10px; } nav#main_menu > ul > li > ul ul.reversed:after { right: -10px; left: auto; border-left-color: #f5f5f5; border-right-color: transparent; } nav#main_menu > ul ul li a { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; padding: 0 12px; transition: all .1s linear; -o-transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; } nav#main_menu > ul ul li.current-menu-item > a,nav#main_menu > ul ul li.sfHover > a,nav#main_menu > ul ul li a:hover { color: #333; background: rgba(0,0,0,0.04); text-decoration: none; } nav#main_menu > ul ul .sf-sub-indicator { top: 0; text-indent: 0; overflow: visible; background: none; color: #ccc; } nav#main_menu > ul ul .sf-sub-indicator:after { position: absolute; top: 0; display: block; content: '\e81b'; font-family: Fontello; color: #ccc; } nav#main_menu > ul ul li .nolink { text-transform: uppercase; cursor: default; } nav#main_menu > ul ul li .nolink:hover { background-color: transparent; } nav#main_menu .wide .second ul li:nth-child(4n+1) { clear: both; } nav#main_menu .wide .second ul li:nth-child(4n) { border-right: none; } nav#main_menu .wide > .second ul li { float: left; padding: 0; } nav#main_menu .wide .inner > ul > li { border-left: none; width: 210px; } nav#main_menu .wide .inner > ul { padding-top: 6px; padding-bottom: 6px; } nav#main_menu .wide .inner > ul:before, nav#main_menu .wide .inner > ul:after { content: ''; width: 1px; height: 100%; position: absolute; top: 0; } nav#main_menu .wide .inner > ul:before { left: 0; } nav#main_menu .wide .inner > ul:after { right: 0; } nav#main_menu i { margin-right: 6px; } nav#main_menu i:before { margin: 0px; } nav#main_menu li .second { position: absolute; display: block; visibility: hidden; overflow: hidden; opacity: 0; } nav#main_menu .second.drop_down_start { visibility: visible; overflow: visible; opacity: 1; } nav#main_menu li.left_position .second > .inner > ul { left: 0; } nav#main_menu > ul li.left_position ul .sf-sub-indicator { right: 0; } nav#main_menu > ul li.left_position ul .sf-sub-indicator:after { content: '\e81b'; } nav#main_menu li.right_position .second { right: 0; } nav#main_menu li.right_position .second > .inner > ul { left: auto; right: 0; } nav#main_menu > ul li.right_position ul .sf-sub-indicator { left: 0; } nav#main_menu > ul li.right_position ul .sf-sub-indicator:after { content: '\e816'; } nav#main_menu .right_position .second { text-align: right; } /** Global Pages **/ .title_container { width: 100%; border-bottom-width: 1px; border-bottom-style: solid; } .page_header .row { padding: 20px 0; } .page_header[data-center='1'] .span12 { text-align: center; } .page_header[data-center='1'] .breadcrumbs { line-height: 14px !important; } .page_header h1{ font-size:40px; } .page_header h1, .page_header h4 { margin: 10px 0; } .breadcrumbs { text-align: right; margin-top: 10px; margin-bottom: 10px; } .breadcrumbs i { color: #0EAFB5; } .full-width { border: none; padding: 50px 0 0; } body.page .single-title { margin-top: 30px; } body.bbpress .entry-header { display: none; } body.page .entry-content { margin-top: 0px; } .entry-title { color: #222; } article .featured-image { margin: 0; } /*========================================================== ===================== POST ===========================*/ .masonary_container .hide-on-narrow { display: none; } .hide-on-wide { display: none; } .masonary_container .hide-on-wide { display: block; } .gutter-border #secondary[data-sidebar-position = 'right-sidebar'] { border-left-style: solid; border-left-width: 1px; margin-left: 28px; margin-right: 0px; } .gutter-border #secondary[data-sidebar-position = 'left-sidebar'] { border-right-style: solid; border-right-width: 1px; } @media (min-width: 1200px) { body[data-width="1170"] .gutter-border #primary[data-sidebar-position = 'left-sidebar'] { margin-left: 28px; } } article.post.format-quote .quote-inner, article.post.format-link .link-inner { position: relative; padding: 15px 70px; color: #fff; transition: background-color .1s linear; -o-transition: background-color .1s linear; -moz-transition: background-color .1s linear; -webkit-transition: background-color .1s linear; background-color: #0EAFB5; -ms-word-wrap: break-word; word-wrap: break-word; } article.post.format-quote .quote-inner:before { content: '\e932'; } article.post.format-quote .quote-inner:after { content: '\e933'; } article.post.format-link .link-inner:before { content: '\e802'; } article.post.format-quote .quote-inner:before, article.post.format-link .link-inner:before { font-family: 'Fontello'; font-size: 40px; position: absolute; top: 24px; left: 16px; opacity: 0.7; } article.post.format-quote .quote-inner:after { font-family: 'Fontello'; font-size: 40px; position: absolute; top: 24px; right: 16px; opacity: 0.7; } article.post.format-quote .quote-inner h2, article.post.format-link .link-inner h2 { margin-top: 0; margin-bottom: 10px; } .archive .format-link .bottom-entry-meta, .archive .format-quote .bottom-entry-meta{ display: none; } .box article.post.format-quote .quote-inner, .box article.post.format-link .link-inner { padding: 15px; overflow: hidden; } .box article.post.format-quote .quote-inner:before, .box article.post.format-link .link-inner:before { font-size: 100px; opacity: 0.3; } .box article.post.format-quote .quote-inner:after { content: ''; } .top-entry-meta { margin: 0px 0 12px 0; } .box .top-entry-meta { margin: 1px 0 20px 0; } .box .bordered { margin-top: 0px; } .box article { background-color: #fff; } .box[data-mode='short'] .top-entry-meta { display: none; } .box[data-mode='short'] .entry-content { display: none; } .box[data-mode='short'] footer { margin-top: 1px; } ._blog_posts[data-style="style1"] .element-title h2, ._blog_posts[data-style="style1"] .element-title h4 { color: #fff !important; } article.post .quote a,article.post .link a { display: block; z-index: 10; } article.post.format-quote h2,article.post.format-link h2 { color: #fff; display: block; font-weight: 300; } article.post.format-quote a:hover .quote-inner,article.post.format-link a:hover .link-inner { background-color: rgba(0, 0, 0, 0.4) !important; } article.post.format-video #primary .video-wrap,.single-portfolio #primary .video-wrap { position: relative; padding-bottom: 54.25%; padding-top: 25px; height: 0; margin-bottom: 16px; } article.post.format-video .video-wrap iframe,.single-portfolio .video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } article.post { padding-bottom: 16px; margin-bottom: 35px; border-bottom-width: 1px; border-bottom-style: solid; } .single article.post, .single article.attachment { margin-bottom: 30px; border: none; padding-bottom: 0; } article.post .featured-image { margin: 0 0 25px; } .box article.post .featured-image { margin: 0; } .post-meta { display: block; margin-bottom: 20px; -ms-word-wrap: break-word; word-wrap: break-word; } #primary[data-sidebar-position = 'right-sidebar'] .post-meta { border-right-width: 1px; border-right-style: solid; } #primary[data-sidebar-position = 'left-sidebar'] .post-meta { border-left-width: 1px; border-left-style: solid; } .post-meta.no-img { top: 6px; } .content-inner .post-featured-img img { max-width: none; width: 100%; } .post-meta .date { position: relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .post-meta .month,.post-meta .year,.post-meta .date { letter-spacing: 2px; } .post-meta .month,.post-meta .year { display: block; font-size: 17px; line-height: 17px; text-align: center; text-transform: uppercase; margin-bottom: 4px; padding: 0; } .post-meta .year { margin-top: 5px; } .post-meta .day { display: block; font-size: 30px; line-height: 29px; text-align: center; padding: 0 12px; } .post-meta .comm { text-align: center; } .post-meta-infos { font-size: 12px; } .text-sep { padding: 0 5px; } .read-more { display: block; text-align: right; margin-bottom: 10px; } .box .read-more { font-size: 12px; } .read-more a:after { content: '\e823'; font-family: Fontello; } .bordered { border-bottom-width: 1px; border-bottom-style: solid; border-top-width: 1px; border-top-style: solid; margin-top: 10px; font-size: 12px; clear: both; overflow: hidden; min-height: 34px; line-height: 34px; } #author-bio { padding: 25px 25px 15px 25px; border-width: 1px; border-style: solid; margin-bottom: 30px; } #author-info { -ms-word-wrap: break-word; word-wrap: break-word; display: table-cell; vertical-align: middle; } #author-img { width: 80px; padding-right: 25px; display: table-cell; vertical-align: top; } #author-bio img { margin-bottom: 10px; } .related-posts { padding: 30px 0; border-top-style: solid; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; margin-bottom: 30px; } .related-posts h3 { margin-bottom: 20px; } .related-container { margin: 0 -20px; } .related-cell { width: 32.9%; display: inline-block; vertical-align: top; margin-bottom: 30px; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .related-item { position: relative; } .related-item:before { border-bottom-style: solid; border-bottom-width: 1px; display: block; position: absolute; bottom: -15px; left: 0; width: 100%; content: ""; } .related-cell:nth-child(4) .related-item:before { border-bottom-color: rgba(0, 0, 0, 0); } .related-cell:nth-child(5) .related-item:before { border-bottom-color: rgba(0, 0, 0, 0); } .related-cell:nth-child(6) .related-item:before { border-bottom-color: rgba(0, 0, 0, 0); } .related-cell:nth-child(4) { margin-bottom: 0; } .related-cell:nth-child(5) { margin-bottom: 0; } .related-cell:nth-child(6) { margin-bottom: 0; } .related-item-image, .related-item-text { display: table-cell; vertical-align: middle; } .related-item-image img { margin: 5px 20px 5px 0; font-size: 0; line-height: 0; } .no-image { background-color: rgba(0, 0, 0, 0.4); color: #fff; margin: 5px 20px 5px 0; height: 50px; width: 50px; vertical-align: middle; text-align: center; position: relative; display: inline-block; } .widget .no-image { margin: 0; } .no-image:before { content: '\e937'; position: absolute; font-family: Fontello; font-size: 18px; font-weight: 400; line-height: 50px; height: 100%; width: 100%; display: block; } .no-image.quote:before { content: '\e933'; position: absolute; } .no-image.link:before { content: '\e802'; position: absolute; } .no-image.video:before { content: '\e843'; position: absolute; } .no-image.audio:before { content: '\e963'; position: absolute; } .related-item-meta { font-size: 12px; } /* Pagination */ .pagination { margin: 0 0 35px; padding: 3px 0 0; text-align: center; font-size: 10px; line-height: 1.6; } .latest_posts .pagination { margin: 0; } .page_num { padding-top: 10px; } .pagination ul { list-style-type: none; padding: 3px 0; display: inline; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; } .pagination li { margin: 0 5px; } .pagination li,.pagination li a,.pagination li span,.pagination p.counter { font-size: 12px; } .pagination li.pagination-start,.pagination li.pagination-next,.pagination li.pagination-end,.pagination li.pagination-prev { border: 0; } .pagination li { padding: 3px 5px 4px; } .pagination li.number { border-width: 1px; border-style: solid; background: #fff; padding: 6px 5px 6px; } .pagination li.number span { font-size: 16px; position: relative; top: 1px; } /*========================================================== ===================== PORTFOLIO ===========================*/ .portfolio .project-info { opacity: 0; position: absolute; padding: 0 10%; height: 100%; width: 80%; top: 0; left: 0; color: #fff; } .cube-info-back { color: #fff; display: table !important; } .cube-info-back .cell { display: table-cell; vertical-align: middle; } .portfolio .project-info h4, .cube-info-back h4 { color: #fff !important; } .portfolio-categories { color: #fff !important; font-size: 12px; line-height: 22px; } .portfolio .project-info span { line-height: 22px; } .portfolio .project-info-bg { opacity: 0; height: 100%; width: 100%; top: 0; left: 0; position: absolute; } .portfolio .project-info-bg , .cube-info-back { background-color: #0EAFB5; } .portfolio .project-info .project-info-center { text-align: center; margin-top: 76.5px; } /******** Alternative styles *******/ .dark-cover { position: relative; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; overflow: hidden; } .dark-cover img { transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; } .dark-cover:hover img{ -webkit-transform: scale(1.03,1.03); -moz-transform: scale(1.03,1.03); transform: scale(1.03,1.03); } .dark-cover:hover .overlay{ opacity:1; background: rgba(0, 0, 0, 0.3); } .dark-cover .overlay { position: absolute; padding: 0 5%; width: 90%; height: 100%; top:0; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; text-align: left; opacity:0; color: #fff; } .dark-cover h4 { position: absolute; top:0; margin: 20px 0; color: inherit; } .dark-cover .bottom { position: absolute; bottom:0; left: 0; width: 100%; } .bottom-inner { margin: 20px 5%; width:90%; display:table; } .dark-cover .links-wrap { border: 1px solid #FFF; padding: 8px 10px; margin-left: 0; float: left; box-sizing: border-box; margin-left: 10px; float: right; } .dark-cover .links{ display: table-cell; } .dark-cover a { text-decoration: none; display: inline-block; } .dark-cover a:before { color: #fff; margin: 0; } .dark-cover a:first-child { margin-right: 8px; } .dark-cover .cat { font-size: 12px; vertical-align: middle; text-align: left; display: table-cell; } .cube-info-back { text-align: center; } .portfolio .project-item { position: relative; } /* .portfolio .project-item img{ max-width: none; } */ .portfolio .project-item .project-info [id^=video-popup-] { display: none; } .port-media { margin-bottom: 30px; } .portfolio-date { margin-top: 10px; } .meta-row { margin-bottom: 17px; } .cat-list a:before { content: '\e91a'; font-family: Fontello; font-size: 18px; margin-right: 4px; position: relative; top: 2px; } #portfolio-sidebar { margin-bottom: 30px; } #portfolio-sidebar.span12 { margin-left: 0; } .single-portfolio .navigation-post { margin-top: 30px; } .cube-item { position: relative; cursor: default; -webkit-perspective: 1000px; -moz-perspective: 1000px; -o-perspective: 1000px; -ms-perspective: 1000px; perspective: 1000px; overflow: hidden; } @media (min-width: 1200px) { .width3 { width: 270px; height: 202px; } .cube-info.width3 .cube-info-back { -webkit-transform: translate3d(0,0,-270px) rotate3d(1,0,0,90deg); -moz-transform: translate3d(0,0,-270px) rotate3d(1,0,0,90deg); -o-transform: translate3d(0,0,-270px) rotate3d(1,0,0,90deg); -ms-transform: translate3d(0,0,-270px) rotate3d(1,0,0,90deg); transform: translate3d(0,0,-270px) rotate3d(1,0,0,90deg); opacity: 0; } .cube-item.width3:hover .cube-info-front { -webkit-transform: translate3d(0,270px,0) rotate3d(1,0,0,-90deg); -moz-transform: translate3d(0,270px,0) rotate3d(1,0,0,-90deg); -o-transform: translate3d(0,270px,0) rotate3d(1,0,0,-90deg); -ms-transform: translate3d(0,270px,0) rotate3d(1,0,0,-90deg); transform: translate3d(0,270px,0) rotate3d(1,0,0,-90deg); opacity: 0; } .width4 { width: 370px; height: 278px; } .cube-info.width4 .cube-info-back { -webkit-transform: translate3d(0,0,-370px) rotate3d(1,0,0,90deg); -moz-transform: translate3d(0,0,-370px) rotate3d(1,0,0,90deg); -o-transform: translate3d(0,0,-370px) rotate3d(1,0,0,90deg); -ms-transform: translate3d(0,0,-370px) rotate3d(1,0,0,90deg); transform: translate3d(0,0,-370px) rotate3d(1,0,0,90deg); opacity: 0; } .cube-item.width4:hover .cube-info-front { -webkit-transform: translate3d(0,370px,0) rotate3d(1,0,0,-90deg); -moz-transform: translate3d(0,370px,0) rotate3d(1,0,0,-90deg); -o-transform: translate3d(0,370px,0) rotate3d(1,0,0,-90deg); -ms-transform: translate3d(0,370px,0) rotate3d(1,0,0,-90deg); transform: translate3d(0,370px,0) rotate3d(1,0,0,-90deg); opacity: 0; } .width6 { width: 570px; height: 428px; } .cube-info.width6 .cube-info-back { -webkit-transform: translate3d(0,0,-570px) rotate3d(1,0,0,90deg); -moz-transform: translate3d(0,0,-570px) rotate3d(1,0,0,90deg); -o-transform: translate3d(0,0,-570px) rotate3d(1,0,0,90deg); -ms-transform: translate3d(0,0,-570px) rotate3d(1,0,0,90deg); transform: translate3d(0,0,-570px) rotate3d(1,0,0,90deg); opacity: 0; } .cube-item.width6:hover .cube-info-front { -webkit-transform: translate3d(0,570px,0) rotate3d(1,0,0,-90deg); -moz-transform: translate3d(0,570px,0) rotate3d(1,0,0,-90deg); -o-transform: translate3d(0,570px,0) rotate3d(1,0,0,-90deg); -ms-transform: translate3d(0,570px,0) rotate3d(1,0,0,-90deg); transform: translate3d(0,570px,0) rotate3d(1,0,0,-90deg); opacity: 0; } /** 960 **/ body[data-width="960"] .width3 { width: 220px; height: 165px; } body[data-width="960"] .cube-info.width3 .cube-info-back { -webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); -moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); -o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); -ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); opacity: 0; } body[data-width="960"] .cube-item.width3:hover .cube-info-front { -webkit-transform: translate3d(0,220px,0) rotate3d(1,0,0,-90deg); -moz-transform: translate3d(0,220px,0) rotate3d(1,0,0,-90deg); -o-transform: translate3d(0,220px,0) rotate3d(1,0,0,-90deg); -ms-transform: translate3d(0,220px,0) rotate3d(1,0,0,-90deg); transform: translate3d(0,220px,0) rotate3d(1,0,0,-90deg); opacity: 0; } body[data-width="960"] .width4 { width: 300px; height: 225px; } body[data-width="960"] .cube-info.width4 .cube-info-back { -webkit-transform: translate3d(0,0,-300px) rotate3d(1,0,0,90deg); -moz-transform: translate3d(0,0,-300px) rotate3d(1,0,0,90deg); -o-transform: translate3d(0,0,-300px) rotate3d(1,0,0,90deg); -ms-transform: translate3d(0,0,-300px) rotate3d(1,0,0,90deg); transform: translate3d(0,0,-300px) rotate3d(1,0,0,90deg); opacity: 0; } body[data-width="960"] .cube-item.width4:hover .cube-info-front { -webkit-transform: translate3d(0,300px,0) rotate3d(1,0,0,-90deg); -moz-transform: translate3d(0,300px,0) rotate3d(1,0,0,-90deg); -o-transform: translate3d(0,300px,0) rotate3d(1,0,0,-90deg); -ms-transform: translate3d(0,300px,0) rotate3d(1,0,0,-90deg); transform: translate3d(0,300px,0) rotate3d(1,0,0,-90deg); opacity: 0; } body[data-width="960"] .width6 { width: 460px; height: 345px; } body[data-width="960"] .cube-info.width6 .cube-info-back { -webkit-transform: translate3d(0,0,-460px) rotate3d(1,0,0,90deg); -moz-transform: translate3d(0,0,-460px) rotate3d(1,0,0,90deg); -o-transform: translate3d(0,0,-460px) rotate3d(1,0,0,90deg); -ms-transform: translate3d(0,0,-460px) rotate3d(1,0,0,90deg); transform: translate3d(0,0,-460px) rotate3d(1,0,0,90deg); opacity: 0; } body[data-width="960"] .cube-item.width6:hover .cube-info-front { -webkit-transform: translate3d(0,460px,0) rotate3d(1,0,0,-90deg); -moz-transform: translate3d(0,460px,0) rotate3d(1,0,0,-90deg); -o-transform: translate3d(0,460px,0) rotate3d(1,0,0,-90deg); -ms-transform: translate3d(0,460px,0) rotate3d(1,0,0,-90deg); transform: translate3d(0,460px,0) rotate3d(1,0,0,-90deg); opacity: 0; } } @media (min-width: 980px) and (max-width: 1199px) { .width3 { width: 220px; height: 165px; } .cube-info.width3 .cube-info-back { -webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); -moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); -o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); -ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); opacity: 0; } .cube-item.width3:hover .cube-info-front { -webkit-transform: translate3d(0,220px,0) rotate3d(1,0,0,-90deg); -moz-transform: translate3d(0,220px,0) rotate3d(1,0,0,-90deg); -o-transform: translate3d(0,220px,0) rotate3d(1,0,0,-90deg); -ms-transform: translate3d(0,220px,0) rotate3d(1,0,0,-90deg); transform: translate3d(0,220px,0) rotate3d(1,0,0,-90deg); opacity: 0; } .width4 { width: 300px; height: 225px; } .cube-info.width4 .cube-info-back { -webkit-transform: translate3d(0,0,-300px) rotate3d(1,0,0,90deg); -moz-transform: translate3d(0,0,-300px) rotate3d(1,0,0,90deg); -o-transform: translate3d(0,0,-300px) rotate3d(1,0,0,90deg); -ms-transform: translate3d(0,0,-300px) rotate3d(1,0,0,90deg); transform: translate3d(0,0,-300px) rotate3d(1,0,0,90deg); opacity: 0; } .cube-item.width4:hover .cube-info-front { -webkit-transform: translate3d(0,300px,0) rotate3d(1,0,0,-90deg); -moz-transform: translate3d(0,300px,0) rotate3d(1,0,0,-90deg); -o-transform: translate3d(0,300px,0) rotate3d(1,0,0,-90deg); -ms-transform: translate3d(0,300px,0) rotate3d(1,0,0,-90deg); transform: translate3d(0,300px,0) rotate3d(1,0,0,-90deg); opacity: 0; } .width6 { width: 460px; height: 345px; } .cube-info.width6 .cube-info-back { -webkit-transform: translate3d(0,0,-460px) rotate3d(1,0,0,90deg); -moz-transform: translate3d(0,0,-460px) rotate3d(1,0,0,90deg); -o-transform: translate3d(0,0,-460px) rotate3d(1,0,0,90deg); -ms-transform: translate3d(0,0,-460px) rotate3d(1,0,0,90deg); transform: translate3d(0,0,-460px) rotate3d(1,0,0,90deg); opacity: 0; } .cube-item.width6:hover .cube-info-front { -webkit-transform: translate3d(0,460px,0) rotate3d(1,0,0,-90deg); -moz-transform: translate3d(0,460px,0) rotate3d(1,0,0,-90deg); -o-transform: translate3d(0,460px,0) rotate3d(1,0,0,-90deg); -ms-transform: translate3d(0,460px,0) rotate3d(1,0,0,-90deg); transform: translate3d(0,460px,0) rotate3d(1,0,0,-90deg); opacity: 0; } } .cube-info { position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .cube-info > div { display: block; position: absolute; background-position: center center; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; } .cube-item:hover .cube-info-back { -webkit-transform: rotate3d(1,0,0,0deg); -moz-transform: rotate3d(1,0,0,0deg); -o-transform: rotate3d(1,0,0,0deg); -ms-transform: rotate3d(1,0,0,0deg); transform: rotate3d(1,0,0,0deg); opacity: 1; } body[data-width="960"] .cube-item:hover .cube-info-back { -webkit-transform: rotate3d(1,0,0,0deg); -moz-transform: rotate3d(1,0,0,0deg); -o-transform: rotate3d(1,0,0,0deg); -ms-transform: rotate3d(1,0,0,0deg); transform: rotate3d(1,0,0,0deg); opacity: 1; } /*========================================================== ===================== SIDEBAR ===========================*/ .widget li { border-bottom-width: 1px; border-bottom-style: solid; } .widget li:first-child { border-top-width: 1px; border-top-style: solid; } #colophon { color: #BFBFBF; } #colophon .widget-title { color: #fff; } #colophon .widget li a { color: #BFBFBF; } #colophon .widget li a:hover { color: #0EAFB5; } #colophon .widget li:first-child { border-top: 1px solid rgba(255,255,255,0.05); } #colophon .widget li { border-bottom: 1px solid rgba(255,255,255,0.05); } .widget-title, .widgettitle { margin-bottom: 20px; } .widget ul { list-style: none; margin: 0; padding: 0; } .widget li { margin: 0; display: block; padding: 10px 0 10px 2px; } #wp-calendar { width: 100%; padding: 0; margin: 0 0 20px 0; font-size: 13px; } .footer-widgets #wp-calendar a { color: #fff; } #wp-calendar caption { padding: 0 0 5px 0; width: auto; font-style: italic; text-align: right; font-size: 12px; } #wp-calendar th { font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; text-align: left; padding: 9px 12px; border-style: solid; border-width: 1px; border-left: none; border-top: none; } #wp-calendar td { font-size: 13px; padding: 9px 12px; border-style: solid; border-width: 1px; border-left: none; border-top: none; } #wp-calendar tr th:first-child, #wp-calendar tr td:first-child { border-left-style: solid; border-left-width: 1px; } #wp-calendar tr:first-child th, #wp-calendar tr:first-child td { border-top-style: solid; border-top-width: 1px; } #wp-calendar td, #wp-calendar th { text-align: center; font-size: 11px; padding: 3px; } .widget_recent_entries li a:before { content: "\e949"; font: 12px Fontello; margin-right: 10px; } .widget_recent_comments li a:before { content: none; } .widget_recent_comments li a:first-child:before { content: "\e93e"; font: 12px Fontello; margin-right: 10px; } .widget_meta li a:before { content: none; } .widget .tagcloud a { float: left; line-height: 20px; text-decoration: none; font-weight: normal; background-color: rgba(0,0,0,0.4); color: #FFF !important; padding-bottom: 3px; padding-top: 2px; padding-left: 7px; padding-right: 7px; margin-right: 1px; margin-bottom: 1px; font-size: 12px !important; } #secondary[data-sidebar-position="left-sidebar"] .widget .tagcloud a { float: right; margin-left: 5px; margin-right: 0; } .widget .tagcloud a:hover { background-color: #0EAFB5; } .widget_contact_info [class^=icons-]:before, .widget_contact_info[class*=" icons-"]:before { margin-right: 6px; } .widget_recent_portfolio a { height: 78px; width: 78px; padding: 0; border: 0; overflow: hidden; float: left; display: inline-block; position: relative; margin: 0 2px 2px 0; } .widget_recent_portfolio a img { height: 78px; width: auto; min-height: 78px; min-width: 78px; display: block; overflow: hidden; } .widget_recent_portfolio a img { max-width: 100%; width: auto; height: auto; transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; -o-transition: all .2s linear; } .widget_posts_lists .post-widget-image { float: left; position: relative; z-index: 50; margin-right: 10px; } .widget_posts_lists .post-widget-image img { display: block; } .widget_posts_lists .clear { padding-bottom: 0; } .widget_posts_lists .post-widget-text { line-height: 17px; padding: 5px 0; } .widget_posts_lists .post-widget-text div { margin-top: 4px; margin-bottom: 1px; } /*========================================================== ===================== FOOTER ===========================*/ .footer-widgets { background-color: #222; padding: 45px 0 0 0; border-bottom: 1px solid #3a3a3a; } .footer-bottom { background-color: #1f1f1f; color: rgba(255, 255, 255, 0.5); padding: 10px 0; } .footer-bottom .copyright { margin-bottom: 5px; } .copyright p { margin: 9px 0 0; line-height: 18px; } .footer-bottom nav a { color: rgba(255, 255, 255, 0.5); } .footer-bottom nav .sf-menu li { float: left; } .footer-bottom nav .sf-menu { float: right; margin-top: 9px; } .footer-bottom nav .sf-menu li { font-size: 12px; margin: 0; border-left: 1px solid rgba(255, 255, 255, 0.5); } .footer-bottom nav .sf-menu li:first-child { border-left: 0; } .footer-bottom nav .sf-menu>li:first-child>a { padding-left: 0; } .footer-bottom nav .sf-menu li>a { line-height: 18px; margin: 0 10px; display: block; } .footer-bottom nav .sf-menu li ul { display: none; } /*========================================================== ===================== PAGE COMPOSER ===========================*/ /***************** Maps ******************/ .static-content.maps-style { padding: 0; position: relative; z-index: 2; } .maps-style .info_pop { position: absolute; z-index: 1; right: 15px; bottom: 50px; } #google_map img { max-width: none; } /* map controls */ #map_controls { margin: 0; padding: 0; list-style: none; position: absolute; top: 50%; margin-top: 34px; right: 29px; width: 32px; } #map_controls button span { color: #666; font-size: 11px; } /***************** Isotope ******************/ .isotope,.isotope .isotope-item { -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -ms-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s; } .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; } /*--------------------Sortable Portfolio----------------------------*/ .portfolio-sortable { position: relative; } .portfolio-sortable #sorting { text-align: right; float: right; margin: 0; font-size: 12px; } .sortings { float: right; } .portfolio-sortable #sorting ul { display: inline-block; margin-left: 0; list-style: none; padding: 8px 10px; float: right; border-width: 1px; border-style: solid; } .portfolio-sortable #sort-direction { margin-left: 10px !important; } .portfolio-sortable #sorting ul li { float: left; line-height: 1; } .portfolio-sortable #sorting ul li.separator { margin: 0 8px; } .portfolio-sortable #sorting ul li a.selected { text-decoration: underline; color: #000; } .portfolio-sortable #portfolio-nav { margin-left: 0; display: inline-block; margin-bottom: 15px; } .portfolio-sortable #portfolio-nav li { padding-right: 10px; padding-bottom: 10px; float: left; } .portfolio-sortable #portfolio-nav li a { padding: 8px 10px; line-height: 1; display: inline-block; margin-right: 0; border-width: 1px; border-style: solid; font-size: 12px; } .portfolio-sortable #portfolio-nav .current a { color: #fff; background-color: #0EAFB5; border-color: #0EAFB5; } .portfolio-sortable #thumbs { list-style: none; } .portfolio-sortable #thumbs .portfolio_item { opacity: 0; } .portfolio_item { margin-bottom: 20px; } .portfolio-sortable #thumbs.no-space .portfolio_item { margin-bottom: 0px; } .portfolio_item .entry-title { margin: 8px 0 3px 0; } .no-space .portfolio_item .entry-meta > div { margin-bottom: 20px; } #thumbs-loading { display: block; height: 100%; width: 100%; position: absolute; background: url(images/loading.gif) center center no-repeat; background-size: 55px 55px; margin-top: -52px; } .clear { clear: both; } /*--------------------Partners Logos----------------------------*/ .partners_title { text-align: center; } .partners_title { margin: 22.5px 0; } ._partners_logos .controls a:hover { background-color: #0EAFB5; } .carousel_trigger { left: -5px; } .carousel_trigger ul { margin: 0; padding: 0; list-style: none; } .carousel_trigger li { float: left; text-align: center; margin: 0; } .carousel_trigger li a { opacity: 0; left: -25px; display: block; padding: 0 20px; margin: 0; position: relative; } /*--------------------Shortcode Quote----------------------------*/ .shortcode-quote { text-align: center; text-transform: uppercase; } .shortcode-quote h2 { font-size: 30px; margin-bottom: 20px; line-height: 150%; font-weight: normal; letter-spacing: 0.5px; color: inherit; } .shortcode-quote div { display: block; margin-bottom: 20px; } .shortcode-quote i { font-size: 18px; display: inline-table; vertical-align: super; margin-top: 2px; } /*--------------------Blockquote----------------------------*/ blockquote { margin-bottom: 10px; font-style: italic; } blockquote small { font-size: 14px; } blockquote.pull-right p, blockquote.left p { margin-bottom: 10px; } /*--------------------Testimonials----------------------------*/ ._testimonial_slider .carousel_trigger li { padding: 0; } .testimonials-carousel-wraper { left: 4px; position: relative; } ._testimonial_slider blockquote { padding: 0; border-left: none; margin: 0px; font-style: italic; font-weight: 400; } ._testimonial_slider blockquote p { font-size: 21px; } .testimonials_title { text-align: center; margin: 22.5px 0; } .test_author { padding-top: 10px; position: relative; color: #0EAFB5; } /* testimonials box */ .testimonials-fader { position: relative; } .testimonials-fader { display: none; } .testimonials-fader .control { right: 0px; } .testimonials-fader .control a:first-child { margin-right: 3px; } .testimonials-fader ul { margin: 0; padding: 0; list-style: none; } .testimonials-fader ul li { float: left; } .testimonials-fader blockquote { background: #fff; border-width: 1px; border-style: solid; margin: 0 0 10px; padding: 25px 20px; font-style: italic; color: #474747; position: relative; line-height: 22px; } .testimonials-fader blockquote:after { width: 14px; height: 14px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); position: absolute; bottom: -8px; left: 42px; z-index: 100; content: ""; border-right-style: solid; border-bottom-style: solid; border-right-width: 1px; border-bottom-width: 1px; background-color: #FFF; } .testimonials-fader span { margin-top: 0; margin-left: 5px; font-weight: 400; line-height: 50px; font-style: italic; } .testimonials-fader span:before { content: '\2014 \00A0'; } .testimonials-fader .author-info { padding: 5px 10px 0px 25px; } /*--------------------Divider----------------------------*/ .divider { font-size: 0; height: 20px; width: 100%; overflow: hidden; position: relative; clear: both; } .divider[data-divider-width = 'short'] { width: 30%; margin-left: auto; margin-right: auto; } .hr:before { left: -14px; margin-left: -10px; } .hr:before, .hr:after { display: inline-block; content: ""; height: 1px; width: 50%; margin-top: 9px; vertical-align: top; position: relative; background-color: #E8E8E8; } .hr[data-hr-icon='no-icon']:before { margin-left: 0px; width: 100%; left: 0px; } .hr:after { left: 13px; margin-right: -50%; } .divider i { background-color: #fff; font-size: 16px !important; line-height: 20px !important; height: 20px; width: 20px; vertical-align: middle; text-align: center; } /*--------------------Job Offers----------------------------*/ .jobs-fader { position: relative; } .jobs-fader { display: none; } .jobs-fader .control { right: 0px; } .jobs-fader .control a:first-child { margin-right: 3px; } .jobs-fader ul { margin: 0; padding: 0; list-style: none; } .jobs-fader .caroufredsel_wrapper:before { content: '\e956'; font-family: "Fontello"; font-size: 300px; position: absolute; color: #E1E1E1; opacity: 0.3; right: -80px; z-index: 1; } .jobs-fader ul li { float: left; z-index: 2; position: relative; } .jobs-fader li { border-width: 1px; border-style: solid; padding: 25px 20px 15px; } .jobs-fader li a { margin: 0; } .job-info { color: #222; } .job-info span { color: #0EAFB5; } /*--------------------Masonry Gallery----------------------------*/ .graystyle { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */; } .gallery-image { width: 24.99%; } .gallery-image img { width: 100%; transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; -o-transition: all .1s linear; } .gallery-image[data-gap='gap'] { width: 24.78%; margin: 0.1% 0.1%; } .gallery-container a { overflow: hidden; } .gallery-container a:hover img { -webkit-transform: scale(1.03,1.03); -moz-transform: scale(1.03,1.03); transform: scale(1.03,1.03); } .gallery-container a img { -webkit-perspective: 1000; -webkit-backface-visibility: hidden; } /*--------------------Service Box----------------------------*/ .service_row { margin-bottom: 34px; } .service_row:last-child { margin-bottom: 0px; } .services_box .title { vertical-align: middle; } .services_box ul { float: left; } .services_box .service-content > a { display: block; margin-top: 10px; } .services_box[data-service-style = 'style4'] .container-box { margin-top: 36px; position: relative; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .services_box[data-service-style = 'style4']:hover .container-box { margin-top: 36px; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); box-shadow: 0 6px 6px -2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 6px 6px -2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 6px 6px -2px rgba(0, 0, 0, 0.1); } .services_box[data-service-style = 'style4'] .service-border { position: relative; padding: 56px 20px 25px 20px; border-width: 1px; border-style: solid; background-color: rgba(255, 255, 255, 0.8); } .services_box[data-service-style = 'style4'] .container-box i { position: absolute; top: -32px; left: 50%; margin-left: -32px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .services_box[data-service-style = 'style1'] .container-box, .services_box[data-service-style = 'style4'] .container-box, .services_box[data-service-style = 'style5'] .container-box { text-align: center; } .services_box[data-service-style = 'style1'] .container-box i { margin-bottom: 20px; } .services_box[data-service-style = 'style5'] .fill-wrap { margin-bottom: 14px; } .services_box[data-service-style = 'style1'] h4, .services_box[data-service-style = 'style1'] h4 { margin-bottom: 10px; } .services_box[data-service-style = 'style2'] .container-box i, .services_box[data-service-style = 'style3'] .container-box i { display: block; float: left; } .services_box .container-box p { margin-bottom: 0; } .services_box[data-service-style = 'style2'] .service-content, .services_box[data-service-style = 'style3'] .service-content { margin-left: 58px; } .services_box .zd-button { margin: 10px 0 0 0; } .services_box[data-icon-animation = '1'] .container-box i.icons-large { box-shadow: 0 0 0 0 #0EAFB5 inset; } .services_box[data-icon-animation = '1'] .container-box i.icons-large, .services_box[data-icon-animation = '1'] .container-box i.icons-small { -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .services_box[data-icon-animation = '1']:hover .container-box i.icons-large { background-color: #0EAFB5; color: #FFF; box-shadow: 0 0 0 90px rgba(0, 0, 0, 0) inset; } .services_box[data-icon-animation = '1']:hover .container-box i.icons-small { color: #0EAFB5; background-color: #FFF; } .content-box { text-align: center; width: 300px; } .fill-wrap { position: relative; font-size: 100px; height: 100px; } .first-ico { position: relative; width: 50%; margin: 0 25%; } .second-ico { position: static !important; } .second-ico:before { left: 0; } .first-ico:before { color: #0EAFB5; z-index: 1; margin: 0; } .second-ico:before { width: 50%; margin: 0 25%; height: 100%; top: 0; position: absolute; overflow: hidden; -webkit-transition: height 0.5s ease-in-out; /* For Safari 3.1 to 6.0 */ transition: height 0.5s ease-in-out; z-index: 2; } .services_box[data-service-style = 'style5']:hover .second-ico:before { height: 0%; } /*-------------------- Shop Products ----------------------------*/ .shop-latest .tabbable ul>li { border: none; } .shop-latest .tabbable ul>li:first-child { border: none; } .shop-latest .tabbable .nav { height: 36px; margin-bottom: 10px; } .shop-latest .tabbable .nav li a { color: #777; padding: 0; margin: 0; } .shop-latest .tabbable .nav li.active a { color: #0EAFB5; } .shop-latest .tabbable .nav li a { padding: 0 10px 0 10px; } .shop-latest .tabbable .nav li:first-child a { padding: 0 10px 0 0; } .shop-latest .tabbable .nav li:first-child a { border-right-width: 3px; border-right-style: solid; } .shop-latest .tabbable .nav li a { background: none; } .shop-latest .tabbable .nav li h3 { background: none; } .shop-latest .tab-content { overflow: visible; border: none; } .shop-latest .tab-pane { display: block; visibility: hidden; height: 0; padding: 0; } .shop-latest .tab-content > .active { visibility: visible; height: auto; } .shop-latest-carousel { position: relative; } .shop-latest-carousel .control { top: -51px; } /*-------------------- Pie Chart ----------------------------*/ .easyPieChart { position: relative; } .easyPieChart canvas { position: absolute; top: 0; left: 0; } .pie-chart-holder { display: block; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .3s ease 0s; -moz-transition: opacity .3s ease 0s; -o-transition: opacity .3s ease 0s; } .percentage { font-size: 24px; font-weight: 300; color: #333; text-align: center; margin: 0 auto; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .3s ease 0s; -moz-transition: opacity .3s ease 0s; -o-transition: opacity .3s ease 0s; } .pie-chart-holder .tocounter { float: none; margin: 0; } .pie-chart-holder .pie_chart_text { text-align: center; margin: 17px 0 0; } /*-------------------- Milestone ----------------------------*/ .milestone { text-align: center; } .milestone_container { opacity: 0.1; transform: scale(0.3); -webkit-transform: scale(0.3); -o-transform: scale(0.3); -moz-transform: scale(0.3); margin-bottom: 20px; font-size: 60px; line-height: 60px; letter-spacing: -5px; color: #0EAFB5; font-weight: 300; } .subject { letter-spacing: 0.5px; font-size: 20px; } /*-------------------- Recent Work Carousel----------------------------*/ .control { position: absolute; right: 22px; top: 2px; } .control[data-move = "yes"] { right: 2px; } .caroufredsel_wrapper { margin: 0 !important; } .recentwork_carousel, .fullwidth_carousel { display: none; position: relative; } .recentwork_carousel ul, .fullwidth_carousel ul { margin: 0; padding: 0; list-style: none; height: auto !important; } .recentwork_carousel li, .fullwidth_carousel li { float: left; margin: 0; padding: 0 20px 0 0; } .recentwork_carousel[data-gap='no-space'] { margin-left: 20px; } .recentwork_carousel[data-gap='no-space'] li { padding: 0; } .recentwork_carousel .control { z-index: 1; } .recentwork_carousel[data-gap='space'] { position: relative; } .visible-wide { display: none; } .hidden-wide { display: none; } .post-meta.span2 .comm { display: block; } .fullwidth_carousel li, .recent_works2[data-swipe='true'] li { cursor: grab!important; cursor: -moz-grab!important; cursor: -webkit-grab!important; margin: 0px!important; padding: 0px!important; } .fullwidth_carousel { margin: 0 !important; } /*---------------------------- Video Background ----------------------------*/ .video-background.visible-desktop { display: none; } .video-background { position: relative; } .video-background.hidden-desktop .video-content { position: relative; z-index: 2; } .video-background.visible-desktop .video-content { display: none; width: 100%; left: 0px; position: absolute; top: 50%; z-index: 100; -webkit-font-smoothing: antialiased; } .video_texture { height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; } .current_texture { background-image: url(images/textures/grid.png); } .white_texture, .gray_texture, .maincolor_texture { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .white_texture { background: rgba(255,255,255,0.6); } .maincolor_texture { background-color: #0EAFB5; opacity: 0.6; } .gray_texture { background-color: rgba(0, 0, 0, 0.4); opacity: 0.6; } .video-background.visible-desktop .mobile-video-image { display: none; } .video-background.visible-desktop .mejs-container .mejs-controls { display: none!important; } .video-background.visible-desktop .mejs-overlay-loading { display: none; } .video-background.visible-desktop .mejs-overlay-loading span { display: none; } .video-background.visible-desktop .mejs-container { margin-bottom: 0px; } .video-background, .video-background .mejs-poster { background-size: cover!important; -moz-background-size: cover!important; -webkit-background-size: cover!important; -o-background-size: cover!important; } /*---------------------------- Parallax-Header ----------------------------*/ .message { position: fixed; display: none; } .message p { text-align: center; line-height: 30px; font-size: 24px; } .message a:hover { color: #0EAFB5; } #parallax-header { background-attachment: fixed; background-position: 50% 0; height: 0; } /*---------------------------- Parallax-Section ----------------------------*/ .parallax-section { position: relative; background-size: cover; } .parallax_sc { z-index: 2; position: relative; } .parallax_sc[data-style="style1"] { color: #fff; } .parallax_sc[data-style="style1"] h2 { color: #fff !important; } .parallax_sc .animated_image { opacity: 0; position: relative; } .parallax_sc[data-img-pos=left] .animated_image { left: -40px; float: right; } .parallax_sc[data-img-pos=right] .animated_image { right: -40px; float: left; } /*---------------------Latest Posts-----------------------*/ .latest_posts_shortcode article { padding: 3px; border-width: 1px; border-style: solid; margin-bottom: 10px; } .latest-title { text-align: center; } article .post-text { padding: 5px; } article .post-text h4 { font-size: 15px; margin: 0; } article .post-list-meta { margin-top: 3px; } /*---------------------Blog Posts-----------------------*/ .m_title { margin-right: 10px; margin-bottom: 20px; } .viewall { font-size: 14px; line-height: 21px; text-transform: uppercase; } @media (min-width: 768px) and (max-width: 979px) { .latest_posts.span12 .box { width: 228px !important; } .latest_posts.span9 .box { width: 259px !important; } } .latest_posts .box { opacity: 0; } .box { margin-bottom: 30px; } .box article { margin-bottom: 0; position: relative; padding-bottom: 0; border-width: 1px; border-style: solid; -o-box-shadow: 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); margin: 0 10px 20px 10px; } .result { padding: 25px !important; margin: 0 !important; } .result > a { margin-bottom: 14px; display: block; } .box .audio-wrap, .box .video-post-wrap { margin-bottom: 0px !important; } .box .entry { padding: 25px 25px 15px 25px; } .box .entry.sound-cloud { padding: 19px 25px 15px 25px; } .box footer { margin-top: 18px; } .box .format-link footer, .box .format-quote footer { margin-top: 0; margin-bottom: 10px; } .masonry .inner-acc .video-wrap { position: relative; padding-bottom: 54.25%; padding-top: 25px; height: 0; margin-bottom: 16px; } .masonry .inner-acc .video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Audio/Video jPlayer Skin ---------------------------------------------*/ /* 3.6 Media Element Styles */ /* .mejs-container { margin-bottom: 25px; } */ .audio-wrap, .video-post-wrap { margin-bottom: 25px; } article[data-cloud="yes"] .audio-wrap { margin-bottom: 21px; } .mejs-controls .mejs-button button:focus { outline: none !important; } video,audio { visibility: hidden; } .mejs-controls .mejs-time-rail .mejs-time-loaded { background-color: rgba(255,255,255,0.18) !important; } .mejs-container { background-color: transparent !important; background-image: none !important; } .mejs-poster { background-size: cover !important; } .mejs-container .mejs-poster img { max-width: none !important; width: 100% !important; } .mejs-controls button { opacity: 0.8; } .mejs-controls button:hover,.mejs-controls .mejs-fullscreen-button:hover button { opacity: 1 !important; } .mejs-controls button { font-family: Fontello; font-size: 12px; } .mejs-controls .mejs-mute button { content: '\e965'; } .mejs-controls .mejs-unmute button { content: '\e963'; } .mejs-controls .mejs-play button { content: '\e840'; } .mejs-controls .mejs-pause button { content: '\e845'; } .mejs-controls .mejs-fullscreen-button button { content: '\e80a'; } .mejs-container .mejs-controls { background: rgba(0,0,0,0.7) !important; } .mejs-controls .mejs-time-rail .mejs-time-total { background: #1f1f1f none repeat scroll 0 0 !important; } body .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { top: 5px; } .jp-jplayer { height: 30px; background-color: transparent; width: 100% !important; } .jp-video-container,.jp-audio-container { -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -o-box-shadow: 0 1px 3px rgba(0,0,0,0.5); box-shadow: 0 1px 3px rgba(0,0,0,0.5); position: relative; width: 100%; } .jp-jplayer-video img { margin-bottom: 0 !important; width: 100% !important; height: auto !important; display: block; } .jp-jplayer-video { overflow: hidden; } .jp-jplayer-video video { display: block; width: 100.1% !important; } .jp-video-container { margin-bottom: 16px; } .jp-audio-container { width: 100%; margin-bottom: 16px; } .jp-interface { position: relative; width: 100%; height: 30px; background: #333; z-index: 100; } .jp-controls { list-style-type: none; padding: 0; margin: 0 !important; } .jp-controls li { display: inline; } .jp-controls a { border-bottom: none; position: absolute; overflow: hidden; } .jp-controls a:hover { background-color: transparent; } a.jp-play,a.jp-pause { top: 0; left: 12px; } a.jp-unmute { top: 0; right: 62px; } a.jp-mute { top: 0; right: 68px; } a.jp-play,a.jp-pause,a.jp-mute,a.jp-unmute { display: inline; color: #aaa; height: 30px; z-index: 1; outline: none; line-height: 30px; } a.jp-play:before,a.jp-pause:before,a.jp-mute:before,a.jp-unmute:before { font-family: Fontello; } a.jp-play:before { content: '\e840'; font-size: 13px; } a.jp-pause:before { content: '\e845'; font-size: 13px; } a.jp-mute:before { content: '\e965'; font-size: 15px; } a.jp-unmute:before { content: '\e963'; font-size: 15px; } a.jp-play:hover,a.jp-pause:hover,a.jp-mute:hover,a.jp-unmute:hover { color: #ddd; } a.jp-pause { display: none; } .jp-progress { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin: 10px 0; padding: 0 100px 0 37px; position: absolute; height: 10px; width: 100%; } .jp-seek-bar { background: #222; width: 0; height: 9px; cursor: pointer; position: relative; -webkit-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; } .jp-play-bar { width: 0; height: 7px; top: 1px; position: relative; -webkit-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; background-color: #0EAFB5; } .jp-volume-bar-container { position: absolute; top: 0; right: 10px; width: 45px; height: 8px; margin: 10px 0; background-color: #0EAFB5; } .jp-volume-bar { position: relative; overflow: hidden; background: #222; width: 100%; height: 9px; cursor: pointer; top: 0; } .jp-volume-bar-value { width: 80%; height: 7px; margin: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; } .iframe-embed { position: relative; padding-bottom: 54.25%; padding-top: 25px; height: 0; margin: 0 0 25px; } .box .iframe-embed { margin: 0; } .iframe-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /****************** Image Box ****************/ .image-boxes { margin-top: 10px; } /****************** Action Box ****************/ .action-box-wrap { border-width: 1px; border-style: solid; border-color: #0EAFB5; padding: 45px 0; } /****************** Action Section ****************/ ._action_section { position: relative; background-color: #0EAFB5; } ._action_section .span12, .action-box { display: table; width: 100%; } ._action_section .span12 > div, .action-box > div { display: table-cell; vertical-align: middle; text-align: center; } .left-side { width: 60%; } .right-side { width: 40%; } ._action_section .text { color: #fff !important; text-align: center; } ._action_section .text, .action-box .text { font-size: 30px; text-transform: uppercase; } ._action_section .zd-button, .action-box .zd-button { position: relative; opacity: 0; margin: 5px 5px; top: 0 !important; } ._action_section .row,._full_width_section .row { margin-bottom: 0; } ._action_section .text { margin: 5px 0; } /****************** Full Width Section ****************/ .mobile-fix { width: 5px; float: right; position: relative; right: -90px; } ._full_width_section { /* background-size: cover; */ background-color: #F2F2F2; background-attachment: fixed; background-size: cover; overflow: hidden; } .full_width_section { position: relative; } .fw_parallax_src { position: relative; z-index: 2; } .fw_parallax_src, .fw_parallax_src>.row, .fw_parallax_src>.row>.span12 { height: 100%; } /****************** Revolution & Port Slider ****************/ #rev_slider_1_1_wrapper { padding: 0 !important; } .rev_slider { height: 500px; } .portfolio-gallery { position: relative; } .portfolio-gallery .flex-direction-nav .flex-prev, .portfolio-gallery .flex-direction-nav .flex-next { width: 40px; height: 40px; margin-top: -20px; } .tp-leftarrow, .tp-rightarrow, .portfolio-gallery .flex-direction-nav .flex-prev, .portfolio-gallery .flex-direction-nav .flex-next { background: none !important; background-color: rgba(0, 0, 0 , 0.4) !important; color: #fff; display: block; } .tp-leftarrow:hover, .tp-rightarrow:hover, .portfolio-gallery .flex-direction-nav .flex-prev:hover, .portfolio-gallery .flex-direction-nav .flex-next:hover { background-color: rgba(0, 0, 0 , 0.4) !important; } .tp-leftarrow:after, .portfolio-gallery .flex-direction-nav .flex-prev:before { content: "\e8ef"!important; font-family: 'Fontello'; display: table-cell; vertical-align: middle; text-align: center; width: 40px; height: 40px; font-size: 20px; } .tp-rightarrow:after, .portfolio-gallery .flex-direction-nav .flex-next:before { content: "\e90e"!important; font-family: 'Fontello'; display: table-cell; vertical-align: middle; text-align: center; width: 40px; height: 40px; font-size: 20px; } /****************** Big Title ****************/ .big_title { text-align: center; } .big_title h2 { position: relative; bottom: -20px; opacity: 0; } .big_title h4 { position: relative; bottom: -20px; opacity: 0; } /****************** Team Member ****************/ .team_member { text-align: center; position: relative; color: #fff; opacity: 0; } .team_member h4 { margin-top: 17px; color: #fff; -webkit-transition: all 0.5s linear; transition: all 0.5s linear; } .team_member .position { color: #0EAFB5; margin-bottom: 10px; } .team_member:hover .team-social-inner { margin-top: -100%; } .span4 .team_member:hover h4 { margin-top: 50px; } .team-social-inner { width: 100%; height: 100%; position: absolute; margin-top: -86px; left: 0; -webkit-transition: all 0.5s linear; transition: all 0.5s linear; background: rgba(0, 0, 0, 0.6); } .team-social-inner .details { padding: 0 20px; } .team-social-inner .desc { margin-bottom: 14px; } .team-social-inner a, .portfolio .project-item .project-info a , .cube-info-back a { padding: 5px; display: inline-block; font-size: 16px; border: 1px solid #fff; color: #fff; margin: 3px 3px 15px; } .team-social-inner a:hover { background-color: #fff; } .portfolio .project-item .project-info a:hover , .cube-info-back a:hover { color: #fff; } /*---------------------Horizontal Tabs-----------------------*/ .tabbable ul { margin-bottom: 0px; margin-left: 0; } .tabbable ul>li { float: left; border-right: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: -1px; } .tabbable ul>li:first-child { border-left: 1px solid rgba(0, 0, 0, 0.1); } .tabbable ul>li>a { font-size: 15px; text-transform: uppercase; color: inherit; position: relative; padding: 14px 23px; transition: all .1s linear; -webkit-transition: all .1s linear; -o-transition: all .1s linear; -moz-transition: all .1s linear; } .tabbable ul .active a { padding: 10px 18px 10px; margin: 4px 5px 4px; color: #fff; background-color: #0EAFB5; } .tab-content { border: 1px solid rgba(0, 0, 0, 0.1); float: left; width: 100%; } .tab-pane { padding: 25px 20px 15px; -webkit-animation: fadeIn .5s; -moz-animation: fadeIn .5s; animation: fadeIn .5s; } .horizontal_tabs .tab-pane, .vertical_tabs .tab-pane { overflow: hidden; } .horizontal_tabs { margin-top: 1px; } /****************** Vertical Tabs ****************/ .vertical_tabs .tabbable .nav { float: left; width: 30%; margin: 0 0 -1px 0; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .vertical_tabs .tabbable .nav>li { width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 0; border-top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 0; } .vertical_tabs .tabbable .nav>li>a>span { margin-right: 5px; } .vertical_tabs .tabbable .nav>li>a>span span { margin: 0; vertical-align: middle; } .vertical_tabs .tabbable .nav>li.active>a { margin: 5px 5px 4px; } .vertical_tabs .tabbable .nav>li.active>a>span, .vertical_tabs .tabbable .nav>li>a:hover>span { } .vertical_tabs .tabbable .nav>li:first-child { border-top: 1px solid rgba(0, 0, 0, 0.1); } .vertical_tabs .tabbable .tab-content { float: left; width: 70%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /****************** Contact Form ****************/ form.cf_validate { margin: 0; } .form_container { /* margin-top: 10px; */; } .contact textarea,.contact input { width: 96%; margin: 0 0 20px; } .contact .control-group { margin-bottom: 0; } .contact .controls { margin: 0; height: auto; } .recaptchatable #recaptcha_response_field { border-color: #e1e1e1 !important; height: 20px !important; padding: 4px 6px !important; } #recaptcha_widget_div { margin-bottom: 16px; } .success .alert { margin-bottom: 10px; } #wsubmit-form { margin-top: 2px; margin-bottom: 0px; } .widget_contact_form textarea { height: 70px; } .widget_contact_form input:not(#wsubmit-form), .widget_contact_form textarea { width: 100%; } /***************** Flexslider ******************/ .flex-gallery { margin: 0; padding: 0; } .flex-gallery .slides > li { display: none; -webkit-backface-visibility: hidden; } .flex-gallery .slides img { width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } .flex-gallery .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .flex-gallery .no-js .slides > li:first-child { display: block; } .flex-gallery { margin: 0 0 10px; position: relative; background-color: transparent; } .archive .flex-gallery { margin: 0 0 25px; } .box .flex-gallery { margin: 0; } .flex-gallery .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-gallery .loading .flex-viewport { max-height: 300px; } .flex-gallery ul { position: relative; z-index: 1000; margin: 0; } .flex-gallery ul li { list-style: none; } .flex-gallery ul li img { margin-bottom: 0 !important; } .flex-gallery .carousel li { margin-right: 0; margin-left: 0; } .flex-gallery .flex-control-nav { display: none; } .flex-gallery .flex-direction-nav a { display: block; position: relative; height: 25px; width: 25px; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear; } .control a { display: inline-block; height: 25px; width: 25px; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear; } .flex-gallery .flex-direction-nav li { float: left; margin-left: 7px; } .flex-gallery .flex-direction-nav { margin: -22px 0 0 !important; } .flex-gallery .flex-direction-nav a:before { position: relative; top: 3px; left: 9px; } .control a:before { vertical-align: middle; width: 100%; margin: 0; } .flex-gallery .flex-direction-nav a, .control a { color: #fff; background-color: rgba(0, 0, 0, 0.4); } .control a:before { font-size: 12px; color: #fff; } .flex-gallery .flex-direction-nav a:hover, .control a:hover { background-color: rgba(0, 0, 0, 0.4) !important; } .flex-gallery .flex-prev:before { content: '\e8ef'; font-family: 'Fontello'; font-size: 12px; } .flex-gallery .flex-next:before { content: '\e90e'; font-family: 'Fontello'; font-size: 12px; } #sidebar { height: 100%; } #secondary[data-sidebar-position = 'right-sidebar'] #sidebar { text-align: left; padding-right: 0px; padding-left: 30px; } #secondary[data-sidebar-position = 'left-sidebar'] #sidebar { text-align: right; padding-right: 30px; padding-left: 0px; } #secondary[data-sidebar-position = 'left-sidebar'] #sidebar .widget { text-align: right; } #secondary #sidebar { padding-top: 30px; } .site-content { border-right-style: none; padding: 30px 0 0; } .blank { display: table !important; height: 100%; width: 100%!important; position: absolute; margin: 0; left: 0; top: 0; overflow-x: hidden; } .blank .site-content { padding: 0; } .blank #page { background-color: #FFF; display: table-cell; float: none; vertical-align: middle; } .element_row .site-content { padding: 0; } .element_row { margin-top: 10px; margin-bottom: 10px; } .post-meta > div { text-align: center; padding: 5px 5px 0; } .post-meta > div:first-child { border-bottom-width: 1px; border-bottom-style: solid; padding: 0 5px 10px; } .social-wrap ul { margin: 0; display: block; float: right; } .social-wrap ul li { float: left; padding: 0; border-bottom: 0; line-height: 40px; } .single-portfolio .social-wrap ul li { line-height: inherit; } .social-wrap ul li .facebook i { color: #5c80ca !important; } .social-wrap ul li .twitter i { color: #08c7ff !important; } .social-wrap ul li .plusone i { color: #d34836 !important; } .social-wrap ul li .pinterest i { color: #dc2329 !important; } .social-wrap ul li i:hover { color: #ff4639 !important; } .social-wrap ul li i { cursor: pointer; font-size: 16px; transition: color .1s linear; -moz-transition: color .1s linear; -webkit-transition: color .1s linear; -o-transition: color .1s linear; } .social-wrap ul li { margin-right: 10px; width: auto; } .social-wrap ul li:last-child { margin-right: 0; } /*************** Spinner ******************/ .spinner { margin: 100px auto; width: 48px; height: 48px; position: relative; top:50%; } .cube1, .cube2 { background-color: #0EAFB5; width: 15px; height: 15px; position: absolute; top: 0; left: 0; -webkit-animation: cubemove 1.8s infinite ease-in-out; animation: cubemove 1.8s infinite ease-in-out; } .cube2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } @-webkit-keyframes cubemove { 25% { -webkit-transform: translateX(32px) rotate(-90deg) scale(0.6) } 50% { -webkit-transform: translateX(32px) translateY(32px) rotate(-180deg) } 75% { -webkit-transform: translateX(0px) translateY(32px) rotate(-270deg) scale(0.6) } 100% { -webkit-transform: rotate(-360deg) } } @keyframes cubemove { 25% { transform: translateX(32px) rotate(-90deg) scale(0.6); -webkit-transform: translateX(32px) rotate(-90deg) scale(0.6); } 50% { transform: translateX(32px) translateY(32px) rotate(-179deg); -webkit-transform: translateX(32px) translateY(32px) rotate(-179deg); } 50.1% { transform: translateX(32px) translateY(32px) rotate(-180deg); -webkit-transform: translateX(32px) translateY(32px) rotate(-180deg); } 75% { transform: translateX(0px) translateY(32px) rotate(-270deg) scale(0.6); -webkit-transform: translateX(0px) translateY(32px) rotate(-270deg) scale(0.6); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } body{ display:none; } #jpreOverlay, #qLoverlay { background-color:#fff; width:100%; height:100%; position:fixed; top:0; left:0; z-index:11; } #jpreSlide { font-size:22px; font-weight:700; color:#FFF; text-align:center; width:100%; } #jpreLoader, #qLloader { width:448px; height:69px; position:fixed; top:43%; left:50%; margin-left:0px; margin-top: -300px; } #jpreBar, #qLbar { width:448px; height:0; position:absolute; bottom:0; } #jprePercentage, #qLpercentage { display: none; color:#888; text-align:center; position:absolute; height:30px; width:100px; margin-top: 40px; } /*-------------------------------------------------------------------------*/ /* 10. Comment Styles /*-------------------------------------------------------------------------*/ .respond { background-color: transparent; box-shadow: none; padding: 0; } .respond > p, #commentform > p { margin-bottom: 15px; } #commentform input[type=text] { height: 30px; } .respond > h3 { margin-bottom: 20px; } .respond .controls-row { margin-bottom: 5px; } .comment-list { margin-bottom: 25px; margin-left: 0; } .comment-list li { list-style: none; } .comment-list li.comment > div { background-color: #fff; margin: 0; overflow: hidden; padding: 25px 25px 20px 25px; margin-bottom: 25px; position: relative; padding-left: 116px; border-width: 1px; border-style: solid; } .comment-list .children { margin-left: 0; padding-left: 40px; border-left: 2px dotted #ddd; } .comment-list li.comment > div img.avatar { position: absolute; left: 29px; top: 29px; } .comment-list .reply { position: absolute; top: 0; right: 0; } .comment-list .comment-author { color: #333; font-family: OpenSansSemibold; } .comment-list .comment-meta { font-size: 11px; line-height: 15px; } .comment-list li.comment > div p { padding-bottom: 0; margin-top: 10px; } .respond h3 .cancel-comment-reply { display: inline-block; margin-left: 10px; padding-left: 10px; position: relative; border-left: 1px solid #ddd; } #submit,.submit,#submit-form,.comment-list .reply a { border: none; transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; -o-transition: all .1s linear; color: #FFF !important; margin-bottom: 10px; display: inline-block; font-size: 12px; padding: 5px 9px; background-color: #0EAFB5; } #submit-form { width: auto; } .form-submit { margin: 0; } .comment-author a { color: inherit; } #totop { display: block; position: fixed; right: -60px; bottom: 50px; padding: 7px; color: #fff; text-align: center; line-height: 29px; font-size: 11px; cursor: pointer; z-index: 10000; height: 29px; width: 29px; transition: background-color .1s linear; -moz-transition: background-color .1s linear; -webkit-transition: background-color .1s linear; -o-transition: background-color .1s linear; background-color: #0EAFB5; background-size: 100% 100%; background-position: center center; } #totop { background-color: rgba(0, 0, 0, 0.4); } #totop:before { font-size: 20px; line-height: 29px; margin-left:3px; } #totop.bright { background-color: #444; } @media (max-width: 767px) { #commentform .controls-row [class*=span] + [class*=span] { margin-left: 0; } } #portfolio-loading { display: block; width: 100%; position: absolute; background-color: #000; } /***** Accordion *******/ .acc-group, .ui-accordion-content { margin-bottom: 10px; position: relative; } .acc-group:last-child { margin-bottom: 0px; } .acc-group button, .ui-accordion-header { font-size: 15px; text-transform: uppercase; display: block; text-align: left; width: 100%; color: #fff; letter-spacing: 0; padding: 14px 23px; transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; -o-transition: all .1s linear; border-width: 1px; border-style: solid; border-color: #0EAFB5; background-color: #0EAFB5; } .acc-group button:after, .ui-accordion-header-active:after { content: '_'; position: absolute; right: 16px; padding: 15px 0; font-size: 22px; position: absolute; top: -12px; width: 20px; height: 20px; font-family: 'OpenSans'; } .acc-group .collapsed:after, .ui-accordion-header:not(.ui-state-active):after { content: '+'; top: 0; right: 17px; font-size: 23px; padding: 15px 0; position: absolute; width: 20px; height: 20px; font-family: 'OpenSans'; } .acc-group .collapsed, .ui-accordion-header:not(.ui-state-active) { color: inherit; background-color: transparent; } .toggle .content { margin-bottom: 2px; padding: 25px 20px 15px; border-top: 0; border-left: 1px solid; border-right: 1px solid; border-color: rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); -o-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; margin-bottom: 10px; } .ui-accordion .ui-accordion-content { border-top: 0; margin-top: -12px; position: relative; top: 1px; overflow: auto; display: none; zoom: 1; } button { outline: invert none medium; } ::-webkit-selection { color: #fff; } ::-moz-selection { color: #fff; } ::selection { color: #fff; } .pag { text-align: center; left: 4px; position: relative; margin-top: 10px; } .pag a { display: inline-block; height: 8px; margin: 0 4px; transition: background-color 0.1s linear 0s, border-color 0.1s linear 0s; width: 8px; } .pag a { height: 9px; width: 9px; line-height: 9px; margin: 0 8px 0 0; padding: 0; text-decoration: none; border-width: 1px; border-style: solid; } .pag a.selected { border-width: 1px; border-style: solid; border-color: #0EAFB5; } .pag a span { display: none; } /*********************** Shortcodes ********************/ p.gap { margin-bottom: 0; } blockquote, blockquote.pull-right { border-color: #0EAFB5; } .alert { margin-bottom: 30px; padding: 14px 35px 14px 23px; border-radius: initial; } .alert .close { top: 2px; } /***************** Price Tables ******************/ .spacer { height: 50px; } .no-space { margin-left: 0 !important; } .no-space [class*=span] { margin-left: 0 !important; } .row-fluid.no-space .span1 { width: 8.334% !important; } .row-fluid.no-space .span2 { width: 16.667% !important; } .row-fluid.no-space .span3 { width: 25% !important; } .row-fluid.no-space .span4 { width: 33.334% !important; } .row-fluid.no-space .span5 { width: 41.667% !important; } .row-fluid.no-space .span6 { width: 50% !important; } .row-fluid.no-space .span7 { width: 58.333% !important; } .row-fluid.no-space .span8 { width: 66.666% !important; } .row-fluid.no-space .span9 { width: 75% !important; } .row-fluid.no-space .span10 { width: 83.334% !important; } .row-fluid.no-space .span11 { width: 91.666% !important; } .row-fluid.no-space .span12 { width: 100% !important; } .pricing_table { text-align: center; margin: 25px 0; } .pricing_table .tb_header { background-color: #8AB623; } .pricing_table .tb_header h3 { margin: 0; padding: 18px 0; color: #0EAFB5; font-size: 26px; font-weight: 700; } .pricing_table .span1 .tb_header h3 { font-size: 15px; } .pricing_table .span2 .tb_header h3 { font-size: 22px; } .pricing_table .highlight .tb_header h3 { border: none; } .pricing_table .price { margin: 0; border-bottom: 2px solid #FFF; color: #fff; letter-spacing: 0; line-height: 1; } .pricing_table .price p { margin: 0; } .pricing_table .price h4 { padding: 20px 30px 6px; font-size: 54px !important; line-height: 42px !important; color: #333; margin: 0 0 0 -10px; } .pricing_table .span2 .price h4 { padding: 20px 15px 6px; font-size: 40px !important; line-height: 45px !important; } .pricing_table .span1 .price h4 { padding: 20px 5px 6px; font-size: 20px !important; line-height: 24px !important; } .pricing_table .price .interval { display: block; color: #999; padding-bottom: 17px; } .pricing_table .price .dollar-sign { font-size: 22px; line-height: 22px; top: -14px; left: -4px; position: relative; font-weight: 300; } .pricing_table .span1 .price .dollar-sign { top: 0px; } .pricing_table p { margin: 0; } .pricing_table ul { margin: 0; padding: 0; list-style: none; } .pricing_table li { margin: 0; padding: 10px 25px; font-size: 12px; line-height: 2; border-bottom: 1px solid #efefef; } .pricing_table li:first-child { border-top: 1px solid #efefef; } .pricing_table .tb_content li hr { margin: 10px 50px; } .pricing_table .signin { padding: 15px 0; } .pricing_table .signin a { margin: 0; } .pricing_table .pr_table_col { background-color: #fff; position: relative; z-index: 0; -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 1px rgba(0,0,0,0.5); box-shadow: 0 0 1px rgba(0,0,0,0.5); } .pricing_table .pr_table_col.highlight .ttitle { background-color: #0EAFB5; color: #fff; } .pricing_table .pr_table_col { -webkit-transition: 0 .1s ease-out; -moz-transition: 0 .1s ease-out; -o-transition: 0 .1s ease-out; transition: box-shadow .1s ease-out; } .pricing_table .pr_table_col.caption_column { margin-top: 50px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .pricing_table .pr_table_col.caption_column .tb_header { font-size: 18px; padding: 41px 0; color: #444; font-weight: 700; border-bottom: 2px solid #fff; background: #eee; } .pricing_table .pr_table_col.caption_column .tb_content li { padding: 5px 0; text-align: left; text-indent: 30px; background: #eee; } .pr_table_col .tb_header h3 { border-bottom-width: 1px; border-bottom-style: solid; } .pr_table_col .tb_header { background-color: #fff; } /***************** Tooltip ******************/ .stronger { border-bottom: 1px dotted rgba(255,255,255,0.5); padding-bottom: 2px; cursor: help; } /***************** Icon ******************/ [class^=icons-],[class*=" icons-"] { transition: all .1s linear; -webkit-transition: all .1s linear; -o-transition: all .1s linear; -moz-transition: all .1s linear; } [class^=icons-].icons-small-alt,[class*=" icons-"].icons-small-alt { font-size: 32px; color: #0EAFB5; } [class^=icons-].icons-small, [class*=" icons-"].icons-small, [class^=icons-].icons-medium, [class*=" icons-"].icons-medium, [class^=icons-].icons-large,[class*=" icons-"].icons-large { display: inline-block; } [class^=icons-].icons-small,[class*=" icons-"].icons-small { color: #fff; font-size: 16px; height: 32px; line-height: 32px; max-width: 100%; position: relative; text-align: center; vertical-align: middle; width: 32px; word-spacing: 1px; background-color: #0EAFB5; border: 1px solid #0EAFB5; } [class^=icons-].icons-medium, [class*=" icons-"].icons-medium { color: #fff; font-size: 30px; height: 64px; line-height: 64px; max-width: 100%; position: relative; text-align: center; vertical-align: middle; width: 64px; word-spacing: 1px; background-color: #0EAFB5; } [class^=icons-].icons-medium:after, [class*=" icons-"].icons-medium:after { border-width: 3px; border-style: solid; border-color: #0EAFB5; pointer-events: none; top: -5px; position: absolute; /* border-radius: 50%; */ content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin-left: -58px; height: 68px; width: 68px; } [class^=icons-].icons-large,[class*=" icons-"].icons-large { border: 1px solid #0EAFB5; } body [class^=icons-].icons-large.alt-style,body [class*=" icons-"].icons-large.alt-style { color: #fff !important; background-color: #0EAFB5; } [class^=icons-].icons-large,[class*=" icons-"].icons-large,.circle-border { font-size: 44px; height: 90px; line-height: 90px; max-width: 100%; position: relative; text-align: center; vertical-align: middle; width: 90px; word-spacing: 1px; color: #0EAFB5; } [class^=icons-].icons-large,[class*=" icons-"].icons-large { margin-bottom: 27px; } .services_box [class^=icons-].icons-large { margin-bottom: 0; } body [class^=icons-].icons-tiny { line-height: 15px !important; height: 13px; width: 15px; margin-right: 5px; font-size: 13px; color: #888; background-color: transparent; } /***************** Progress Steps ******************/ .process-steps { position: relative; } .process-steps .step-title { text-transform: uppercase; font-size: 13px; font-weight: bold; line-height: 22px; } .process-steps .step-desc { font-size: 13px; font-weight: 600; } .process-steps .step-icon { width: 60px; height: 60px; display: block; font-size: 32px; text-align: center; line-height: 60px; -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; border-width: 1px; border-style: solid; border-color: #0EAFB5; color: #0EAFB5; background-color: #fff; } .process-steps .active-step-item .step-icon { transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); background-color: #0EAFB5; color: #fff; } .process-steps .step-icon i { position: absolute; left: 0; top: 0; line-height: 60px; text-align: center; width: 60px; opacity: 0; 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; } .process-steps.horizontal .step-panes .step-icon { display: none; } .process-steps.horizontal .step-items { position: relative; margin: 0; padding: 0; list-style: none; text-align: center; } .process-steps.horizontal .step-items li { margin: 0 20px; display: inline-block; } .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; } .process-steps.horizontal .step-panes .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; top: 30px; left: 0; position: absolute; display: block; width: 100%; } .process-steps.horizontal .step-panes .step.active-step { opacity: 1; top: 0; } /***************** Bar graph ******************/ .progress { height: 26px; border-radius: 0; } .progress .bar { background-color: #0EAFB5; background-image: none; font-size: inherit; } .bar_graph { text-align: left !important; margin: 0 !important; } .bar_graph p:first-child { margin: 0; } .bar_graph li { list-style: none !important; } .bar_graph .bar-wrap { margin-bottom: 10px; } .bar_graph p { margin: 0; padding-bottom: 2px; font-size: 15px; text-transform: uppercase; } .bar strong { color: #fff; line-height: 26px; } /***************** Buttons ******************/ .zd-button { transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; -o-transition: all .1s linear; color: #FFF !important; font-size: 12px; padding: 13px 19px; position: relative; margin-bottom: 10px; display: inline-block; background-color: #0EAFB5; border-width: 1px; border-style: solid; border-color: #0EAFB5; opacity: 0.9; } .zd-button:hover { opacity: 1; } .zd-button.three-dimension { border:none !important; } .zd-button.small.three-dimension { -moz-box-shadow: 0 -1px rgba(0,0,0,0.2) inset; -webkit-box-shadow: 0 -1px rgba(0,0,0,0.2) inset; -o-box-shadow: 0 -1px rgba(0,0,0,0.2) inset; box-shadow: 0 -1px rgba(0,0,0,0.2) inset; } .zd-button.small { font-size: 12px; padding: 5px 9px; color: #FFF !important; top: -1px; } .zd-button.medium.three-dimension { -moz-box-shadow: 0 -2px rgba(0,0,0,0.2) inset; -webkit-box-shadow: 0 -2px rgba(0,0,0,0.2) inset; -o-box-shadow: 0 -2px rgba(0,0,0,0.2) inset; box-shadow: 0 -2px rgba(0,0,0,0.2) inset; } .zd-button.medium { padding: 15px 23px; font-size: 15px; color: #FFF !important; top: -1px; } .zd-button.medium i { margin-right: 1px; } .zd-button.large.three-dimension { -moz-box-shadow: 0 -3px rgba(0,0,0,0.2) inset; -webkit-box-shadow: 0 -3px rgba(0,0,0,0.2) inset; -o-box-shadow: 0 -3px rgba(0,0,0,0.2) inset; box-shadow: 0 -3px rgba(0,0,0,0.2) inset; } .zd-button.large { font-size: 16px; padding: 18px 26px; top: -2px; } .zd-button.large i { margin-right: 2px; } .zd-button.three-dimension:active { top: 0; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .zd-button.outline-btn-light, .zd-button.outline-btn-dark { } .zd-button.outline-btn-light { background: none; border-color: #fff !important; color: #fff; } .zd-button.outline-btn-dark { background: none; border-color: #404040 !important; color: #404040 !important; } .zd-button.outline-btn-light:hover { background-color: #fff; color: #252525 !important; } .zd-button.outline-btn-dark:hover { background-color: #404040; color: #fff !important; } .zd-button.outline-btn-light, .zd-button.outline-btn-dark { border-width: 1px !important; border-style: solid !important; } /************** Error Page ****************/ .error404-content { text-align: center; } .error404-content h2 { font-size: 250px; line-height: 250px; } .error404-content h3 { font-size: 30px; line-height: 30px; } /************************** Mobile Menu **********************************/ #mobile-menu { position: relative; top: 0px; display: none; background-color: #2f2f2f; padding: 0px; z-index: 100000; } #mobile-menu .container > ul { margin: 0; } #mobile-menu .container > ul > li:first-child { padding-top: 10px; } #mobile-menu .container > ul > li:last-child { padding-bottom: 10px; } #mobile-menu .container > ul > li:last-child a { border-bottom: 0px; } #mobile-menu ul li a { border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.5); font-size: 12px; display: block; position: relative; padding: 16px 0 !important; } #mobile-menu ul li ul { display: none; margin-left: 20px; } #mobile-menu ul li a:hover, #mobile-menu ul li a:hover [class^="icons-"], #mobile-menu li.open > a, #mobile-menu ul li.current-menu-item > a, #mobile-menu ul li.current-menu-ancestor > a { color: #fff; } body #mobile-menu li.open > a [class^="icons-"] { color: #0EAFB5; } #mobile-menu #mobile-search { margin: 10px 0px 0px 0px; } a > .sf-sub-indicator { right: 0px!important; position: absolute; padding: 16px; left: auto!important; top: 0px!important; height: auto; width: auto; background: none; } .sf-sub-indicator [class^="icons-"], .sf-sub-indicator [class*=" icons-"] { color: #888; font-size: 12px; line-height: 16px; height: auto; background-color: rgba(0, 0, 0, 0)!important; } /***************************** Animations *********************/ .animated-content { opacity: 0; position: relative; } .animated-content[data-animation="fade-in-from-left"] { left: -35px; } .animated-content[data-animation="fade-in-from-right"] { right: -35px; } .animated-content[data-animation="fade-in-from-bottom"] { bottom: -90px; } .animated-content[data-animation="fade-in-from-left"], .animated-content[data-animation="fade-in-from-right"] { margin: 0 auto; } .animated-content[data-animation="grow-in"], .testimonials-carousel-wraper { opacity: 1; transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0); transition: opacity 0.6s liner; -webkit-transition: opacity 0.6s liner; -moz-transition: opacity 0.6s liner; -o-transition: opacity 0.6s liner; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1s; animation-duration: 1s; }.ninja-forms-form-wrap input[type="submit"]{ background: none; border: none; color: #fff;}.ninja-forms-error-msg{ color:red;}.post-meta .date{ border:none; background: #0EAFB5; color:#fff; padding:5px!important;}.copyright a:link,.copyright a:visited{ color: #0EAFB5;}.copyright a:hover{ text-decoration:underline;}.company-bio .entry-content li:before{ content: '\e904'; font-family: "Fontello"; font-style: normal; font-weight: normal; color:#f2e746; padding-right:5px; font-size: 20px;} #responsive_slider .flexslider:hover .flex-next { background-position: 0 -50px!important; } #responsive_slider { position: relative; top: 20px; } .responsive-slider.flexslider .slide-title a { top:initial; right:initial; left:0px; bottom: 80px; width: 70%; } .content-area{ padding-bottom: 10px; } @media (max-width:1200px){ nav#main_menu > ul > li{ margin-right:0px; } } @media (max-width:980px){ .page_header .span8, .page_header .span4 { width:100%; text-align: left; } .page_header .span4 { line-height:initial!important; } } @media (max-width:768px){ #main{ margin-top:0px; padding-top:0px; } #masthead .row div > a{ margin-top:30px; } .page_header{ margin:0 10px; } .entry-content img{ margin:10px; } } @media (max-width:600px){ .responsive-slider.flexslider .slide .slide-title{ display:none; } } @media (max-width:550px){ #logo img{ width:280px; } #masthead .row div > a{ margin-top:0px; } } @media (max-width:480px){ #logo img{ width:240px; } .page_header h1 { font-size: 26px; line-height: initial; } .breadcrumbs{ display:none!important; } .entry-content img{ display:block; float:none!important; margin: 0 auto; } } /*override*/ .sf-menu ul li { width: 17.5em!important; }