themes/asteria-lite/style.css 

/*

Theme Name: Asteria Lite

Description: Asteria Lite is a clean responsive theme with a beautiful slider, Narrow and Wide Layout Option, 10 Social Icons and 3 page templates - Full width page, Left sidebar page and a Blog page Template. The theme also allows you to design your site logo with 600+ fonts. The Theme also has a Maintenance Mode feature, Beautiful Gallery feature, Custom CSS feature, Import/Export feature and is fully compatible with Woocommerce and Contact Form 7 Plugin. It also comes with Ajax pagination feature which means you can navigate through posts without page refresh. The theme is SEO Friendly and has plenty of user-friendly options. The theme is translation ready and fully translated into French, Italian, German, Spanish, and Chinese. Asteria Lite is suitable for any types of website - corporate, portfolio, business, blog. Get Free Support without registration on http://www.towfiqi.com/forums/forum/asteria-lite

Version: 1.0.3

Theme URI: http://www.towfiqi.com/asteria-lite-free-wordpress-theme.html

Author: Towfiq I.

Author URI: http://www.towfiqi.com/

License: GNU General Public License, v2 (or newer)

License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

Text Domain: asteria

Tags: theme-options, one-column, dark, green, white, right-sidebar, left-sidebar, responsive-layout, fluid-layout, fixed-layout, custom-background, theme-options, translation-ready, featured-images, full-width-template

*/

body{ background:#f7f7f7; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#999;}

.center{ margin:0 auto; width:85%;}

a{ text-decoration:none;}

p, .widget_wrap{line-height: 26px;}

/*Full width pages*/

body .no_sidebar{ width:100%;}

/*HEADER*/

.header{width:100%; float:left;position:relative; margin-bottom:10px;}

.header a{ color:#333;}

.header .head_soc{ position:absolute;right: 0; bottom:-24px;z-index: 9999;background: url(images/submenu.png) repeat; cursor:pointer;}

.header .center{ }

/*Headers4*/

.header4{width:100%; height:auto; float:left;}

.header4 a{ color:#fff;}

.header4 .center{ position:relative;}

.header4 .logoimga{ display:block; float:left;}

.header4 #topmenu{ margin:0;padding:0;width:100%; height:auto;background:#333; }

.header4 #topmenu ul li{padding: 0 20px 0 20px; padding-top:34px; padding-bottom:31px;border-bottom: 3px solid transparent;margin-left: -4px;-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;}

.header4 #topmenu ul li ul li{ padding:0; margin-left:0; border-bottom:none; line-height:normal!important; height:auto!important;}

.header4 #topmenu ul li ul{top: 90px;margin-left: -80px; margin-top:0;}

.header4 #topmenu ul li ul li ul{ margin-top:-90px; margin-left:0;}

.header4 .current-menu-item{ background:rgba(0, 0, 0, 0.1);}

.header4 #topmenu ul li:hover{background:rgba(0, 0, 0, 0.03);border-bottom: 3px solid #2dcb73;}

.header4 #topmenu ul .zn_parent_menu:hover{border-bottom: 3px solid transparent!important;}

.header4 #topmenu .sub-menu{border-top: 3px solid #2dcb73;}

.header4 #topmenu ul li:hover ul li{ border-bottom:none;}

.bigmenu{text-align: center; width: 100%;}

body .header4 .bigmenu ul li:hover{ background:none!important;}

/*Social*/

.head_soc{ float:right;}

.head_soc a{display: inline-block;font-size: 18px;margin-left: 10px;width: 20px;height: 25px;padding: 2px 4px;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; color:#fff;}

.head_soc a:hover{ color:#fff!important;}

.head_soc a.ast_fb:hover{ background:#47639e;}

.head_soc a.ast_twt:hover{ background:#35c2f6;}

.head_soc a.ast_gplus:hover{ background:#ea493f;}

.head_soc a.ast_ytb:hover{ background:#c5101d;}

.head_soc a.ast_pin:hover{ background:#e90d1c;}

.head_soc a.ast_rss:hover{ background:#ffb037;}

.head_soc a.ast_flckr:hover{background:#fe0084;}

.head_soc a.ast_lnkdin:hover{background:#017eb4;}

.head_soc a.ast_tmblr:hover{background:#304d6b;}

.head_soc a.ast_insta:hover{background:#d4c5a4;}

/*LOGO*/

.logo{ max-width:100%;}

.logo h1, .logo h2{ float:left; font-size:44px; margin:12px 0;}

.logo h1 a, .logo h2 a{ font-weight:bold;}

.logo img{ border:none; margin:10px 0;max-width:100%; height:auto;}

/*Top Menu*/

/*Mobile Menu*/

#simple-menu{display: block;float: right;background:rgba(0, 0, 0, 0.5);padding: 15px 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin-top: 1.5%;}

#simple-menu{ display:none;}

.pad_menutitle{padding: 5%;width: 90%;background: #2dcb73;}

.pad_menutitle span{display: inline-block;float: right; cursor:pointer;}

#topmenu{ float:right; margin-top:40px;}

#topmenu ul{ margin:0; padding:0;}

#topmenu ul li{ list-style-type:none; display:inline-block; margin-left:25px;padding-bottom: 28px;position: relative;}

#topmenu ul li a{ font-size:16px;}

#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-top:28px;margin-left:-50px;}

#topmenu ul li ul li{ margin:0; padding:0; width:100%; display:block; text-align:center;}

#topmenu ul li ul li a{ padding:10px 10%; width:80%; margin:0px; display:block;background:#333 url(images/submenu.png) repeat;}

#topmenu ul li ul li a:hover{ background:#2dcb73 url(images/trans_black_3.png) repeat;color:#fff!important;}

#topmenu ul li ul li a{ font-size:16px;}

#topmenu ul li ul li ul{left: 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;}

/*Hide the mobile menu on desktop*/

#sidr-main{ display:none;}

/*SLIDER

---------------------------------------

*/

/*Slider Progressbar*/

/*Hide Slider by default*/

#zn_nivo, .nivo-controlNav, #slide_acord, .nivoinner{ display:none;}

#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; -webkit-border-radius:5px; -moz-border-radius:5px;border-radius:5px; background:#333;padding:7px 12px;}

.progrssn{ width:40px; height:40px; margin-top:10px; margin-left:5px; background:#18dd87; -webkit-border-radius:50% 0 0 50%; -moz-border-radius:50% 0 0 50%; border-radius:50% 0 0 50%;-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;}

.prog_wrap{width: 50px; height:50px; position:absolute; overflow:hidden;}

.pbar{ -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; width:40px; padding-top:13px; height: 27px; border:10px solid #fff; text-align:center; font-size:10px; color:#fff; position:relative; z-index:22;}

#slidera{width:100%; margin:0 auto; clear:both;}

.slider-wrapper{ position:relative; height:550px;}

/*Nivo Slider*/

#zn_nivo {position:relative; height:550px; width:100%; overflow:hidden;}

.slide_wrap{width:100%; margin:0 auto; height:550px; overflow:hidden;}

.nivoSlider {position:relative;width:100%;height:auto;overflow: hidden;}

.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; filter:alpha(opacity=0); 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:20%; right:11%;color:#fff;opacity:1;width:412px;z-index:8;text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.5);}

.nivo-caption h3{ margin:0px; width:100%; float:left;}

.nivo-caption h3 a{margin-bottom:5px; display:block; float:left; color:#fff!important;}

.nivo-caption p a{color:#2dcb73;}

.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{ opacity:0;}

.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(images/nivo_nav.png) no-repeat;background-position:0px 5px;}

.nivo-nextNav {right:10px;width:27px; height:53px; display:block; text-indent:-999999px; background:url(images/nivo_nav.png)no-repeat;background-position:-68px -51px;}

.nivo-caption .sld_layout1 h3{ line-height:24px!important;}

.nivo-caption .sld_layout1 h3 a{ font-size:24px!important; background:#2dcb73;padding:3%; width:94%;}

.nivo-caption .sld_layout2 p {margin:0; width:380px;padding:15px 0; float:left;}

.nivo-caption .sld_layout1 p {margin:0; width:380px; background:rgba(0, 0, 0, 0.5); padding:15px; font-size:13px;line-height:18px; border-left:3px solid #2dcb73;float:left; padding-bottom:40px;}

.nivo-caption .sld_layout3 p{ font-size:16px;}

.nivoinner h3 a:empty{ display:none!important;}

.sld3wrap{ width:75%!important; margin-left:auto; margin-right:auto; left:15%!important; bottom: 20%; text-align:center;}

.sld3wrap h3{ margin:20px 0;}

.sld3wrap h3 a{ float:none;}

a.sld_buttn{ padding:12px 20px; border-radius:3px; display:inline-block!important; margin:10px auto 0 auto; text-shadow:none;}

.sld_layout1 a.sld_buttn {top: -27px;display: inline-block!important;position: relative;float: right;padding: 5px 10px;font-size: 12px;text-shadow: none; border-radius:0; margin-top:0;}

a.sld_buttn:hover{ opacity:0.8;}

/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav {text-align: center;padding: 15px 0;bottom: 10px;position: absolute;z-index: 99;left: 50px;}

.nivo-controlNav a {cursor: pointer;background: #444;width: 10px;height: 10px;display: inline-block;margin-right: 10px;

-webkit-border-radius: 50%;border-radius: 50%; -moz-border-radius: 50%;border: 3px solid #222;text-indent: -999999px;}

.nivo-controlNav a.active {background:#2dcb73;}

/*Homepage blocks margin*/

.home_blocks:empty{ display:none;}

.activeblock{width:100%; float:left;margin:15px 0;}

.lastmap{ margin-bottom:0;}

/*Midrow Blocks*/

.ast_blocks{ margin:0; padding:35px 0; background:#fff;}

.midrow{width:100%; float:left;}

.midrow_wrap{ width:85%; margin:0 auto;}

.midrow_block{width:21%; padding:2%; float:left; text-align:center;}

.twoblocks .midrow_block{width:46%;}

.oneblock .midrow_block{width:92%;}

.threeblocks .midrow_block{width:29.3%;}

.midrow_block img{ max-width:100%; height:auto;}

.midrow_block:hover{}

.midrow_block:hover .block_img{ border:5px solid #fff;}

.midrow_block:hover h3{ color:#fff;}

.midrow_block:hover .icon_wrap i{}

.midrow_block h3{color:#333; font-size:18px;}

.midrow_block p{ line-height:2em;}

.block_img{width:70px; height:70px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; margin:30px auto;border:5px solid rgba(0, 0, 0, 0.15);}

.midrow_block .icon_wrap{ padding-top:20px;}

.midrow_block .icon_wrap i{ color: rgba(0, 0, 0, 0.15);}

/*Text Block*/

.text_block{ width:100%; background:#333; float:left;}

.text_block_wrap{padding: 1%;clear: both;}

/*Call to Action*/

.home_action{ float:left; width:96%; padding:2%; background:#fff;}

.home_action_left{width:78%; float:left; margin-right:2%;}

.home_action_right{ width:20%; float:left;}

.home_action_button{ display:block;padding:20px 10px; cursor:pointer; text-decoration:none; 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; font-size:18px; background:#e64429; color:#fff;}

.home_action_button a{ color:#fff;}

.home_action_button:hover{ -webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.6);-moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.6);box-shadow:0 0 2px rgba(0, 0, 0, 0.6); color:#fff;}

.home_action_right{ display:table;}

.home_action_button_wrap{ display:table-cell; vertical-align:middle;}

/*Layout 1*/

.home .lay1{ padding:0;}

.lay1{width:100%; float:left; padding:40px 0;}

.lay1_wrap{overflow: hidden;}

.lay1 .hentry{ width:32%; float:left;  padding:0.6%;}

.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;bottom:-100px;}

.lay1 h2.postitle{ padding:10px 0; background:#333; text-align:center; margin:0;}

.lay1 h2.postitle a{ font-size:16px; color:#fff;}

.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;width: 100%;-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:-130px; z-index:3;}

.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{ bottom:0;}

.post_image:hover .img_hover{ opacity:1;}

.img_hover{ width:100%; height:100%; /*background:rgba(0, 0, 0, 0.4);*/ background:url(images/lay_hover.png) repeat;position:absolute;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; z-index:2;}

.img_hover .icon_round{ padding-top:30%; padding-left:30%;}

.img_hover .icon_wrap{bottom: 50%; margin-left:auto; margin-right:auto; width:50px; height:50px; background:#333; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; left:0; right:0; position:absolute;}

.img_hover .icon_wrap i{ color:#fff; font-size:18px;}

.vidwrap{ position:relative;}

/*AJAX*/

.ast_ajaxwrap{ width:100%; margin-bottom:30px; min-height:300px; position:relative;}

.ast_ajax{ margin:0 auto; left:0; right:0; bottom:40%; position:absolute;}

.ast_row{ overflow:hidden; margin-top:0.5%;}

/*Layout 4*/

.home .lay4{ padding:0;}

.lay4{width:100%; float:left; padding:40px 0;}

.lay4_wrap{overflow: hidden;width:68%; float:left;}

.lay4 .hentry{width: 95.6%;float: left;padding: 2%;background: #fff; margin-bottom:30px; position:relative;}

.lay4 .post_image{width: 25%;height: auto;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-transform: scale(1.3);

    -moz-transform: scale(1.3);

    -o-transform: scale(1.3);

    -ms-transform: scale(1.3);

    transform: scale(1.3);

-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:10px;}

.lay4 h2 a{color:#2dcb73;}

.lay4 p{ padding-bottom:20px;}

.lay4 .single_metainfo{ padding-bottom:0;}

.lay4 .single_metainfo a{opacity:0.7;}

.more-link, .moretag{ padding:7px 20px; background:#f1f2f3; color:#aaa; display:block; margin:15px 0; float:left; bottom:-15px; right:0; position:absolute; -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;}

.thn_post_wrap .more-link:hover, .moretag:hover{ background:#2dcb73; color:#fff;}

/*FRONTPAGE ANIMATIONS*/

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,20%,0);-ms-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}

.midrow_block:nth-child(2){ }

.midrow_block:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s;-moz-animation-delay:.3s;}

.midrow_block:nth-child(4){-webkit-animation-delay:.6s;animation-delay:.6s;-moz-animation-delay:.6s;}

.midrow_block:nth-child(5){-webkit-animation-delay:.9s;animation-delay:.9s;-moz-animation-delay:.9s;}

.home .lay1_wrap{-webkit-animation-delay:.6s;animation-delay:.6s;-moz-animation-delay:.6s;}

/*WordPress Core*/

.alignnone {margin: 5px 20px 20px 0;}

.aligncenter, div.aligncenter {display:block;margin: 5px auto 5px auto;}

.alignright {float:right;margin: 5px 0 20px 20px;}

.alignleft {float:left;margin: 5px 20px 20px 0;}

.aligncenter {display: block;margin: 5px auto 5px auto;}

a img.alignright {float:right; margin: 5px 0 20px 20px;}

a img.alignnone {margin: 5px 20px 20px 0;}

a img.alignleft {float:left;margin: 5px 20px 20px 0;}

a img.aligncenter {display: block;margin-left: auto;margin-right: auto}

.wp-caption {border: 1px solid #ececec;max-width: 96%; /* Image does not overflow the content area */padding: 10px 3px 10px;text-align: center;}

.wp-caption img{max-width: 98%!important;}

.wp-caption.alignnone {margin: 5px 20px 20px 0;}

.wp-caption.alignleft { margin: 5px 20px 20px 0;}

.wp-caption.alignright { margin: 5px 0 20px 20px;}

.wp-caption img {border: 0 none !important;margin: 0 !important;max-width: 570px;padding: 0 !important;}

.wp-caption p.wp-caption-text {font-size:11px;line-height:17px; margin:0;padding:0 4px 5px;}

.sticky{}

.gallery-caption{}

.bypostauthor{}

/*Pagination*/

.ast_pagenav .page-numbers{ display:block; width:30px; height:25px; padding-top:5px; background:#f1f2f3; -webkit-border-radius:50%; border-radius:50%;-moz-border-radius:50%; display:inline-block; margin-right:15px; text-align:center; color:#999; font-size:13px;position: relative;z-index: 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; margin-bottom:15px;}

.thn_paginate a.page-numbers:nth-last-child(1){ margin-right:0;}

.page-numbers:hover{ background:#2dcb73; color:#fff;}

.ast_pagenav .current{ color:#fff; background:#2dcb73;}

.thn_paginate{width: 100%;text-align: center;margin-top: 50px;}

.pagi_border{ margin:0 auto;}

.ast_pagenav .pagi_border dt{position: relative;z-index: 1; width:100%; height:7px; background:rgba(0, 0, 0, 0.08); margin-top:-32px; float:left;}

.ast_pagenav{width: 100%;text-align: center;margin-top: 50px;}

/*SINGLE*/

.thn_post_wrap img{ max-width:100%; height:auto;}

.meta_comm, .catag_list{ display:inline;}

.single_metainfo{ padding-bottom:20px;}

.single_metainfo, .single_post .single_metainfo a{ color:#999; font-size:13px; opacity:0.8;}

.single_metainfo i{ opacity:0.6; padding-left:10px; padding-right:5px;}

.single_metainfo .fa-calendar{ padding-left:0;}

.post_meta a{ color:#ccc; font-size:13px;}

.post_meta i{ color:#ddd; padding-right:5px;}

.single_metainfo:empty{ display:none;}

.post_foot{ margin-bottom:15px;}

/*MESSAGE BOX*/

.lgn_scs{ width:94%; background:#c8ffd3; border:1px solid #98f1a9; padding:2% 2% 2% 4%;  color:#3f834c; clear:both; margin:15px 0;}

.lgn_info{ width:94%; background:#c5eaf5; border:1px solid #8ac7e8; padding:2% 2% 2% 4%; color:#469cc0; clear:both; margin:15px 0;}

.lgn_wng{ width:94%; background:#f7e0b6; border:1px solid #ebc887; padding:2% 2% 2% 4%;  color:#af7a18; clear:both; margin:15px 0;}

.lgn_err{ width:94%; background:#ffd0cc; border:1px solid #e49a94; padding:2% 2% 2% 4%; color:#b04840; clear:both; margin:15px 0;}

/*NEXT PREVIOUS POSTS*/

#ast_nextprev{ background:#fff;width:100%; float:left; margin-top:30px;}

#ast_nextprev a{ color:#777;}

.ast-prev{ width:46%; float:left; padding:2%;}

.ast-next{width:46%;float:right; padding:2%; text-align:right;}

#ast_nextprev img{ float:left; margin-right:15px; width:60px; height:60px; border:none;}

#ast_nextprev .ast-next img{ float:right; margin-left:15px; margin-right:0;}

.ast-prev, .ast-next{ position:relative; min-height:60px;}

#ast_nextprev .ast-prev:hover a, #ast_nextprev .ast-next:hover a{color:#fff;}

#ast_nextprev .ast-prev span, #ast_nextprev .ast-next span{ color:#aaa; font-size:13px;}

#ast_nextprev .ast-prev:hover span, #ast_nextprev .ast-next:hover span{ color:#fff;}

.left_arro, .right_arro{font-size: 15px;color: #ccc;background: #f1f2f3;display: block;width: 30px;height: 25px;padding-top: 5px;position: absolute;text-align: center;bottom: 30px;}

.left_arro i, .right_arro i{ color:#ccc;}

.left_arro{ right:0;}

.right_arro{ left:0;}

#ast_nextprev .ast-prev:hover .left_arro, #ast_nextprev .ast-next:hover .right_arro{ background:#fff;}

#ast_nextprev .ast-prev:hover .left_arro i, #ast_nextprev .ast-next:hover .right_arro i{ color:#2dcb73;}

/*SINGLE SOCIAL BUTTONS*/

.share_this{width: 100%; border-top:1px solid rgba(0, 0, 0, 0.07); padding-top:20px; margin-top:20px;float: left;text-align:center; padding:5px 0;}

.social_buttons{ text-align:center;padding-top: 10px;}

.social_buttons div{ display:inline-block;}

.social_buttons div a{ display:inline-block; color:#ddd; padding:5px;text-align:center;}

.social_buttons div i, .social_buttons div a{ color:#ccc;}

.social_buttons div a:hover i, .social_buttons div a:hover{ }

.social_buttons div a{ font-size:16px;}

/*COMMENTS*/

.comments_template{ float:left; width:100%; margin-top:40px;}

body.page .nocomments{ display:none;}

.nocomments{ padding-left:15px;}

.comments_template{ }

.comments_template #comments, #comments_ping, #reply-title{ margin:0px; font-size:24px;  padding:12px 0; color:#333; margin-bottom:20px}

#reply-title small a{ font-size:16px; color:#2dcb73;}

#comments_ping{ float:left; width:100%; border-top:1px solid #f5f5f5;}

.commentlist{padding-left:0px; float:left; margin-top:0; 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 .depth-1{ position:relative;}

.commentlist .depth-2{}

.commentlist .depth-3{}

.commentlist .depth-4{}

.commentlist.depth-5{}

h3#comments{ color:#333333; font-size:20px;}

h3#comments_ping{color:#333333; font-size:20px;}

.commentmetadata{ color:#999}

.commentmetadata a{ color:#2BB975;}

.commentmetadata span{}

.comment-body{float:left;width:94%;position:relative; z-index:3; background: #fff; padding:3%;margin-top:15px; margin-bottom:15px;}

.commentlist li ul li .comment-body{margin-top:15px; margin-bottom:15px;;}

.vcard{ float:left; width:11%; margin-right:7px;}

.fn{ padding-top:5px; text-align:center;}

.avatar img{ width:90%; height:auto; max-width:75px; max-height:75px;}

.org_comment {float: left; width: 86%;}

.org_comment a, .org_ping a{  color:#2BB975;}

.org_comment ul li{ border:none; list-style-type:circle;}

.org_comment ol li{ list-style-type:inherit; border:none;}

.comm_meta_reply{ float:right; text-align:right; width:300px; font-size:11px; opacity:0.7; margin-right:-20px;}

.org_ping .comm_meta_reply{ margin-right:0px;}

.org_comment:hover .comm_meta_reply{ opacity:1;}

.comm_meta_reply a{ padding-left:5px; margin-right:15px;}

.comm_meta_reply a, .org_comment .comm_date{ color:#888; font-size:11px;}

.comment-reply-link{ }

.comment-edit-link{ }

.comm_date i{padding-right:5px;}

.comm_reply{ display:inline-block; margin-left:10px;}

/*Comment Form*/

.comm_wrap{ width:40%; float:left; margin:15px 0;}

.comment-form-comment{width:60%; float:left;}

.comment-notes, .form-allowed-tags, .comment-form-comment label{ display:none;}

.comment-form-author{ margin-top:0;}

.comm_wrap input{ background:#fff; border:none; padding:15px 4%; width:88%; border-bottom:5px solid #f1f2f3;color:#aaa;}

.comment-form-comment textarea{ background:#fff; width:90%; padding:4%; border:none;  border-bottom:5px solid #f1f2f3; min-height:150px; float:right; color:#aaa;}

#submit{ float:right; padding:12px 30px; background:#2dcb73; color:#fff; border:none; font-size:16px; font-weight:bold!important; cursor:pointer;}

.logged-in-as a{color:#2dcb73;}

.logged-in .comment-form-comment{width:100%;}

.logged-in .comment-form-comment textarea{ width:92%;}

.commentlist #respond{ width:100%; float:left; margin-top:-15px;}

.commentlist #reply-title{background:#333; color:#fff;margin-bottom:0px; padding-left:15px;}

.commentlist .logged-in-as{margin: 0;padding: 2%;background: #f1f2f3;}

.commentlist .comment-form-comment{ margin-top:0;}

/*PAGE*/

#content{ width:100%; float:left; margin-top:40px;}

.page_tt{ float:left; width:100%; background:#2dcb73; padding:20px 0; color:#fff; text-align:center;}

.thn_post_wrap{ line-height:26px;}

.thn_post_wrap a:link, .thn_post_wrap a:visited, .single_metainfo a{ color:#2dcb73;}

.single_metainfo a i{ color:#aaa;}

.single_metainfo a i:hover{color:#2dcb73;}

.edit_wrap{width: 0px;height: 0px;border-style: solid;border-width: 0 50px 50px 0;border-color: transparent #f1f2f3 transparent transparent; position:absolute; top:0; right:0;}

.edit_wrap a{ display:block; margin-top: 4px;padding-left: 26px;}

.edit_wrap i{ color:#aaa;}

.edit_wrap i:hover{color:#2dcb73;}

.single_wrap{width:68%; float:left;}

.single_post{ background:#fff; padding:2.5%; position:relative; overflow:hidden;}

.single_post .postitle{ margin-top:15px; color:#2dcb73;}

/*Sidebar*/

#sidebar{width:30%; float:right;}

#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; padding-bottom:40px;}

#sidebar .widget .widgettitle, #sidebar .widget .widgettitle a{ color:#2dcb73; font-size:18px;}

#sidebar .widget li{ list-style-type:none; margin:20px 0;}

#sidebar .widget li a{ color:#999; }

#sidebar .widget_wrap{width:80%; padding:0 10%;}

.untitled .widget_wrap{ padding: 10%!important;}

.widget_corner{width: 0px;height: 0px;border-style: solid;border-width: 0 0 50px 50px;border-color: transparent transparent #fff transparent; position:absolute; bottom:0; right:0;}

/*WIDGETS*/

#searchform .screen-reader-text{ display:none;}

#sidebar #searchform div{ position:relative;border: 1px solid rgba(0, 0, 0, 0.1);}

#sidebar #searchform #s{ width:65%; padding:2%; border:none; color:#888; background:none;}

#searchsubmit{ background:#2dcb73; padding:6px 10px; border:none; margin-left:-5px; color:#fff;right: 0px;top: 0}

#sidebar #searchsubmit, #footer #searchsubmit{position: absolute;}

#searchform{ position:relative;}

.widget_search{ padding-bottom:0px!important;}

.widget_search .widget_corner{ display:none;}

.widget_calendar td a{color:#2dcb73;}

.widget_calendar table{ width:100%;}

.widget_calendar caption{ margin-bottom:20px;}

/*Page Templates*/

/*Search*/

.search_term {width: 96%;padding: 2%;float: left;background: white;margin-top: 50px;text-align: center;}

.search_term h2{ color:#2dcb73; margin-bottom:5px;}

.search_term #searchform #s, .error_msg #searchform #s{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: 10px;margin-top: 30px;margin-bottom: 30px;background: rgba(0, 0, 0, 0.04); color:#999;}

.search_term #searchsubmit, .error_msg #searchsubmit{ padding:10px 15px;}

/*404*/

.fourofour a{font-size: 250px;}

.error404 .postitle{margin-top: -30px;font-size: 50px;}

.error_page{ text-align:center;}

/*Author*/

.author_div{ padding:4% 2%; background:#fff; width:96%; float:left;}

.author_left{ float:left; margin-right:20px;}

.author_right{ line-height:22px;}

.author_right h2{ margin-bottom:20px;}

.author_right h2, .author_right a{ color:#2dcb73;}

.author_posts{background: #f1f2f3;padding: 2%;float: left;width: 96%;text-align: center;margin-top: 0;color: #999;margin-bottom: 40px;}

/*Left Sidebar*/

.page-template-page-leftsidebar-php .left_sidebar{ float:right;}

.page-template-page-leftsidebar-php #sidebar{ float:left;}

/*To Top*/

.to_top{width:40px; height:35px; display:block; background:#fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; color:#aaa; -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:5px;display:none; opacity:0.6;-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);}

.to_top:hover{ background:#2dcb73; color:#fff; opacity:1;}

/*FOOTER*/

#footer{width:100%; background:#333; float:left; margin-top:40px; font-size:13px;}

#footer .widgets .widget a{color:#979797;}

#footer .widgets ul{ margin:0; padding:0;}

#footer .widgets .widget{ width:23%; float:left; margin:1%; list-style-type:none; margin-bottom:25px;}

#footer .widgets .widgettitle, #midrow .widgets .widgettitle a{ color:#edeef0; font-size:1.5em;}

#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{color:#999; text-decoration:none;}

#footer #wp-calendar #today{ background:#222; color:#ccc;}

#footer #wp-calendar caption {border-bottom-style:dashed; border-bottom-color:#1c1c1c;border-width:1px}

#copyright{width:100%; padding:25px 0; float:left;border-top: 1px solid rgba(0, 0, 0, 0.05);}

.copytext a{ color:#2dcb73;}

.copytext{ float:left;}

#footmenu{ float:right;}

#footmenu ul{ margin:0; padding:0;}

#footmenu ul li{ list-style-type:none; display:inline-block; margin-left:20px;}

#footmenu ul li a{ color:#aaa;}

/*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:#2dcb73;}

.under-construction-message{ text-align:center;width:60%; margin:0 auto; margin-top:40px; margin-bottom:20px;}

.under-construction-inner{ background:#fff; padding:2%; padding-bottom:4%; float:left; min-width:726px;}

.under-construction-inner #countdown_mntnc{ margin:0; padding:0; margin-top:20px;}

.under-construction-inner #countdown_mntnc li{ background:#f1f2f3;}

.under-construction-inner #countdown_mntnc li{ color:#333;}

.under-construction-inner #countdown_mntnc li:last-child{ margin-right:0!important; width:21%;}

/*For Asteria Gallery*/

.ast_full{ display:block; position:absolute; width:27px; height:26px; opacity:0.4; background:url(images/full_mode.png) no-repeat; right:15px; top:15px; 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;}

.ast_full:hover{opacity:1;}

.gallery{ margin:20px auto!important; width:100%;}

body .gall_dash .gallery-item{text-align: center;width: 50px!important; height:45px;display: inline-block;margin: 10px 5px; float:none!important;}

.ast_gall{ position:relative;width:100%; text-align:center; max-width:1000px; margin:0 auto; overflow:hidden;}

.ast_cap{position: absolute;background-color: rgba(0, 0, 0, 0.6);color:#fff;padding: 10px 5%;bottom: 0;width:90%; left:0;}

.gall_dash{width: 100%;text-align: center; background:rgba(0, 0, 0, 0.04); max-width:1000px; margin:0 auto;}

.gall_dash img{opacity:0.6; border:none!important;}

.gall_dash img:hover, .gall_dash .gall_active{opacity:1;}

.gall_dash .gallery-caption {display: none;}

.ast_full{ position:absolute; z-index: 99;width:27px; height:26px; opacity:0.4; background:url(images/full_mode.png) no-repeat; right:15px; top:15px; 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;}

.ast_full:hover{opacity:1;}

.ast_gall{ position:relative;}

.ast_gall img{ border:none!important;}

.ast_gall .nivo-controlNav{ position:relative; background:rgba(0, 0, 0, 0.05);width: 100%;float: left;margin-left: 0;left: auto;bottom: auto; text-align:center;padding-bottom: 0;}

.ast_gall .nivo-controlNav a{ display:inline-block; width:50px; height:50px;margin:5px;text-indent: initial; border:none; opacity:0.4}

.ast_gall .nivo-controlNav a.active{ opacity:1;}

.ast_gall .nivo-directionNav{ opacity:1;}

.ast_gall_wrap{ min-height:300px; display:none;}

.ast_gall_wrap img {width: auto!important;margin: auto!important;left: 0;right: 0;}

.ast_gall_wrap .nivo-directionNav a{background-color: rgba(0, 0, 0, 0.5); padding:10px; opacity:0.3;transform: scale(0.7);}

.ast_gall_wrap .nivo-directionNav a:hover{opacity:1;}

.ast_gall_wrap .nivo-directionNav a.nivo-nextNav{ right:0;background-position: -57px -43px;}

.ast_gall_wrap .nivo-directionNav a.nivo-prevNav{ left:0;background-position: 8px 12px;}

.ast_gall_wrap .nivo-caption {bottom: 0;background: rgba(0, 0, 0, 0.5);width: 100%;left: 0;right: 0;margin: 0 auto;}

.ast_gall_wrap .cap_inner{ padding:10px 0;}

.ast_gall_wrap .cap_inner:empty{ padding:0;}

.sk-spinner-wave.sk-spinner{margin:0 auto;width:50px;height:60px;text-align:center;font-size:10px; left:0; right:0; position:absolute; top:45%; z-index:99;}.sk-spinner-wave div{background-color:rgba(0, 0, 0, 0.1);height:100%;width:6px;margin:0 1px;display:inline-block;-webkit-animation:sk-waveStretchDelay 1.2s infinite ease-in-out;animation:sk-waveStretchDelay 1.2s infinite ease-in-out}.sk-spinner-wave .sk-rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-spinner-wave .sk-rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-spinner-wave .sk-rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-spinner-wave .sk-rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes sk-waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(0.4);transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes sk-waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(0.4);transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}

/*SIDR PLUGIN STYLE*/

.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;background:#333;color:#fff}

.sidr .sidr-inner{padding:0 0 15px}

.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}

.sidr.right{left:auto;right:-260px}

.sidr.left{left:-260px;right:auto}

.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #1a1a1a;border-bottom:1px solid #4d4d4d}

.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #4d4d4d;border-bottom:1px solid #1a1a1a}

.sidr ul li a,.sidr ul li span{padding:0 15px;text-decoration:none;color:#fff}

.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}

.sidr ul li ul li:last-child{border-bottom:none}

.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px}

@media screen and (max-width: 1200px){

body .header5 .center{width:100%!important;}

body .center{ width:95%!important; margin: 0 auto;}

body #content .center{ width:100%; margin: 0 auto;}

.ast_row{ min-height:250px;}

}

@media screen and (max-width: 768px){

.center{ width:95%!important; margin: 0 auto;}

.midrow_wrap{ width:95%;}

.ast_row{ min-height:150px;}

.header3 #simple-menu{ width:100%; text-align:center; float:left; padding:15px 0;background:#333 url(images/trans_black_3.png) repeat; margin-top:1.5%; margin-bottom:0;}

.header3 .head_soc{width: 100%;text-align: center;}

.header4{ height:auto!important;}

#topmenu{display: none;}

#simple-menu{display: block;}

/*Frontpage Posts*/

.lay1 .post_content{ bottom:auto!important;top: 15%;}

.lay1 h2.postitle{ background:none; line-height:20px;}

.img_hover{ opacity:1;}

.img_hover .icon_wrap{ display:none;}

.lay1 .hentry img{vertical-align: bottom;}

body .slide_wrap, body #zn_nivo{ max-height:350px!important; overflow:hidden;}

body .slide_wrap h3, body #zn_nivo h3{ font-size:30px!important;}

.ast_gall{min-height:300px!important;}

}

@media screen and (max-width: 480px){

.header{ float:left;}

.head_contact { margin-top:20px; margin-bottom:20px;width: 100%;text-align: center;}

.header2 .logo h1, .header2 .logo h2, .header2 .logo{width: 100%;text-align: center;}

#simple-menu{width: 90%;padding: 5%;margin-bottom: 20px; text-align:center; float:left;}

body .slide_wrap, body #zn_nivo, body .slider-wrapper{ height:auto!important;}

.nivo-caption h3{ font-size:18px!important; padding-left:15px;}

.slide_wrap{ background:none;}

.nivo-controlNav{bottom:auto; left:auto; position:relative;}

.slide_wrap, #zn_nivo {}

.nivo-caption{ width:300px; bottom:0;}

.nivo-caption p{ display:none;}

.midrow_block:hover h3{ color:#333;}

.midrow_block:hover .icon_wrap i{ color:#f0f0f0;}

.midrow_block:hover .block_img{ background:none; border:5px solid #f0f0f0;}

.midrow_block{width:96%!important;}

/*Call to Action*/

.home_action_right{height:auto!important; float:none;width:60%; margin:0 auto;}

.home_action_left{width:96%; text-align:center; padding:2%;}

/*Home Widgets*/

body #home_widgets .widget{width:100%!important; margin-right:0;}

/*footer Widgets*/

#footer .widgets .widget{width:98%;}

/*Single Page*/

.single_wrap, #sidebar, #contact_block{ width:100%}

.comments_template{ margin-bottom:30px;}

/*Layouts*/

.lay1 .hentry {width: 48.8%!important;}

.lay2 .hentry{width: 46%!important;height: 350px!important;}

body .lay3 .hentry{width: 46%!important;}

.lay4_wrap{width:100%!important;}

.lay4 .post_image{width:35%!important;}

.lay4 .post_content{width:63%!important;}

.lay6 .hentry{ width:33%!important;}

.under-construction-message{width:90%!important;}

/*Comments*/

.comm_wrap, .comment-form-comment{width:100%;}

}

@media screen and (max-width: 360px){

.header{ height:auto;}

.logo{ float:none;}

.logo h1, .logo h2{ float:none; text-align:center;}

.header2 .head_soc{width: 100%;text-align: center;}

body .lay1 .hentry {width: 98.8%!important;}

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;}

body .lay4 .post_image, .lay4 .post_content{ width:100%;}

body .lay6 .hentry{ width:100%!important; }

.block_img{ display:none;}

.header .head_soc{ position:relative;text-align: center; width:100%; background:none; margin:15px 0; top:0;}

.ast_gall{ min-height:200px;}

.ast_slide_wrap .nivo-controlNav{ right: auto;}

.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;}

}

/*WOOCOMMERCE SUPPORT*/

.woocommerce #content{ margin-top:0;}

.woocommerce .fixed_wrap{ padding-top:30px;}

.woocommerce .star-rating span, .woocommerce-page .star-rating span{ color:#fcd53b;}

.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 nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li a, .woocommerce #content nav.woocommerce-pagination ul li a, .woocommerce-page #content nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce-page nav.woocommerce-pagination ul li span, .woocommerce #content nav.woocommerce-pagination ul li span, .woocommerce-page #content nav.woocommerce-pagination ul li span{ color:#888;}

/*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; background:#2dcb73; color:#fff; border:none; font-size:18px; cursor:pointer;}