/*
Theme Name: Econature Pro
Theme URI: https://flythemes.net/wordpress-themes/nature-wordpress-theme/
Author: FlyThemes
Author URI: https://www.flythemes.net/
Description: The Nature WordPress theme were specially  design for environmental, green, action, environment, nature, natural, earth website and similar to other business. Econature includes one of the greatest options panel – optionsframework Theme Options. It easy to use and implement the creative function of theme which comes at very affordable cost. Nature WordPress theme is one of the best theme which has fast loading time, and optimal performance. Easy to use theme options are included in this theme to help you create a unique and modern website. Econature is fully optimized to be viewed on all devices and screen sizes which means it’s totally responsive and it will contribute a lot to your business’s success.  This is theme is fully responsive and compatible with the latest version of WordPress. This theme is working well with the plugins like woocommerce, jetpack and contact form 7.
Version: pro 1.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: econature
Tags: one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-header,custom-menu,editor-style,featured-images,full-width-template, sticky-post,threaded-comments,translation-ready,theme-options

Econature Pro WordPress Theme has been created by FlyThemes(flythemes.net), 2018.
Econature Pro WordPress Theme is released under the terms of GNU GPL
*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:focus{outline:none;}
body{box-sizing:border-box; -ms-word-wrap:break-word; word-wrap:break-word; line-height:25px; margin:0; padding:0; color:#6a6a6a; font-size:15px; font-family:'Roboto'; background-color:#ffffff; font-weight:300;}
img{ margin:0; padding:0; border:none;}
.bypostauthor { margin:0; padding:0;}
section img, img{max-width:100%; height:auto; display:block}
h1,h2,h3,h4,h5,h6{ margin:0 0 20px; padding:0; line-height:1; font-weight:700;}
h1{ font-size:32px;}
h2{ font-size:25px;}
h3{ font-size:22px;}
h4{ font-size:19px;}
h5{ font-size:16px;}
h6{ font-size:14px;}
.left{float:left;}
.right{float:right;}
blockquote{ background:url(images/icon_quote.png) no-repeat 16% 16%; padding:15px 15px 15px 50px !important; font-style:italic; color:#888; font-size:14px; line-height:1.5;}
.hr{border-bottom:1px solid #333; height:15px; clear:both;}
p{ margin:0; padding:0;}
a{ text-decoration:none; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;}
a:hover{ text-decoration:none; outline:none;}
a:focus{ outline:none; }
ul{ list-style:none; margin:0; padding:0;}
iframe{ width:100%; display:block; margin:0;}
article ul, article ol{ margin:0 0 15px 15px;}
article ul li{ list-style: disc;}
.custom-height{ min-height:20px;}
.clear{ clear:both;}
.middle-align{ margin:0 auto; padding:0;}
.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%;}
.wp-caption-text{ margin:0; padding:0;}
.sticky{ margin:0; padding:0;}
.gallery-caption{ margin:0; padding:0;}
.alignleft, img.alignleft {display: inline; float: left; margin-right:25px; margin-top:4px; margin-bottom:6px; padding:0; height:auto;}
.alignright, img.alignright { display: inline; float: right; margin-left:25px; height:auto;}
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0;  height:auto;}
.comments-area{ margin-bottom:15px;}
.comment-list .comment-content ul { list-style:none; margin-left:15px;}
.comment-list .comment-content ul li{margin:5px;}
.main-container ol{list-style-position:outside; margin-left:20px;}
.main-container ol li{margin:5px 0;}
.lastcols{ margin-right:0 !important;}
.toggleMenu{display:none;}
section{ padding:60px 0;}
.boxlayout .header .container{ width:auto; }
.container{ width:1170px; margin:0 auto; position:relative;}
.full-container{ width:100%; position:relative;}
.no-padding{ padding:0; }
.full-container .one_half{ margin-bottom:0;}

/* = Top Header css
-------------------------------------------------------------- */
.top-header{ background-color:#6ab43e; color:#ffffff; line-height:55px; position:relative; overflow:hidden; }
.top-header a{ color:#ffffff; }
.top-left{ float:left; }
.top-left li{ display:inline-block; padding:0 20px 0 0; }
.top-left li i{ margin-right:8px;}
.top-right{ float:right; }

/* = Header css
-------------------------------------------------------------- */
.header{ padding:0 15px; background-color:#ffffff;}
.header-inner { width:1170px; margin:0 auto; position:relative;}

/* = Logo css
-------------------------------------------------------------- */
.logo{float:left; text-align:left; padding:30px 0; position:relative; transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s; -o-transition:0.3s;}
.logo h1{font-weight:700; margin:0 0 5px; text-transform:uppercase;}
.logo a{color:#2b2b2b;}
.logo p{ font-family:'Sintony'; font-size:13px; color:#5b5b5b; display:block;}
.header_right{ float:right; }

/* = Slider css
-------------------------------------------------------------- */
#slider{ width:100%; margin:0; padding:0; position:relative; }
.slider-main{ min-height:600px; position:relative; background:url(images/loading.gif) no-repeat center center #fff;}
.boxlayout .slider-main{ min-height:650px; }
#slider a.button{ margin-right:20px; }

/* = Navigation css
-------------------------------------------------------------- */
.toggle{display: block;}
.toggle a{width:auto; color:#3e3d3d; background:url(images/mobile_nav_right.png) no-repeat right center #0e2d45; padding:10px 25px; margin-top:5px; font-size:16px; text-align:left;}
.toggle a:hover{color:#6ab43e !important;}
.sitenav{ margin-top:20px; position:relative; z-index:9999; float:left; }
.sitenav ul {margin:0; padding:0; font-family:'Roboto'; font-size:13px; font-weight:700; text-transform:uppercase;}
.sitenav ul li{ display:inline-block; position:relative; line-height:normal;}
.sitenav ul li a{padding:20px; display:block; text-align:center; color:#3e3d3d; position:relative; }

/* = Navigation hover and active menu css
-------------------------------------------------------------- */
.sitenav ul li.current_page_item a, .sitenav ul li a:hover{ color:#6ab43e; }

/* = Navigation 2nd level css
-------------------------------------------------------------- */
.sitenav ul li ul{display:none; z-index:9999; position:relative;}
.sitenav ul li:hover > ul{display:block; width:200px; position:absolute; left:-25px; top:56px; text-align:left; -moz-animation: fadeInUp .3s ease-in-out; -webkit-animation: fadeInUp .3s ease-in-out; animation:fadeInUp .3s ease-in-out; }
.sitenav ul li ul li{display:block; position:relative; float:none; top:1px; line-height:18px; margin-left:0; }
.sitenav ul li ul li a{display:block; padding:10px; position:relative; top:0; text-align:left; color:#3e3d3d; }

/* = Navigation 3rd level css
-------------------------------------------------------------- */
.sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:-1px; -moz-animation: fadeInRight .3s ease-in-out; -webkit-animation: fadeInRight .3s ease-in-out; animation:fadeInRight .3s ease-in-out; }

/* = social icons css
-------------------------------------------------------------- */
.social-icons a{ width:28px; height:42px; line-height:44px; text-align:center; display:inline-block; padding:0; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; font-size:16px; color:#222222; position: relative; margin:0 6px; }
.social-icons a:hover { color:#ffffff; }
.social-icons br{ display:none;}

/* = Donate Button css
-------------------------------------------------------------- */
.donate-btn { float: right; margin:28px 0 0 15px; }
.woocommerce .donate-btn a.button{ margin:0; }

/* = Buttons css
-------------------------------------------------------------- */

a.button{ background-color:#6ab43e; color:#ffffff; padding:10px 25px; font:700 12px/20px 'Roboto'; display:inline-block; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; text-transform: uppercase; position:relative; border-radius:30px; }
a.button:hover{ background-color:#3a2209; color:#ffffff;}

a.button2{ color:#ffffff; padding:10px 28px; font:400 14px/20px 'Roboto'; display:inline-block; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; text-transform:capitalize; border-radius:5px; border:1px solid; }
a.button2:hover{ background-color:#3a2209; color:#ffffff; border-color:transparent;}

a.ReadMore{ font:700 14px/22px 'Roboto'; color:#6ab43e; text-transform:uppercase; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; padding:5px 0;  }
a.ReadMore:hover{ color:#303030; }

a.buttonstyle1{ text-transform:uppercase; color:#ffffff; background-color:#6ab43e; border:3px solid #ffffff; border-radius:30px; padding:14px 40px; font:700 15px/22px 'Roboto'; display:table; }
a.buttonstyle1:hover{ background-color:#281705; color:#6ab43e; border-color:#6ab43e; }

.custombtn{ margin-top:30px;}

/* = Section title css
-------------------------------------------------------------- */
.section_head{ text-align:center; margin-bottom:50px; }
h2.section_title{ font:700 28px/30px 'Roboto'; color:#282828; margin-bottom:15px; position:relative; padding-bottom:25px; text-transform:uppercase; }
h2.section_title:after{ content:''; background-color:#6ab43e; height:2px; width:60px; margin:0 auto; left:0; right:0; position:absolute; bottom:0; }

.sec-overlay h2.section_title{ color:#ffffff; }
.sec-overlay h2.section_title:after{ background-color:#ffffff; }

/* = Section Overlay Color css
-------------------------------------------------------------- */
.sec-overlay{ position:relative; }
.sec-overlay:before{ content:''; width:100%; height:100%; background-color:rgba(106,180,62,0.8); position:absolute; top:0; left:0; }

/* = Page Boxes Css
—------------------------------------------------------------ */
section#pagearea { width:100%; position:relative; padding-top:0; background-color:#f2f2f2; }
.pagearea-inner { position:relative; z-index:10; margin-bottom:30px; }
.featbox{ padding:0px; width:25%; float:left; text-align:center; position:relative; box-sizing:border-box; -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out; min-height:300px; margin-top:-60px;  }
.featbox:hover{ cursor:pointer; background-color:#3a2209 !important; }
.featbox .thumbbx{ width:62px; height:62px; margin:40px auto 10px; text-align:center; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.featbox .thumbbx img{ margin:0 auto; position:relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.featbox .featbxcntnt { padding:7% 6.8% 16%; }
.featbox h4{ margin:0px 0px 20px 0px; display:inline-block; position:relative; line-height:25px; text-transform:uppercase; color:#ffffff; }
.featbox p{ line-height:24px; word-break:break-all; color:#ffffff; margin-bottom:40px; }
.featbox a.button2{ border-radius:30px; text-transform:uppercase; font-weight:700; font-size:12px; }

.one_column{ width:100%;}
.two_column{ width:50%;}
.three_column{ width:33.3333%;}
.four_column { width:25%;}
.five_column{ width:20%;}

#pagewrap.boxlayout .featbox{ margin-top: -200px; }

/*===============================================
** Section First What We Offer Css
*===============================================*/
.one_half .section_head{ text-align:left; width:56%; margin-bottom:30px; }
.one_half h2.section_title{ line-height:30px; }
.one_half h2.section_title:after{ margin:0; }
.one_half p{ margin-bottom:30px;}
.offer{ margin-bottom:50px; }
.offer-icon{ width:50px; height:50px; background-color:#6ab43e; color:#ffffff; border-radius:50%; line-height:52px; float:left; text-align:center; font-size:30px; -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out; }
.offer-cont{ float:left; margin-left:30px; }
.offer-cont h3{ margin-bottom:10px; font-weight:400; }
.offer-cont p{ margin:0; }
.offer:hover{ cursor:pointer; }
.offer:hover .offer-icon{ background-color:#3a2209;}


/*===============================================
** Section Second Our SErvices Css
*===============================================*/
.service-box{ float:left; width:32%; margin:0 2% 30px 0; padding:0 0 30px 0; position:relative; }
#last.service-box{ margin-right:0; }
.ser-icon{ text-align:center; margin:10px auto 30px; width:90px; float:left; }
.ser-icon img{ margin:0 auto;}
.ser-content{ float:right; width:240px; }
.ser-content, .ser-content h3 a{ color:#ffffff; }
.ser-content h3{ text-transform:uppercase; margin-bottom:20px; }
.inner-service-box { border-right: 1px solid #ffffff; padding-right:6%; padding-top:30px; padding-bottom:30px; }
#last.service-box .inner-service-box{ border-right:none; }
.has-border:after{ background: #ebebeb; content: ""; display: block; width: 94%; height: 1px; position: absolute; bottom: 0; left: 0; right: 0; }


/*===============================================
** Section Third Eco Causes Css
*===============================================*/
.causes{ float:left; width:31.3333%; margin-right:3%; position:relative; cursor:pointer; margin-top:15px; margin-bottom:15px; }
#last.causes{ margin-right:0; }
.causes-image{ position:relative; overflow:hidden; }
.causes-image img{ -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;  }
.causes:hover .causes-image img{ -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); }
.cause-title, .causes-content{ text-align:center; }
.cause-title h4{ text-transform:uppercase; margin-bottom:0; }
.cause-title h4 a{ padding:18px 5px; display:block; background-color:#6ab43e; color:#ffffff; }
.causes-content{ background-color:#f4f4f4; padding:30px; }
.causes-statis{ margin:70px 0 30px; font-weight:bold; color:#6ab43e; }
.causes-raised{ float:left; }
.causes-goal{ float:right; }
.causes-statis span{ font-weight:normal; color:#282828; }
.causes:hover .cause-title h4 a{ background-color:#3a2209; }

/*  BAR PROGRESS */
.barfiller { width: 100%; height: 5px; background: #282828; position: relative; margin-bottom: 20px; }
.barfiller .fill { display: block; position: relative; width: 0px; height: 100%; background: #6ab43e !important; z-index: 1;}
.barfiller .tipWrap { display: none; }
.barfiller .tip { margin-top: -50px; padding: 6px 10px; font-size: 14px; color: #fff; left: 0px; position: absolute; z-index: 2; background: #6ab43e; border-radius:4px; }
.barfiller .tip:after { border: solid; border-color: #6ab43e transparent; border-width: 6px 6px 0 6px; content: ""; display: block; position: absolute; left: 18px; top: 100%; z-index: 9; }


/*===============================================
** Section Fourth Events Css
*===============================================*/
.event-lising{ background-color:#ffffff; margin:30px 0; padding:25px 30px; color:#2e2e2e; -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out; }
.event-lising a{ color:#2e2e2e; }
.event-icon, .event-date, .event-cont{ float:left; }
.event-icon{ width:85px; height:85px; border:3px solid #ffffff; border-radius:50%; padding:20px; background-color:#6ab43e; position:relative; margin-left:-72px; }
.event-date{ border-right:3px solid #6ab43e; font-weight:700; font-size:18px; color:#6ab43e; text-transform:uppercase; text-align:center; padding:20px 30px 20px; margin-right:30px; }
.event-date span{ display:block; }
.event-cont ul li{ display:inline-block; margin-right:30px; margin-bottom:10px; text-transform:capitalize; }
.event-cont i{ margin-right:10px; }
.event-cont h4{ text-transform:uppercase; margin-bottom:10px; font-size:18px; }
.event-lising:hover{ background-color:#6ab43e; cursor:pointer; color:#ffffff; }
.event-lising:hover a, .event-lising:hover .event-date{ color:#ffffff; border-color:#ffffff; }


/*===============================================
** Section Fifth Popup Video Css
*===============================================*/
.pop-video{ text-align:center; color:#ffffff; font-weight:700; font-family:'Roboto'; }
.pop-video .vid-small-title{ font-size:26px; line-height:28px; margin-bottom:30px; letter-spacing:5px; margin-top:50px; }
.pop-video .vid-large-title{ font-size:72px; line-height:72px; margin-bottom:50px; }
.pop-video a.playvid{ width:80px; height:80px; border-radius:50%; border:3px solid #ffffff; display:inline-block; margin-bottom:50px; position:relative; text-align:center; color: #ffffff;
font-size: 26px; line-height: 80px; }


/*===============================================
** Section Sixth Latest News Css
*===============================================*/
.news-box{ float:left; margin-right:3%; width:31.3%; position:relative; background-color:#ffffff; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; }
.news-box.last{ margin-right:0; }
.newsdesc{ padding:40px 20px; }
.news-box h4{ padding:0px; margin-bottom:30px; text-transform:uppercase; font:700 17px/26px 'Roboto'; position:relative; padding-bottom:20px; }
.news-box h4:after{ content:''; width:35px; border-bottom:2px solid; position:absolute; bottom:0; left:0; }
.news-box h4 a{ color:#303030;}
.news-box h4 a:hover{color:#6ab43e;}
.news-box .PostMeta{ font-size:13px; padding:0 0 10px; font-weight:500; text-transform:uppercase; }
.news-box .newsdesc p{ margin-bottom:30px; font-size:14px; color:#979797; font-family: 'PT Sans', sans-serif; line-height:24px;  }
.newsdesc a.ReadMore{ display:inline-block; position:relative; }


/*===============================================
** Section Seventh Our Team Css
*===============================================*/
.teammember-list{width:23%; float:left; margin:20px 2.5% 20px 0; position:relative; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; box-shadow:0 0px 9px 3px #e7e7e7; overflow:hidden; border-radius:5px; }
.teammember-list.lastcols{ margin-right:0; }
.teammember-list:hover{ cursor:pointer; }
.teammember-list .thumnailbx{ width:100%; margin:0; overflow:hidden; }
.teammember-list .thumnailbx img{ -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.teammember-list:hover .thumnailbx img{ -webkit-transform: scale3d(1.2,1.2,1); transform: scale3d(1.2,1.2,1);}
.teamdesbox{ text-align:center; padding:2em 1em; background: #ffffff; -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out; }
.teamdesbox h4{ margin:0 0 10px; }
.teamdesbox cite{ font-style:normal; margin-bottom:20px; display:inline-block; }
.member-social-icon a{ margin:0 5px 0 0; text-align:center; display:inline-block; color:#222222; width:35px; height:35px; line-height:35px; border-radius:50%; visibility:visible; border:1px solid #d1d1d1; font-size:10px; }
.teammember-list:hover .teamdesbox{ background-color:#6ab43e; }
.teammember-list:hover h4 a, .teammember-list:hover cite, .teammember-list:hover .member-social-icon a{ color:#ffffff; }


/*===============================================
** Section Ninth Testimonials Css
*===============================================*/
#clienttestiminials{ margin-top:20px;}
#clienttestiminials .tmthumb{ width:88px; height:88px; position:relative; padding:0; margin:0 15px 0 0; border-radius:50%; float:left; border:3px solid #ffffff; }
#clienttestiminials .tmthumb img{ width:100%; height:100%; display:block; border-radius:50%; }
#clienttestiminials .tmtitle{ float:left; margin-top:50px;}
#clienttestiminials .testi-desc{ background-color:#f4f3f3; padding:40px 36px; margin-bottom:40px; border-radius:5px;}
#clienttestiminials blockquote{ padding:0 !important; background:none; font-style:normal; }
#clienttestiminials p { font:400 15px/25px 'Roboto'; color:#848383;}
#clienttestiminials .tmttl { position: relative; top: 25px; }
#clienttestiminials .tmttl h4{ margin:0px 0 5px; text-transform:capitalize; color:#2e2e2e; }
#clienttestiminials .tmttl span{ font-size:14px; color:#797979; font-weight:400; font-family:'Roboto'; display:block; text-transform:capitalize; margin-top:5px; }
.triangle { position:relative; background-color:#252a2b; height:auto !important; width:100% !important;}
.triangle:after { content:''; position:absolute; bottom:-55px; left:5px; right:0; width:0; height:0; border-top:solid 15px #f4f3f3; border-left:solid 13px transparent; border-right:solid 13px transparent;}

/*testimonials*/
.client-say{ width:80%; margin:0 auto;  position:relative; z-index:1; font:normal 16px/24px 'Montserrat'; color:#333333; }
.client-say .timthumb{ width:10%; float:left;}
.client-say .timthumb img{ height:100%; }
.client-say .tm_description{ width:87%; float:right;}

.client-say p{ margin-bottom:30px;}
.client-say h6{ color:#fff; margin:20px 0 0 0; text-transform:none; }

/*testimonials listing*/
.tmnllisting{ margin-bottom:35px; min-height:120px;}
.tmnllisting .tmnlthumb{ float:left; width:120px; height:120px; margin:0 5% 0 0; overflow:hidden;}
.tmnllisting .tmnlthumb img{ width:100%; height:100%; border-radius:50%;}
.tmnllisting h6{ margin-bottom:10px; padding-top:10px; text-transform:uppercase;}

#testimonials-widget h6{ margin-bottom:5px; text-transform:capitalize;}
#testimonials-widget p{ margin-bottom:15px;}


/*===============================================
** Counter Css
*===============================================*/
.counter { position:relative; text-align:center; }
.counter-box { width:23.6%; margin-right:1.4%; text-align:center; padding:0; display:inline-block; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; border-radius:15px; background-color:#f3f8f9; border-bottom:3px solid; background-color: #b1c903; }
#last.counter-box{ margin-right:0;}
.inner-counter{ padding:20px 12px;}
.counter-box:hover{ cursor:pointer; -webkit-transform: scale(1.1); transform: scale(1.1); }
.counter-box i{ display:block; font-size:26px; margin-bottom:15px;}
.counter-box h3.counter { font:700 28px 'Montserrat'; display:inline-block; margin-bottom:10px; } 
.counter-box h6 { margin-bottom: 10px; font-weight:500; font:700 15px 'Montserrat'; text-transform:capitalize; color:#9b9a9a; }
.counter-box span { position: relative; right: -4px; top: -4px; font-size:20px; }


/*===============================================
** Skill Bar Css
*===============================================*/
.skillbar {position:relative; display:block; margin-bottom:25px; width:100%; height:35px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:0.4s linear; -moz-transition:0.4s linear; -ms-transition:0.4s linear; -o-transition:0.4s linear; transition:0.4s linear; -webkit-transition-property:width, background-color; -moz-transition-property:width, background-color; -ms-transition-property:width, background-color; -o-transition-property:width, background-color; transition-property:width, background-color; font-weight:bold; margin-top:20px; }
.skillbar-title { font-size:15px; color:#1b1b1b;}
.skillbar-title span { display:block; color:#1b1b1b; padding:0; height:35px; line-height:35px;}
.skillbar-bar { height:16px; width:0px; background:#6ab43e; border-radius:20px;}
.skill-bar-percent { position:absolute; right:0; top:0; font-size:15px; height:35px; line-height:35px; color:#1b1b1b;}
.skill { width:46.98%; float:left;}
.skill-bar { margin:60px 0 0 0; }
.skill-bg{ width:100%; background-color:#eaeae8; border-radius:20px;}


/*===============================================
** Gallery Posts Css
*===============================================*/
.gallery{ padding:0; }
.gallery .container{ width:auto; }
.work-image{ position:relative;}
.work-link-icon{ background:rgba(15,60,174,0.9); position:absolute; top:100%; bottom:0; left:0; right:0; -webkit-transition-property: top, opacity; transition-property: top, opacity; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-delay: 0s; transition-delay: 0s; opacity:0; }
.holderwrap:hover .work-link-icon{ -webkit-transition-delay: 0.15s; transition-delay: 0.15s; opacity:1; top:0;  }
.work-link-icon a{border-radius:3px; display:inline-block; font-size:20px; color:#ffffff; -ms-transform:translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width:45px; height:45px; line-height:45px; margin:0 auto; position:relative; top:50%; }
.work-link-icon a:hover{ color:#ffffff; border-color:#ffffff; }


/*===============================================
** Top Footer Css
*===============================================*/
.top-footer{ background-color:#6ab43e; color:#ffffff; text-transform:uppercase; padding:50px 0; }
.top-foo-left{ float:left; font:700 28px 'Roboto'; margin-top:10px; margin-right:30px; }
.top-foo-right{ float:right; font:700 15px 'Roboto'; }
.top-foo-right .custombtn{ margin:0;}


/*===============================================
** Footer Css
*===============================================*/
#footer-wrapper{ background-color:#281705; color:#979797; position:relative;}
.cols-4{ width:26%; float:left; margin-right:2%; padding:50px 0 30px 0; position:relative; }
.widget-column-4 { margin-right:0; border-right:none; padding-right:0;}
.cols-4.widget-column-3{ width:16%; }
.cols-4 h5{ margin-bottom:30px; padding-bottom:15px; text-transform:uppercase; margin-top:20px; font-weight:700; position:relative; color:#ffffff; font-size:18px; }
.footer-logo{ margin-bottom:40px; margin-top:10px; }

/* Contact Details */
.contactdetail{ line-height:22px; margin-top:40px;} 
.contactdetail .fa{ margin-right:20px; font-size:16px;}
.contactdetail p{ margin-bottom:20px;}
.contact_right .contactdetail {padding:20px 15px 15px 15px; background-color:#33281e; color:#ffffff; margin-top:0;}
.contactdetail a{ color:#979797; }
.contactdetail a:hover{ color:#6ab43e; }
.cols-4 .social-icons{ margin-top:20px;}
.cols-4 .social-icons a{ border:2px solid #929292; height:35px; font-size:16px; width:35px; line-height:36px; border-radius:30px; color:#929292; }
.cols-4 .social-icons a:hover{ background-color:#b1c903; border-color:#b1c903; color:#ffffff; }

/* Footer Menu */
.cols-4 ul li{ margin-bottom:15px; list-style:none; }
.cols-4 ul li a{ padding:8px 0 8px 20px; position:relative; }
.cols-4 ul li a:before{ content:'\f105'; font-family:FontAwesome; position:absolute; top: 5px; left: 0; font-size: 20px }

.working-hrs span{ display:block; margin-bottom:5px;}

.foo-subscribe{ margin-bottom:40px;}
.foo-subscribe form{ position:relative; }
.foo-subscribe input[type=email]{ background-color:#444444; border:none; font-size:13px; color:#999;  }
.foo-subscribe button{ background-color:#6ab43e; position:absolute; top:0; right:0; padding: 15px 20px; border: none; color:#ffffff; cursor:pointer;}
 
 
/*===============================================
** Copyright Css
*===============================================*/
.copyright-wrapper { color:#979797; position:relative; padding:20px 0; font:400 14px/22px; margin-top:20px; background-color:#2e1b06; }
.copyright-wrapper a{ color:#979797;}
.copyright-wrapper a:hover{ color:#6ab43e; }
.copyright-txt{ font-weight:normal; text-align:center; float:left;}
.designby{ float:right; font-weight:normal; }


/*===============================================
** Innerpages Css
*===============================================*/
/* Innerpage title */
.innerbanner{ height:400px; overflow:hidden; position:relative; display:flex; text-align:left; }
.innerbanner:before{ content:''; width:100%; height:100%; background-color:rgba(15,60,174,0.6); position:absolute; top:0; }
.innerbanner .container{ -webkit-align-self: center; align-self: center; text-align:center; }
h1.innerpage-title{ color:#ffffff; font-family:'Oswald'; text-transform:uppercase; margin:30px 0; }
#crumbs{ background-color: rgba(255, 255, 255, 0.2); border-radius: 100px; display: inline-block; padding: 0 20px; line-height:44px; color:#ffffff; text-transform:uppercase; }
#crumbs a, #crumbs span{ padding:0 8px; color:#ffffff; }
#crumbs a:hover{ color:#323232; }

/* Innerpage Content and Sidebar*/
.content-area{ padding:50px 0;}
.site-main{ width:800px; margin:0; padding:0; float:left;}
.sitefull{ width:100% !important; float:none !important; }


/*===============================================
** Search Form Css
*===============================================*/
.searchbox{position:relative; min-width:35px; width:0%; height:40px; float:right; overflow:hidden;padding-left:20px; -webkit-transition: width 0.3s;    -moz-transition: width 0.3s; -ms-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s;}
.searchbox-input{top:0; right:0; border:0;outline:0;background:#ece8e8;width:100%;height:40px;margin:0;padding:0px 55px 0px 20px;font-size:13px;color:#7f7f7f;}
.searchbox-input::-webkit-input-placeholder{color:#7f7f7f;}
.searchbox-input:-moz-placeholder{color:#7f7f7f;}
.searchbox-input::-moz-placeholder{color:#7f7f7f;}
.searchbox-input:-ms-input-placeholder{color:#7f7f7f;}
.searchbox-icon, .searchbox-submit{width:35px;height:40px;display:block;position:absolute;top:0;font-family:verdana;font-size:22px;right:0;padding:0 !important;margin:0 !important;border:0 !important;outline:0;line-height:40px;text-align:center;cursor:pointer;color:#dcddd8;background:url(images/search-icon.png) no-repeat center center #34c6f6;}
.searchbox-open{ width:40%;}
form.search-form{margin-bottom:20px;}
input.search-field, .post-password-form input[type=password]{border:none; padding:7px 15px;}
input.search-submit, .post-password-form input[type=submit]{border:none; color:#ffffff; padding:7px 15px; cursor:pointer; }


/*===============================================
** Sidebar Css
*===============================================*/
#sidebar{ width:340px; float:right; border: 1px solid #f0f0f0; padding-bottom: 5px;}
.widget_content { padding: 20px 27px 25px 27px; }
.sidebar-left{ float:left !important;}
#sidebar .quotes h6 a { color:#ffffff;}
aside.widget{ margin:0; padding:0; }
aside.widget ul{ list-style:disc; }
h3.widget-title{ padding:12px 27px; margin:0 -27px -1px; color:#1b1b1b; font-size:17px; position:relative; text-transform:uppercase; }
h3.widget-title::after { content: ""; display: block; width: 80px; border-bottom: 4px solid #3a2209; margin: 20px auto 25px 0; z-index: 1; position: relative; left:-27px; }
h3.widget-title::before { content: ""; display: block; position: absolute; top: 52px; width: 100%; border-bottom: 4px solid #6ab43e; left:0; }

.flotRight{ float:right !important;}

#sidebar ul li{ list-style: disc inside ; border-bottom:1px dashed #ffffff; padding:8px 0 8px 0; list-style:none; }
#sidebar ul li a{ line-height:18px; color:#444444; position:relative; padding-left:15px; }
#sidebar ul li a:hover{ color:#ff8a00;}
#sidebar ul li:last-child{ border:none;}
.nosidebar{ float:none !important; margin:0 auto;}
#sidebar .search-form input.search-field{ background-color:#151515; width:80%; padding:12px 15px; box-sizing:border-box; display:inline-block; margin-bottom:0;}
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #212121; padding: 22.5px 0; font-size:0; width:20%; height:40px; float:right;}
#sidebar form.search-form{ margin-bottom:0; }
#sidebar .widget_recent_entries li, #sidebar .widget_recent_comments li, #sidebar .widget_archive li, #sidebar .widget_categories li, #sidebar .widget_meta li{ border-bottom: 1px solid #f0f0f0; padding: 9px 0 14px 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
#sidebar .widget_recent_entries li:first-child, #sidebar .widget_recent_comments li:first-child, #sidebar .widget_archive li:first-child, #sidebar .widget_categories li:first-child, #sidebar .widget_meta li:first-child{ padding-top:0; }
#sidebar .widget_categories li span { float: right; width: 30px; height: 30px; line-height: 33px; text-align: center; background: transparent; border-radius: 100%; }
#sidebar .widget_recent_entries li:hover, #sidebar .widget_recent_comments li:hover, #sidebar .widget_archive li:hover, #sidebar .widget_categories li:hover, #sidebar .widget_meta li:hover{ padding-left: 15px; }
#sidebar .widget_recent_entries li a:before, #sidebar .widget_archive li a:before, #sidebar .widget_categories li a:before, #sidebar .widget_meta li a:before{ content:'\f101'; font-family:FontAwesome; position:absolute; left:0; top:0; }
#sidebar .widget_tag_cloud a{ border:1px solid; text-transform:uppercase; font-size:15px !important; border-radius:3px; padding:8px 15px; margin-right:10px; display:inline-block; margin-bottom:10px; }


/*===============================================
** Blog Page Css
*===============================================*/
.blog-post-repeat { margin-bottom:30px; width:48%; margin-right:4%; float:left; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.07); }
.blog-post-repeat.nomar	{ margin-right:0;}
.blog-post-repeat .postmeta, .blog-post-repeat-full .postmeta, .blog-post-single .postmeta{ margin-bottom:0; text-transform:uppercase; border-bottom:1px solid #f3f3f3; border-top:1px solid #f3f3f3; padding:5px 0; margin-bottom:15px; }
.post-thumb { position:relative; overflow:hidden; }
.post-thumb img{ height:auto; width:100%; display:block; }
.post-data{ padding:30px 25px 23px; }
.post-data a.ReadMore{ margin-top:10px; display:table; }
.post-title{ margin-bottom:15px; font-weight:400; line-height:25px;}
.post-title a{ color:#444444;}
.blog-post-repeat .entry-summary p{ margin-bottom:0;}
.post-categories a{ text-transform:uppercase; font-size:14px; position:relative; letter-spacing: 2px; margin-bottom: 7px; display:inline-block; }
.post-humb-hov { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; text-align: center; top: 0; transform: scale(0.2); transition: all 0.3s ease 0.1s; background-color: rgba(255, 255, 255, 0.4); color: #afafaf; opacity:0;}
.post-humb-hov a { display: block; height: 100%; width: 100%; }
.post-thumb:hover .post-humb-hov{ opacity: 1; transform: scale(1); cursor:pointer; }
.post-thumb-full:hover .post-humb-hov{ opacity: 1; transform: scale(1); cursor:pointer; }
.post-thumb-full{ position:relative; margin-bottom:30px; height:400px; overflow:hidden; }
.post-thumb-full img{ position:relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.blog-post-repeat.full{ width:30.3%; margin-right:3%; }

/* Pagination */
.spacer20{height:20px; clear:both;}
.pagination{display:table; clear:both;}
.pagination ul{list-style:none; margin:20px 0;}
.pagination ul li{display:inline; float:left; margin-right:5px;}
.pagination ul li span, .pagination ul li a{background:#0f3cae; color:#ffffff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background:#0f3cae; color:#ffffff !important; }


/*===============================================
** Single Posts Css
*===============================================*/
article p{margin:0 0 20px 0;}
.post-date{display:inline;}
.post-comment{display:inline;}
.post-categories{display:inline;}
.post-tags{display:inline;}

/* Post Nav */
.post-nav{ clear:left; margin-top:40px;}
.prev-page, .next-page{ margin:0; padding:0;}
.prev-page a{ float:left;}
.next-page a{ float:right;}
.prev-page a, .next-page a{background-color:#515151; padding:5px 10px; color:#ffffff; font:15px 'Montserrat';}
.prev-page a:hover, .next-page a:hover{ color:#ffffff; background-color:#34c6f6;}
.singleright { float:left; }
.singleleft { float:right; }
.nav-previous, .nav-next{ margin-top:10px; margin-bottom:10px; width:49%; box-shadow:0 0 12px 0px rgba(0,0,0,.3); padding:5px; display: flex;}
.nav-previous{ float:left; }
.nav-next{float:right; }
nav.post-navigation{padding:10px 0 20px;}

/* Post Navigation */
.nav-previous .meta-nav-thumb{ width:80px; float:left; margin-right:15px; }
.nav-next .meta-nav-thumb{ width:80px; float:right; margin-left:15px; }
.nav-previous h5, .nav-next h5{ float:left; width:75%; position:relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); line-height:22px; transition:all 0.2s ease-in-out; }

/* Psot Comment */
.comment-list, ol.comment-list{list-style:none; margin-left:0; margin-top:20px; margin-bottom:20px;}
.comment-list ul, ol.comment-list ul{list-style:none;}
.comment-list li.comment{margin-top:20px;}
.comment-list .comment-content h1, .comment-list .comment-content h2, .comment-list .comment-content h3, .comment-list .comment-content h4, .comment-list .comment-content h5, .comment-list .comment-content h6{margin-top:15px;}


/*===============================================
** Contact Page Css
*===============================================*/
.contact_main{ width:58.3333%; margin:0; float:left;}
.contact_main_inner{ padding: 50px 60px 20px 100px; }
.contact_main .form-control{ width:48%; float:left; margin-right:4%;}
.contact_main .form-control.last{ margin-right:0;}
.contact-social{ padding:50px 0; text-align:center;}
.contact-social .social-icons a{ border-radius:0; height: 58px; line-height: 60px; width:58px; font-size: 24px;}

.contact-info{ width:41.6666%; float:left;}
.inner_contact_info{ padding: 90px 60px 84px 60px; }
.contact_main h1{ margin-bottom: 35px; }
.contact-info p{ margin:35px 0; }
.contact-info ul li{ border-top: 1px solid #e4e4e4; list-style: none; padding: 10px 0; margin-bottom: 10px; }
.contact-info ul li i{ height: 40px; line-height: 40px; text-align: center; width: 40px; font-size:18px; }
.contact-info ul li span{ text-transform:uppercase; font-weight:bold; width:80px; display:inline-block;}

/* = Contact Form css
-------------------------------------------------------------- */
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], textarea, input.text, input[type="search"]{ border: 1px solid; border-radius: 0; box-sizing: border-box; display: block; margin: 0 0 25px; padding: 16px 12px 15px; width: 100%; background-color: #ffffff;  font-family:'Sintony'; font-size:15px; border:1px solid #d8d8d8;}
input.send-btn{ border: none; font-size: 14px; padding: 14px 25px; text-transform: uppercase; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; }


/*===============================================
** Back to Top Css
*===============================================*/
#top{ position:relative;}
#back-top {	position: fixed; bottom: 15px; right:25px; z-index:10;}
#back-top a {width:64px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase; text-decoration: none;color: #bbb; -webkit-transition:1s; -moz-transition:1s; transition:1s;}
#back-top span {width:64px;height:62px;	display: block;	margin-bottom: 7px;	background: url(images/up-arrow.png) no-repeat center center; -webkit-transition:1s; -moz-transition:1s; transition:1s; opacity:0.5;}


/*===============================================
** Custom Css
*===============================================*/
.error_msg{padding:10px; background:#ffd3ce; color:#e00; border:1px #e00 solid; margin:15px 0;}
.success_msg{padding:10px; background:#dcffc5; color:#070; border:1px #070 solid; margin:15px 0;}
.customtab{ margin-top:0px;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}

/* = Text meant only for screen readers.
-------------------------------------------------------------- */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;	height: 1px;width: 1px;	overflow: hidden;}
.screen-reader-text:focus {	background-color:#f1f1f1; border-radius:3px; box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);	clip:auto !important; color:#21759b;	display:block; font-size:14px; font-size:0.875rem; font-weight:bold; height:auto; left:5px; line-height:normal; padding:15px 23px 14px; text-decoration:none;	top:5px; width:auto; z-index:100000; /* Above WP toolbar. */}

/* = Accordion tab section css
-------------------------------------------------------------- */
.acc-content a { font-weight:bold; line-height:30px;}

/* = Box Layout Css
-------------------------------------------------------------- */
.boxlayout{ width:1210px; margin:0 auto; box-shadow:0 5px 10px #000;}
.boxlayout .container{ padding:0 20px;}
.boxlayout .content-area{ padding: 50px 0; }


/*===============================================
** Woocommerce Css
*===============================================*/
.woocommerceright{float:left;}
.woocommerceleft{float:right;}
.content-area .woocommercesitefull{ width:100%;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 30.8%; box-shadow: 0 0 3px 1px #ddd; text-align:center; }
.woocommerce .woocommerce-result-count{ font-size:16px; margin-top:12px; }
.woocommerce .woocommerce-ordering{ margin-bottom:38px; position:relative; }
.woocommerce-ordering:after{ content:'\f078'; font-family:FontAwesome; position:absolute; top:10px; right:20px; }
form.woocommerce-ordering select{ padding:10px 30px 10px 10px; color:#242423; font-size:15px; background-color: #ffffff; border: 1px solid #e5e5e5; font-family:'Sintony'; position:relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(...); }
.woocommerce span.onsale{ border-radius:0; min-height:inherit; min-width:inherit; padding:8px 16px; letter-spacing:2px; line-height:1; background-color:#6ab43e; }
.woocommerce ul.products li.product .onsale{ margin:0; left:0; right:auto; text-transform:uppercase; font-size:14px; font-family:'Sintony'; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size: 18px; }
.woocommerce ul.products li.product .star-rating{ margin:5px auto 10px;}
.woocommerce ul.products li.product .price { font-size: 16px; font-weight:700; }
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price ins{ display:inline-block; margin:0 5px; }
.woocommerce ul.products li.product .price del{ font-size: 13px; }
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce a.added_to_cart, .woocommerce a.button.alt, .woocommerce input.button.alt{ margin-bottom:15px; background-color:#b1c903; color:#ffffff; padding:12px 30px; font:400 14px/18px 'Sintony'; display:inline-block; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; margin-top:20px; text-transform: uppercase; position:relative; border-radius:30px; font-weight:bold; }
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce button.button.alt:hover, .woocommerce input.button:hover, .woocommerce a.added_to_cart:hover, .woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover{ background-color:#242423; color:#ffffff; }
.imagewrapper{ overflow:hidden; margin-bottom:1em; }
.woocommerce ul.products li.product a img{ border-bottom: 1px solid #e1e1e1; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin:0; }
.woocommerce ul.products li.product:hover a img{ opacity: 0.6; -webkit-transform: scale3d(1.2,1.2,1); transform: scale3d(1.2,1.2,1); }
.woocommerce a.added_to_cart{ display: table; margin: 0 auto 15px; }
#sidebar .woocommerce-mini-cart__buttons a.button { margin-right:8px; }
#sidebar ul.woocommerce-mini-cart li{ list-style:none; position: relative; }
#sidebar ul.woocommerce-mini-cart li a, #sidebar ul.woocommerce-mini-cart li span.quantity{ font-size:15px; padding-left:0 !important; margin-bottom:5px; }
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{ width:50px; }
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{ font-size:30px !important; height: 30px; width: 30px; line-height: 30px !important; padding-left:0 !important; border-radius:0; position: absolute; left: -2px; top: 10px; float:left; margin-right:15px; }
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{ padding: 12px 0 10px; font-size:15px; text-transform:uppercase; }
.widget .woocommerce-product-search, .widget .search-form { position: relative; }
.widget .woocommerce-product-search input[type="submit"], .widget .search-form .search-submit { position: absolute; top: 0px; right: 0px; box-shadow: none; border: none; text-indent: -999px; padding: 0; outline:none; width: 46px; height: 52px; z-index: 1; border-radius: 0px 3px 3px 0px; background-image: url(images/findicon.png); background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 16px 16px; opacity: 0.3;}
.widget .woocommerce-product-search input[type="submit"]:hover, .widget .search-form .search-submit:hover{ cursor:pointer; }	
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{ background-color:#b1c903;}
.woocommerce .widget_price_filter .price_slider_amount .price_label{ font-size:15px; }
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ background-color:#242423;}
.woocommerce .widget_recent_reviews li, .woocommerce .widget_products li, .woocommerce .widget_top_rated_products li, .woocommerce .widget_rating_filter li, .woocommerce .widget_recently_viewed_products li{ list-style:none !important;}
.woocommerce .widget_recent_reviews a, .woocommerce .widget_products a, .woocommerce .widget_top_rated_products a, .woocommerce .widget_rating_filter a, .woocommerce .widget_recently_viewed_products a{ padding-left:0 !important;; font-size:16px !important; font-weight:700 !important; }
.woocommerce ul.product_list_widget li .star-rating{ margin: 8px 0; }

/*===============================================
** Single Product Page Css
*===============================================*/
.related.products{ padding:0; }
.related.products h2{ text-transform:uppercase; border-bottom:1px solid #f1f1f1; padding-bottom:15px; }
body.single-product #sidebar {display:none;}
body.single-product .site-main{ width:auto; padding:4em; box-shadow:0 0 12px 4px #CCC; padding-bottom:0; }
.woocommerce h1.product_title{ border-bottom:1px solid #cccccc; padding-bottom:20px !important; color:#b1c903; }
.woocommerce div.product p.price, .woocommerce div.product span.price { margin-bottom: 1.618em; font-size:18px; font-weight:700; color:#242423; }
.woocommerce div.product .woocommerce-product-rating{ float:right; }
.woocommerce-product-details__short-description{ font-size:14px; }
.woocommerce-product-details__short-description ul{ margin:20px 0;}
.woocommerce-product-details__short-description ul li{ position:relative; padding-left: 25px; margin-bottom: 10px; }
.woocommerce-product-details__short-description ul li:before{ content:'\f061'; font-family:FontAwesome; position:absolute; left:0; font-size:16px; color:#b1c903;}
.woocommerce .quantity .qty{ width:5em; margin:15px 30px 0 0; }
.woocommerce .product_meta{ border-top:1px solid #f1f1f1; padding-top:20px; font-size:16px; }
.woocommerce .product_meta .posted_in{ margin-right:30px; }
.woocommerce .product_meta .posted_in, .woocommerce .product_meta .tagged_as{ color:#959595; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before{ border:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before{ content:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li{ border:none; font-size:16px; padding:0; margin-right:10px; background-color:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ padding:12px 26px; border-radius:5px; }
.woocommerce div.product .woocommerce-tabs ul.tabs li .selected{ background-color:#b1c903; color:#ffffff !important; }
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--description p{ margin-bottom:15px; font-size:14px; line-height:26px;}
.woocommerce #review_form #respond .comment-reply-title{ font-size: 22px; font-weight: bold; text-transform: uppercase; margin: 20px 0; display: block; }
.woocommerce #review_form #respond .comment-form-rating{ font-size:20px; }
.woocommerce #review_form #respond p.stars{ margin-top:15px; }
.woocommerce-tabs{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:30px 0 10px; margin-bottom:30px; }

/*===============================================
** Product Cart Page Css
*===============================================*/
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{ width: 150px; height: 38px; }
.woocommerce .cart-collaterals{ margin-top:50px; }
.woocommerce-cart table.cart td.product-name{ font-weight:700; font-size:15px; }
.woocommerce-cart .cart-collaterals .cart_totals table{ padding:20px;}
.woocommerce-cart .cart-collaterals .cart_totals .cart-subtotal, .woocommerce-cart .cart-collaterals .cart_totals .order-total{ font-size:18px; }
.woocommerce-cart .wc-proceed-to-checkout{ text-align:center; }
.woocommerce .woocommerce-cart-form button.button{ margin:0; }

/*===============================================
** Checkout Page Css
*===============================================*/
.woocommerce-checkout .woocommerce #customer_details{ margin-bottom:50px; }
.woocommerce-checkout .woocommerce .woocommerce-billing-fields input{ padding:8px 12px; }
.woocommerce-checkout .woocommerce .woocommerce-billing-fields .select2-container--default .select2-selection--single{ border-radius:0; }
.woocommerce-checkout .woocommerce .woocommerce-checkout-review-order th, .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order td{ border:none; }
.woocommerce-checkout .woocommerce .woocommerce-checkout-review-order .cart_item td, .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order .cart-subtotal th, .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order .cart-subtotal td{ border-bottom:1px solid #dddddd;}
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li{ list-style:none; }
.woocommerce-checkout #payment ul.payment_methods li label{ font-size:16px; }
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row{ padding:0 1em; }
.woocommerce-checkout .woocommerce .woocommerce-checkout-review-order a.about_paypal{ display:none; }

/*===============================================
** Woocommerce Pagination Css
*===============================================*/
.woocommerce nav.woocommerce-pagination ul{ border:none; }
.woocommerce nav.woocommerce-pagination ul li{ margin:0 5px; border:none; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{ border-radius:50%; width: 40px; height: 40px; line-height: 25px; }