/*
Theme Name: Nutrella Pro
Theme URI: https://starthemes.net/wordpress-themes/diet-nutrition-wordpress-theme/
Author: StarThemes
Author URI: https://www.starthemes.net/
Description: Nutrella is diet and nutrition WordPress theme generally has been designed for nutritionist, dietician,and pediatrician and for the similar websites. It is also designed for individual owner who wants to run his own business. It contains the homepage which is built with easy sections to use and the user can understand them easily. The each section is describe properly further in other layouts. In this nutrition WordPress theme anyone can add content like testimonials, gallery etc and other sections easily. Column with different content can also be added. Its a fully responsive theme perform nicely on all the resolutions.
Version: pro 1.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: nutrella
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

Nutrella Pro WordPress Theme has been created by StarThemes(starthemes.net), 2018.
Nutrella 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:26px; margin:0; padding:0; color:#787878; font-size:16px; font-family:'Open Sans'; background-color:#ffffff; font-weight:300; }
img{ margin:0; padding:0; border:none;}
.bypostauthor { margin:0; padding:0;}
section img, img{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{ position:relative; margin-bottom:15px; }
blockquote.align-left{ padding:10px 20px; text-align:left; border-left:5px solid #a2cc41; margin-bottom:20px; color:#000000; font-weight: 400; font-size: 18px; font-style: italic; line-height:30px; }
blockquote.align-right{ padding:10px 20px; text-align:right; border-right:5px solid #a2cc41; margin-bottom:20px; color:#000000; font-weight: 400; font-size: 18px; font-style: italic;  line-height:30px; }
hr, .hr{border-bottom:1px solid #cfd0d2 !important; clear:both; margin:30px 0; border:none; }
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; }
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; width:auto; }
.alignright, img.alignright { display: inline; float: right; margin-left:25px; height:auto; width:auto; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; height:auto; width: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;}
#lastcols{ margin-right:0 !important; }
.toggleMenu{display:none;}
section{ padding:80px 0; position:relative; }
.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 !important;}

/*===============================================
** Header Css
*===============================================*/
.header{ padding:0; position:relative; z-index:10; }
.header-inner { width:1170px; margin:0 auto; position:relative;}
.header-right{ float:right; }

/*===============================================
** Header Info icon Css
*===============================================*/
.header-logo{ padding:10px 0; position:relative; white-space: nowrap; display:block; }
.header-logo:after{ content: ''; display: block; position: absolute; height: 1px; left: 0; right: 0; bottom: 0; background-color: #e5e5e5;}
.header-logo .container{ display: table; height: 100%; }
.header-info{ width:60%; display: table-cell; vertical-align: middle; margin:10px 0; white-space:nowrap; }
.header-info-box{ position:relative; vertical-align: middle; display: inline-block; position: relative; padding-left: 30px; overflow:visible; text-align:left; }
.header-info-box:before{ content: "|"; position: absolute; font-size: 12px; left: 10px; top: 7px; color: rgba(50, 50, 50, 0.5); }
.header-info-box:first-child::before{ content:none; }
.header-info-box:hover .header-info-icon{ -webkit-animation: scaleDisappear 0.5s; animation: scaleDisappear 0.5s; }
.header-info-icon{ display: table-cell; vertical-align: middle; padding-right: 15px; line-height:1; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.header-icon-wrap{ width: 40px; height: 40px; font-size: 14px; border-radius: 50%; text-align:center; border: 2px solid rgba(50, 50, 50, 0.1); -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; color:#a2cc41; }
.header-icon-wrap i{ display: inline-block; width: 19px; line-height: 36px; }
.header-info-cont{ display: table-cell; vertical-align: middle; overflow:hidden; }
h5.head-info-title{ font-weight:normal; text-transform:uppercase; margin:0; letter-spacing: 0.1em; color:#787878; font-size:11px; }
span.head-info-text{ color: #787878; font-size: 18px; font-weight: 600; letter-spacing: -0.025em; }

/*===============================================
** Animation Css
*===============================================*/
@-webkit-keyframes scaleDisappear {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
	60% {
		opacity: 0;
		-webkit-transform: scale(1.3);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}
@-moz-keyframes scaleDisappear {
	0% {
		opacity: 1;
		-moz-transform: scale(1);
	}
	60% {
		opacity: 0;
		-moz-transform: scale(1.3);
	}
	100% {
		opacity: 1;
		-moz-transform: scale(1);
	}
}
@-o-keyframes scaleDisappear {
	0% {
		opacity: 1;
		-o-transform: scale(1);
	}
	60% {
		opacity: 0;
		-o-transform: scale(1.3);
	}
	100% {
		opacity: 1;
		-o-transform: scale(1);
	}
}
@keyframes scaleDisappear {
	0% {
		opacity: 1;
		transform: scale(1);
	}
	60% {
		opacity: 0;
		transform: scale(1.3);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
.scaleDisappear {
	-webkit-animation: scaleDisappear 350ms ease-in-out;
	-moz-animation: scaleDisappear 350ms ease-in-out;
	-ms-animation: scaleDisappear 350ms ease-in-out;
	-o-animation: scaleDisappear 350ms ease-in-out;
	animation: scaleDisappear 350ms ease-in-out;
}

/*===============================================
** Site Logo Css
*===============================================*/
.logo{ text-align:left; width:40%; padding:15px 0; position:relative; transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s; -o-transition:0.3s; display: table-cell; vertical-align: middle; }
.logo img{ width:auto; }
.logo h1{font-weight:400; margin:0; text-transform:capitalize; }
.logo a{color:#ffffff;}
.logo p{ font-size:13px; color:#ffffff; display:block; }

/*===============================================
** Toggle Search Bar Css
*===============================================*/
.srchicon{ float:right; line-height:87px; cursor:pointer; }
.searchtop{display:none; position:absolute; width:400px; right:0; padding:15px; background-color:#ffffff; }
.searchtop form.search-form, .searchtop input[type="search"]{ margin-bottom:0; }
.searchtop input[type="search"]{ padding:10px; }
.searchtop form.search-form input.search-submit{ padding:10px 20px; font:700 14px 'Assistant'; }

/*===============================================
** Toggle Cart Css
*===============================================*/
.head_cart{ float:right; line-height:87px; cursor:pointer; margin-right:15px; }
.cartpop{ display:none; position:absolute; width:400px; right:0; padding:15px; background-color:#ffffff; }
.cartpop .header-cart .woocommerce-mini-cart-item{ position:relative; overflow:hidden; padding:0 0 10px; margin:0 0 10px; border-bottom:1px solid #e1e1e1; }
.cartpop .header-cart .woocommerce-mini-cart-item img{ width:80px; float:left; margin-right:20px; }
.cartpop .header-cart .woocommerce-mini-cart-item span.quantity{ display:block; font-size:90%; }
.cartpop .header-cart .woocommerce-mini-cart-item a.remove_from_cart_button{ float:right; width:30px; height:30px; line-height:30px; border-radius:50%; background-color:#a2cc42; color:#ffffff !important; text-align:center; margin-top: 25px; }
.cartpop .header-cart .woocommerce-mini-cart__total{ margin:20px 0;}
.cartpop .header-cart .woocommerce-mini-cart__total strong{ font-weight:700; }
.cartpop .header-cart  ul.cart_list li a, .cartpop .header-cart ul.product_list_widget li a{ font-weight:normal; }
.cartpop .header-cart .woocommerce-mini-cart__buttons .button.wc-forward{ margin:0 5px; }

/*===============================================
** Navigation Css
*===============================================*/
.toggle{  display: none; position: relative; margin:0; text-transform:uppercase; font-weight:700; }
.toggle a{ width:auto; padding:28px 25px; text-align:left; border-left:1px solid #ccc; color:#787878; }
.toggle a:before{ content:'\f0c9'; font-family:FontAwesome; position:absolute; top: 15px; font-size: 28px; left: 14px; }
.sitenav{ position:relative; z-index:9999; text-align:left; margin-right:60px; }
.sitenav ul {margin:0; padding:0; font-family:'Raleway'; font-size:13px; font-weight:600; text-transform:uppercase; letter-spacing: 0.1em; }
.sitenav ul li{ display:inline-block; position:relative; line-height:normal;}
.sitenav ul li a{padding:35px 20px; display:block; text-align:center; color:#323232; position:relative; }
.sitenav ul li:first-child a{ padding-left:0; }

/* = Navigation hover and active menu css
-------------------------------------------------------------- */
.sitenav ul li.current_page_item a, .sitenav ul li a:hover{ color:#a2cc41; }
.sitenav ul li a.parent:before{ content:'\f107'; position: absolute; right: 0; top: 34px; font-family: FontAwesome; font-size: 18px; }
.sitenav ul li a.parent{ padding-right:25px; }

/* = Navigation 2nd level css
-------------------------------------------------------------- */
.sitenav ul li ul{display:none; z-index:9999; position:absolute; left:-9999px; }
.sitenav ul li:hover > ul{display:block; width:200px; position:absolute; left:auto; top:86px; 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; }
.sitenav ul li ul li a.parent:before{ content:'\f105'; position: absolute; right: 8px; top: 9px; font-family: FontAwesome; font-size: 18px; }
.sitenav ul li ul li:first-child a{ padding-left:10px; }

/* = 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; }

/*===============================================
** Slider Css
*===============================================*/
.boxlayout .nivo-caption { bottom: 40%; width: 76%; }
#slider{ width:100%; margin:0; padding:0; position:relative; }
#slider:before{ background-color:rgba(0,0,0,0.4); content:''; position:absolute; left:0; right:0; z-index:6; width:100%; height:100%; }
.slider-main{ min-height:750px; position:relative; background:url(images/loading.gif) no-repeat center center #fff;}
.boxlayout .slider-main{ min-height:650px; }
#slider a.button{ margin-right:20px; }

/*===============================================
** Social Icons Css
*===============================================*/
.social-icons a{ width:30px; height:30px; line-height:30px; display:inline-block; padding:0; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; font-size:16px; color:#5c5b5b; position: relative; margin:0 3px; text-align:center; border-radius:50%; }
.social-icons a:hover { color:#ffffff; }
.social-icons br{ display:none;}

/*===============================================
** Buttons Css
*===============================================*/
a.button{ font-family:Raleway; font-size: 13px; font-weight: bold; letter-spacing: 0.1em; text-indent: 0.1em; text-transform: uppercase; padding: 16px 30px 15px; margin-bottom: 4px; line-height: 1; display: inline-block; text-align: center; color: #ffffff; background-color: #a2cc41; border-radius: 40px; border: 1px solid #a2cc41; position: relative; -webkit-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; }
a.button:hover{ background-color:#323232; color:#ffffff; border-color:#323232; }

a.button2{ font-family:Raleway; font-size: 13px; font-weight: bold; letter-spacing: 0.1em; text-indent: 0.1em; text-transform: uppercase; padding: 16px 30px 15px; margin-bottom: 4px; line-height: 1; display: inline-block; text-align: center; color: #ffffff; background-color: #323232; border-radius: 40px; border: 1px solid #323232; position: relative; -webkit-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; }
a.button2:hover{ background-color:#a2cc41; color:#ffffff; border-color:#a2cc41; }

a.buttonstyle1{ text-transform:uppercase; color:#ffffff; background-color:#202020; border-radius:30px; padding:14px 40px; font:700 15px/22px 'Roboto'; display:inline-block; }
a.buttonstyle1:hover{ background-color:#ffffff; color:#202020; }

.custombtn{ margin-top:30px;}

/*===============================================
** Section Title Css
*===============================================*/
.section_head{ text-align:center; padding-bottom:25px; }
h2.section_title{ font:700 38px/42px 'Rajdhani'; color:#323230; position:relative; text-transform:uppercase; padding:0 0 30px; margin:0 0 30px; }
h2.section_title:after{ width:60px; margin:0 auto; height:3px; border-radius:3px; background-color:#a2cc42; content:''; position:absolute; bottom:0; left:0; right:0; }
h2.section_title span{ text-transform:uppercase; font:700 16px/26px 'Assistant'; display:block; color:#a2cc41; margin-bottom:10px; }
p.section_text{ font:500 20px/26px 'Rajdhani'; color: #78787b; width:56%; margin:0 auto; }
.sec-overlay h2.section_title, .sec-overlay p.section_text,  .sec-overlay{ color:#ffffff; }
.left-title .section_head{ text-align:left; }
.left-title h2.section_title::after{ margin:0; }

/*===============================================
** Section Overlay Css
*===============================================*/
.sec-overlay{ position:relative; }
.sec-overlay:before{ content:''; width:100%; height:100%; background-color:rgba(41,55,66,0.6); position:absolute; top:0; left:0; }

/*===============================================
** Page boxes section Css
*===============================================*/
section#pagearea { width: 100%; position: relative; padding-top: 0; margin-top: -120px; z-index: 9; }
.pagearea-inner { position:relative;}
.featbox { padding:30px; width:31.6%; float:left; margin:0 2.5% 20px 0; position:relative; box-sizing:border-box; color:#7d7b7b; text-align:center; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2); -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; background-color:#ffffff; }
.featbox:hover{ cursor:pointer; -webkit-transform: scale(1.1); transform: scale(1.1); }
.featbox .thumbbx{ margin-bottom:30px; }
.featbox .thumbbx img{ 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:hover .thumbbx { background-color:#a2cc41;}
.featbox:hover .thumbbx img{ opacity:0.3;}
.featbox h3{ margin-bottom:20px; padding-bottom:20px; text-transform:capitalize; display:block; position:relative; line-height:25px; font-weight:600; }
.featbox h3:after{ content:''; width:130px; height:1px; background-color:#e5e5e5; margin:0 auto; position:absolute; bottom:0; left:0; right:0; }
.featbox p{ font-size:90%; margin-bottom:30px; }

.one_column{ width:100%;}
.two_column{ width:48%;}
.three_column{ width:31.5%;}
.four_column { width:23%;}
.five_column{ width:18%; }

/*===============================================
** Section First CSS : Introduction
*===============================================*/
.orlist{ margin:30px 0 0; counter-reset: li; list-style: none outside none; padding: 0; }
.orlist li{ position: relative; padding: 15px 0 15px 55px; font-size: 16px; line-height: 30px; width: auto; font-weight: 400; color: #323232; }
.orlist li:before{ content: counter(li); counter-increment: li; position: absolute; background-color: #a2cc41; left: 2px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-weight: 600; width: 40px; height: 40px; padding: 5px; text-align: center; border: 0; border-radius: 50%; color: #ffffff; }
.orlist li:after{ content: ""; height: 1px; width: 100%; max-width: 300px; position: absolute; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.1); margin-left: 55px; }
.orlist li:last-child::after{ display: none; }

/*===============================================
** Counter Css
*===============================================*/
.counter { position:relative; }
.counter-box { width:18%; margin-right:2%; float:left; text-align:center; }
#last.counter-box{ margin-right:0; }
.counter-bdr{ padding:15px 0 15px; }
.counter-box i{ display:block; font-size:26px; margin-bottom:15px;}
.counter-box h3.counter { font:700 60px 'Assistant'; color:#ffffff; display:inline-block; margin: 0; line-height: normal; position: relative; } 
.counter-box h3 { text-transform:capitalize; margin:10px 0 0; font:400 22px 'Assistant'; color:#ffffff; }
.counter-box span { position: relative; right: -10px; font-size: 36px; color: #ffffff; font-weight: 700; }

/*===============================================
** Section Third CSS : Infobox
*===============================================*/
.infobox{ position:relative; margin-bottom:20px; text-align:center; }
.info-count h3{ color:#ccc; font-size:42px; font-weight:600; margin-bottom:30px; }
.info-thumb{ width:200px; height:200px; margin:0 auto 30px; border-radius:50%; overflow:hidden; position:relative; transition:all 0.2s ease-in-out 0s; }
.info-cont p{ font-size:94%; margin-bottom:30px; }
.infobox:hover .info-thumb:before{ content:''; width:90%; height:90%; position:absolute; top:5%; left:5%; border-radius:50%; background-color:#a2cc41; opacity:0.8; }

/*===============================================
** Testimonials Css
*===============================================*/
.testimonials-wrap{ margin:50px 30px 0; }
.testi-thumb{ margin-bottom:20px; position:relative; width:120px; height:120px; border-radius:50%; overflow:hidden; margin:0 auto; }
.testi-desc{ text-align:center; width:60%; margin:0 auto; padding: 60px 0 40px; font-size: 18px; line-height: 36px; font-weight: 300; }
.testi-ttl{ text-align:center; }
.testi-ttl h4{ margin-bottom:5px; text-transform:uppercase; }
.testi-ttl h4 a{ color:#1e2221; }
.testi-ttl h4 a:hover{ color:#a2cc41;}
#clienttestiminials .owl-theme .owl-nav{ position: absolute; top: 55%; left:0; right:0; } 
#clienttestiminials .owl-theme .owl-nav button{ width:40px; height:40px; border-radius:50px; font-size:28px; position:absolute; }
#clienttestiminials .owl-theme .owl-nav button.owl-prev{ left:10%; }
#clienttestiminials .owl-theme .owl-nav button.owl-next{ right:10%; }

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

/*===============================================
** Section Fifth Css : Iconbox
*===============================================*/
.iconbox{ text-align:center; margin-bottom:20px; }
.iconbox-thumb img{ width:auto; margin:0 auto; }
.iconbox-cont h3{ margin:35px 0 20px; }

/*===============================================
** Photo Gallery Css
*===============================================*/
.work-image{ overflow:hidden; background-color:rgba(0,0,0,.6); position:relative; }
.work-image img{ -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.work-image:hover img { opacity: 0.4; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); }	
.work-link-icon{ opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.work-image:hover .work-link-icon{ opacity:1; }
.work-link-icon a{ 	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-360px,0,0); transform: translate3d(-360px,0,0); color:#000000; font-size:12px; font-weight:600; text-transform:uppercase; position:relative; top:45%; background-color:#ffffff; display:inline-block; padding:4px 15px; }
.work-image:hover .work-link-icon a{ -webkit-transition-delay: 0.2s; transition-delay: 0.2s; opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

/*===============================================
** Section Seventh Css : Pricing Col
*===============================================*/
.pricing-col{ text-align:center; border: 0; border-radius: 5px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); position: relative; overflow: hidden; }
.package-name{ padding: 36px 0 36px; margin-bottom: -1px; display: block; background-color: #a2cc41; background-position: 50% 50%; background-size: cover; position:relative; }
.package-name:after{ content: ""; background-color: #a2cc41; position: absolute; width: 100%; display: block; left: 0; right: 0; top: 0; bottom: 0; opacity:0.8; }
.package-name h2{ margin:0; color:#ffffff; position: relative; z-index: 3; font-size:30px; }
.package-price{ padding: 70px 0 50px; position: relative; color: #474747; font-size:40px; }
.package-price span{ font-size: 60px; font-weight: 300; }
.package-price p{ font-size:14px; margin:12px 0 0; color:#b4b4b4; text-transform:uppercase; font-weight:600; }
.package-row p{ line-height:29px; padding-bottom:15px; margin-bottom:15px; position:relative; }
.package-row p:after{ content:''; width:250px; height:1px; background-color:rgba(50, 50, 50, 0.1); margin:0 auto; left:0; right:0; position:absolute; bottom:0; }
.package-row p:last-child::after{ content:none; }
.package-btn{ padding: 15px 40px 56px; }

/*===============================================
** Team Member Css
*===============================================*/
.teammember-list{ 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; overflow:hidden; cursor:pointer; margin:0 0 30px; margin-right: 3%; width: 31.2%; float:left; border: 1px solid #e6e6e6; }
.teammember-list.last{ margin-right:0; }
.teammember-list:hover{ box-shadow: 0 10px 28px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.07); }
.thumnailbx{ position:relative; margin:-1px; }
.thumnailbx img{ -webkit-filter: grayscale(100%); filter: grayscale(100%);  }
.teammember-list:hover .thumnailbx img{ -webkit-filter: grayscale(0); filter: grayscale(0);  }
.teamdesbox { overflow: hidden; position: relative; text-align:center; }
.teamdesbox-inner{ padding:30px 30px 10px; webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.teamdesbox h2{ margin-bottom:0; }
.teamdesbox p{ font-size:94%; margin:20px 0 30px; }
.teammember-list:hover h2 a, .teammember-list:hover cite { color: #a1cc3f; }
.member-social-icon{ border-top:1px solid #cccccc; padding:20px 0 10px; }
.teamdesbox cite{ font-style:normal; font-family: Roboto; font-size: 16px;  }
.member-social-icon a{ color:#a6a6a6; width:30px; height:30px; border-radius:50px; display:inline-block; margin-right:10px; text-align: center; font-size: 16px; line-height: 30px; }

/*===============================================
** Section Tenth Css : Make Appointment
*===============================================*/
.appointment{ margin:60px auto 30px; width:80%; }
.appointment input[type=text], .appointment input[type=email], .appointment input[type=tel]{ float:left; background-color:transparent; width:30%; color:#ffffff; border-radius:5px; margin:0 1.5%; }
.appointment input[type=submit]{ width:220px; margin:60px auto 0; display:table; font-size:16px; text-transform:uppercase; font-weight:700; border:none; outline:none; padding:15px 30px; cursor:pointer; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-radius:50px; font-family:'Karla'; }

/*===============================================
** Latest News Css
*===============================================*/
.news-box{ position:relative; padding:0; margin-bottom:10px; width:32%; margin-right:2%; float:left; position: relative; border:1px solid #e6e6e6; -webkit-border-radius: 8px; border-radius: 8px; overflow: hidden; }
.news-thumb{ position:relative; }
.news-thumb-rollover{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; text-align: center; opacity: 0; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; background-color:#a2cc41; }
.news-thumb-rollover a{ font-size: 0; line-height: 0; text-indent: 99999px; width: 65px; height: 65px; margin: auto !important; padding: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-width: 0; border-style: solid; -webkit-border-radius: 50%; border-radius: 50%; background-color:rgba(255, 255, 255, .2); }
.news-thumb-rollover a:before, .news-thumb-rollover a:after{ content: ''; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.news-thumb-rollover a:before{ width: 19px; height: 1px; background-color:#ffffff; }
.news-thumb-rollover a:after{ width: 1px; height: 19px; background-color:#ffffff; }
.news-box:hover .news-thumb-rollover{ opacity:1; }
.news-desc{ padding: 30px 0 0; position: relative; overflow: hidden; }
.inner-news-desc{ padding:0 35px 15px; }
.news-box .post-date{ text-transform:uppercase; font-size:70%; font-weight:700; letter-spacing:2px; margin-bottom:10px; }
.news-box .post-date .author{ float:right; }
.news-desc p{ font-size:90%; }
.news-box .PostMeta{ border-top:1px solid #ccc; text-transform:uppercase; font-weight:700; padding-top:15px; font-size:80%; font-family:'Karla'; }
.news-box a.ReadMore{ display:block; margin:15px 0 20px; text-transform:uppercase; font-weight:700; font-size:80%; color:#a1cc3f; }
span.cmnt-right{ float:right; }
span.cmnt-right i{ margin-right:5px; }

/*===============================================
** Skill Bar Css
*===============================================*/
.skillbar {position:relative; display:block; margin-bottom:30px; 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; }
.skillbar-title { font-size:13px; color:#1b1b1b; text-transform:uppercase; }
.skillbar-title span { display:block; color:#1b1b1b; padding:0; height:35px; line-height:35px;}
.skillbar-bar { height:6px; width:0px; background-color:#2e3e53; }
.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:#a9aeb1; }

/*===============================================
** Instagram Css
*===============================================*/
.instafeed{ transition:all 0.2s ease; position:relative; width:20%; float:left; height:182px; overflow:hidden; }
.insta_follow { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; text-align: center; top: 0; transform: scale(0.4); transition: all 0.5s ease 0.1s; background-color: rgba(255, 255, 255, 0.6); color: #afafaf; opacity:0;}
.instafeed:hover .insta_follow{ opacity: 1; transform: scale(1); cursor:pointer; }
.insta_follow a{ padding: 8px 25px; font-weight:700; position:absolute; top:50%; transform:translateY(-50%); background-color:#ffffff; color:#444444; text-transform:uppercase; font-family:'Karla'; width:180px; margin:0 auto; left:0; right:0; }
.insta_follow a:hover{ color:#ffffff; background-color:#a1cc3f; }

/*===============================================
** Image Iconbox Css
*===============================================*/
.image_info{ display: block; }
.image_info_thumb, .image_info_thumb img{ transition: all .25s ease !important;  }
.image_info_thumb{ position: relative; display: inline-block; vertical-align: top; }
.image_info_thumb img{ -webkit-transform: translateY(0); transform: translateY(0); -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.image_info:hover .image_info_thumb img{ -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.image_info_content{ position: relative; top: 0; max-width: 350px; float: right; margin: -27% 19px 0 0; padding: 28px 50px; background-color: #a2cc41; z-index: 10; }
.image_info_content h3, .image_info_content{ color:#ffffff; }
.image_info_content p{ margin-bottom:15px; }
.image_info_content span{ font-weight:600; }

/*===============================================
** Footer Block Css
*===============================================*/
.footer-info-block{ float:left; width:33.33%; text-align:center; }
.inner-footer-block{ padding-top:75px; padding-bottom:65px; }
.footer-info-block:nth-of-type(1) .inner-footer-block{ background-color:#f9a450; }
.footer-info-block:nth-of-type(2) .inner-footer-block{ background-color:#a7d433; }
.footer-info-block:nth-of-type(3) .inner-footer-block{ background-color:#fe8543; }
.footer-block { padding: 20px 20px 0; position: relative; overflow: hidden; }
.footer-block-icon{ color:#ffffff; font-size:40px; }
.footer-block h3{ color:#ffffff; margin:20px 0; font-family:'Source Sans Pro'; line-height:40px; font-size:22px; }
.footer-block h5{ color:#ffffff; text-transform:uppercase; font-family:'Source Sans Pro'; font-weight:normal; letter-spacing:2px; margin-bottom:20px; line-height:24px; }

/*===============================================
** Footer Css
*===============================================*/
.footer-logo{ padding:30px 0; }
.footer-logo img{ width:auto; margin:0 auto; }
.footer-menu{ text-align:center; padding:20px 0; }
.footer-menu ul li{ display:inline-block; text-transform:uppercase; position:relative; margin: 10px 0; letter-spacing:2px; font-size:80%; }
.footer-menu ul li::before { content: '|'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; padding: 0; margin: 0 5px 0 0; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; position: relative; }
.footer-menu ul li a{ padding:0 20px; }
.footer-menu ul li:first-child a{ padding:0 20px 0 0; }
.footer-menu ul li:first-child::before{ content:none; }
.footer-social{ padding:30px; text-align:center; }
.footer-social a{ font-size:25px; padding:0 10px; width:60px; color:#ffffff; text-align:center; }
.footer-social a:hover{ color:#a2cc42; }
.copyright-txt{ text-align:center; font-size:90%; padding-top:20px; }

#footer-wrapper{ background-color:#2e3e53; color:#58677b; position:relative; padding:80px 0;}
.widget-column{ width: 24%; float: left; padding-left: 1%; margin-left: 1%; margin-bottom:50px; }
#footer-wrapper .widget-column:first-child{ padding-left:0; margin-left:0; border:none; }
.cols-4 h5{ margin-bottom:30px; padding-bottom:30px; text-transform:capitalize; font-weight:400; position:relative; color:#ffffff; font-size:27px; }
.cols-4 h5:after{ content:''; width:60px; position:absolute; left:0; bottom:0; border:1px solid;}

.cols-4 ul{ margin:0; padding:0; }
.cols-4 ul li{ list-style:none; margin-bottom:5px; display:block; }
.cols-4 ul li a{ padding:0 0 10px 20px; position:relative; display:block; color:#58677b; }
.cols-4 ul li ul{ display:none;}
.cols-4 ul li a:before{ content:'\f061'; font-family:FontAwesome; position:absolute; left:0; font-size:14px;  }
.cols-4 ul li a:hover{ color:#a1cc3f; }

/*===============================================
** Innerpages Css
*===============================================*/
/* Innerpage title */
.innerbanner{ height:300px; overflow:hidden; position:relative; text-align:center; }
.innerbanner:before{ content:''; width:100%; height:100%; background-color:rgba(41,55,66,0.8); position:absolute; top:0; left:0; }
.innerbanner .container{ position:absolute; top:40%; left:0; right:0; }
h1.innerpage-title{ color:#ffffff; font-family:'Oswald'; text-transform:uppercase; margin:0; display:block; }
#crumbs{ display: block; padding:15px 0; line-height:26px; color:#ffffff; text-transform:uppercase; position: relative; font-size:14px; font-weight:700; font-family:'Karla'; }
#crumbs a, #crumbs span{ padding:0 8px; color:#ffffff; }
#crumbs a:hover{ color:#a2cc42; }

/* Innerpage Content and Sidebar*/
.content-area{ padding:50px 0;}
.site-main{ width:830px; margin:0; padding:0; float:left;}
.sitefull{ width:100% !important; float:none !important; }

/*===============================================
** Blog Page Css
*===============================================*/
.blog-post-repeat { position: relative; min-height: 200px; margin-bottom: 40px; width: 100%; float: left; }
.blog-post-repeat .post-thumb, .blog-post-single .post-thumb-full{ position:relative; overflow:hidden; height:400px; position:relative; }
.post-overlay{ position:absolute; top:0; bottom:0; right:0; left:0; background-color:rgba(41,55,66,0.8); opacity:0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(0.5,0.5,1); transform: scale3d(0.5,0.5,1); }
.blog-post-repeat:hover .post-overlay{ opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
.blog-post-repeat .post-data, .blog-post-single .post-data{ overflow: hidden; border: 1px solid #cccccc; padding: 3.95em 3.9em 0; }
.post-title{ margin-bottom:0; line-height:30px; text-transform:uppercase; }
.post-data p{ margin-top:30px;}
.post_bottom { border-top: 1px solid #cccccc; padding-left: 3.9em; margin: 4.3em -3.9em 0; overflow: hidden; clear: both; }
.post_bottom_left{ float: left; width: 75%; padding: 0.67em 1.4em 0.67em 0; box-sizing: border-box; border-right: 1px solid #cccccc; }
.post_bottom_right{ float: left; width: 25%; border-left: 1px solid #cccccc; text-align: center; box-sizing: border-box; padding: 0.67em 0; margin-left: -1px; }
.post_bottom .postmeta{ display: inline-block; }
.postmeta { font-family: "Rajdhani",sans-serif; font-size: 15px; font-weight: 700; font-style: normal; line-height: 1.5em; text-decoration: none; text-transform: uppercase; letter-spacing: 1.4px; margin-top: 0.4em; }
.social_share { margin-top: 8px; }

/* Pagination */
.spacer20{height:20px; clear:both;}
.pagination{display:table; clear:both; margin:0 auto; }
.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 15px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background:#0f3cae; color:#ffffff !important; }

/* home page posts pagination */
.navigation .page-numbers{ background:#383838; color:#ffffff; padding:5px 10px; display:inline-block; }
.navigation .page-numbers.current, .navigation .page-numbers:hover{ background:#037df0; color:#ffffff !important; }
.taxonomy-description{ margin-bottom:20px; }

/*===============================================
** 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;}
.blog-post-single .entry-content p{ padding:0; }
.post_bottom_meta{ margin: 40px 17px 15px; display: block; clear: both; }
.post_tag i { font-size: 14px; float: left; margin-right: 8px; line-height: 20px; margin-top: 3px; }
.post_tag a { display: inline-block; font-size: 80%; background: transparent; border: 1px solid rgba(0,0,0,0.15); text-decoration: none; padding: 3px 10px; float: left; margin: 0 4px 4px 0; line-height: 20px; }

/* 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{ width: 49%; display: inline-block; line-height:18px; }
.nav-previous{ float:left; padding-left:20px; }
.nav-next{float:right; text-align:right; padding-right:20px; }
nav.post-navigation{ display: block; clear: both; margin: 0; text-transform: uppercase; font-size: 80%; font-weight: bold; border-top: 1px solid rgba(0,0,0,0.1); padding: 20px 0 0; position: relative; overflow: hidden; }
.nav-previous a{ position:relative; }
.nav-next a{ position:relative; }
.nav-previous a:before{ content:'\f104'; font-family:FontAwesome; position:absolute; left:-18px; font-size: 20px; top:-2px; }
.nav-next a:after{ content:'\f105'; font-family:FontAwesome; position:absolute; right:-18px; font-size: 20px; top:-2px; }

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

/* Team testi Single */
.team-testi-post-thumb{ width:350px; float:left; margin-right:30px; text-align:center; margin-bottom:30px; }
.team-testi-post-thumb img{ border:8px solid #202b5b; padding:10px; }
.team-testi-post-thumb span{ display:block; text-transform:uppercase; font-weight:700; color:#202b5b; line-height:normal; margin:15px 0; }
.team-testi-post-thumb a{ border:2px solid; height:40px; width:40px; display:inline-block; border-radius:50%; line-height:38px; margin:0 5px; }

/*===============================================
** Contact Page Css
*===============================================*/
.contact-info{display: flex; flex-wrap: wrap; }
.contact-column{ width:33.33%; float: left; display: inline-block; vertical-align: top; position: relative; min-height: 1px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding-bottom: 30px; text-align:center; }
.column-item{ position: relative; padding: 2.4em 2em 1.7em; border: 1px solid #CCC; border-right:none; display: inline-block; vertical-align: top; width: 100%; height: 100%; }
.column-item-last{ border-right:1px solid #CCC; }
.item-icon{ font-size:30px; }
.item-description { margin-top: 1.2em; text-transform:uppercase; font-weight:700; font-size:14px; line-height:1.4; }
.contact-content{ padding:80px 0 30px; }
.contact-content .form-group textarea{ height:150px; }
.cform-wrap{ background-color:#f8f8f8; padding:4% 4% 4% 4%; }

/*===============================================
** Sidebar Css
*===============================================*/
#sidebar{ width:320px; float:right; background-color:#ffffff; padding:0 0 30px; }
.widget_content { padding:0; }
.sidebar-left{ float:left !important;}
#sidebar .quotes h4 { margin:10px 0;}
aside.widget{ margin:0; padding:0; }
aside.widget ul{ list-style:disc; }
h3.widget-title{ font-size: 1.294em; font-weight: 700; line-height: 1.09; letter-spacing: 0.4px; } 
h3.widget-title span { display: block; width: 100%; letter-spacing: 0px; text-transform: uppercase; }
#sidebar aside.widget{ margin:0 0 30px 15px; padding:0 0 30px; border-bottom: 3px solid #a2cc41; }
.flotRight{ float:right !important;}
#sidebar aside.widget:first-child{ margin-top:0; }

#sidebar ul li{ list-style: disc inside ; padding:8px 0 8px 0; list-style:none; }
#sidebar ul li a{ line-height:18px; color:#000000; position:relative; }
#sidebar ul li a:hover{ color:#a2cc41;}
#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 #e5e5e5; 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, #sidebar .widget_archive li span { float: right; width: 30px; height: 30px; line-height: 33px; text-align: center; background: transparent; border-radius: 100%; }
#sidebar .widget_tag_cloud a{ background-color:#ececec; text-transform:lowercase; font-size:14px !important; padding:2px 8px; margin-right:2px; display:inline-block; margin-bottom:5px; font-weight:600; }
#sidebar .widget_tag_cloud a:hover{ color:#ffffff; background-color:#000000; }

#sidebar #wp-calendar{ width:100%; text-align: center; }
#sidebar #wp-calendar caption{ font-weight:700; margin-bottom:20px;}
#sidebar #wp-calendar th{ background-color:#037df0; color:#ffffff; }
#sidebar #wp-calendar a{ display:block; background-color:#037df0; color:#ffffff; }

/*===============================================
** 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; position:relative; }
input.search-field, .post-password-form input[type=password]{border:none; padding:7px 15px;}
form.search-form input.search-submit, .post-password-form input[type=submit]{border:none; color:#ffffff; padding:9px 30px; cursor:pointer; position:absolute; top:0; right:0; text-transform: uppercase; font-size: 16px; }

/*===============================================
** Posts Social Share Css
*===============================================*/
ul.social-share-post { display: inline-block; height: 35px; padding: 0; margin: 0; }
ul.social-share-post li { display: inline-block; padding: 0; margin: 2px; height: 33px; width: 33px; line-height: 30px; border-radius: 50%; text-align: center; background: transparent; border: 1px solid rgba(0,0,0,0.15); }
ul.social-share-post li a{ height: 33px; width: 33px; display: inline-block; color: #888; }
ul.social-share-post li a:hover{ color:#ffffff; }
ul.social-share-post li i { line-height: 31px; font-size: 13px; display: block; width: 100%; height: 100%; margin-left: -1px; }
ul.social-share-post li.social-share-twitter:hover{ background-color:#12c4f7; }
ul.social-share-post li.social-share-facebook:hover{ background-color:#3984bd; }
ul.social-share-post li.social-share-whatsapp:hover{ background-color:#65bc54; }
ul.social-share-post li.social-share-googleplus:hover{ background-color:#e65f3d; }
ul.social-share-post li.social-share-linkedin:hover{ background-color:#0097bf; }
ul.social-share-post li.social-share-pinterest:hover{ background-color:#cd2127; }

/*===============================================
** Comments Css
*===============================================*/
.comment-form-author, .comment-form-email, .comment-form-url{ width: 33%; float: left; margin-right: 3%; }
#commentform p.comment-form-url { margin-right: 0; }
#commentform input[type="text"] { width: 100%; float: left; display: inline-block; margin-right: 1%; clear: both; text-indent: 10px; font-size: 90%; padding: 10px 0 !important; margin-bottom: 15px; }

/*===============================================
** Contact Form Css
*===============================================*/
input[type="text"], select, 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: 10px 12px 9px; width: 100%; background-color: #ffffff;  font-family:'Roboto'; 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; font-family:'Roboto'; font-weight:700; cursor:pointer; }
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"]{ height:45px; }

/*===============================================
** 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; position:relative; overflow-x:hidden; }
.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%; 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:'Assistant'; 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:#a2cc41; }
.woocommerce ul.products li.product .onsale{ margin:0; left:0; right:auto; text-transform:uppercase; font-size:14px; font-family:'Assistant'; }
.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, .reset_variations{ margin-bottom:15px; background-color:#a2cc41; color:#ffffff; padding:10px 25px; font:400 14px/18px 'Assistant'; 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, .reset_variations:hover{ background-color:#323232; color:#ffffff; }
.imagewrapper{ overflow:hidden; margin-bottom:1em; }
.woocommerce ul.products li.product a img{-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; }
.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; }
.woocommerce-LoopProduct-link br{ display:none; }
a.reset_variations{ margin:0; }
.woocommerce div.product form.cart .variations select{ max-width:50%; padding:10px; }

/*===============================================
** 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-Tabs-panel--description ul{ margin:20px 0;}
.woocommerce-Tabs-panel--description ul li{ position:relative; padding-left: 25px; margin-bottom: 10px; }
.woocommerce-Tabs-panel--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:#febb2b; color:#ffffff !important; }
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--description p{ margin-bottom:15px; 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-bottom:1px solid #ccc; padding:30px 0 10px; margin-bottom:30px; }
.woocommerce-product-details__short-description{ margin-bottom:20px; }

/*===============================================
** 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; }
#add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img{ width:auto; }

/*===============================================
** 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; }

/*===============================================
** Data Tooltip Css
*===============================================*/
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] { position: relative; z-index: 2; cursor: pointer; }
/* Hide the tooltip content by default */
[data-tooltip]:before, [data-tooltip]:after { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none; }
/* Position tooltip above the element */
[data-tooltip]:before { position: absolute; bottom: 150%; left: 50%; margin-bottom: 5px; margin-left: -80px; padding: 7px; width: 170px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; content: attr(data-tooltip); text-align: center; font-size: 14px; line-height: 1.2; }
/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after { position: absolute; bottom: 150%; left: 50%; margin-left: -5px; width: 0; border-top: 5px solid #000; border-top: 5px solid hsla(0, 0%, 20%, 0.9); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; }
/* Show tooltip content on hover */
[data-tooltip]:hover:before, [data-tooltip]:hover:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

/*===============================================
** Author Bio Box Css
*===============================================*/
.author-box{ position: relative; clear: both; display: block; margin: 0 0 0px 0; border-top: 1px solid rgba(0,0,0,0.1); padding: 2.6rem 3.2rem; background-color:#a2cc41; }
.author-img{ margin: 0; width: 70px; height: 70px; position:absolute; }
.author-bio-box{ padding-left:90px; }
.author-bio-box, .author-bio-box a{ color:#ffffff; }
.author-bio-box h4.author-name{ margin: 0 0 10px 0; text-transform: uppercase; font-weight: bold; }
.author-bio-box p{ margin-bottom:10px; }
.author-meta a { display:inline-block; list-style: none; padding: 0; margin: 0 15px 0 0; font-size: 13px; }

/*===============================================
** 404 Not Found Css
*===============================================*/
h1.title-404{ font-size: 80px; text-transform: uppercase; font-family:'Oswald'; margin:80px 0 50px; }
.text-404{ font-family:'Oswald'; font-size:22px; line-height:36px; margin-bottom:80px; }
.error-404 form{ width:50%; margin:0 auto 50px; position:relative; }
.error-404 form input[type=submit]{ position:absolute; top:0; right:0; text-transform:uppercase; font-weight:700; font-family:'Assistant'; font-size:18px; height: 52px; padding: 0 40px; }


.elementor-widget-container iframe {
    min-height: 919px !important;
}

a.buy_now {
    background: #a2cc41;
    padding: 10px 39px;
    color: #fff;
    margin-top: 20px;
    float: left;
    border-radius: 53px;
    font-size: 18px !important;
    transition: 1s;
}

a.buy_now:hover{
	background:#000;
	color:#fff;
}