/* Theme Name: Optimizer Description:The Optimizer, an easy to customize multi-purpose theme with lots of powerful features. This theme lets you customize each element Live without you having to touch any code. The theme comes with 2 site layout: Full width & boxed, Beautiful image slider, easy Logo upload, 600+ Fonts, powerful theme options, Custom CSS Field & lots of Color options. The optimizer is 100% responsive built with HTML5 & CSS3, it's SEO friendly, mobile optimized & retina ready. Its translation ready, ready for WooCommerce, bbPress, Mailchimp, Contact Form 7. The theme is rigorously tested and optimized for speed and faster page load time and has secure and clean code. It's perfect for any types of website - Landing Pages, small business, portfolio, photography, corporate, personal & eCommerce websites. Version: 0.4.1 Theme URI: http://optimizerwp.com/ Author: Towfiq I. License: GNU General Public License, v2 (or newer) License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html Text Domain: optimizer Tags: black, blue, gray, white, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, custom-background, custom-colors, custom-menu, featured-images, theme-options, right-sidebar, full-width-template, one-column, three-columns, flexible-header, rtl-language-support, sticky-post, threaded-comments, translation-ready */ body{ background:#ffffff; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#999;} .center{ width:85%; margin:0 auto;} img{max-width:100%} /*Full width pages*/ body .no_sidebar{ width:100%;} /*DIVIDERS*/ .optimizer_divider { width: 128px; height: 30px;margin: 0 auto; margin-top:30px;} .optimizer_divider .div_left { width: 45px;height: 1px;background: #999; float: left;} .optimizer_divider .div_right { width: 45px; float: left; height: 1px; background: #999;} .optimizer_divider .div_middle { float: left; margin: 10px; margin-top: -10px;line-height: 18px;} .optimizer_divider .div_middle .fa-heart{font-size: 14px;} .optimizer_divider .div_middle .fa-bolt{font-size: 18px;} .optimizer_divider .div_middle .fa-stop{font-size: 14px;transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);position: relative;} .optimizer_divider .div_middle i.fa-minus {width: 6px;position: relative;transform: rotate(117deg); -webkit-transform: rotate(117deg); -moz-transform: rotate(117deg);} .optimizer_divider.title_underline .div_left { display: none;} .optimizer_divider.title_underline .div_right { width: 45px; height: 3px; margin: 0 auto; float: none;display: block;} .optimizer_divider.title_underline { margin-top: 20px;} /*HEADER*/ .header{width:100%; float:left;} .header .center{ } .header{-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;transition:all 0.4s ease-out;} /*LOGO*/ .logo{ float:left;max-width:100%;} .logo h1, .logo h2{ float:left; font-size:36px; margin:12px 0; margin-bottom:0;} .logo h1 a, .logo h2 a{ font-weight:bold;} .logo img{ border:none; margin:10px 0;max-width:100%; height:auto;} /*LOGO Alignment*/ .logo_right .logo { float: right;} .logo_right #topmenu { float: left;} .logo_center .logo { float: left; width:100%; text-align:center;} .logo_center #topmenu { float: left; width:100%; text-align:center;} .logo_center .logo h1, .logo_center .logo h2{ float:none;} .logo_center #topmenu ul.menu>li{ padding:10px;} /*DESCRIPTION*/ span.desc{ display:block; clear:both; font-size:14px; font-size:11px;opacity: 0.6; padding-bottom:10px;} /*Mobile Menu*/ .head_inner{position: relative;width: 100%;float: left;} #simple-menu{display: block;float: right;margin-top: 1.5%;color: #fff;font-size: 36px; position: absolute;right: 20px; top:15px;} #simple-menu{ display:none;} .pad_menutitle{padding: 5%;width: 90%;} .pad_menutitle span{display: inline-block;float: right; cursor:pointer;} /*Hide the mobile menu on desktop*/ #sidr-main{ display:none;} #topmenu{text-align: right; margin-top:5px; display:block; vertical-align: middle;font-size: 0;} #topmenu.has_bookmark .menu { display: inline-block;} .has_trans_header.home #topmenu{vertical-align: initial;float: right;} #topmenu ul{ margin:0; padding:0;} #topmenu ul li{ list-style-type:none; display:inline-block;position: relative; margin:0; padding:0;} #topmenu ul li a{display: block;padding: 20px; background:rgba(0,0,0,0); font-weight:bold;} #topmenu .menu_hover > a{padding-bottom:12px;} #topmenu ul li.current-menu-item a:hover, #topmenu .menu_hover.current-menu-item:hover > a {border: none;} #topmenu ul li a, #topmenu ul li ul li{-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} #topmenu ul li ul{ display:none; position: absolute;width: 200px;z-index: 9999999;margin-left:-50px;} #topmenu ul li ul:not(.mega-sub-menu) {background:rgba(0, 0, 0, 0.5)!important;} #topmenu ul li ul { -webkit-animation-duration: 0.2s; -moz-animation-duration: 0.2s;animation-duration: 0.2s;} #topmenu .menushow{ display:block;} #topmenu ul li ul li{ margin:0; padding:0; width:100%; display:block; text-align:center;} #topmenu ul li ul li a{ padding:12px 10%; width:80%; margin:0px; display:block; color:#fff;font-weight:normal;} #topmenu ul li ul li ul{right: 100%; margin-top:-40px; float:none; margin-left:0px;} #topmenu ul li span{ font-size:12px; opacity:0.5; padding-left:5px;} #topmenu ul li ul li span{ display:none;} #topmenu .zn_parent_menu:hover a{border:none!important;} .has_trans_header.home #topmenu{ background-color:transparent!important;} .sidr .sidr-inner .head_soc { padding-left: 15px;} /*Menu Description*/ span.menu_desc {display: block;padding-top: 5px;} /*Max mega menu Support*/ .mega-menu-item span.menu_arrow {display: none;} #topmenu ul li.mega-menu-item ul li ul {background-color: transparent!important;} #topmenu ul.menu>li:after, #frontsidebar .widget_nav_menu ul.menu>li:after {content: "";display: block;height: 2px;background-color: transparent;width: 0;margin: 0 auto;margin-top: -5px;-webkit-transition: all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} #topmenu ul.menu>li:hover:after, #frontsidebar .widget_nav_menu ul.menu>li:hover:after{width: calc(100% - 40px);margin-top: 0;} /*Mid Logo*/ .logo_middle{ opacity:0;} .logo_middle .logo{ display:none;} .logo_middle #topmenu {float: left;margin-top: 0;width: 100%;text-align: center;padding-bottom: 30px;} .logo_middle #topmenu .logo{ display:inline-block; margin:0 40px; float:none;top: 15px;position: relative;} .sidr-class-logo{ display:none;} #topmenu li.menu_highlight{} #topmenu li.menu_highlight_slim{} #topmenu li.menu_highlight_slim, #topmenu li.menu_highlight{ padding-bottom:0; padding:8px 12px; border-radius:4px; border:2px solid transparent;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} #topmenu li.menu_highlight_slim>a, #topmenu li.menu_highlight>a{ padding-bottom:30px;border: none;} /*-----SOCIAL BOOKMARKS----*/ .social_bookmarks {} .social_bookmarks a { display: none;padding: 2px 8px;text-align: center;font-size: 16px;opacity: 0.6;border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} .social_bookmarks i { width: 14px;} .social_bookmarks a:hover{ opacity:1;} .social_bookmarks a[href^="http"]{ display:inline-block;} /*Button Styles*/ .social_bookmarks.bookmark_simple a {font-size: 18px;} .social_bookmarks.bookmark_round a{border: 1px solid;border-radius: 50%;height: 18px;width: 23px;text-align: center;padding-top: 4px;margin-right: 5px;padding: 4px 0 0 0; } .social_bookmarks.bookmark_square a{border: 1px solid;margin-right: 5px;} /*BUTTON SIZE*/ .top_head_soc .social_bookmarks.bookmark_size_large a{transform: scale(1.1); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); margin-right:12px!important;} .head_soc .social_bookmarks.bookmark_size_large a{transform: scale(1.1); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); margin-right:12px!important;} .foot_soc .social_bookmarks.bookmark_size_large a{transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); margin-right:20px!important;} .head_soc .social_bookmarks.bookmark_hexagon.bookmark_size_large {margin-right: 5px!important;} .social_bookmarks a[href*="facebook.com"] i::before { content: "\f09a"!important;} .social_bookmarks a[href*="twitter.com"] i::before { content: "\f099"!important;} .social_bookmarks a[href*="plus.google.com"] i::before { content: "\f0d5"!important;} .social_bookmarks a[href*="youtube.com"] i::before { content: "\f16a"!important;} .social_bookmarks a[href*="pinterest.com"] i::before { content: "\f0d2"!important;} .social_bookmarks a[href*="flickr.com"] i::before { content: "\f16e"!important;} .social_bookmarks a[href*="linkedin.com"] i::before { content: "\f0e1"!important;} .social_bookmarks a[href*="tumblr.com"] i::before { content: "\f173"!important;} .social_bookmarks a[href*="instagram.com"] i::before { content: "\f16d"!important;} .social_bookmarks a[href*="houzz.com"] i::before { content: "\f27c"!important;} .social_bookmarks a[href*="deviantart.com"] i::before { content: "\f1bd"!important;} .social_bookmarks a[href*="play.google.com"] i::before { content: "\f17b"!important;} .social_bookmarks a[href*="spotify.com"] i::before { content: "\f1bc"!important;} .social_bookmarks a[href*="wechat.com"] i::before { content: "\f1d7"!important;} .social_bookmarks a[href*="500px.com"] i::before { content: "\f26e"!important;} .social_bookmarks a[href*="github.com"] i::before { content: "\f09b"!important;} .social_bookmarks a[href*="apple.com"] i::before { content: "\f179"!important;} .social_bookmarks a[href*="medium.com"] i::before { content: "\f23a"!important;} .social_bookmarks a[href*="scribd.com"] i::before { content: "\f28a"!important;} .social_bookmarks a[href*="steam.com"] i::before { content: "\f1b6"!important;} .social_bookmarks a[href*="last.fm"] i::before { content: "\f202"!important;} .social_bookmarks a[href*="yelp.com"] i::before { content: "\f1e9"!important;} .social_bookmarks a[href*="weibo.com"] i::before { content: "\f18a"!important;} .social_bookmarks a[href*="reddit.com"] i::before { content: "\f281"!important;} .social_bookmarks a[href*="foursquare.com"] i::before { content: "\f180"!important;} .social_bookmarks a[href*="soundcloud.com"] i::before { content: "\f1be"!important;} .social_bookmarks a[href*="tripadvisor.com"] i::before { content: "\f262"!important;} .social_bookmarks a[href*="vk.com"] i::before { content: "\f189"!important;} .social_bookmarks a[href*="xing.com"] i::before { content: "\f168"!important;} .social_bookmarks a[href*="vine.com"] i::before { content: "\f1ca"!important;} .social_bookmarks a[href*="qq.com"] i::before { content: "\f1d6"!important;} .social_bookmarks a[href*="behance.net"] i::before { content: "\f1b4"!important;} .social_bookmarks a[href*="dribbble.com"] i::before { content: "\f17d"!important;} /*BUTTONS IN HEADER*/ .has_bookmark .menu-header, .head_soc{display: inline-block;} .head_soc a{} .head_soc .social_bookmarks a{font-size: 12px; opacity:1;} .head_soc .social_bookmarks.bookmark_simple a{font-size: 18px;} /*BUTTONS IN FOOTER*/ .copyright_center .social_bookmarks {width: 100%;float: left; padding:20px 0; text-align: center!important;} #footer .foot_soc .social_bookmarks.social_color a {color: #fff!important;border: none; margin-right:8px;} .foot_soc .social_bookmarks.bookmark_round a{height: 25px;width: 29px;} .foot_soc .social_bookmarks.bookmark_simple a{ font-size:24px;} .copyright_center .social_bookmarks a:hover{ transform:none;} .foot_soc {float: right;padding: 18px;} .copyright_center .foot_soc{ float:none; padding:0;} .foot_soc.hide_footsoc{ display:none;} .foot_soc a:hover{ opacity:0.8;} .foot_soc:empty {display: none!important;} /*SLIDER --------------------------------------- */ /*Slider Progressbar*/ /*Hide Slider by default*/ #slidera .pbar{} .pbar_wrap{margin-bottom:20px; width:60px; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto;bottom: 45%; z-index:999999; padding:7px 12px;} .progrssn{ width:40px!important; height:50px; margin-top:0px; margin-left:5px;-webkit-transition:all 0.8s ease-out;-moz-transition:all 0.8s ease-out;-ms-transition:all 0.8s ease-out;-o-transition:all 0.8s ease-out;transition:all 0.8s ease-out;position: relative;background: rgb(205, 219, 228);} .prog_wrap{width: 50px; height:50px; position:absolute; overflow:hidden;border-radius: 3px;} .pbar{ -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; width:40px; padding-top:13px; height: 27px; border:5px solid #fff; text-align:center; font-size:12px; color:#fff; position:relative; z-index:22;font-weight: bold;font-family: sans-serif;box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);} #slidera{width:100%; margin:0 auto;float: left;} .slider-wrapper{ position:relative; } .selected_stat{min-height:500px; } /*Nivo Slider*/ .slider-wrapper, #zn_nivo, .slide_wrap{ height:auto;} #zn_nivo {position:relative; width:100%; overflow:hidden;} .slide_wrap{width:100%; margin:0 auto;overflow:hidden;} .nivoSlider {position:rel