/* 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.10.0 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:#555;} .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;max-width:100%; height:auto;width:100%;margin:12px;} /*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;font-size:12px;} #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;background-color: #3f2962;} #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 a:hover {background-color: #2f1f4c;} #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;} /*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;} /*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:relative;width:100%;height:auto;overflow: hidden;} .nivo-main-image:nth-child(1){ width: 100% !important;height:auto !important;} .nivoSlider img {position:absolute;top:0px;left:0px;max-width: none;} .nivo-main-image {display: block !important;position: relative !important; width: 100% !important;height:auto !important;} /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;background:white; opacity:0;} /* The slices and boxes in the Slider */ .nivo-slice {display:block;position:absolute;z-index:5;height:100%;top:0;} .nivo-box {display:block;position:absolute;z-index:5;overflow:hidden;} .nivo-box img { display:block; } /* Caption styles */ .nivo-caption {position:absolute;bottom:10%;left:0; right:0; margin-left:auto; margin-right:auto;color:#fff;opacity:1;width:70%;z-index:8;text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.5); text-align:center; opacity:0;} .nivo-caption h3{ margin-bottom:20px; width:100%; float:left;} .nivo-caption h3 a{display:block; color:#fff!important;} .nivo-caption p a{color:#0e92dd;} .nivo-caption a {display:inline !important;} .nivo-html-caption {display:none;} .nivo-caption p:empty, .nivo-caption h2 a:empty{display:none!important;} /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav, .nivo-directionNav a{-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;} .nivoSlider:hover .nivo-directionNav{} .nivo-directionNav a {position:absolute;bottom:46%;z-index:9;cursor:pointer;} .nivo-prevNav {left:10px;width:27px; height:53px; display:block; text-indent:-999999px; background:url(assets/images/nivo_nav.png) left no-repeat;} .nivo-nextNav {right:10px;width:27px; height:53px; display:block; text-indent:-999999px; background:url(assets/images/nivo_nav.png) right no-repeat;} .nivoinner h3 a:empty{ display:none!important;} .nivoinner .slide_desc{ opacity:0; position: relative;top:20px;} .nivoinner .slide_button_wrap .lts_button{opacity:0; display:none; text-shadow:none; font-weight:bold; display:inline-block!important; margin-top:20px; padding:12px 30px; border-radius:4px; font-size:20px;-webkit-transition-delay: 1.0s;-moz-transition-delay: 0.3s;-ms-transition-delay: 1.0s;-o-transition-delay: 1.0s;-transition-delay: 1.0s;} .nivoinner .slide_button_wrap.sld_button_hollow a.lts_button {background: transparent!important;border: 3px solid; color:#fff!important;} /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav {text-align: center;padding: 15px 0;bottom: 10px;position: absolute;z-index: 99;left: 0; right:0;margin-left: auto;margin-right: auto; width:200px;} .nivo-controlNav a {cursor: pointer;width: 8px;height: 8px;display: inline-block;margin-right: 10px; -webkit-border-radius: 50%;border-radius: 50%; -moz-border-radius: 50%;border: 2px solid rgba(255, 255, 255, 0.8);text-indent: -999999px;} .nivo-controlNav a.active {background:#ffffff;} .selected_slide .nivo-controlNav{ bottom:70px;} .home .selected_slide .nivo-controlNav{ bottom:30px;} #slidera .nivoSlider a.nivo-nextNav {right: -60px;} #slidera .nivoSlider a.nivo-prevNav {left: -60px;} #slidera .nivoSlider:hover a.nivo-nextNav {right: 10px;} #slidera .nivoSlider:hover a.nivo-prevNav {left: 10px;} /*------STATIC SLIDERS-----*/ #stat_img{ position:relative;} #stat_img img{ max-width:100%; width:auto; height:auto; vertical-align:bottom;} .stat_content_inner{ position:absolute; bottom:15%; width:100%; z-index:11; line-height:1.9em;} .stat_content_center{ text-align:center;} .stat_content_left .cta_buttons, .stat_content_right .cta_buttons{ text-align:left;} .stat_content_right .center{margin-right: 10%;} .stat_content_left .center{margin-left: 10%;} .static_gallery .nivo-caption{ display:none!important;} .stat_content .scl_button{margin: 50px;} .stat_content .scl_button a{padding: 15px 40px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} .stat_content .scl_button a:hover{ opacity:0.8;} .stat_bg, .stat_bg_overlay{width: 100%;position: absolute;left: 0px;right: 0px;margin-left: auto;margin-right: auto;background-repeat: no-repeat;background-attachment: fixed;background-position: center top;background-size: cover; z-index:-1;} .stat_bg img {width:100%;position: fixed; display: block;object-fit: cover;-webkit-transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out;-ms-transition:all 0.15s ease-in-out;-o-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;} .stat_bg_overlay{background:#222;-webkit-transition:all 0.15s ease-out;-moz-transition:all 0.15s ease-out;-ms-transition:all 0.15s ease-out;-o-transition:all 0.15s ease-out;transition:all 0.15s ease-out;} body.is_boxed .stat_bg, body.is_boxed .stat_bg_overlay{ z-index:auto;} .stat_bg {clip: rect(auto, auto, auto, auto);} .home .stat_has_img .stat_bg_img{ opacity:1;} .stat_bg_img {width: 100%!important;} .overlay_off{ opacity:0;} .overlay_on{ opacity:0.45;} .cta_buttons{ text-align:center;} .cta_buttons a{ font-size:14px;font-weight: bold;padding: 10px 25px; border:2px solid;display: inline-block;} .cta_buttons a{-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;} .cta_buttons a:empty{ display:none;} .cta_buttons .cta_hollow, .cta_buttons .cta_hollow_big{ border:2px solid;} .cta_buttons .cta_flat_big, .cta_buttons .cta_hollow_big, .cta_buttons .cta_rounded_big{ font-size:20px;padding: 18px 40px;} .cta_buttons .cta_rounded, .cta_buttons .cta_rounded_big{ border-radius:60px;} .cta_buttons .cta_rounded{font-size:14px;padding: 10px 24px;} .cta_buttons .cta_hollow:hover, .cta_buttons .cta_hollow_big:hover{ border-color:transparent!important; opacity:1!important;} .stat_content_inner .lts_button{ margin:25px 25px 20px 0px;} /*Homepage blocks margin*/ .fixed_wrap.fixindex.dummypost{width: 100%; float: left; background-color:#fff; position:relative;} .home_blocks:empty{ display:none;} .activeblock{width:100%; float:left;} .lastmap{ margin-bottom:0;} /*Homepage Elements Title*/ .home_title{ font-size:1.7em; margin:0;} .home_subtitle{font-size: 14px;margin-top: 10px; opacity:0.6;} /*About Block*/ .about_inner{ width:60%; margin:0 auto;} .aboutblock {text-align: center;padding: 80px 0px; width:100%; float:left;} .about_pre{ font-style:italic; font-size: 30px; opacity:0.6;} .about_header{ font-size:48px; letter-spacing:2px; margin-top:10px; margin-bottom:30px;} .about_content{ line-height:2em;} /*Midrow Blocks*/ .ast_blocks{ margin:0;} .midrow{width:100%; float:left; overflow:hidden;} .midrow_wrap{} .midrow_block{width:33.3333%; padding:4%; box-sizing:border-box; float:left; text-align:center;-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;} /* one item */ .midrow_blocks .midrow_block:first-child:nth-last-child(1) { width: 100%;} /* two items */ .midrow_blocks .midrow_block:first-child:nth-last-child(2), .midrow_block:first-child:nth-last-child(2) ~ .midrow_block { width: 50%;} /* three items */ .midrow_blocks .midrow_block:first-child:nth-last-child(3), .midrow_block:first-child:nth-last-child(3) ~ .midrow_block { width: 33.3333%;} /* four items */ .midrow_blocks .midrow_block:first-child:nth-last-child(4), .midrow_block:first-child:nth-last-child(4) ~ .midrow_block { width: 25%;} .midrow_block img{ max-width:100%; height:auto;} .midrow_block h3{ font-size: 0.9em;} .midrow_block .block_content{ line-height:1.8em;} .midrow a:hover {} .block_img{} .midrow_block .icon_wrap{ padding-top:20px; text-align:center;} .midrow_block .icon_wrap i{} .midrow_block img{ max-width:100%;} .block_type2 .center { width: 100%!important;} .block_type2 .midrow_block { width: 80%; padding: 5% 10%; text-align: left;} .block_type2 .midrow_block:hover {background: transparent;transform: none;} .block_type2 .midrow_block .block_img { width:35%;float: left; text-align: right;padding-right: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .block_type2 .midrow_block h3{ font-size:1.6em;margin-top: 0;} .block_type2 .midrow_block .block_content { width: 65%;float: left;} .block_type2 .midrow_block:nth-child(even) {background: rgba(0, 0, 0, 0.02);} .block_type2 .midrow_block:nth-child(even) .block_img {float: right; text-align: left;padding-right: 0; padding-left: 30px;} .block_type2 .midrow_block:nth-child(even) .block_content{ text-align:right;} /*Text Block*/ .textblock{width:100%; float:left;} .text_block{ width:100%; float:left; box-sizing:border-box;} .text_block_wrap{ line-height:1.9em;} .text_block .center { width: 100%!important;} .text_block_content{ box-sizing:border-box;} .text_block img{ vertical-align:bottom;} .text_block img.alignright, .text_block img.alignnone, .text_block img.alignleft{margin:0;} .text_block img.aligncenter {margin:0 auto;} .text_block_content > p:first-child:empty, .text_block_content > p:last-child:empty { display: none;} .text_block .col2, .text_block .col3, .text_block .col4{ margin-bottom:0;} /*Layout 1*/ .postsblck h2.postitle a{-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;} .home .lay1, .home .lay2, .home .lay3, .home .lay4, .home .lay5{ padding:50px 0;} .lay1{width:100%; float:left; padding:40px 0;} .lay1 .center {max-width: 1200px;} .lay1_wrap{overflow: hidden;} .home .lay1_wrap{ margin-top:30px;} .lay1 .hentry{ width:33.3334%; max-width:400px; float:left; } .lay1 .hentry img{ width:100%; height:auto; border:none;-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; vertical-align:bottom;} .lay1 h2.postitle{ padding:10px;text-align:center; margin:0;font-weight: 400; line-height:1.4em;} .lay1 h2.postitle a{ font-size:20px; color:#fff;} .lay1 .lowreadmo h2.postitle a {font-size: 18px;} .lay1 .lowreadmo h2.postitle { line-height:20px;} .lay1_title, .homeposts_title{ text-align:center;} .lay1_title h3, .homeposts_title h3{ color:#e64429; font-size:42px; margin:20px 0 0 0;} .lay1_title p, .homeposts_title p{margin-bottom:30px; margin-top:0;} .lay1 .post_image{width: 100%;position: relative; overflow:hidden;-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; max-height:260px;} .lay1 .post_content{position: absolute; top:-200px;width: 100%;-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;-ms-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out;transition:all 0.6s ease-out; z-index:3;} .lay1 .post_image:hover img, .lay2 .post_image:hover img, .lay3 .post_image:hover img { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .post_image:hover .post_content, .vidwrap:hover .post_content{ top:20%;} .post_image:hover .img_hover{ opacity:0.7;} .hentry .post_image:hover .icon_wrap{ display:block;bottom: 30%;} .img_hover{ width:100%; height:100%; background:rgba(10, 167, 255, 0.7);position:absolute;opacity:0; -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; z-index:2;} .post_image.lowreadmo .icon_wrap, .post_image.post_image.lowreadmo:hover .icon_wrap{bottom: 25px;} .hentry .post_image .icon_wrap{ display:none;text-align: center;position: absolute;margin: 0 auto;z-index: 9;text-align: center;width: 100%; bottom:-600px;left: 0;right: 0;-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;} .post_image .icon_wrap a{ display:inline-block;font-family: serif; margin-right:4px; font-weight:bold; color:#fff; padding:9px 12px;background: rgba(0, 0, 0, 0.3);-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; opacity:0.8;} .lay1 .post_image .icon_wrap a{font-size:14px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; margin-right:5px;} .post_image .icon_wrap a:hover{ opacity:1; -webkit-transform: scale(1.1);-moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .lay2 .hide_img_hover .img_hover, .lay2 .hide_img_hover .icon_wrap, .lay3 .hide_img_hover .img_hover, .lay3 .hide_img_hover .icon_wrap{display: none;} /*Layout 4*/ .lay4{width:100%; float:left; padding:40px 0;} .lay4_wrap{overflow: hidden;width:68%; float:left; position:relative;} .lay4 .hentry{width: 100%;float: left;padding: 10px 20px 0 20px;margin: 20px 0;background: #fff; margin-bottom:20px; position:relative;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .lay4 .post_image{width: 25%;height: auto; max-height:200px;float: left;margin-right: 2%; overflow:hidden; padding-top:10px;} .lay4 .post_content{float: right;width: 71%;} .lay4 .hentry img{ width:100%; height:auto; border:none;-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.2 ease-out;} .lay4 .hentry:hover img{-webkit-transition:all 2.0s ease-out;-moz-transition:all 2.0s ease-out;-ms-transition:all 2.0s ease-out;-o-transition:all 2.0s ease-out;transition:all 2.0 ease-out;} .lay4 h2{ margin:0; margin-bottom:15px;margin-top: 5px;} .lay4 p{ padding-bottom:20px;padding-top: 5px;line-height: 1.7em;} .lay4 .single_metainfo{ padding-bottom:0;} .lay4 .single_metainfo, .lay4 .single_post .single_metainfo a{ font-size:0.8em;} .lay4 #sidebar{ margin-top:20px;} .more-link, .moretag{ font-size:14px; padding:7px 15px; color:rgba(0, 0, 0, 0.2); display:block; margin:15px 0; float:right; position:relative; -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;border: 2px solid rgba(0, 0, 0, 0.2);opacity: 0.5;font-weight: bold;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .thn_post_wrap .more-link:hover, .moretag:hover{ opacity:1;} .lay4 a.comm_date{ margin-left:0;} .lay4pagifix { width: 68%; float: left;} .lay4pagifix .lay4_wrap{width:100%; } .lay4pagifix .lay4pagifix { width: 100%;} /*AJAX*/ .ast_ajaxwrap{ width:100%; margin-bottom:30px; min-height:300px; position:relative;} .ast_ajax{ width:45px; height:37px; background:url(assets/images/newloader.gif) no-repeat; margin:0 auto; left:0; right:0; bottom:40%; position:absolute;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .ast_row{ overflow:hidden;} /*Pagination*/ .ast_pagenav, .comments_template .navigation{width: 100%;text-align: center;margin-top: 50px; float:left;} .ast_pagenav .page-numbers, .comments_template .navigation .page-numbers{ display:block; margin-bottom:15px; padding:3px 10px; display:inline-block; margin-right:15px; text-align:center; color:#999; font-size:14px;-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; cursor:pointer;} .thn_paginate a.page-numbers:nth-last-child(1){ margin-right:0;} .page-numbers:hover, .comments_template .navigation .page-numbers:hover{} .ast_pagenav .current, .comments_template .navigation .current{ border:2px solid rgba(0, 0, 0, 0.3);font-weight: 600; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; cursor:pointer;} .comments_template .navigation .prev, .comments_template .navigation .next{ display:none;} .comments_template .navigation{float: left;} .comments_template .navigation:empty{ display:none;} /*Older/Newer Navigation*/ .ast_navigation a {border: 2px solid rgba(0, 0, 0, 0.2); padding: 3px 10px; font-weight: bold;font-size: 0.8em; text-transform: uppercase;} .ast_navigation { margin: 30px 0 0 0; width: 100%; float: left;} .ast_navigation a:hover { color: #222; border-color: #222;} /*SINGLE*/ .edit_wrap{} .edit_wrap a {display: block;margin-top: 4px;padding-left: 26px;position: absolute;right: 5px;top: -4px;font-size: 12px;opacity: 0.4;font-weight: bold;text-transform: uppercase;padding: 0 3px;border: 2px solid;border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;} .edit_wrap a:hover{opacity:0.8;} .single_wrap{width:68%; float:left;} .single_post{ padding:2.5%; position:relative;} .single_post .postitle{ margin-top:0px; font-weight:600; -ms-word-wrap:break-word; word-wrap:break-word;} .thn_post_wrap { overflow:hidden; float:left; width:100%;} .thn_post_wrap img{ max-width:100%; height:auto;} .thn_post_wrap{ line-height:1.7em;} .single_metainfo a i{ color:#aaa;} .single_metainfo a i:hover{color:#0e92dd;} .meta_comm, .catag_list{ display:inline;} .single_metainfo{ padding-bottom:20px;} .single_metainfo, .single_post .single_metainfo a{ font-size:0.9em;} .single_metainfo i{ padding-left:10px; padding-right:5px;opacity:0.7;} .single_metainfo .fa-calendar{ padding-left:0;} .tag_list ul {margin: 0;padding: 0;} .tag_list ul li {list-style-type: none; display: inline-block; margin:8px; background: rgba(0, 0, 0, 0.1); padding: 0 5px; padding-bottom: 2px;font-size: 12px; line-height:22px; border-radius: 3px;-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;} .tag_list ul li i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); margin-right: 6px;padding-left: 2px;} .tag_list ul li:hover{background: rgba(0, 0, 0, 0.14);} .single_metainfo:empty{ display:none;} .post_foot {padding: 15px 0;width: 100%;} .single .post_foot{border-bottom: 1px solid rgba(0, 0, 0, 0.1);} .post-password-form input {padding: 10px;border: 2px solid rgba(0, 0, 0, 0.1);border-radius: 3px;} .post-password-form input[type~=submit]{ border: 2px solid; background: transparent;font-weight: bold; opacity: 0.7; cursor: pointer; text-transform: uppercase;} .post-password-form input[type~=submit]:hover{ opacity:1;} /*NEXT PREVIOUS POSTS*/ #ast_nextprev{ width: 100%;float: left;padding: 20px 0;border-bottom: 1px solid rgba(0, 0, 0, .08); min-height: 100px; position:relative;} #ast_nextprev .nav-box img {max-width: 90px;height: auto;float: left; margin-right: 15px;-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;} #ast_nextprev .nav-box img:hover{ opacity:0.8;} #ast_nextprev .nav-box i {color: rgba(0, 0, 0, 0.6);opacity: 0.6;font-size: 24px;display: block;float: left;height: 55px;padding: 25px 3px 0 3px;position: absolute;left: -18px;} #ast_nextprev a{ font-size:0.8em; font-weight: bold;} #ast_nextprev a span{ font-size:1.1em; font-weight:bold;display: block;} #ast_nextprev .ast-prev a span{ padding-right:20px;} #ast_nextprev .ast-next a span{ padding-left:20px;} #ast_nextprev .nav-box i:hover{ opacity:1;} #ast_nextprev .ast-next i{ float:right;right: -18px;left: auto;} .nav-box.ast-prev {float: left; width: 50%;} .nav-box.ast-next { float: right; width: 50%;text-align: right;} .nav-box.ast-next img { float: right!important; margin-right: 0px!important; margin-left: 15px!important;} #ast_nextprev span.div_middle {width: 1px;height: 70%;display: block;position: absolute;left: 0;right: 0;margin: 0 auto;background-color: rgba(0, 0, 0, 0.1);transform: rotate(20deg);} .prev_cat_name, .next_cat_name{ font-size: 1em;opacity: 0.6;display: block;float: left;} #ast_nextprev .prev_cat_name a, #ast_nextprev .next_cat_name a{font-weight: normal!important;} .next_cat_name{ float:right;} #ast_nextprev span.div_middle .fa-stop{ display:none;} /*COMMENTS*/ .comments_template{ float:left; width:100%; margin-top:40px;} body.page .nocomments{ display:none;} .nocomments{ } .comments_template{ } .comments_template #comments, #comments_ping, #reply-title{font-size: 18px;width: 100%;margin:20px 0;} #reply-title small a{ font-size:16px; opacity:0.5;vertical-align: text-bottom;padding-left: 5px;} #reply-title small a:hover{ opacity:0.8;} #comments_ping{ float:left; width:100%;} .commentlist{padding-left:0px; float:left; margin-top:0px; width:100%;} .commentlist li.comment{ list-style-type:none;} .commentlist li{ list-style-type:none;width:100%;float:left;} .commentlist li ul li{ width:96%; border:none; float:right;} .commentlist > li.comment:nth-child(1) .comment-body{ border-top:none;} .commentlist .depth-1{ position:relative;} .commentlist .depth-2{} .commentlist .depth-3{} .commentlist .depth-4{} .commentlist.depth-5{} h3#comments{font-size:20px;} h3#comments_ping{font-size:20px;} /*Comment Metadata*/ .comment-author{ font-size:14px;} .commentlist a.comm_date {margin-left: 15px;padding-top: 4px;display: inline-block;} .comm_auth {padding-top: 4px;margin-left: 10px;} .comm_reply {display: inline-block;margin-left: 10px; opacity:0;-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;} .comment-body:hover .comm_reply{ opacity:1;} .comment-body{float:left;width:94%;position:relative; z-index:3; padding:30px 0; border-top:1px solid rgba(0, 0, 0, 0.1);} .avatar, .comm_auth{ display:inline-block; vertical-align:top;} .avatar img{ height:auto; max-width:30px; max-height:30px;} .org_comment {float: left;} .commentlist .org_comment ul li{ border:none; list-style-type:circle; float:none;} .commentlist .org_comment ol li{ list-style-type:inherit; border:none;float:none;} .commentlist li.comment img {max-width: 100%;height: auto;} .org_ping .comm_date{ font-size:14px;} /*COMMENT EDIT LINK*/ a.comment-edit-link {position: absolute;right: 0;top: 30px;font-size: 12px;font-weight: bold;padding: 1px 4px;border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;border: 2px solid;color: rgba(0, 0, 0, 0.1); opacity:0.4;text-transform: uppercase;-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;} a.comment-edit-link:hover{ opacity:0.8;} .comm_date i{padding-right:5px;} .comm_reply{ display:inline-block; margin-left:15px;} /*Comment Form*/ #respond {width: 100%;float: left;margin-bottom: 40px;} .comm_wrap{ width:100%; float:left;} .comment-form-comment{width:100%; float:left; margin-bottom:0;} .comment-notes, .form-allowed-tags, .comment-form-comment label{ display:none;} .comm_wrap p {width: 32%;float: left;margin-right: 2%;margin-bottom: 0;} p.comment-form-url {margin-right: 0;} .comm_wrap input{ padding:15px 4%;width: 92%;border: 1px solid rgba(0, 0, 0, 0.1); } .comment-form-comment textarea{ width:92%; padding:4%; min-height:150px; float:right;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; overflow:auto;} p.form-submit {width: 100%;float: left;} #submit {float: right;padding:20px;cursor: pointer; border:none;border-radius: 3px;font-size: 14px;opacity: 0.8;} #submit:hover{ opacity:1;} .logged-in-as {font-size: 14px;} .logged-in .comment-form-comment{width:100%;} .logged-in .comment-form-comment textarea{ width:92%;} .commentlist #respond{ width:94%; float:left; margin-top:-15px;} .commentlist #reply-title{margin-bottom:15px;} .commentlist .logged-in-as{margin: 0;padding: 2%;padding-left: 0;} .commentlist .comment-form-comment{ margin-top:20px;} .logged-in .commentlist .comment-form-comment{ margin-top:0px;} #frontsidebar div[id^="optimizer_front"]:nth-child(5), #frontsidebar div[id^="optimizer_front"]:nth-child(6), #frontsidebar div[id^="optimizer_front"]:nth-child(7), #frontsidebar div[id^="optimizer_front"]:nth-child(8), #frontsidebar div[id^="optimizer_front"]:nth-child(9), #frontsidebar div[id^="optimizer_front"]:nth-child(10), #frontsidebar div[id^="optimizer_front"]:nth-child(11), #frontsidebar div[id^="optimizer_front"]:nth-child(12), #frontsidebar div[id^="optimizer_front"]:nth-child(13), #frontsidebar div[id^="optimizer_front"]:nth-child(14), #frontsidebar div[id^="optimizer_front"]:nth-child(15), #frontsidebar div[id^="optimizer_front"]:nth-child(16), #frontsidebar div[id^="optimizer_front"]:nth-child(17) {display: none;} /*PAGE*/ #content{ width:100%; float:left; margin-top:30px;} .page_tt{ float:left; width:100%; padding:20px 0; text-align:center;} /*Sidebar*/ #sidebar{width:30%; float:right;margin-top: 10px;} #sidebar .widgets ul{ margin:0; padding:0; } #sidebar .widget{ background:#f1f2f3; margin-bottom:30px; list-style-type:none;width: 100%;float: left; color:#999; position:relative;} #sidebar .widget .widgettitle, #sidebar .widget .widgettitle a{ font-size:16px; margin-bottom:10px;} #sidebar .widget li{ list-style-type:none; margin:20px 0;} #sidebar .widget_wrap{width:80%; padding:20px 10%;} .untitled .widget_wrap{ padding: 10%!important;} #sidebar .widget .widgettitle{ margin-top:0;} #sidebar .widget img{ max-width:100%;} #sidebar .widget select{max-width:100%;} span.widget_border {width: 35px;height: 2px;display: block;margin-bottom: 20px;} /*Page Templates*/ /*Search*/ .search_term {width: 96%;padding: 2%;float: left;margin-top: 50px;text-align: center;} .search_term h2{ margin-bottom:5px;} .search_term #searchform #s, .error_msg #searchform #s{font-size:16px;border: none;-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset;box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset;-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset;width: 70%;padding: 20px;margin-top: 30px;margin-bottom: 30px;background: rgba(0, 0, 0, 0.04); color:#999;} .search_term #searchsubmit, .error_msg #searchsubmit{ padding:20px 15px;font-size: 16px;font-weight: bold;cursor:pointer;-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;} .search_term #searchsubmit:hover, .error_msg #searchsubmit:hover{opacity:0.7;} /*404*/ .fourofour a{font-size: 280px; opacity:0.4;} .error404 .postitle{margin-top: -30px;font-size: 50px;text-transform: uppercase; opacity:0.5;} .error_page{ text-align:center;} .error_msg {line-height: 2em;} /*Author*/ .author_div{ padding:2%; width:96%; float:left;} .author_left{ width:100%; text-align:center;} .author_right{ line-height:1.9em; text-align:center;} .author_right h2{ margin-bottom:20px;} .author_right h2, .author_right a{} .author_div img{ border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; } .author_posts{padding: 20px 0;float: left;width: 100%;text-align: center;margin-top: 0;margin-bottom: 0px;} .author_posts span{display: block;font-size: 0.7em;opacity: 0.6;} /*To Top*/ .to_top{width:40px; height:38px; display:block; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; color:#fff; background:rgba(0, 0, 0, 0.2); -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; position:fixed; bottom:20px; right:20px; cursor:pointer; text-align:center; padding-top:2px;display:none; opacity:0.4; z-index:99;} .to_top:hover{ opacity:1;} .to_top i{ font-size:26px;padding-top: 4px;} .to_top.hide_totop{ display:none!important;} /*FOOTER*/ #footer{width:100%; background-color: #311e4f; float:left; font-size:14px;} #footer .widgets{ padding:40px 0;} #footer .widgets ul{ margin:0; padding:0;} #footer .widgets .widget{ width:22.9%; display:inline-block; vertical-align:top; margin:1%; list-style-type:none; margin-bottom:25px;} /* Five items */ #footer .widgets .widget:first-child:nth-last-child(5), #footer .widgets .widget:first-child:nth-last-child(5) ~ .widget { width: 17.9%;} #footer .widgets .widgettitle{font-size:1.3em; font-weight:normal;} #footer .widgets .widget ul{ margin:0; padding:0;} #footer .widgets .widget ul li{ list-style-type:none; padding:4px 0;} #footer .widgets .widget ul li a{ text-decoration:none;} #footer #wp-calendar #today{ background:#222;} #footer #wp-calendar caption {border-bottom-style:dashed;border-width:1px} #footer .widget img{ max-width:100%;} #footer .widget select{max-width:100%;} .footer_center{text-align: center;} #copyright{width:100%; float:left; background-color: #37215a !important;} .copytext{padding:20px 0; line-height:1.9em;} .copytext a{opacity: 0.7;} .copytext{ float:left;} .copytext:empty{ display:none;} /*Footer Menu*/ #footer_menu { display:inline-block;} #footer_menu ul {margin: 0;padding: 0;} #footer_menu ul li {display: inline-block; margin:0 10px;padding: 15px 5px;} #footer_menu ul li a {} .foot_right_wrap {float: right;width: auto;} .foot_soc{display: inline-block;float:none;} #footer_menu.hide_footmenu{ display:none;} /*Center Copyright Text*/ .copyright_center {text-align: center;} .copyright_center .copytext { width: 100%;} .copyright_center #footer_menu {width: 100%; display:block;} .copyright_center .foot_right_wrap{ float:none;} /*MAINTANACE MODE*/ .ast_maintanace{ padding-top:5%;} .ast_maintanace .logo, .ast_maintanace .logo h1{ float:none; text-align:center;} .ast_maintanace .logo h1 a{ color:#0e92dd;} .under-construction-message{ text-align:center;width:60%; margin:0 auto; margin-top:40px; margin-bottom:20px;} .under-construction-inner{ padding:2%; padding-bottom:4%; float:left; min-width:660px; } .under-construction-inner #countdown_mntnc{ margin:0; padding:0; margin-top:60px;} .under-construction-inner #countdown_mntnc li{ list-style-type:none; display:inline-block;width:100px; border-right: 1px solid rgba(255, 255, 255, 0.5);padding: 15px 30px;} .under-construction-inner #countdown_mntnc li:last-child{ margin-right:0!important; border-right:none;} .under-construction-inner #countdown_mntnc li span {font-size: 48px;font-weight: bold;} .under-construction-inner #countdown_mntnc li p {font-size: 13px;} .ast_maintanace .head_soc {width: 100%;float: left;text-align: center;padding: 20px 0;} .ast_maintanace .head_soc a { transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2);} .ast_maintanace .head_soc .bookmark_size_large a{ transform:scale(1.5); -webkit-transform:scale(1.5); -moz-transform:scale(1.5);} .lgn_info {display: block;position: fixed;z-index: 99;bottom: -25px;left: -12px;padding: 10px;background: #333;transform: rotate(-47deg);-webkit-transform:rotate(-47deg);-ms-transform:rotate(-47deg);height: 40px;width: 20px;} .lgn_info i{position: relative;left: 10px;transform: rotate(37deg);-webkit-transform:rotate(37deg);-ms-transform:rotate(37deg);bottom: -3px;} /*--------------PLUGIN SUPPORT--------------*/ /*WOOCOMMERCE SUPPORT*/ div#container {width: 70%;float: left;} .woocommerce #woocontent{ margin:30px 0;} #review_form_wrapper form{ margin-top:30px;} .woocommerce #reviews h3, .woocommerce-page #reviews h3{margin: 40px 0 20px 0;} .woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select {padding: 7px;opacity: 0.7;} .woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce .related ul li.product, .woocommerce-page .related ul li.product, .woocommerce .upsells.products ul li.product, .woocommerce-page .upsells.products ul li.product{width:18%!important;} .woocommerce .star-rating span, .woocommerce-page .star-rating span{ color:#F4D431;} .woocommerce.single .breadcrumbs {margin-top: -30px;padding-bottom: 20px;} /*Woocommerce Frontpage WIDGET*/ .optimposts .type-product .star-rating {font-size: 16px; font-family: FontAwesome; color: #EFD788;width: 75px;height: 30px;overflow: hidden;position: relative;} .optimposts .type-product .star-rating span:before {content: "\f005 \f005 \f005 \f005 \f005";visibility: visible; position: relative; z-index: 2;} .optimposts .type-product .star-rating span {display: block;visibility: hidden;overflow: hidden;height: 30px;} .optimposts .type-product .star-rating:after {content: "\f005 \f005 \f005 \f005 \f005";visibility: visible;position: absolute;top: 0;left: 0;color: #eee;} .home .lay1{ display:block!important;} .lay1_wrap .type-product { width:22%; margin:1.5%; max-width:400px; float:left; } .lay1_wrap .type-product img{ width:100%; height:auto; border:none;-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;bottom:-100px; vertical-align:bottom; opacity: 1!important;} .woocommerce .addresses .title .edit, .woocommerce-page .addresses .title .edit {display: block;font-size: 12px;opacity: 0.5;font-weight: bold;text-transform: uppercase;padding: 0 3px;border: 2px solid;border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;line-height: 18px;} #topmenu ul li .wcmenucart-contents span{ opacity:0.7;} #topmenu ul li a.wcmenucart-contents {border: none!important;} .optimposts .type-product{ min-height:300px;} .optimposts .type-product .post_content { position: relative;top: auto;} .optimposts .type-product .img_hover { display: none;} .optimposts .type-product .icon_wrap { display: none;} .optimposts .type-product h2.postitle {text-align: left; padding: 15px 0;} .optimposts .type-product h2.postitle a {font-weight: bold; font-size: 0.6em;} .optimposts .type-product .post_image{ max-height:inherit!important;} .optimposts .type-product .imgwrap{ overflow:hidden;} .lay1.optimposts .type-product h2.postitle a {display: block;width: 100%;margin-bottom: 10px;} .optimposts .type-product span.price {position: absolute;padding: 7px 10px;background-color: rgba(0, 0, 0, 0.4);color: #fff;font-weight: bold;font-size: 12px;margin-top: 20px; z-index: 2;} .optimposts .type-product a.button.add_to_cart_button {display:none;position: absolute; z-index: 9;bottom: 55%;left: 0;right: 0;margin: 0 auto;width: 100px;padding: 10px;border-radius: 3px;font-size: 14px;font-weight: bold;text-align: center;-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;} .optimposts .type-product:hover a.button.add_to_cart_button{ display:block;} .lay1.optimposts .type-product h2.postitle a.button.add_to_cart_button {display: none;} .lay1.optimposts .type-product a.button.add_to_cart_button:before {content: "\f07a";font-family: FontAwesome;margin-right: 5px;} .lay1.optimposts .type-product a.added_to_cart.wc-forward {position: absolute;background-color: #fff;padding: 10px;bottom: 40%;margin: 0 auto;left: 0;right: 0;width: 100px;text-align: center;font-weight: bold;font-size: 13px;border-radius: 3px;z-index: 9;} .optimposts .lay4_wrap .type-product {width:50%;padding:1.5%;float: left;padding: 20px;box-sizing: border-box;} .optimposts .lay4pagifix.no_sidebar .type-product {width:33.3%;} .optimposts .lay4_wrap .type-product .post_content p {font-size: 0.9em;} .optimposts .lay4_wrap .type-product .single_metainfo {display: none;} .optimposts .lay4_wrap .type-product a.button.add_to_cart_button {position: relative;display: inline-block;float: right;background-color: transparent;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 0;padding: 5px;font-size: 12px;} .optimposts .lay4_wrap .type-product h2.postitle {padding: 0;font-size: 18px;} .optimposts .lay4_wrap .type-product .post_image, .optimposts .lay4_wrap .type-product .post_content{ width:100%; margin-right:0;} .optimposts .lay4_wrap .type-product span.price {position: relative;right: 10px;margin-top: 0;background-color: transparent;font-size: 20px;float: left;} .optimposts .lay4_wrap .type-product .star-rating {display: none;} .optimposts .lay4_wrap .type-product .blog_mo{margin-top: 15px;} .optimposts .lay4_wrap .type-product .blog_mo a{display: none;} .optimposts .lay4_wrap .type-product a.added_to_cart.wc-forward {border: 1px solid rgba(0, 0, 0, 0.3);padding: 5px 10px;font-size: 12px;float: right;margin-right: 10px;margin-top: 0px;} .home .lay1{ display:block!important;} .lay1 .product { width:33.3%; max-width:400px; float:left; } .lay1 .product img{ width:100%; height:auto; border:none;-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;bottom:-100px; vertical-align:bottom;} .woocommerce .addresses .title .edit, .woocommerce-page .addresses .title .edit {display: block;font-size: 12px;opacity: 0.5;font-weight: bold;text-transform: uppercase;padding: 0 3px;border: 2px solid;border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;line-height: 18px;} #topmenu ul li .wcmenucart-contents span{ opacity:0.7;} #topmenu ul li a.wcmenucart-contents {border: none!important;} /*Contact Form 7 SUPPORT*/ .wpcf7-text{padding: 12px;border: none;background: rgba(0, 0, 0, 0.03);width: 60%; border:1px solid; border-color:rgba(0, 0, 0, 0.05);} .wpcf7-textarea{padding: 2%;border: none;background: rgba(0, 0, 0, 0.03);width: 96%;min-height: 200px;border:1px solid; border-color:rgba(0, 0, 0, 0.05);} .wpcf7-submit{ float:right; padding:10px 35px; border:none; font-size:18px; cursor:pointer;} /*-----------------------------------------------------PRINT CSS--------------------------------------------*/ @media print { .single_wrap { width: 100%;} .header, #sidebar, .share_foot, .author_box, #ast_related_wrap, #ast_nextprev, .edit_wrap, .comments_template, .footer_wrap.layer_wrapper{ display: none;} } /*-----------------------------------------------------MOBILE CSS--------------------------------------------*/ @media screen and (min-width: 1200px){ .ast_row{ height:auto!important;} } @media screen and (max-width: 1024px){ .center{ width:95%!important; } .ast_row{ max-height:210px;} .lts_layout1 div.listing-item{ max-height:200px; overflow:hidden;} .lts_layout2 a.image{ height:auto;} .lts_layout2 a.image img{ vertical-align:bottom;} .stat_content_left .center{width: 85%!important;} .about_inner{ width:70%;} .stat_content_inner{ bottom:10%!important;} .img_hover .icon_wrap{ bottom:20%;} .comm_reply{ opacity:1!important;} .related_img{ height:100px!important;} .under-construction-inner{margin-left: -50px;} .has_share_pos_left{ padding-left:40px;} .share_foot.share_pos_left{margin-left: -55px;} } @media screen and (max-width: 960px){ #topmenu{ display:none;} #simple-menu{ display:block;} #simple-menu.hide_mob_menu{ display:none;} .touchon #topmenu{ display:none;} .touchon #simple-menu{ display:block;} .touchon .lay1 h2.postitle a{ font-size:18px; line-height:1.2em;} .stat_bg, .stat_bg_overlay{ display: none;} .home .stat_has_img .stat_bg_img{ display: none;} .midrow_wrap{ width:95%;} .selected_stat{min-height: initial;} .stat_has_img{ width:100%; float:left;} .stat_has_img .stat_content_inner{ position:relative;} #slidera .nivoSlider img, .stat_has_img .stat_bg_img{ width:100%!important; max-width:100%!important;} .nivoinner p{ display:none;} .lay1 h2.postitle a{ font-size:18px!important;} .lay1 h2.postitle{ line-height:18px;} .img_hover .icon_wrap{ bottom:20px!important;} .home .img_hover{background: none!important;opacity: 1;} body .lay1 .hentry{margin-bottom: 10px;margin-left: auto;margin-right: auto;} .lay1 .post_image .post_content{ top:20%;} .lay1 .post_image .img_hover .icon_wrap{ right:0px;} .lay1 .hentry img{ transform:none!important;} .lay4_wrap{width: 100%!important;} .lay4pagifix{width:100%!important; } .lay1.optimposts .type-product a.button.add_to_cart_button {display: block;position: relative;font-size: 12px!important;padding: 5px 10px;float: left;margin-bottom: 10px;width: 110px;} .optimposts .lay1_wrap .type-product{ width:47%;} .optimposts .lay2_wrap .type-product{ width:47%;} .optimposts .lay3_wrap .type-product{ width:47%;} .optimposts .lay4_wrap .type-product .post_image, .optimposts .lay4_wrap .type-product .post_content{ width:100%; margin-right:0;} .wp_link_pages a{ padding:3px 10px; border:2px solid;border-radius: 3px;margin: 0 5px;} .home .selected_slide .nivo-controlNav {bottom: 0px!important;} .selected_slide .nivo-controlNav {bottom: 50px!important;} .selected_stat{ overflow:hidden;} .home_action_button_wrap{ margin-top:20px!important; margin-bottom:20px!important;} #sidebar .widget_wrap {padding: 0 15px; width:100%!important;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} #sidebar .widget{max-width: 220px;float: left;margin-right: 20px;margin-top: 40px;} #sidebar .widget:nth-child(3), #sidebar .widget:nth-child(6), #sidebar .widget:nth-child(9){ margin-right:0;} .single_wrap, #sidebar{width: 100%!important;} body .slide_wrap, body #zn_nivo{ max-height:350px!important; overflow:hidden;} body .slide_wrap h3, body #zn_nivo h3{ font-size:30px!important;} /*Accordion*/ body .kwicks.horizontal li, body #accordion{ height:380px; max-height:380px;min-height:350px!important;} .ast_gall{min-height:300px!important;} .mfp-content .lts_lightbox_content{ width:85%!important;} .under-construction-inner{margin-left: -120px; width:600px; min-width:600px;} .under-construction-inner #countdown_mntnc li{ width:80px;} span.desc{text-align: center;} .lts_headline:after, .lts_headline:before, .headline_type3:before{ display:none;} .page_contact_wrap.layer_wrapper.has_contact_map .entry-content{ position:relative;width: 99%; z-index:inherit; bottom:auto; right:auto; margin-bottom:30px;} .page_contact_wrap.layer_wrapper.has_contact_map #asthemap{ height:350px;} } @media screen and (max-width: 960px) and (min-width: 481px){ .stat_has_img{ height:auto!important;} .lay1 .post_image .img_hover .icon_wrap{ display:none;} } @media screen and (min-width: 961px){ #stat_img{ background:none!important;} } @media screen and (max-width: 480px){ body .header_wrap .header, body.home.has_trans_header .header { position: relative!important; } .site_boxed .header_wrap .header { max-width: 100%!important; } #simple-menu{ text-shadow:0 0 2px rgba(0, 0, 0, 0.3); z-index:999; top:5px; right:12px;} .to_top{ left:20px; right:auto;} .mobile_hide_footwdgt, .mobile_hide_slide, .mobile_hide_frontposts, .mobile_hide_frontposts, .mobile_hide_about, .mobile_hide_blocks, .mobile_hide_clients, .mobile_hide_frontwdgt, .mobile_hide_map, .mobile_hide_newsletter, .mobile_hide_testi, .mobile_hide_welcm, .mobile_hide_frontposts{ display:none!important;} .aboutblock{padding: 40px 0px;} body #accordion h3 a, body #zn_nivo h3 a{ font-size:24px!important; } #accordion h3, #zn_nivo h3{line-height:24px!important;} .acord_text{ width:250px;padding-left: 0;} .slide_wrap .nivo-directionNav{ display:none;} .slide_wrap{ background:none;} #slidera .nivoSlider img, .stat_has_img .stat_bg_img {width: 200%!important;max-width: 200%!important;} #stat_img{height: auto!important;} .stat_has_img .stat_bg_img{height: 100%;} .stat_content_inner{ bottom:0;} body .stat_content_inner .center{width: 92%!important;} body .stat_content_right .stat_content_inner .center, body .stat_content_left .stat_content_inner .center{padding-left: 4%;} .stat_content_left .center{ margin-left:0;} .header{ float:left;} .head_contact { margin-top:20px; margin-bottom:20px;width: 100%;text-align: center;} .midrow_block:hover h3{} .midrow_block{width:96%!important;} .block_type2 .midrow_block .block_img{ width:100%; padding:20px 0!important;text-align: center!important;} .block_type2 .midrow_block .block_content{ width:100%;text-align: center!important;} .about_pre{ font-size:20px;} .about_header{ font-size:32px;} /*footer Widgets*/ #footer .widgets .widget{width:98%!important;} /*Single Page*/ .single_wrap, #sidebar, #contact_block{ width:100%} .comments_template{ margin-bottom:30px;} .hide_mob_headerimg{ display:none;} .hide_mob_headerimg img{ opacity:0;} .hide_mob_rightsdbr{ display:none;} /*Layouts*/ .ast_row {max-height: none!important; height:auto!important;} .lay1 .hentry {width: 100%!important;} .img_hover .icon_wrap {bottom: 20%!important;} .lay1 .post_image:hover img, .lay2 .post_image:hover img, .lay3 .post_image:hover img{ -webkit-transform: initial; -moz-transform: initial; -o-transform: initial; -ms-transform: initial; transform: initial;} .lay4_wrap{width:100%!important;} .lay4 .post_image{width:100%!important;} .lay4 .post_content{width:100%!important; margin-top:20px;} .lay4 .hentry{margin-bottom: 30px;} #sidebar .widget{ width:100%; max-width:none!important; margin-bottom:0px;} .optimposts .type-product{width: 100%!important; margin:0;} .optimposts .type-product .post_image{max-height: inherit!important;} .optimposts .lay5_wrap .type-product .single_post_content {width: 100%;} .optimposts .lay5_wrap .type-product .imgwrap {width: 100%;} .optimposts .lay5_wrap .type-product{ float:left;} .page .page_head .postitle, .page .single_post .postitle, .archive .single_post .postitle {font-size: 24px!important;} .page_head{ min-height:initial!important;} .page_head .pagetitle_wrap{position:relative!important;} .head_switch{ bottom:10px;} .selected_slide .nivo-controlNav {bottom: 30px!important;text-align: left;padding-left: 10px;z-index: 999;} .home .selected_slide .nivo-controlNav{ text-align:center;} #ast_related .panel-container .rel_tab{ width:48%;} #sidebar .widget_wrap {padding: 0 25px;} .comm_wrap p{ width:100%;} .related_img {height: auto!important;} #ast_related .panel-container .rel_tab {width: 100%;} .related_img img{vertical-align: bottom;} /*Comments*/ .comm_wrap, .comment-form-comment{width:100%;} /*Under Construction*/ .under-construction-inner{margin-left: auto;width: 270px;min-width: 270px;float: none;margin: 0 auto;} .under-construction-inner #countdown_mntnc li{margin-left: -5px;width: 70px;} .under-construction-inner #countdown_mntnc li:nth-child(1), .under-construction-inner #countdown_mntnc li:nth-child(2){border-bottom:1px solid;} .under-construction-inner #countdown_mntnc li:nth-child(2){border-right:none;} .under-construction-message{ margin-top:20px;} body .lts_layout1 div.listing-item {height: auto!important;} .fourofour a{ font-size:170px;} .error_msg #searchform #s{width:60%;} .woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce .related ul li.product, .woocommerce-page .related ul li.product, .woocommerce .upsells.products ul li.product, .woocommerce-page .upsells.products ul li.product{ width:48%!important;} } @media screen and (max-width: 360px){ .site_boxed .layer_wrapper{width: 100%!important;float: none;margin:0!important;} .header{ height:auto;} .logo h1, .logo h2{ float:none; text-align:center;} .header2 .head_soc{width: 100%;text-align: center;} body .lay2 .hentry, .lay3 .hentry{ width:94%!important; margin-bottom:15px; height:auto!important; padding:2%!important;} body .lay4 .hentry{ width:90%!important;padding:5%!important;margin-bottom: 0;} body .lay4 .post_image, .lay4 .post_content{ width:100%;} .testi_content{ line-height:1.3em;} .more-link, .moretag{ float:none; text-align:center;} .ast_gall{ min-height:200px;} .ast_slider .nivo-caption{ width:90%; padding:5%;} .col2, .col3, .col4{ width:96%;} .act_left{ width:90%;padding:5%; text-align:center;} .act_right{margin:5%; width:90%;} .rel_content p{ display:none;} #submit{ font-size:18px;} .ast_gall{min-height:200px!important;} .comment-body{ width:98%;} .ast_navigation div {display: block;float: none; width: 100%;margin: 10px 0;} .ast_navigation a { display: block; padding: 10px;} .ast_navigation { margin-top: 0;} .edit_wrap a{ top:-22px;} a.comment-edit-link{ position:relative;top: -15px; float:right;} .nav-box.ast-prev, .nav-box.ast-next {width: 100%;background: rgba(0, 0, 0, 0.03);float: left;padding: 15px 0;margin-bottom: 10px;} #ast_nextprev .nav-box i{ display:none;} #ast_nextprev span.div_middle{ display:none;} .nav-box.ast-next img{margin-right: 15px!important;} .nav-box.ast-prev img{margin-left: 15px!important;} .woocommerce table.shop_table td, .woocommerce-page table.shop_table td{ font-size:10px; font-weight:bold; padding:0;} .woocommerce table.cart th {font-size: 12px;font-weight: bold;} .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {padding: .8em;} } /*STATIC SLIDER RESPONSIVENESS (Quick Fix v-0.2.2)*/ .touchon .stat_bg { background-size: 100%;} .touchon #slidera {background: none;} /*.touchon .stat_bg , .touchon .stat_bg_overlay {display: none;}*/ .stat_has_img .stat_content_inner {min-height: 250px;} .touchon .stat_has_img .stat_bg_img{ opacity:1;} .has_trans_header.touchon .stat_content_inner {bottom: 0!important;} @media screen and (max-width: 480px){ .touchon .stat_has_img .stat_content_inner{ padding-top:0!important;} } .frontpage_sidebar .widget {width: 100%;float: left; position:relative;} /*FOR demo*/ .home_wrap.layer_wrapper.wpdemowidgets {background-color: #fff;width: 100%;float: left;} .fixed_site.layer_wrapper.wpdemosite {display: none;} .wpdemowidgets .midrow {background-color: #f5f5f5;} .wpdemowidgets .midrow h3 {color: #555;} .wpdemowidgets .text_block {padding: 5% 10%;text-align: center;color: #fff;background-color: #333;font-size: 20px;} .wpdemowidgets span.about_pre, .wpdemowidgets .about_header, .home_title {color: #333;} .wpdemowidgets .optimizer_divider .div_left, .wpdemowidgets .optimizer_divider .div_right, .wpdemowidgets .optimizer_divider .div_middle .fa-stop {background-color: #333; color: #333;} /*Buddypress Fix*/ .activity.buddypress .comments_template { display: none;} /*Safari FIXES*/ .is_safari input[type="button"], .is_safari button {-webkit-appearance: none;-webkit-border-radius: 0;} .is_safari .top_head_soc a:hover{ transform:none; -webkit-transform:none;} .is_safari .lay1_wrap .img_hover{ transition:none; -webkit-transition:none;} .is_safari .lay1 .post_image {width: 100.4%;} .is_safari .lay1 .hentry {overflow: hidden;} /*frontpage customization*/ .frontpage-features-block {background:#eee;border-radius: 1px;padding: 2%;} /*feature block*/ @media only screen and (min-width: 320px) and (max-width: 480px) { .block-one , .block-two , .block-three { float:none; width:100%; margin:0; } } .clearfix {content: ".";display: block;height: 0; clear: both;visibility: hidden;} /*frontpage customization*/ .frontpage-features-block {background:#fff;border-radius: 1px;padding: 2%;} .block-one, .block-two {float:left;width:32%;margin-right:1%;padding-top:5%;} .block-three {padding-top:5%;} .frontpage-features-block h3{text-align:center;font-size:30px;} .frontpage-features-block p {text-align:center;font-size:15px;} @media only screen and (min-width: 320px) and (max-width: 480px) { .block-one , .block-two, .block-three {float:none;width:100%;margin:0;} .google-block, .themecheck-block{float:none !important;width:100% !important;} } .random {display:none;} .post-262 #toc_container {display:none;} #text-4 .widgettitle a {color:white;text-decoration:none;} #footer .widgets .widget a, #footer .widgets {color:white;} .thn_post_wrap a:link {color:#00b9eb;} .google-block, .themecheck-block {float:left;width:48%;background:#fff;padding-top:10%;margin-right:2%;} .features-block-two {background:#fff;} .frontpage-features-block h2 {text-align: center;padding: 7% 0 5%;font-size: 40px;color: #00BCD4;line-height: 1;} .osc-res-tab.osc-tabs-center>div {border-bottom:1px solid #444 !important;} /*new frontpage*/ .n_fp {padding:2%;background-size:cover !important;color: white;background-position: center center; background-repeat:no-repeat !important; background: url('https://asphaltthemes.com/wp-content/uploads/2017/06/frontpage-image.jpg');} .n_fp_wrapper {padding:5% 0 3% 15%;} .n_fp h2 {text-transform: uppercase;text-align: left;font-size: 36px;font-weight:100;} .n_fp li {list-style-type:square;line-height: 1.8;font-size:13px;} .nfp_btn {padding:3% 0 5% 5%;} .nfp_btn a:first-child {;background: #F44336;color:#fff; padding: 14px 20px;text-transform: uppercase; margin-right: 25px;border-radius:3px;} .nfp_btn a:last-child {color: #444;padding: 14px 20px;text-transform: uppercase;border-radius:3px;border:1px solid #999;} .nfp_btn a:first-child:hover, .nfp_btn a:last-child:hover {opacity:.8;} .nfp_f_b {background:#fff;color: #666;padding: 2% 10%;} .nfp_f_b h3 {text-align: center;font-size: 40px;text-transform: uppercase; color: #311e4f;} .nfp_f_b .icon {color:#311e4f;font-size:30px;} .nfp_f1, .nfp_f2, .nfp_f3, .nfp_f4, .nfp_f5, .nfp_f6 {float:left;width:27%;text-align:center;padding:3% 3%;} .nfp_f_b p {font-size:14px;line-height: 1.7em;letter-spacing:.3px;} .nfp_f_b h4 {font-size:16px;} .nfp_f_b span { margin: 0 auto; border-top: 1px solid rgba(63, 81, 181, 0.58);height: 2px;width: 59px;text-align: center;display: block;margin-top: -26px;padding-bottom: 4%;} .pg {text-align: center;padding:4% 0;} .pg h3 {font-size: 40px;color:#333;font-weight:300;} .pg img {width: 50%;} .fvp {background-color: #f0eef2; padding: 2%;} .fvp div {padding-bottom: 5%;} .fvp h3 {text-align: center;font-weight: 100;font-size: 35px;text-transform: uppercase;color: #444;} .fvp p {text-align: center;} .fvp table {margin: 0 auto;border-collapse: separate;border-spacing:70px 0;font-size: 15px;} .fth {background: rgba(33, 150, 243, 0.08);font-size: 23px;padding: 2%;text-transform: uppercase;font-weight:100;} .fvp td {padding: 20px 50px;} .ftb {background: none !important; } .fvp table tr td:nth-child(2), table tr td:last-child {text-align: center;} .fvp table tr:nth-child(1) td:nth-child(2) {background-color: #eee;} .fvp table tr:nth-child(1) td:nth-child(3) {background-color: #311e4f ;color:#fff;} .fvp table tr:nth-child(2) td:nth-child(3) {background-color: #3f2962;color:#fff;font-size: 45px;} .fvp table tr:nth-child(2) td:nth-child(1) {background-color: transparent;border-bottom: 1px solid #9E9E9E;text-transform: uppercase;letter-spacing: 12px;font-weight: 100;font-size: 20px;} .fvp table tr:nth-child(2) td:nth-child(2) {font-size:30px;} .fvp table tr:nth-child(odd) td {background:#f8fafa;} .fvp table tr:nth-child(even) td {background:#fff;} .tb_free_btn {background: transparent;border: 1px solid #9E9E9E;border-radius: 2px;} .fvp .tb_free_btn:hover {background:rgba(221, 221, 221, 0.05) !important;} .tb_free_btn a {text-decoration: none;color: #555;} .tb_pro_btn {background:#F44336 !important; border-radius:2px; color:#fff !important;} td.tb_pro_btn a {text-decoration: none;color:#fff;} .tb_pro_btn:hover {background: rgba(255, 0, 0, 0.9) !important;} .nfw_fb2 {text-align: center;padding: 2%;background: #eee;color:#555;} .nfw_fb2_wrap {padding:0 8% 5%;} .nfw_fb2 h3 {font-size: 30px;text-transform: uppercase;padding: 5% 0 0%;color: cadetblue;font-weight:100;} .nfw_fb2 span {color:#2196F3;} .nfw_fb2 p {padding:5%;font-size:13px;line-height: 1.7em;letter-spacing: .3px;} .nfw_fb2 .lk_fb2 {color:#b6a0d7 !important;} .fb2_b1, .fb2_b2, .fb2_b3 {text-align: center;float: left;width: 31%;background:#fff;min-height:250px;margin-right:1%;border: 2px solid #fff;box-sizing: border-box;} .fb2_b1:hover, .fb2_b2:hover, .fb2_b3:hover, .fb2_b4:hover, .fb2_b5:hover, .fb2_b6:hover {border: 2px solid #00BCD4;box-sizing: border-box;transition: .4s ease all;-webkit-transition: .4s ease all;-moz-transition: .4s ease all;-o-transition: .4s ease all;} .fb2_b4, .fb2_b5, .fb2_b6 {text-align: center;float: left;width: 31%;background:#fff;min-height:250px;margin-right:1%;border: 2px solid #fff;box-sizing: border-box;} .nfw_fb2 h4 {font-size:23px;padding:8% 0 3%;font-weight:100;} .nfw_fb2_one {padding:2% 0;} .nfw_fb2 .icon1 {color: #607D8B;font-size: 40px; padding: 10% 0 5%;} .shortcode_check {color:#00bcd4 !important;} .d_one {float: left;width: 24%;height: auto;position: relative;background-position: center center;text-align:center;} .d_one img {width: 100%;height: auto;} .d_one img:hover {opacity:.8;} .d_one a:hover:after{ content: "\f14c"; font-family: 'FontAwesome'; display: block; position: absolute; padding: 5px 10px; font-size: 30px; font-weight: bold; width: 30px; color: rgba(0, 0, 0, 0.5); text-align: center; z-index: 22; bottom: 45%; margin: 0 auto; left: 0; right: 0;} .demos {padding:2%;padding-bottom:5%;background-color: rgb(240,238,242);} .demos h3 {text-transform: uppercase;padding: 5%;text-align: center;font-size: 30px;color: #311e4f;} .free_btn { text-transform: uppercase; text-decoration: none; background: transparent; border: 1px solid #9E9E9E; border-radius: 2px; cursor: pointer; padding: 1% 2%; color: #999; display:-webkit-inline-box; margin:0% 0 5%; } .pro_btn { background: #F44336 !important; border-radius: 2px; cursor: pointer; color: #fff !important; text-transform: uppercase; text-decoration: none; padding: 1% 2%; display:-webkit-inline-box; } .Chart_mobile {text-align:center;padding:3%;display:none;} .Chart_mobile img {height:300px;width:400px;} .btn_wrap {padding:4% 0 4%;} .customer_testimoinal {background-color: #f0eef2;padding: 5%;text-align: center;} .customer_testimoinal a {color:rgb(77, 127, 167) !important;text-decoration:none;} .customer_testimoinal p {font-weight:300;} .customer_testimoinal span {color:#2196F3;} .customer_testimoinal img {height:100px;width:100px;border:10px solid #fff;margin:5% 0 2%;border-radius: 50%;} .customer_testimoinal cite {font-size: 100%;line-height:2;color:#555;letter-spacing:.3px;} .widget_social_icon_widget {text-align: left;} .widget_social_icon_widget .fa {font-size: 30px;padding: 0 5px;} .widget_social_icon_widget .fa:hover {opacity: .7;} .widget_social_icon_widget i.fa.fa-twitter{color:#1da1f2;} .widget_social_icon_widget i.fa.fa-facebook{color:#3b5998;} .downloaded{text-align: center;padding:1%;font-size: 30px;background: rgba(33, 150, 243, 0.12)} .downloaded span {color:#2196F3;} .nfw_short_table {padding-top:5%;} .nfw_short_table_wrap {text-align:center;} .nfw_short_table_wrap h3 {text-align: center;color: #555;font-size: 30px;font-weight:300 !important;} .nfw_short_table_wrap p {color:#666;} .compare_link {color:#444!important;text-decoration:underline;} .pricingtable-signup {background:#ddd !important;} .pricingtable-header, .pricingtable-price {background:#ddd !important;color:#555 !important;} .single .entry-title {text-align:center;} .single .fa-user, .single .post-author , .single .fa-comments-o , .single .meta_comm {display:none;} .single .single_metainfo {text-align:center;} .post_call:hover {opacity: .8;} .why-purchase-pro h2 {font-weight:100;} .why_buy_pro {padding: 2% 10%;background:rgba(170, 221, 221, 0.28)} .why_buy_pro img {max-width: 100%;} .why_buy_pro h3 {font-size: 27px; font-weight: 300;color: #333;} .why_buy_pro p {color: #555;font-size:14px;} .why_buy_pro a {text-decoration: none;color: #00BCD4 !important;} .why_buy_pro {color: #444;} .why_buy_pro ol {color: #777;line-height: 1.5;font-size: 13px;} .why_buy_pro ol:before {font-family: fontAwesome; content: "\f00c"; color: rgba(153, 153, 153, 0.24);font-size: 15px;padding: 2px 5px;} .why_buy_pro ul {text-decoration: none;padding: 0;} .wbp_block1, .wbp_block2, .wbp_block3, .wbp_block4 {background: #fff;padding: 5% 10%;} .wbp_block1 .one, .wbp_block3 .one {float: left;width: 45%;} .wbp_block1 .two, .wbp_block3 .two {float: right;width: 48%;} .wbp_block2 .one, .wbp_block4 .one {float: left;width: 50%;padding-top: 5%;} .wbp_block2 .two, .wbp_block4 .two {float: right;width: 40%;} .wbp_bb {height: 5px;display: block;visibility: hidden;} .cross_feature {color: #311e4f;font-size:25px !important;line-height:0;} .tick_feature {color: #311e4f;font-size:25px !important;line-height:0;} .single_post .entry-title {text-transform:none !important;font-size:40px !important;} @media only screen and (min-width: 320px) and (max-width: 480px) { .fvp {display:none} .Chart_mobile {display:block;} .nfp_f1, .nfp_f2, .nfp_f3, .nfp_f4, .nfp_f5, .nfp_f6 {float:none;width:100%;padding:3% 0;} .fb2_b1, .fb2_b2, .fb2_b3, .fb2_b4, .fb2_b5, .fb2_b6 {float:none;width:100%;} .d_one {float:none;width:100%;} .bloat-free-pro {float:none;width:100%;} .table_free {float: none;padding: 7% 0 15%;margin: 10% 0;margin-left:0 !important;} .table_pro {float: none;padding: 0 17% 5% !important;margin: 10% 0;} .wbp_block1 .one, .wbp_block3 .one {float: none;width: 100%;} .wbp_block1 .two, .wbp_block3 .two {float: none;width: 100%;} .wbp_block2 .one, .wbp_block4 .one {float: none;width: 100%;padding-top: 5%;} .wbp_block2 .two, .wbp_block4 .two {float: none;width: 100%;} .why_buy_pro ol {padding: 0;font-size:13px;} .why_buy_pro img {text-align: center;} .why_buy_pro h3 {font-size:22px;} } @media only screen and (min-width: 320px) and (max-width: 568px) and (orientation:landscape) { .fvp {display:none} .Chart_mobile {display:block;} .fb2_b1, .fb2_b2, .fb2_b3, .fb2_b4, .fb2_b5, .fb2_b6 {float:none;width:100%;} .table_free {float: none;padding: 7% 0 15%;margin: 10% 0;} .table_pro {float: none;padding: 7% 20% 15% !important;margin: 10% 0;} .table_pro .pt_title {padding-top:7% !important;} .wbp_block1 .one, .wbp_block3 .one {float: none;width: 100%;} .wbp_block1 .two, .wbp_block3 .two {float: none;width: 100%;padding-top: 7%;} .wbp_block2 .one, .wbp_block4 .one {float: none;width: 100%;padding-top: 5%;} .wbp_block2 .two, .wbp_block4 .two {float: none;width: 100%;} } @media only screen and (min-width: 320px) and (max-width: 480px) and (orientation:landscape) { .table_free {float:none !important;margin:0 !important;padding:1% 0% 5% !important;} .table_pro {float:none !important;margin:0 !important;padding:0 0 5% !important;} .table_pro .pt_title {padding-top:6%;} } @media only screen and (min-width: 360px) and (max-width: 640px) { .table_pro {padding:0px 20% 5% !important;} .table_free {padding:0 20% 5% !important;} } @media only screen and (min-width: 360px) and (max-width: 640px) and (orientation:landscape) { .table_free {float:none !important;padding:1% 11% 5% !important;margin:6% !important;} .table_pro {float:none !important;padding:1% 14% 5% !important;} } @media only screen and (min-width: 375px) and (max-width: 667px) { .table_free {padding:0 16% 5% !important;} .table_pro {padding:0 22% 5%;} } @media only screen and (min-width: 375px) and (max-width: 667px) and (orientation:landscape) { .fvp {display:none} .Chart_mobile {display:block;} .table_free {float: none !important;padding: 1% 11% 5% !important;margin:0 !important;} .table_pro {float: none !important;padding: 0% 14% 5% !important;} .wbp_block1 .one, .wbp_block3 .one {float: none;width: 100%;} .wbp_block1 .two, .wbp_block3 .two {float: none;width: 100%;padding-top: 7%;} .wbp_block2 .one, .wbp_block4 .one {float: none;width: 100%;padding-top: 5%;} .wbp_block2 .two, .wbp_block4 .two {float: none;width: 100%;} } @media only screen and (min-width: 414px) and (max-width: 736px) { .table_free { margin: 0 !important;padding: 0 19% 5% !important;} .table_pro {padding: 0 24% 5% !important; margin:4% 0 0 0 !important;} } @media only screen and (min-width: 414px) and (max-width: 736px) and (orientation:landscape) { .fvp {display:none} .Chart_mobile {display:block;} .table_free {float: none !important;padding:1% 11% 5% !important;margin:0 !important;} .table_pro {float: none !important;padding: 0 14% 5% !important;} .wbp_block1 .one, .wbp_block3 .one {float: none;width: 100%;} .wbp_block1 .two, .wbp_block3 .two {float: none;width: 100%;padding-top: 7%;} .wbp_block2 .one, .wbp_block4 .one {float: none;width: 100%;padding-top: 5%;} .wbp_block2 .two, .wbp_block4 .two {float: none;width: 100%;} } @media only screen and (min-width: 737px) and (max-width: 767px) {.table_free {float:none !important;margin:0 !important;} .table_pro {float:none !important;} .pt_title {padding-top:7%;}} @media only screen and (min-width: 768px) and (max-width: 1000px) { .fvp {display:none} .Chart_mobile {display:block;} .table_free {padding:0 7% 5% !important;margin: 0 !important;} .table_pro {padding:0 10% 5% !important;} } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) { .table_free {margin: 0 !important;padding:0 11% 5% !important;} } .header {background-color: #311e4f !important;} .n_fp{background: url(https://asphaltthemes.com/wp-content/uploads/2016/10/frontpage-image.jpg);} .n_fp_wrapper { max-width: 600px; text-align: center; margin: 0 auto; padding: 12% 5%; color: #222;} .n_fp li { text-align: left;} .nfp_btn { margin-top: 50px;} .n_fp h2 { text-align: center;} .n_fp_wrapper ul { padding-left: 20%;} .nfp_btn a { padding: 20px 50px!important;} .downloaded { background: rgba(24, 74, 128, 0.12); color: #666;} .nfp_layouts {text-align:center;} .nfp_layouts h3 {color:#333;font-size:40px;font-weight:300;} .nfp_layouts p {font-size:13px;} .customer_testimoinal { padding: 5% 20%;} .nfp_f_b h3 { color: #333;font-weight:300;} .nfw_fb2 h3 { color: #333; padding-top: 30px; padding-bottom: 50px;} .nfw_fb2 { background-color: rgb(240,238,242);} .demos_wrap { max-width: 1000px; margin: 0 auto;} .demos h3 { color: #333;font-weight:100;} .pricingtable-header, .pricingtable-price { background: #f2f3f7 !important;} .pricingtable-themes-flat div span.pt-hd { height: auto;} .pricingtable-themes-flat div.pricingtable-price { padding-bottom: 50px!important;} .pricingtable-themes-flat div span.pricingtable-header-name { font-size: 20px;} .pricingtable-themes-flat div a.pricingtable-signup-name { padding: 10px 40px; margin: 20px; width: 100%;} .pricingtable-themes-flat div.pricingtable-signup { padding: 35px 0!important;} .pricingtable-themes-flat div.pricingtable-items-odd { background: none repeat scroll 0 0 #fcfdff;} .pricingtable-themes-flat div.pricingtable-items-even { background: none repeat scroll 0 0 #fff; border-bottom: 1px solid #eee; border-top: 1px solid #eee;} .pricingtable-themes-flat div.pricingtable-items { color: #666!important; padding: 15px 0;} .pricingtable-signup { background: #f2f3f7!important; padding: 25px 0;} .pricingtable-themes-flat div.pricingtable-columns-container { margin-right: 40px; box-shadow: 0 0 5px rgba(19, 30, 68, 0.1);} .pricingtable-themes-flat div span.pricingtable-price-value { font-weight: bold;} .fb2_b1, .fb2_b2, .fb2_b3, .fb2_b4, .fb2_b5, .fb2_b6 { width: 30%; margin: 1.5%; padding: 10px; padding-bottom: 30px!important;} .fb2_b1:hover, .fb2_b2:hover, .fb2_b3:hover, .fb2_b4:hover, .fb2_b5:hover, .fb2_b6:hover { border-color: transparent; box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);} .d_one { margin: 4% 2%; width: 20%; height: auto;box-shadow: 1px 3px 27px #00000036;} .downloaded span { color: #f44336;} .nfw_fb2 span { color: #f44336;} .info { background: #fff;} @media screen and (max-width: 580px){ .d_one { width: 96%;margin:14% 2%;} .fb2_b1, .fb2_b2, .fb2_b3, .fb2_b4, .fb2_b5, .fb2_b6 { width: 96%; margin-bottom: 30px;} .nfp_btn a { display: block; margin-bottom: 20px; width: 60%;} .nfw_short_table_wrap { padding: 20px;} .nfw_short_table_wrap { max-width: 260px;} .pricingtable-area { width: 90%;} .pricingtable-themes-flat div.pricingtable-columns-container {width: 270px!important;} } .pricingtable-area {background:none !important;} @media screen and (max-width: 580px){ .n_fp {background-position:16% 100% !important;} } .price_table {text-align: left;margin: 0 auto;background: #eee;display: flex;justify-content: center;text-align: center;padding: 5%;} .price_table a {text-decoration: none;color: #fff;font-size: 18px;} .table_free {float: left;background: #fff;padding: 0 11% 5%;margin-left:5%;} .table_pro {float: right;background: #fff;padding: 0 14% 5%;box-shadow: 0px 12px 12px 0px rgba(73,73,73,0.12),0px 12px 12px 0px rgba(54,54,54,0.12);margin-top: -2%;} span.currency.pro {color:#444;font-weight:#444;} .cur_sign {color: #999;} .pt_head {font-size: 25px;font-weight: 300;padding-bottom: 5%;color: #333;} .pt_head h3 {font-weight:100;} .pt_head p {color: #555;font-size: 17px;} .pt_head a {color: #555;text-decoration: underline;font-size: 17px;} .pt_title {font-size: 30px;color:#555;font-weight:300;} .table_free p, .table_pro p {font-size: 14px;} .pt_hidden {visibility: hidden;} .free_btn {background-color:rgba(153, 153, 153, 0.13);padding:20px 30px;color:#111!important;transition:.5s ease all;-webkit-transition:.5s ease all;} .pro_btn {background:#F44336;padding:20px 50px;transition:.5s ease all;-webkit-transition:.5s ease all;} .free_btn:hover, .pro_btn:hover { opacity: .9; transition: .5s ease all; -webkit-transition:.5s ease all; -moz-transition:.5s ease all; -o-transition:.5s ease all; box-shadow: 0 17px 17px 0 rgba(12, 4, 39, 0.28); -webkit-box-shadow: 0 17px 17px 0 rgba(12, 4, 39, 0.28); -moz-box-shadow: 0 17px 17px 0 rgba(12, 4, 39, 0.28); -o-box-shadow: 0 17px 17px 0 rgba(12, 4, 39, 0.28); transform: translateY(-3px); -webkit-transform:translateY(-3px); -moz-transform:translateY(-3px); -o-transform:translateY(-3px); } @media only screen and (min-width: 768px) and (max-width: 1024px) { .wbp_block1 .one, .wbp_block3 .one {float: none;width: 100%;} .wbp_block1 .two, .wbp_block3 .two {float: none;width: 100%;padding-top: 7%;} .wbp_block2 .one, .wbp_block4 .one {float: none;width: 100%;padding-top: 5%;} .wbp_block2 .two, .wbp_block4 .two {float: none;width: 100%;} .wbp_block1 .two, .wbp_block2 .one , .wbp_block3 .two , .wbp_block4 .one {text-align: center;} } .page-id-518 .page_head {background:#fff;} .page-id-518 #content {margin-top:0;background:#eee;} .page-id-518 .wedocs-docs-single {background:#fff;} .page-id-518 .wedocs-shortcode-wrap ul.wedocs-docs-list.col-2>li {width:32.1%;margin-right:1%;} .page-id-518 .wedocs-shortcode-wrap ul.wedocs-docs-list.col-2>li:nth-child(2n+1) {clear:none !important;} .page-id-518 .wedocs-docs-single:hover, .page-id-518 .wedocs-shortcode-wrap ul.wedocs-docs-list.col-2>li:nth-child(2n+1):hover, .page-id-518 .wedocs-shortcode-wrap ul.wedocs-docs-list.col-2>li:hover {transition:.5s ease all;-webkit-transition:.5s ease all;-moz-transition:.5s ease all;-o-transition:.5s ease all;box-shadow:0px 0px 5px 1px #999;} @media only screen and (min-width: 320px) and (max-width: 700px) { .page-id-518 .wedocs-docs-single {float:none !important;width:100% !important;} } .featured-in {text-align:center;} .featured-in img {-webkit-filter: grayscale(1);filter: grayscale(1);transition:.5s ease all;} .featured-in img:hover {-webkit-filter: grayscale(0);filter: grayscale(0);transition:.5s ease all;} /************THEMES FRONTPAGE STYLING*****************/ .page-template-new-new-frontpage .header { background-color: #311e4f; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='152' height='152' viewBox='0 0 152 152'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='temple' fill='%233c2a5a' fill-opacity='0.4'%3E%3Cpath d='M152 150v2H0v-2h28v-8H8v-20H0v-2h8V80h42v20h20v42H30v8h90v-8H80v-42h20V80h42v40h8V30h-8v40h-42V50H80V8h40V0h2v8h20v20h8V0h2v150zm-2 0v-28h-8v20h-20v8h28zM82 30v18h18V30H82zm20 18h20v20h18V30h-20V10H82v18h20v20zm0 2v18h18V50h-18zm20-22h18V10h-18v18zm-54 92v-18H50v18h18zm-20-18H28V82H10v38h20v20h38v-18H48v-20zm0-2V82H30v18h18zm-20 22H10v18h18v-18zm54 0v18h38v-20h20V82h-18v20h-20v20H82zm18-20H82v18h18v-18zm2-2h18V82h-18v18zm20 40v-18h18v18h-18zM30 0h-2v8H8v20H0v2h8v40h42V50h20V8H30V0zm20 48h18V30H50v18zm18-20H48v20H28v20H10V30h20V10h38v18zM30 50h18v18H30V50zm-2-40H10v18h18V10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .themes_front .wrap { height: 536px; width: 100%; display: inline-block; position: relative; overflow: hidden; z-index: 8; padding: 12% 0 8%; color: #fff; text-align: center; } .themes_front .wrap:after { content: ""; position: absolute; height: 130%; width: 100%; transform: skewY(-4deg); background-color: #311e4f; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='152' height='152' viewBox='0 0 152 152'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='temple' fill='%233c2a5a' fill-opacity='0.4'%3E%3Cpath d='M152 150v2H0v-2h28v-8H8v-20H0v-2h8V80h42v20h20v42H30v8h90v-8H80v-42h20V80h42v40h8V30h-8v40h-42V50H80V8h40V0h2v8h20v20h8V0h2v150zm-2 0v-28h-8v20h-20v8h28zM82 30v18h18V30H82zm20 18h20v20h18V30h-20V10H82v18h20v20zm0 2v18h18V50h-18zm20-22h18V10h-18v18zm-54 92v-18H50v18h18zm-20-18H28V82H10v38h20v20h38v-18H48v-20zm0-2V82H30v18h18zm-20 22H10v18h18v-18zm54 0v18h38v-20h20V82h-18v20h-20v20H82zm18-20H82v18h18v-18zm2-2h18V82h-18v18zm20 40v-18h18v18h-18zM30 0h-2v8H8v20H0v2h8v40h42V50h20V8H30V0zm20 48h18V30H50v18zm18-20H48v20H28v20H10V30h20V10h38v18zM30 50h18v18H30V50zm-2-40H10v18h18V10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); top: -50%; z-index: -2; left: 0; } .themes_front .lower { position: absolute; bottom: 15%; right: 0; } .themes_front .cta_hero h1 { font-size:40px;font-weight:300; } .themes_front .cta_hero p { margin-top: -10px; margin-bottom:50px; } .themes_front .cta_hero button { margin-top: 3%; } .themes_front .wrap a{ background: #F44336; border: 1px solid #F44336; padding: 16px 34px; border-radius: 2px; text-transform: uppercase; color: #fff; font-weight: bold; transition:.7s ease all; text-shadow: 1px 1px #555; } .themes_front .wrap a:hover { background: rgba(63, 81, 181, 0.38); border: 1px solid rgba(63, 81, 181, 0.38); transition: .5s ease all; color: #fff; cursor: pointer; box-shadow: 1px 1px 8px 3px rgba(33, 150, 243, 0.2); } @media (max-width: 320px) { .themes_front .cta_hero h1 { font-size: 30px; } } .themes_sec .theme_wrap { padding: 2% 5%; background-color: #fff; text-align: center; color: #111; } .themes_sec h3 { font-weight: 300; font-size: 35px; text-transform: uppercase; } .themes_sec p { color: #555; font-size: 14px } .themes_sec h4 { font-size: 25px; text-transform: uppercase; margin-bottom: 10px } .themes_sec img { width: auto; height: auto; box-shadow: 4px 7px 20px #e7e2f0; } .themes_sec .themes { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .themes_sec .themes .theme { margin: 10px auto; padding: 20px 0 } .themes_sec .theme-thumb a:hover { opacity: .8; -webkit-transition: .7s ease all; transition: .7s ease all } @media (max-width:1200px) { .themes_sec .themes { display: block } .themes_sec .themes div { padding: 5% 0 } .themes_sec .theme-thumb { position: relative; border-radius: 5px; overflow: hidden } .themes_sec img { max-width: 100%; height: auto } } .page-template-new-new-frontpage .nfp_f_b { padding:0 10% 2%; margin-top:-40px; } .testi_wrap {display: flex;padding: 5% 10%;background-color:rgb(240, 238, 242);color:#333;} .new_new_testimonial_one, .new_new_testimonial_two {width: 50%;overflow: hidden;} .new_new_testimonial_one img {border:5px solid #26282f;} .new_new_testimonial_two {padding-top: 10%;padding-left: 5%;} .new_new_testimonial_two cite {font-size: 16px;line-height: 2.2;text-align:justify !important;} .new_new_testimonial_two a { text-decoration: none; color: #2196F3 !important; } @media (max-width: 768px) { .testi_wrap {display: block;text-align: center;} .new_new_testimonial_one, .new_new_testimonial_two {width: 100%;overflow: hidden;} } @media (max-width: 425px) { .new_new_testimonial_two cite { font-size: 17px; } } @media (min-width: 1700px) and (max-width: 2560px) { .new_new_testimonial_one img {margin-left:30%;} } .cst_test img {width:150px;height:150px;border-radius:50%;} .sec_cta_new {background-color: rgb(240, 238, 242);text-align:left;} .sec_cta_new_wrap {display: flex;-webkit-display:flex;-ms-flex:flex;} .part_one {width: 37%;padding: 4% 0% 5% 13%;color: #111;} .part_one h3 {font-size: 40px;font-weight: 100;text-transform: uppercase;color:#311e4f;} .part_one p {color: #666;line-height: 2;padding: 2% 14% 5% 0 ;font-size:15px;text-align:justify;} .part_one a {text-decoration: none; border: 1px solid #311e4f;padding: 18px 20px;font-weight: bold;background-color: #311e4f;color:#fff !important;transition:.8s ease all;} .part_one a:hover {background-color: transparent; color: #311e4f !important; transition: .5s ease all;border: 1px solid #311e4f;} .part_two {width: 50%;background-color: #fff;color:#555;} .part_two div:first-child {background-color: #f5f2f8;padding: 6% 10%;} .part_two div:first-child h3 {font-size: 20px;font-weight: 100;color: #222b58} .part_two div:first-child p {line-height: 2;padding-right: 25%;font-size:13px;} .part_two div:last-child {background-color: #fff;padding: 6% 10%;} .part_two div:last-child h3 {font-size: 20px;font-weight: 100;color: #222b58} .part_two div:last-child p {line-height: 2;padding-right: 25%;font-size:13px;} @media only screen and (max-width: 800px) { .sec_cta_new_wrap {display:block;} .part_one {width:90%;padding:5% 5% 10%;text-align:center;} .part_one p {padding:2% 0% 12% 0;text-align:center;} .part_two {width:100%;text-align:center;margin-top:20px;} .part_two div:first-child p {padding:0;} .part_two div:last-child p {padding:0;} } /*resumee theme page*/ .theme_page {padding: 2% 5% 2%;text-align:center;} .theme_page h3 {font-size: 55px;text-align: center;font-weight: 300;color: #311e4f;} .theme_page p {line-height:1.7em;color: #555;font-size: 15px;padding: 0 10%;letter-spacing:.5px;} .theme_page img {margin:3% 0;} .th_pg_btns {text-align: center;padding: 3% 0 5%;} .th_pg_btns a {text-decoration: none;font-size: 17px;border-radius: 2px;margin: 0 15px;border:1px solid transparent; transition: .5s ease all; -webkit-transition:.5s ease all;} .th_pg_btns a:nth-child(2):hover { transition: .5s ease all; -webkit-transition:.5s ease all;border:1px solid red;color: red;background-color: #fff;} .th_pg_btns a:first-child:hover, .th_pg_btns a:last-child:hover {background-color: #fff; color: #333;border:1px solid #333;transition: .5s ease all; -webkit-transition:.5s ease all;} .th_pg_btns a:first-child {background-color: rgba(158, 158, 158, 0.37); color: #333;padding: 20px 30px;} .th_pg_btns a:nth-child(2) {background-color: #F44336; color: #fff;padding: 20px;} .th_pg_btns a:last-child {background-color: rgba(158, 158, 158, 0.37); color: #333;padding: 20px;} @media (max-width: 600px) { .th_pg_btns a:last-child , .th_pg_btns a:first-child, .th_pg_btns a:nth-child(2) {display: block;padding: 8% 0;margin: 25px 0;} } @media (min-width: 601px) and (max-width: 830px) { .th_pg_btns a:last-child , .th_pg_btns a:first-child, .th_pg_btns a:nth-child(2) {padding: 25px 10px;margin: 0 10px;} .th_pg_btns {padding: 7% 0;} } .theme_info {background-color: #311e4f;color: #fff;padding: 2% 10%;} .theme_info_wrap div {display: flex; -webkit-display:flex;-moz-display:flex;-o-display:flex;-ms-display:flex; } .theme_info_wrap p {text-align: center;font-size: 13px;flex-grow: 1;} .theme_info_wrap b {font-size: 20px;font-weight:100;} .theme_info_wrap a {text-decoration: none;color:#fff;} @media (max-width: 1000px) { .theme_info_wrap div {display: block;} } .theme_feat {padding: 2% 15%;text-align: center;background-color: rgb(240,238,242);} .theme_feat h3 {font-size: 35px;color: #333;font-weight:100;} .theme_feat h4 {color: #311e4f;font-size:18px;font-weight:100;} .theme_feat p {color: #333;font-size:14px;line-height:1.7em;padding:0 5%;letter-spacing:.5px;} .theme_feat .feat_div {display: flex;} .theme_feat .feat_div .feat_one {width: 40%;padding:3% 5%;} .theme_feat .feat_div img {max-width:100%;} .feat_div img {width: 550px; height:auto; border:1px solid #eee;box-shadow:5px 6px 23px 1px #ddd;transition:0.5s ease all;} .feat_div:nth-child(1) .feat_one:nth-child(2) img {width:auto;} @media (max-width: 900px) { .theme_feat .feat_div {display: block;} .theme_feat .feat_div .feat_one {width: 100%;padding:3% 0;} } @media (max-width: 1600px) {.theme_feat .feat_div img {height:auto;}} @media (max-width: 630px) { .theme_feat .feat_div img {max-width: 100%;height: auto;} } .sec_cta {padding: 8% 10%; text-align: center;background-color: #fff !important;color: #333;} .sec_cta span {margin-left: 5%;} .sec_cta h3 {font-size: 25px;font-weight:100;} .sec_cta a {text-decoration: none; color: #fff !important;padding: 20px;background-color: #F44336;border-radius: 2px;border:1px solid #F44336 ;} .sec_cta a:hover {color: #F44336 ; background-color: #222;border: 1px solid #222;transition: .5s ease all;-webkit-transition:.5s ease all;} @media (min-width: 320px) and (max-width: 550px) { .sec_cta span {margin: 25% 0 15%;display: block;} } @media (min-width: 551px) and (max-width: 970px) { .sec_cta span {margin: 15% 0 5%;display: block;} } @media (min-width: 971px) and (max-width: 1000px) { .sec_cta span {margin: 15% 0 5%;display: block;} } .single-download .nc_socialPanel {display:none;} #optimizer_front_text-5 .text_block {padding-top:0 !important;} /*FAQ page style*/ .page-id-2407 h2 {color:#333;} .page-id-2407 p {color:#555;} /*pricing theme page*/ .newpricetable { background-color: #fff; padding: 5% 15%; } .newpricetable .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .newpricetable h3 { text-align: left;font-weight:100; } .newpricetable .table { background-color: #f0eef2; padding: 3% 9% 5%; -webkit-transition: .6s ease all; transition: .6s ease all; box-shadow: 0px 0px 10px #d0c9db; } /* .newpricetable .table:nth-child(3) { display:none; } */ .newpricetable .table:hover { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 10px #d0c9db; -webkit-transition: .6s ease all; transition: .6s ease all; } .newpricetable .currency { font-size: 30px;color:#999;} .newpricetable .price { font-size: 80px;color:#333; vertical-align: middle; } .newpricetable ul { list-style: none; padding-left: 0; padding-bottom: 20px; } .newpricetable li { color: #999; font-size: 13px; line-height: 1.8em; } .newpricetable a { text-decoration: none; } .newpricetable .free { background: transparent; color: #333; padding: 15px; text-align: center; border: 1px solid #ddd; text-transform: uppercase; } .newpricetable .pro { color: #fff; background: #F44336; padding: 20px 35px; text-transform: uppercase; border: 1px solid #F44336; -webkit-transition: .5s ease all; transition: .5s ease all; } .newpricetable .pro:hover { color: #111; background-color: transparent; border: 1px solid #222; -webkit-transition: .5s ease all; transition: .5s ease all; } .newpricetable .ultimate { background: transparent; padding: 15px 35px; text-transform: uppercase; color: #333; border: 1px solid #ddd; -webkit-transition: .5s ease all; transition: .5s ease all; } .newpricetable .ultimate:hover { background-color: transparent; border: 1px solid #555; -webkit-transition: .5s ease all; transition: .5s ease all; } .mon_back {padding:3%;font-size:13px;color:#999;} @media (min-width: 300px) and (max-width: 800px) { .newpricetable .wrap {display: block;justify-content: none;} .newpricetable {padding: 5%;} .newpricetable {margin:5%;} .newpricetable .table {padding:3% 9% 15%;margin:20px 0;text-align:center;} .newpricetable h3 { text-align: center;} } @media (min-width: 801px) and (max-width: 1199px) { .newpricetable .wrap {display: block;justify-content: none;} .newpricetable {padding: 5%;} .newpricetable {margin:5% 20%;} .newpricetable .table {padding:3% 9% 15%;margin:20px 0;text-align:center;} .newpricetable h3 { text-align: center;} } @media (min-width: 651px) and (max-width: 1250px) {.freetab {display:block;} .newpricetable{padding:5% 0%;}} @media (min-width: 1251px) and (max-width: 1800px) {.newpricetable {padding:5% 4%;}} .postid-2493 #ast_nextprev, .postid-2493 .post_cta, .postid-2493 .comments_template {display:none;} /*frontpage why buy from us*/ .nw_moreinfo { background-color: #fff; padding: 5% 20%; text-align: center; } .nw_moreinfo h2 {font-size:30px;color:#333;font-weight:100;text-transform:uppercase;} .nw_moreinfo h3 { font-size: 20px; color:#fff;font-weight:100;} .nw_moreinfo .new_block { float: left; width: 40%; background-color: #311e4f; padding: 5% 3%; margin: 2%; -webkit-transition: .5s ease all; transition: .5s ease all; } .nw_moreinfo .new_block:hover { -webkit-box-shadow: 10px 10px 10px #eee; box-shadow: 10px 10px 10px #eee; -webkit-transition: .5s ease all; transition: .5s ease all; } .nw_moreinfo .new_block p { letter-spacing: .3px;font-size:14px;color:#ddd; word-spacing: .5px; line-height: 1.7em; padding: 2%; } @media (max-width: 800px) { .nw_moreinfo { padding: 10%; } .nw_moreinfo .new_block { float: none; width: 100%; padding-left: 0; margin-left: 0; } } /*more powerful features*/ .featblok { padding: 4% 20%; background-color: #fff; font-size: 13px; line-height: 1.7em; letter-spacing: .3px;} .featblok p {color:#555;} .featblok h3 {color:#555;} .featblok h2 { font-size: 30px;color:#333;font-weight:100; text-align: center;line-height:normal; } .featblok .fblokdiv div { float: left; width: 25%; padding: 0 4.1%; } .featblok .title { font-size: 25px;color:#3F51B5;font-size:22px; font-weight: 100; } .featblok .last_div { padding-bottom: 5% !important; } @media (max-width: 1150px) { .featblok .fblokdiv div { float: none; width: 100%; padding: 2%; } } .cus_res {text-align:center;padding:5% 5% 0;} .cus_res h3 {color: #333;font-size: 30px;font-weight: 100;} .post-262 {color:#333;;} .d_one span {text-align:center;font-size:12px;} .single .fa-user, .single .post-author, .single .fa-comments-o, .single .meta_comm {display:initial ;} /*Evento Page*/ /* .app-container,.row{display:-webkit-box;display:-ms-flexbox}.app-container,.works[data-v-7335b9d3]{position:relative}.app-container,.work[data-v-7335b9d3]{-webkit-box-orient:vertical;-webkit-box-direction:normal}.work-wrap-5[data-v-7335b9d3],.work-wrap-7[data-v-7335b9d3]{z-index:1}.template{background-color:#111;padding:15% 5%;text-align:center;color:#fff}.template h2{font-size:50px}.template p{font-size:17px;margin-bottom:10px;padding-bottom:3%}.template a{font-weight:700;color:#fff !important;font-size:15px;background-color:red;text-decoration:none;padding:15px 30px;border-radius:1px;text-transform:uppercase}.fa,.svg-inline--fa{font-size:50px}@media (min-width:0px){.tile-xs-12{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}}.row{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;max-width:879px;margin:0 auto}@media (min-width:0px) and (max-width:767px){.row{width:calc(100% - 60px)}.app-content[data-v-7335b9d3]{margin-top:-1px}}@media (min-width:768px) and (max-width:1279px){.row{width:90%}}.app-content{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.app-container{-webkit-box-flex:1;overflow:hidden;-ms-flex:1;flex:1;display:flex;-ms-flex-direction:column;flex-direction:column;will-change:opacity;min-height:calc(100vh - 156px)}@media (min-width:768px){.works[data-v-7335b9d3]{margin-top:100px}}@media (min-width:1280px){.works[data-v-7335b9d3]{margin-bottom:90px;padding-bottom:115px}}.works.is-shown .work-wrap[data-v-7335b9d3]{opacity:1}.work[data-v-7335b9d3]{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;text-align:center;transition:.1s ease-in-out;background:#fff;}.work:hover{cursor:text}.work>[data-v-7335b9d3]{pointer-events:none}.work .hover[data-v-7335b9d3]{display:none}@media (min-width:0px) and (max-width:1279px){.work[data-v-7335b9d3]{margin:0 auto 20px;background:#191919;color:#fff}.work .un-hover[data-v-7335b9d3]{display:none}.work .hover[data-v-7335b9d3]{display:block}}@media (min-width:1280px){.work[data-v-7335b9d3]{margin-right:13px}.no-touchevents .work[data-v-7335b9d3]:hover,.touchevents .work[data-v-7335b9d3]:active{background-color:#191919;color:#fff}.no-touchevents .work:hover .un-hover[data-v-7335b9d3],.touchevents .work:active .un-hover[data-v-7335b9d3]{display:none}.no-touchevents .work:hover .hover[data-v-7335b9d3],.touchevents .work:active .hover[data-v-7335b9d3]{display:block}}@media (min-width:0px) and (max-width:767px){.work[data-v-7335b9d3]{width:100%;height:300px}}@media (min-width:768px){.work-1[data-v-7335b9d3]{width:421px;height:421px;background:#000;color:#fff}}@media (min-width:0px) and (max-width:1279px){.work-2 .work-img[data-v-7335b9d3]{width:119px}}@media (min-width:768px) and (max-width:1279px){.work-2[data-v-7335b9d3]{width:421px;height:421px}}@media (min-width:1280px) and (max-width:1649px){.work-2[data-v-7335b9d3]{margin-bottom:40px}}@media (min-width:1280px){.work-2[data-v-7335b9d3]{width:342px;height:342px;margin-bottom:36px;background:#6495ed;border:1px solid #f0f8ff;color:#fff}.work-2 .work-img[data-v-7335b9d3]{width:98px}}@media (min-width:0px) and (max-width:1279px){.work-3 .work-img[data-v-7335b9d3]{width:191px}.work-text[data-v-7335b9d3]{text-align:center}}@media (min-width:768px) and (max-width:1279px){.work-3[data-v-7335b9d3]{width:421px;height:421px}}@media (min-width:1280px){.work-3[data-v-7335b9d3]{width:301px;height:301px;margin-bottom:36px;background:#673AB7;color:#fff;}.work-3 .work-img[data-v-7335b9d3]{width:133px}}@media (min-width:768px){.work-4[data-v-7335b9d3]{width:421px;height:421px;background:#2e8b57;color:#fff;border:1px solid #2e8b57}}@media (min-width:1280px){.work-4[data-v-7335b9d3]{width:371px;height:371px}.work-4 .work-img[data-v-7335b9d3]{width:185px}.work-wrap[data-v-7335b9d3]{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;left:50%}}@media (min-width:768px){.work-5[data-v-7335b9d3],.work-6[data-v-7335b9d3]{width:421px;height:421px;background:#363638;color:#fff;border:1px solid #363638}}@media (min-width:992px){.work-6[data-v-7335b9d3]{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;background:#3F51B5;color:#fff;border:1px solid #3F51B5}}.work-wrap[data-v-7335b9d3]{opacity:0;transition:.2s ease;-webkit-transform:translateZ(0);transform:translateZ(0)}@media (min-width:0px) and (max-width:767px){.work-wrap[data-v-7335b9d3]{margin-bottom:47px}}@media (min-width:768px){.work-7[data-v-7335b9d3]{width:421px;height:421px;background:#4CAF50;color:#fff;border:1px solid #4CAF50}.work-wrap[data-v-7335b9d3]{margin-bottom:75px}}@media (min-width:1280px){.work-wrap-1[data-v-7335b9d3]{margin-top:108px;transition-delay:1.1s;-webkit-transform:translate3d(-609px,-26px,0);transform:translate3d(-609px,-26px,0)}.work-wrap-2[data-v-7335b9d3]{display:block;position:absolute;-webkit-transform:translate3d(330px,-687px,0);transform:translate3d(330px,-687px,0);transition-delay:1.3s}.work-wrap-3[data-v-7335b9d3]{display:block;position:absolute;-webkit-transform:translate3d(-74px,-400px,0);transform:translate3d(-74px,-400px,0);transition-delay:1.5s}.work-wrap-4[data-v-7335b9d3]{position:absolute;-webkit-transform:translate3d(-407px,-469px,0);transform:translate3d(-407px,-469px,0);transition-delay:1.1s}.work-wrap-5[data-v-7335b9d3]{-webkit-transform:translate3d(72px,-185px,0);transform:translate3d(72px,-185px,0);transition-delay:.9s}.work-wrap-6[data-v-7335b9d3]{margin-top:-330px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transform:translate3d(-530px,0,0);transform:translate3d(-530px,0,0);transition-delay:.7s}.work-wrap-7[data-v-7335b9d3]{transition-delay:.5s}.work-text[data-v-7335b9d3]{max-width:208px}}.work-img-wrap[data-v-7335b9d3]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:70px}.work-name[data-v-7335b9d3]{padding:30px 20px;font-size:14px;-ms-flex-negative:0;flex-shrink:0}.work-text[data-v-7335b9d3]{font-size:18px;line-height:1.3;color:#111;}@media only screen and (min-width:1280px) and (max-width:1400px){.work-text-1[data-v-7335b9d3]{position:absolute;top:-70px}}@media (min-width:1280px){.work-text.top[data-v-7335b9d3]{margin-top:-6px}.work-text.end[data-v-7335b9d3]{margin-bottom:-6px;-ms-flex-item-align:end;align-self:flex-end}.text-1[data-v-7335b9d3]{margin-bottom:35px}} */ .app-container {padding:5% 0;} #topmenu ul li.current-menu-item>a {color:#fff !important;} .docs-template-default .swp_social_panel, .page-id-518 .swp_social_panel, .page-template .swp_social_panel, .page-template-default .swp_social_panel {display:none;} #optimizer_front_text-2 .text_block, #optimizer_front_text-5 .text_block , #optimizer_front_text-6 .text_block {background-color: #311e4f !important;} #footer {background-color: #311e4f !important;} .wp-block {max-width: 100% !important; width: 100% !important;} .dgd_stb_box.default { border: none !important; box-shadow: 0px 0px 0px 10px rgb(49, 30, 79) !important; background-color: #f0eef2 !important; } .dgd_stb_box.default form input[type=submit], .dgd_stb_box form input.submit { background-color: #311e4f !important; border: 1px solid #311e4f !important; box-shadow: 0 1px 0 0 #311e4f inset !important;} .muted__price {font-size: 25px;} #poptinDesignInputTextFieldEmail {margin-top: 5px !important;}