/*

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

*/



p, h1, h2, h3, a, h4, input, textarea{

    font-family:Arial, Helvetica, sans-serif !important;

}

span{

    font-family:Arial, Helvetica, sans-serif;

}

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

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

a{ text-decoration:none;}

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



/*Full width pages*/

body .no_sidebar{ width:100%;}





/*HEADER*/

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

.header a{ color:#000;}

.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%; background:#000; height:auto; float:left;}

.header4 a{ color:#fff;}

.header4 .center{ position:relative;}

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



.header4 #topmenu{ margin-top:0;}

.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{ float:left;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:0px 0;max-width:120px; 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:#000 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:#000;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{



    color: #5d6770 !important;

    background-color: #FFFFFF !important;

    padding-top: 2% !important;

}

.midrow_block .block_img{



    border:none !important;

}

.midrow_block:hover .block_img{ border:none !important}



.midrow_block:hover .icon_wrap i{ color:#000000 !important; }

.midrow_block:hover h3{



    color:#000 !important; font-size:20px !important;font-weight:bold !important;

}

.midrow_block:hover .mid_block_content a, .midrow_block:hover h3{



     color:#000 !important; font-size:20px !important;font-weight:bold !important;

}

.midrow_block h3{color:#000; font-size:20px;font-weight:bold;}

.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: #000000;}





/*Text Block*/

.text_block{ width:100%; background:#000; 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:#000; 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:#000; 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:#000; 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:#000333; font-size:20px;}

h3#comments_ping{color:#000333; 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:#000; 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:#000; 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:#000;}

.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:#000;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:#000 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:#000;}

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







/*MODIFICACIONES DE SPHERICA*/



/*CABECERA DE CONTACTOS*/



.cabecera_contactos p{

	

	display:table;

	float:left;

	padding: 0px 0px 0px 50px;

	color:black;

}

.cabecera_contactos{

	

	display:table;

	width:100%;

	background: white

}



/*IMAGEN DE CABECERA*/



.contenido_24{

	

	margin:0 !important;

	background:linear-gradient(rgba(0, 0, 0,.3),rgba(0, 0, 0,.3)), url(https://www.olayatransportes.com/images/Carretera_byn.jpg);

	height: 800px;

	background-repeat: no-repeat;

	display:table;

	width: 100%;

	background-size: 100% auto;

	background-position: center;

	

}



.img_inicio{

	

	

	display:table;

	height:100%;

	margin: 0 auto;

	position: relative;

	top:calc((800px/2) - 210px);

	

}

.logo_img_inicio{

	

	display:table;

	margin:0 auto;

}

.page-id-26 .text_img_inicio h2{

    color:#FFF !important;

}

.page-id-28 .text_img_inicio h2{

    color:#FFF !important;

}

.text_img_inicio h2{

	

	color:#E8E8E8;

	font-size: 38px;

}

.text_img_inicio h2 strong{

	

	text-decoration: overline;

	color: #FFF;

}



@media(max-width:1250px){



	.contenido_24{

		height:600px;

	}

	.img_inicio{

		

		top:calc((600px/2) - 150px);

	}

	.logo_img_inicio img{

		

		height:200px;

		width: auto;

	}

	

}



@media(max-width:870px){



	.contenido_24{

		height:400px;

	}

	.img_inicio{

		

		top:calc((400px/2) - 150px);

	}

}



@media(max-width:600px){



	.contenido_24{

		height:300px;

	}

	.img_inicio{

		

		top:calc((300px/2) - 95px);

	}

	.logo_img_inicio img{

		

		height:120px;

		width: auto;

	}

	.text_img_inicio h2{

		

		font-size:24px;



	}



}



@media(max-width:420px){



	.contenido_24{

		

		background-size: auto 100%;

	}



	.text_img_inicio h2{

		

		font-size:20px;



	}



}





/*TITULO BLOQUES*/



.titulo_bloques{

	

	display:table;

	width:100%;

	text-align:center;

	background-color: #FFF;

}

.titulo_bloques h2{

	

	color: #000;

	font-size:32px;

	font-weight:bold;

	line-height: 20px;

	margin: 70px 0px 10px 0px;

	

}

.titulo_bloques h3{

	

	font-size: 22px;

	margin: 20px 0px 10px 0px;

}



@media(max-width:850px){



	.titulo_bloques h2{

		

		font-size:27px;

	}

	.titulo_bloques h3{

		

		font-size: 18px

	}

}



@media(max-width:600px){



	.titulo_bloques h2{

		

		font-size:20px;

		margin: 40px 0px 10px 0px;

	}

	.titulo_bloques h3{

		

		font-size: 14px;

		margin: 20px 10px 10px 10px;

	}

}



/*MISÓN-VISION*/



.mision_vision_contenedor{

	

	display:table;

	background-color: #FFF;

	padding-top: 30px;

}

.logo_mision_vision{

	

	display:table;

	width:50%;

	height:350px;

	border-bottom: 1px solid #000;

	float:left;

}

.texto_mision_vision{

	

	display:table;

	width:50%;

	float:left;

	text-align:center;

	height:350px;

	border-top: 1px solid #000;

}

.logo_mision_vision .figure{

	

	display:table;

	margin:0 auto;

}

.logo_mision_vision img{

	

	width:500px;

	display:table-cell;

	margin-top:60px;

	vertical-align: middle;

}

.texto_mision_vision h2{

	

	font-size:30px;

	text-transform: uppercase;

	color:#000;

	font-weight:bold;

}

.texto_mision_vision p{

	

	color: #5D6770;

	font-size: 15px;

	margin:0px 30px 0px 30px;

}

@media(max-width:1500px){



	.logo_mision_vision{

		

		height: 400px;

	}

	.texto_mision_vision{

		

		height: 400px;

	}

    .foto_compromiso{

        background-size: auto 100% !important;

    }



}



@media(max-width:1290px){



	.logo_mision_vision{

		

		height: 500px;

	}

	.texto_mision_vision{

		

		height: 500px;

	}

	.logo_mision_vision img{

		

		margin-top:140px;

	}

     .valor_contenedor{

        

        width:100% !important;

    }

    .valor_contenedor h2{

        

        padding:60px 0px 20px 0px !important;

    }

    .valor_contenedor p{

        

        padding:20px 50px 0px 50px !important;

        text-align: justify !important;



    }

    .valor_añadido{

        

        padding-bottom:70px !important;

    }

    .contacto_seccion{

        

        height: auto !important;

        margin:60px 0px 50px 0px !important;

        box-sizing:border-box !important;

    }

    .texto_cell p{

        

        font-size:20px !important;

        border:none !important;

        font-weight:bold !important;

    }

    .texto_contacto_seccion{

        

        width:100% !important;

        

    }

    .boton_contacto_seccion{

        width:100% !important;

        text-align:center !important;

        margin:0px 0px 40px 0px !important;

        height: auto !important;

    }

    .boton_contenedor_contacto{

        display:table;margin:0 auto !important;

        text-align:center !important;

    }

    .texto_cell{

        display:table !important;

        text-align:center !important;

        margin:0 auto !important;

    }

    .texto_contacto_seccion{

        

        text-align:center !important;

        height:auto !important;

        margin: 20px 0px 20px 0px !important;

    }

    .boton_contenedor_contacto a{

        

        padding:15px 50px 15px 50px !important;

        font-size:18px !important;

    }

	

}



@media(max-width: 1030px){



	.logo_mision_vision{

		

		height: 350px;

		width: 100%;

		border-bottom:none;

		border-top:1px solid #000;

	}

	.texto_mision_vision{

		

		height: 350px;

		border-bottom:1px solid #000;

        border-top:none;

		width:100%;

	}

	.logo_mision_vision img{

		

		margin-top:65px;

	}

	.texto_mision_vision p{

		

		margin-bottom:40px;

	}



		

}



@media(max-width:610px){



	.logo_mision_vision{

		

		height: 250px;

        border:none;

	}

	.logo_mision_vision img{

		

		height:150px;

		width:auto;

	}

    .texto_mision_vision{

        border:none;

        padding-bottom: 40px;

    }

	.texto_mision_vision p{

		

		font-size:14px;

		margin: 0px 15px 20px 15px;

		text-align:justify;

		

	}

    .mision_vision_contenedor{

    

        border: 1px solid #000;

        margin:0px 10px 0px 10px;

        padding:0;

    }

    .foto_compromiso p{

    

        font-size: 15px !important;

        left:16px !important;

        top:40px !important;

    }

    .foto_compromiso{

        

        height:400px !important;

        margin: 20px 0px 0px 0px !important; 

    }

   

    

    

    .titulo_slider h2{

        

        font-size:20px !important;

    }

    .logo_footer_contenedor{

        border:none !important;

    }

    .logo_footer_contenedor img{



        height:40px !important;

        width:auto !important; 

    }

    .textos_footer{

        height:auto !important;

    }

    .powered_contenedor{

        

        width:100% !important;

        height:auto !important;

    }

    .powered_contenedor p{

        

        position:inherit !important;

        font-size:11px !important;

        display:table !important;

        margin:0 auto !important;

        

    }

    .contenido_legal{

        width:100% !important;

        height: auto !important;

        margin:10px 0px 10px 0px !important;

    }

    .apartado_legal{

        display:table !important;

        float:none !important;

        margin:0 auto !important;

        height:auto !important;

    }

    .apartado_legal a{

        font-size:10px !important;

        position:inherit !important;

    }

    .footer_olaya{

        

        height:auto !important;

    }

}



/*CABECERA CONTACTOS*/



.cabecera_contactos{

	

	background-color:#FFF;

}

.cabecera_contactos p{

	

	margin: 10px 0px 10px 0px;

}



/*RESPONSIVE LOGO Y CABECERA CONTACTOS*/



@media(max-width:480px){



	.cabecera_contactos p{

		

		width:100%;

		text-align:center;

		padding:0;

	}

	.logo{

		

		float: none;

			

	}

	.logo h2{

		float:none;

		text-align:center;

	}



}



/*FOTO COMPROMISO*/



.foto_compromiso{

	

	height:900px;

	background-image: url(https://www.olayatransportes.com/images/volvo.jpg);

	background-repeat:no-repeat;

	background-size: 100% auto;

	margin:70px 0px 0px 0px;

	background-position:center center;

}

.foto_compromiso p{

	

	color:#FFF;

	font-size:26px;

	display:table;

	margin:0;

	position:relative;

	top:15%;

	left:10%;

}

.foto_compromiso p::before{

	content:'';

	margin-right: 20px;

	border:1px solid white;

}

.foto_compromiso p::after{

	content:'';

	margin-left: 20px;

	border:1px solid white;

}



/*SECCION VALOR AÑADIDO*/



.valor_añadido{

	

	display:table;

	background-color: #000;

}

.valor_añadido p{

	

	margin:0;

	text-align:center;

	padding: 20px 120px 100px 120px;

	color:#FFF;

}

.valor_añadido h2{

	

	margin:0;

	font-size: 27px;

	padding: 100px 0px 20px 0px;

	color:#FFF;

	text-align:center;

}

.valor_contenedor{

	

	width:calc(100%/3);

	float:left;

}

.valor_contenedor hr{

	

	width:67px;

	background-color:#FFF;

}



/*CSS SLIDER*/



#logo-slider li{

	

	top: calc((350px - 100px)/2) !important;

	

	

}

#logo-slider-wraper{

	

	margin:0 auto;

	left:0 !important;

}

#logo-slider{

	

	display:table;

}

.titulo_slider h2{

	

	margin:0;

	color:#000;

	font-size:26px;

	font-weight:bold;

	text-align:center;

}

.titulo_slider{

	

	margin: 80px 0px 0px 0px;

}

.separador_slider{

	

	width:500px;

	height:1px;

	background-color: #000;

}



/*SECCION BOTON CONTACTO HOME*/



.contacto_seccion{

	

	display:table;

	width:100%;

	height:400px;

	

}



.texto_contacto_seccion{

	

	display:table;

	width: 60%;

	height:100%;

	float:left;



}

.boton_contacto_seccion{

	

	display:table;

	width:40%;

	height:100%;

	margin:0;

}

.texto_contacto_seccion p{

	

	margin:0;

	font-size:40px;

	color:#000;

	display:table;

	margin:0 auto;

	padding-bottom:15px;

	border-bottom:1px solid black;



}

.texto_cell{

	display:table-cell;

	vertical-align:middle;

}

.boton_contenedor_contacto{

	

	display:table-cell;

	vertical-align:middle;

	text-align:center;

}

.boton_contenedor_contacto a{

	

	font-size: 25px;

	text-transform:uppercase;

	padding: 15px 100px 15px 100px;

	background-color: #1D3967;

	border-radius:10px;

	color:#FFF;

	box-shadow: 0px 3px 5px #909090;

}



/*FOOTER*/







.footer_olaya{

	

	background-color: #000;

	display:table;

	width: 100%;

}

.logo_footer_contenedor img{

	

	height:60px;

}

.logo_footer_contenedor{

	

	display:table;

	margin:0 auto;

	padding: 20px 30px 20px 30px;

	border-bottom: 1px solid #FFF;

}

.textos_footer{



	display:table;

	width: 100%;

	height:100px;

}



.powered_contenedor{

	

	display:table;

	width:30%;

	float:left;

	height:100px;

}

.contenido_legal{

	

	display:table;

	float:left;

	width:70%;

	height:100px;

}

.apartado_legal{

	

	display:table;

	height:100%;

	float:right;

	margin: 0px 30px 0px 00px;

}





.powered_contenedor p{

	

	margin:0;

	position:relative;

	top:60px;

	color:#FFF;

	font-size:20px;

	left:35px

}

.powered_contenedor a{

	

	color:#FFF;

}

.powered_contenedor a:hover{

	

	text-decoration:underline;

}

.apartado_legal a{

	

	color:#FFF;

	position:relative;

	font-size:20px;

	top:60px;

}

.apartado_legal a:hover{

	text-decoration:underline;

}



.botones_contacto a {

    font-size: 25px;

    text-transform: uppercase;

    padding: 15px 100px 15px 100px;

    background-color: #1D3967;

    border-radius: 10px;

    color: #FFF;

    box-shadow: 0px 3px 5px #909090;

}



/*CABECERA EMPRESA*/

.contenido_26{

    

    background-image: url(https://www.olayatransportes.com/images/camion3.jpg);

    margin:0 !important;

    height:500px;

    background-size:100% auto;

    background-position:center center;

    background-repeat:no-repeat;

}

.contenido_28{

    

    background-image: url(https://www.olayatransportes.com/images/foto_contacto.jpeg) !important;

}



.page-id-26 .img_inicio{

    

    margin:0;

    top:250px;

}

.page-id-28 .img_inicio{

    

    margin:0;

    top:250px;

}

.page-id-26 .img_inicio h2{

    

    font-size: 70px !important;

}

.page-id-28 .img_inicio h2{

    

    font-size: 70px !important;

}

@media(max-width:1580px){

.contenido_26{

    background-size: auto 100%;

}

.contenido_28{

    background-size: 100% auto !important;

}

}

@media(max-width:750px){



.contenido_26{

    height:300px;

}

.page-id-26 .img_inicio{

    

    margin:0px 0px 0px 50px;

    top:150px;

}

.page-id-28 .img_inicio{

    

    margin:0px 0px 0px 50px;

    top:150px;

}

.page-id-26 .img_inicio h2{

    

    font-size: 40px !important;

}

.page-id-28 .img_inicio h2{

    

    font-size: 40px !important;

}



}

@media(max-width: 450px){

    .contenido_28{

    

        background-size: auto 100% !important;

    }

}

@media(max-width:400px){

.contenido_26{

    height:250px;

}

.page-id-26 .img_inicio{

    

    margin:0 auto;

    top:55px;

}

.page-id-26 .img_inicio h2{

    

    font-size: 50px !important;

    text-shadow: 1px 1px 10px #000;

}

.page-id-28 .img_inicio{

    

    margin:0 auto;

    top:5px;

}

.page-id-28 .img_inicio h2{

    

    font-size: 50px !important;

    text-shadow: 1px 1px 10px #000;

}



}



/*SECCION 1 EMPRESA*/

.bloque_contenido_1 h2{

    

    display:table;

    border-bottom:1px solid #000;

    margin:0 auto;

    font-size: 26px;

    font-weight: 700;

    padding: 30px 0px 10px 0px;

    text-align:center;

    color: #000;

}

.titulo_1_empresa h3{

    font-size: 18px;

}

.titulo_1_empresa{

    

    display:table;

    width:100%;

}

.bloque_contenido_1{

    display:table;

    text-align:center;

    height: auto;

}

.bloque_contenido_1 p{

    

    width:50%;

    color: #000;

    padding: 30px 0px 60px 0px;

    margin:0 auto;

}

@media(max-width:900px){



    .bloque_contenido_1 p{

    

    width:90%;

}

}

@media(max-width:500px){



.bloque_contenido_1 p{

    

    text-align:justify;

    width:85%;

}

}



/*SECCION 2 EMPRESA */

.bloque_contenido_2{

    display:table;

    width:100%;

    height:700px;

}

.contenido_2_1{

    width:50%;

    background-color:#000;

    float:left;

    height:100%;

}

.contenido_2_2{

    width:50%;

    float:left;

}

.titulo_2_empresa{

    

    display:table;

    width:100%;

}

.titulo_2_empresa h2{

    display:table;

    border-bottom:1px solid #FFF;

    margin:0 auto;

    padding: 30px 0px 10px 0px;

    text-align:center;

    color: #FFF;

    

}

.contenido_2_1 p{

    width:60%;

    text-align:center;

    color: #FFF;

    padding: 30px 0px 50px 0px;

    margin:0 auto;

}

.contenido_2_2{

    

    background-image: url(https://www.olayatransportes.com/images/empresa_foto.jpeg);

    margin:0 !important;

    height:100%;

    background-size: auto 100%;

    background-position:center center;

    background-repeat:no-repeat;

}

@media(max-width:1000px){



.contenido_2_1{

    width:100%;

    height:auto;

}

.contenido_2_2{

    width:100%;

    height:300px;

    background-size: 100% auto;

}

.bloque_contenido_2{

    height:auto;

}

.contenido_2_1 p{

    width:80%;

}

}

@media(max-width:500px){



.contenido_2_1 p{

    width:85%;

    text-align:justify;

}

.contenido_2_2{

    background-size:auto 100%;

}

}

/*SECCION 3 EMPRESA*/



.bloque_3{

    

    display:table;

    width:100%;

    height:auto;

    

}

.titulo_3_empresa{

    

    width:100%;

    display:table;

}

.titulo_3_empresa h2{



    display:table;

    border-bottom:1px solid #000;

    margin:0 auto;

    padding: 30px 0px 10px 0px;

    text-align:center;

    color: #000;

}

.bloque_3 p{

    

    width:50%;

    color: #000;

    padding: 30px 0px 60px 0px;

    margin:0 auto;

    text-align:center;

}

.bloque_3 ul{



    margin-bottom:100px;

    padding-left: 20px;

}

.bloque_3 ul li{

    

    width:50%;

    color: #000;

    padding: 5px 0px 5px 0px;

    list-style-type: decimal;

    margin:0 auto;

    text-align:left;

}



    

.botones_contacto{

    

    display:table;

    width:60%;

    margin:0 auto;

    padding: 20px 0px 60px 0px;

}

.boton_inicio{

    display:table;

    width:50%;

    text-align:center;

    float:left;

    

}

.boton_contacto{

    

    display:table;

    width:50%;

    text-align:center;

    float:left;

    

}

.botones_contacto a{

    font-size: 18px;

}



@media(max-width:1200px){



.botones_contacto{

    

    width:100%;

}

.bloque_3 p{

    

    width:70%;

}

.bloque_3 ul li{

    

    width:70%;

}

}

@media(max-width:640px){



.botones_contacto{

    

    width:100%;

}

.bloque_3 p{

    

    width:85%;

    text-align:justify;

}

.bloque_3 ul li{

    

    width:85%;



}

.bloque_3 ul{



    margin-bottom:40px;

}

.boton_inicio{

    width:100%;

    padding:0px 0px 70px 0px;

    

}

.boton_contacto{

    

    width:100%;

    

}

.botones_contacto a{

    font-size: 16px;

    padding: 15px 40px 15px 40px

}

}

@media(max-width:1700px){



.powered_contenedor p{

    font-size:14px;

}

.contenido_legal a{

    font-size: 14px;

}

.powered_contenedor{

    width:40%;

}

.contenido_legal{

    

    width:60%;

}

}

@media(max-width:1080px){



    .powered_contenedor{

    width:100%;

    text-align:center;

}

.powered_contenedor p{

    left:0;

}

.contenido_legal{

    

    width:100%;

    text-align:center;

}

.contenido_legal .apartado_legal{

    float:none;

    display:inline-block;

}

}



@media(max-width: 340px){

    .logo_mision_vision img{



        width:220px;

        height: auto;

    }

}



/*PAGINA CONTACTO*/



.contendor_seccion_contacto{

    display:table;

    width:100%;

    padding:100px 0px 100px 0px;

}

.bloque_1_28{

    width:50%;

    padding:5% 10%;

    border-right:1px solid #000;

    box-sizing:border-box;

    float:left;

}

.bloque_2_28{

    width:50%;

    box-sizing:border-box;

    padding:5% 10%;

    float:left;

}

.enviar_mensaje_content{

    display:table;

    width:100%;

}



.page-id-28 .contendor_seccion_contacto h2{

    

    color:#000;

    display:table;

    font-weight:bold;

}

.enviar_mensaje_content a{

    color:#29446F;

}

.input_contacto{

    

    height:40px;

    color:#95989A;

    outline:none;

    padding-left:20px;

    box-sizing:border-box;

    border:1px solid  #95989A;

    width:100%;

    margin:20px 0px 20px 0px;

    border-radius:20px;

}

.boton_olaya_azul{

    

    font-size: 25px !important;

    padding: 15px calc(50% - 62px) 15px calc(50% - 62px) !important;

    background-color: #1D3967 !important;

    border-radius: 10px !important;

    color: #FFF !important;

    box-shadow: 0px 3px 5px #909090 !important;

    outline:none !important;

    width: 100% !important;

    text-transform:none !important;

    margin: 20px 0px 40px 0px !important;

    cursor: pointer;





}



.boton_olaya_azul:active{

    

    box-shadow: 0px 0px 5px #FFF inset, -0px -0px 5px #FFF inset;

    

}

.llamada_content hr{

    width:200px;

    color:#000;

    height:1px;

    background-color: #000;

    margin-bottom:30px;

}

.llamada_content .telefono_contact{

    

    width: 100%;

    color: #000;

    font-size: 20px;

}

.boton_olaya_verde{

font-size: 25px;

    padding: 15px calc(50% - 52px) 15px calc(50% - 52px);

    background-color: #34AF23;

    border-radius: 10px;

    color: #FFF;

    box-shadow: 0px 3px 5px #909090;

    outline:none;

    width: 100% !important;

    text-transform:none !important;

}

.contenedor_enlace{

    display:table;

    width:100%;

    margin: 40px 0px 40px 0px;

}

.boton_olaya_verde:active{

    

    box-shadow: 0px 0px 5px #FFF inset, -0px -0px 5px #FFF inset;

    

}

.contacto_mensaje{

    height:200px;

    padding-top:10px;

    

}

.enviar_mensaje_content hr{

    display:none;

}

@media(max-width:950px){

    .bloque_1_28, .bloque_2_28{

        padding-bottom: 0px;

        width:100%;

    }

    .enviar_mensaje_content hr{

        display:block;

        height:1px;

        background:#000;

    }

    .llamada_content hr{

        

        width:100%;

        margin-bottom: 70px;

    }

    .contendor_seccion_contacto{

        padding: 0px 0px 30px 0px;

    }

    

    

    

}



.contenedor_historia{

    

    display:table-cell;

    vertical-align:middle;

}

.contenido_2_1{

    

    display:table;

}



/*Iconos*/

.icon_wrap span{

    

    height: 100%;

    font-size:38px;

    margin-left:2.5px;

    margin-right:1.6px;

    color:#000000;

}

.block_img{

    width:120px;

}



.cabecera_contactos a{

    color:#000;

}

@media(max-width:1580px){

.contenido_26{
    
    background-size: 100% auto;
    
}


}

@media(max-width:1005px){

.contenido_26{
    
    background-size: auto 100%;
    
}


}

@media(max-width:750px){

.contenido_26{
    
    background-size: 100% auto;
    
}


}

@media(max-width:610px){

.contenido_26{
    
    background-size: auto 100%;
    
}


}