/*
CTC Separate Stylesheet
Updated: 2021-07-12 11:11:17
Theme Name: Gardenia Child
Theme URI: https://fruitthemes.com/wordpress-themes/gardenia/
Template: gardenia
Author: FruitThemes
Author URI: https://fruitthemes.com/
Description: Gardenia is a fully mobile responsive, easy to setup and manage, eye-catchy and premium quality green color based WordPress theme. Gardenia is suitable for your nature or environmental project blog website, green products business website, garden business website, Go Green type programs and companies having green color in their brand or any type of other business websites too. Gardenia is easily manageable by customizer options of WordPress admin panel. Step by step documentation and dummy data is available at: https://fruitthemes.com/documentation/gardenia/
Tags: left-sidebar,right-sidebar,custom-background,custom-header,custom-menu,editor-style,featured-images,full-width-template,post-formats,sticky-post,theme-options,threaded-comments,translation-ready
Version: 2.1
*/


/*
Theme Name: Gardenia
Text Domain: gardenia
Theme URI: https://fruitthemes.com/wordpress-themes/gardenia/
Author: FruitThemes
Author URI: https://fruitthemes.com/
Description: Gardenia is a fully mobile responsive, easy to setup and manage, eye-catchy and premium quality green color based WordPress theme. Gardenia is suitable for your nature or environmental project blog website, green products business website, garden business website, Go Green type programs and companies having green color in their brand or any type of other business websites too. Gardenia is easily manageable by customizer options of WordPress admin panel. Step by step documentation and dummy data is available at: https://fruitthemes.com/documentation/gardenia/
Version: 2.0.3
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Gardenia Theme, Copyright 2017 fruitthemes.com
Gardenia is distributed under the terms of the GNU GPL
Tags: left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the fruitThemes.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@charset "utf-8";
/* CSS Document */


body {
    font-family: 'Quicksand', sans-serif;
    font-size: 14px;
    color: #212121;
}
.a{font-family: 'Quicksand', sans-serif;}
.gardenia-container {
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    z-index: 1;
}
header {
    position: absolute;
    width: 100%;
    z-index: 2;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    background-color: #fff;	
}
.page-template-front-page .themepage {
    border-bottom: 1px solid #3c6302 ;
}
header.scrollbottom {
    background-color: rgba(51, 77, 92, 0.99);
    box-shadow: 0 0 2px #81b2ce;
    position: fixed;
}

.logo {
}
.home-link .site-title , .home-link .site-description {margin:10px 0; }
img { max-width:100%; height:auto;}

a:hover, a:focus{ 
    color: #457103; 
    outline: none;
}
/* Comment form */
#commentform a {color: #457103;
                font-family: 'Quicksand',sans-serif;
                font-size: 15px;   
                text-transform: capitalize;
}
#commentform p label { display: none;}
.comment-author img{
    height:auto;
    max-width:100%;
    margin:0 12px;
}
.reply a{
    color: #457103;
    font-family: 'Quicksand',sans-serif;
    font-size: 15px;   
    text-transform: capitalize;
    float:right;
}
.comment-author.vcard {
    float: left;
}
ol.commentlist li{
    clear:both;
    margin-bottom:40px;
}
.comment .glyphicon-calendar.color {
    font-size: 12px;
    word-spacing: -10px;
}
/* widgets css */

.textwidget {
   text-align:justify;

}
.textwidget img {
    height: auto;
    max-width: 100%;
}
.textwidget select  {
    max-width: 100%;
}
.search-input{
    position:relative;
    width: 175px;	
    background-color:#2b2b2b;
    border:1px solid #555555;
    border-radius:1px;	
    line-height:22px;
    font-weight:normal;
    color:#9e9e9e;
    margin-right:0px;
    margin-top:5px;
    float:right;
    margin-bottom:5px;
    padding:3px 25px 3px 3px;

}
.search-input:focus{
    background-color: #1e1e1e;
    -webkit-transition:all ease-out 0.5s;
    transition:all ease-out 0.5s;	
    border:1px solid #1e1e1e;
    color:#ffffff;
}
widget_search .screen-reader-text ,.search-form .screen-reader-text {
    display:none;
}
.search-form {
    position: relative;
}
.search-form label {
    width: 100%;
}
.search-form .search-field {
    border: 1px solid #ccc;
    font-size: 16px;   
    font-weight: normal;
    padding: 7px 10px;
    width: 100%;
    margin: 10px 0;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 5px;
}
.search-form .search-submit{
    background-color: rgba(0, 0, 0, 0);
    background-image: url("images/search.png");
    background-repeat: no-repeat;
    border: medium none;
    height: 21px;
    padding: 0;
    position: absolute;
    right: 10px;
    text-indent: -500px;
    top: 20px;
    width: 19px;
    margin: 0 !important;
    background-color : transparent !important;
}
/*main navigation start*/
.social-ico{margin:0; padding:0;}
.left-head{float:left; margin-bottom: 3px;}
.phone{ background-image: url("images/social.png");
        background-position: -198px 8px;
        background-repeat: no-repeat;
        color: #f0f0f0;
        float: left;
        font-size: 12px;
        height: 25px;
        line-height: 28px;
        padding: 0 15px;}
.mail{background-image: url("images/social.png");
      background-position: -111px 8px;
      background-repeat: no-repeat;
      color: #f0f0f0;
      float: left;
      font-size: 12px;
      height: 25px;
      line-height: 28px;
      padding:0 0 0 25px; font-size:12px; color:#f0f0f0;}
.mail a{color:#f0f0f0; background: none repeat scroll 0 0 #238121;}

.right-head ol.social {	display: inline-block;	margin: 0;	padding: 0; float:right;}
.right-head ol.social li {	display: inline-block;	margin:0 10px;}
.right-head ol.social li:last-child{margin-right: 0;}
.right-head ol.social li:first-child{margin-left: 0;}
.right-head ol.social a {	color: #7a7a7a;	font-size:20px;	display: inline-block;}
.right-head ol.social a i {background-repeat: no-repeat;	background-position: center; color:#FFF; font-size:15px;}
.right-head ol.social a:hover {	color: #fff;}
.right-head ol.social a .social_facebook_circle {	color: #3b5998;}
.right-head ol.social a .social_twitter_circle {	color: #49c9f2;}
.right-head ol.social a .social_pinterest_circle {	color: #e00e0d;}
.right-head ol.social a i:hover {	color: #000;}

.gg-menu, .gg-menu ul {	margin: 0;	padding: 0;	list-style: none;}
.gg-nav {	position: relative;}
.gg-navbar {	box-shadow: none; padding:0;}
.gg-nav .navbar-toggle {	color: #238121;	float: left;font-size: 30px;line-height: 26px; padding: 0; margin: 0; text-align: left; 
        top:-30px;}
.gg-menu {	width: auto;	float: right;	margin: 25px auto ;}
.gg-menu:after {	clear: both;}
.gg-menu li {	float: left;	position: relative;	margin: 2px 15px;}
.gg-menu li:last-child {margin-right:0;}
.gg-menu > li > a {	padding: 5px 2px;	color: #383838;	font-size: 16px;	text-decoration: none; font-family: 'Quicksand', sans-serif;	border-bottom:2px solid #fff; border-top:2px solid #fff; transition: all 0.5s ease-in-out 0s;}
.gg-menu > li:hover > a, .gg-menu ul a:hover, ul.gg-menu > li.current-menu-item > a ,ul.gg-menu > li.current_page_item > a 
{	
    color: #457103;
}
.gg-menu > li > a:before{
	content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: -4px;
    background: #ffffff;
    height: 2px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.gg-menu > li > a:hover:before, .gg-menu > li > a:focus:before, ul.gg-menu > li.current_page_item > a:before {
    left: 0;
    right: 0;
	background-color: #238121;
}
.gg-menu li a:hover { /* IE6 only */	color: #457103;}
.gg-menu ul {	margin: 20px 0 0 0;	_margin: 0; /*IE6 only*/	opacity: 0;	visibility: hidden;	position: absolute;	top: 38px;	right: 0;
              z-index: 1;	background:#f1f1f1;		-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out;	-ms-transition: all .2s ease-in-out;	-o-transition: all .2s ease-in-out;	transition: all .2s ease-in-out;}
.gg-menu li:hover > ul {	opacity: 1;	visibility: visible;	margin: 0;}
.gardenia-menu ul ul {	top: 0;	left: 150px;	margin: 0 0 0 20px;	_margin: 0; /*IE6 only*/
                       -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);	-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);	box-shadow: -1px 0 0 rgba(255,255,255,.3);}
.gg-menu ul li {	float: none;	display: block;	border: 0;	_line-height: 0; /*IE6 only*/	border-bottom: 1px dashed #689bba;border-style: none; margin: 0 10px;}
.gg-menu ul li:last-child {	-moz-box-shadow: none;	-webkit-box-shadow: none;	box-shadow: none;	border-bottom: none;}
.gg-menu ul a {	padding: 5px 10px;	_height: 10px; /*IE6 only*/	display: block;	float: none;	text-transform: none;
                font-size: 14px;	color: #383838;	font-weight: normal;}
.gg-menu ul a { border-top:2px solid #ffffff; border-bottom:2px solid #ffffff;}
.gg-menu ul li:first-child > a{ border-top:2px solid transparent;}
.gg-menu ul li:first-child > a:hover {border-top: 2px solid transparent;}
.gg-menu ul li:last-child > a { border-bottom:2px solid transparent;}

.gg-menu ul a:hover,  .gg-menu ul a:focus {	color: #457103;}
.gg-menu ul li:last-child > a {	-moz-border-radius: 0 0 3px 3px;	-webkit-border-radius: 0 0 3px 3px;	border-radius: 0 0 3px 3px;}
.gg-menu ul.sub-menu {  min-width: 210px; }

.gg-menu ul ul {
    box-shadow: -1px 0 0 rgba(255, 255, 255, 0.3);
    right:106%;
    margin: 0;
    top: 0;
    width: auto;
}
.gg-menu ul li a:hover{
    border-top: 2px solid #ffffff;
}
/*main navigation end*/

/* Mobile */
footer .bg1 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.gardenia-section {	background-color: #f4f4f4;	position: relative;	width: 100%;}
.section-content {	text-align: center;	padding: 5px 0px; background: none repeat scroll 0% 0% rgb(35, 129, 33);}
.section-content h1 {	color: #191919;	font-size: 34px;	text-transform: uppercase;	border-bottom: 1px solid #919191;	padding-bottom: 5px;
                      width: 75%;	margin: 0 auto 10px;}
.section-content h1 span {	color: #334d5c;}
.section-content h4 {	color: #383838;	font-size: 14px;	line-height: 25px;	margin: 0 auto;	width: 67%;}
footer {	background:url('images/footer-bg.png') repeat-x;  border-top: 5px solid #457103;}
.footer-widget {	color: #f4f4f4;	line-height: 22px; font-size:12px; }
.footer-widget h2,footer .widget_recent_comments h4, .footer-widget h2 a.rsswidget{
    font-family: 'Quicksand', sans-serif; font-weight:600;	
    font-size: 18px;	margin: 15px 0; text-transform: uppercase;
}
footer .widget_recent_comments h4{ border-bottom: medium none; color:#f4f4f4;}	
.footer-widget h2 a.rsswidget { color:#f4f4f4;}
.footer-widget ul {	
    padding:0;
    margin: 0; 
}
.footer-widget ul .sub-menu ,.footer-widget ul .children{ padding:0 0 0 10px;}
.footer-widget ul .sub-menu li:last-child {
    padding-bottom: 0;
}
.footer-widget.widget_nav_menu ul ul li{ margin-bottom:0 ;padding-bottom:0;  padding-left:5px;}
.footer-widget ul li { list-style: none outside none; padding-bottom: 5px; }
.footer-widget ul li a:before ,footer .widget_recent_comments ul li span:before{
}footer .widget_recent_comments ul li span.comment-author-link a:before{ content: '';}
.footer-widget ul li a,footer .widget_recent_comments ul li a ,footer .widget_recent_comments ul li span {
    color: #d7d7d7; 
    font-size:14px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}
.footer-widget ul li a:hover,
footer .widget_recent_comments ul li span:hover
{
    color: #FFF;
}
.footer-widget ol.social {
    display: inline-block;
    margin-top: 20px;
    padding: 0;
}
.footer-widget ol.social li {
    display: inline-block;
    margin: 0 5px 0 0; border:none;
}
.footer-widget ol.social a {
    color: #7a7a7a;
    font-size: 32px;
    display: inline-block;
}
.footer-widget ol.social a i {	
    background-repeat: no-repeat;
    background-position: center;
}
.footer-widget ol.social a:hover {
    color: #fff;
}
.footer-widget ol.social a .social_facebook_circle {
    color: #3b5998;
}
.footer-widget ol.social a .social_twitter_circle {
    color: #49c9f2;
}
.footer-widget ol.social a .social_pinterest_circle {
    color: #e00e0d;
}
.footer-widget ol.social a i:hover {
    color: #fff;
}
.footer-widget input[type='text'] {
    background-color: #e5e5e5;
    border: medium none;
    border-radius: 4px;
    color: #222222;
    padding: 7px;
    width: 100%;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.footer-widget input[type='text']:focus {
    box-shadow: 1px 6px 2px rgba(99, 150, 176, 0.3) inset;
    outline: none;
}
.footer-widget input[type='submit'],
.sidebar input[type='submit'] {
    background-color: #457103;
    border: medium none;
    border-radius: 4px;
    color: #d7d7d7;
    padding: 7px 10px;
    font-size: 16px;
    margin-top: 10px;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.footer-widget input[type='submit']:hover {
    background-color: #f4f4f4;
    color: #222222;
}
.footer-bottom {
    color: #e5e5e5;
    display: inline-block;
    margin-top: 0;
    padding: 17px 0;
    vertical-align: middle;
    width: 100%;
}
.footer-bottom p {
    color: #e5e5e5 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.footer-bottom .terms {
    text-align: right;
}
.footer-bottom .footer-menu li{
    list-style:none;	
    float: left;
    margin-right: 10px;
}
.footer-bottom .footer-menu li:after{
    content:"|";
    margin-left:5px;
}
.footer-bottom .footer-menu li:last-child:after{
    content:"";
    margin-left:0px;
}
ul.footer-menu{
    float:right;
    margin: 0;
    padding: 0;
}
.footer-bottom .footer-menu li:last-child{
    margin-right: 0px;
}
.footer-bottom .footer-menu li a {
    color: #e5e5e5;

}
.footer-bottom .footer-menu li a:hover,  .footer-bottom .footer-menu li a:focus {
    color: #c7c7c7;
}
footer .footer-widget select { color:#000; padding:3px 0; margin-bottom: 20px;  margin-top: 5px;}
footer #wp-calendar caption,footer #wp-calendar tbody td a{  color: #f5f5f5; }
footer #wp-calendar tbody { color: #f5f5f5;}
footer #wp-calendar tbody td { background: none repeat scroll 0 0 #161616;  border: 1px solid #161616;}
footer #wp-calendar tbody .pad,footer #wp-calendar tbody td:hover { background: none repeat scroll 0 0 #161616; }

/************* Theme Details*******************************/
header.themepage {
    position: relative;
}
.slider_button{top:40%; width:auto;}


.fet-p{padding:55px 150px; font-size:14px; color:#212121;}

.our-feat .row_content h4{font-size:20px; font-weight:bold; color:#2c2c2c; font-family: 'Quicksand', sans-serif; padding:10px 0; margin:0;}
.our-feat .img-circle{max-width:100%;box-shadow: 0 0 0 8px rgba(171, 171, 171, 0.38);background: #3c6302;}
.our-feat .row_content p{font-size:14px; color:#212121; font-family: 'Quicksand', sans-serif; line-height:24px; }

.title-main h2{  margin: 0 auto;    padding: 30px 0 0;   color:#238121; font-size:26px; font-weight:bold;font-family: 'Quicksand', sans-serif;}
.title-main h2 span{border-bottom: 2px solid #1f711d;  width: auto; text-transform:uppercase; display: inline-block;
                    padding: 0 15px 15px;}
.title-main p{line-height:24px;}
.section_row_1 .fet-p,
.section_row_1 .fet-p2{
    padding:20px;
    margin:0;
}
.blog{background:none;}
.portfolio-bg{margin:0px 0 0 0; padding: 30px 0;}


.aligncenter{display:block;margin:1em auto}
.alignleft{display:inline;float:left;margin:1em;}
.alignright{display:inline;float:right;margin:1em;}
.wp-caption{height:auto;max-width:100%;text-align:center; background-color: rgb(35, 129, 33); padding: 6px ;}
.wp-caption.alignnone{
    margin-top: 15px;
}
.wp-caption-text,.wp-caption-text a { color: #fff !important; background-color: rgba(35, 129, 33, 0.7);  font-weight: bold;  margin: 0 auto !important;   padding: 10px 0 !important;  text-align: center !important;}

.sticky {display:block;}
.gallery-caption{ background: none repeat scroll 0 0 transparent; color:#767676 !important;  }
.bypostauthor > article:before{margin:0 -2px 0 2px}


.caption {background:rgba(0, 0, 0, 0.5);    color: #fff !important;    height: 100%;    padding: 2%;    position: absolute;    right: 0;
          text-align: center;    top: -100%;    width: 100%;}
.caption a i {    background-color: #12bbd5;    color: #ffffff !important;    font-size: 30px;    padding: 10px;    position: absolute;
                  right: 43%;    top: 35%;}
.thumbnail {    border: 0 none;    border-radius: 0;    margin-bottom: 0;    overflow: hidden;    padding: 0;    position: relative;}
.thumbnail:hover .caption {    top: 0; padding:0; transition :0.2s; -webkit-transition :0.2s;}
.thumbnail:hover .caption a {background:url('images/hover-pf.png') repeat-x; display:block; width:100%; height:44px; line-height:44px; font-size:20px; color:#046402; font-weight:bold; top:42%; position:absolute;}
.thumbnail.active .caption a {background:url('images/hover-pf.png') no-repeat; display:block; width:100%; height:44px; line-height:44px; font-size:20px; color:#046402; font-weight:bold; top:45%; position:absolute;}
.box{margin-bottom:30px; border:1px solid #238121;}


.one_fourth {    width: 270px;}
.flickr{margin:0; padding:0;  display: inline-block;}
.flickr a.flickr-link{ display:block !important; padding:0 !important; border:1px solid transparent; }
.flickr li{    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);    border: medium none !important;    float: left;    list-style: none outside none;  margin: 0 6px 10px;   padding: 0 !important;}

.flickr li a:hover{padding:0 !important; display:block;}
.flickr img {    height: 70px;    width: 70px;}
ul li a.flickr-link:before{  padding-right:0; content:"" !important;}
.fancy_list_wrapper {    background-color: transparent;    border: 0 none;    overflow: visible;    position: relative;    text-align: left;}
.fancy_image {   margin-bottom: 10px; overflow: hidden;}
.fancy_list_item .fancy_image a img {
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}
.fancy_list_item:hover .fancy_image a img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.fancy_list_item h3 {    margin-bottom: 0;}
.fancy_date, .fancy_categories {    display: block;    font-size: 11px;    text-transform: uppercase;}
.fancy_categories div a{
    display:inline-block;font-size: 13px; font-family: 'Quicksand', 
        sans-serif; padding: 0 0px 0 6px; text-transform:capitalize; color:#565656; line-height:22px;
}
.fancy_categories div a:last-child {    padding-right: 10px; }
.fancy_categories div a:hover{color:#457103;}
.testimonial-slide{text-align:center; float:left; width:100%;}
.item {width:100%; position:relative;}
.item img{display:inline-block !important; width:100%;}
.color{color:#8d8d8d;}
.fancy_categories .comment{color: #565656; font-family: 'Quicksand',sans-serif; font-size: 13px; line-height: 22px;  padding: 0 0 0 6px; text-transform: capitalize; }
.bg1{background:#161616; margin:0;}
.bg2{background:#282a2b; margin:0;}
.blog h2{padding:0px 0 0;}
.blog .fancy_image{width:100%;}
.blog .fancy_image a{display:block;}
.blog h3{font-size:20px; color:#000; font-family: 'Quicksand', sans-serif; padding:0 0 6px 0;}
.blog p{font-size:14px; color:#212121; line-height:22px; padding:15px 0 0px 0; margin:0;}
.fet-p2{padding:55px 150px;}
.blog p span{font-size:16px; color:#457103; font-weight:bold;}
.blog p span a{font-size: 15px;
    line-height: 22px;
    text-transform: uppercase;
    color: #457103;
    border-bottom: 1px solid #457103;
    font-family: 'Quicksand', sans-serif; 
    float:left; 
    padding:0 10px 0 0px;
}
.blog p span a:hover{color:#333333;}
.gg_menu_bg { 
    background: none repeat scroll 0 0 #ffffff;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    font-family: 'Quicksand', sans-serif;
}
.gg_menu_bg .col-md-6 {padding:0;}
.gg_menu {    padding:25px 0;}
.gg_menu h1 {    color: #2c2c2c;    float: left;  font-size:20px; font-weight:bold;   font-family: 'Quicksand', sans-serif;    text-transform: uppercase; margin:0;}
.site-breadcumb {    background-color: transparent;    float:right;    margin: 15px 0 0 10px;    padding: 0;  margin:0;  text-transform: capitalize;}
.site-breadcumb li {    font-size: 15px; color:#767676 !important;   text-transform: uppercase;}
.site-breadcumb li a, .list-breadcumb li a {    color: #457103; font-size:14px;   text-transform: uppercase;}
.site-breadcumb > li + li:before {    color: #1e1e1e;    content:none !important;    font-size: 15px;    padding: 0 5px;}
.site-breadcumb li span{font-size:12px; padding:0 5px;}
.no-padding {    padding-left: 0;    padding-right: 0;}
.sidebar{background:#FFF; margin:35px 0;}
.blog-input {    height: 40px;    margin: 15px 0 40px;    position: relative; text-align:center;}
.input-txt {background-color: #fff;    border: 1px solid #e0e0e0;    border-radius: 0;    font-weight: bold;    padding: 7px 36px 7px 5px;
            position: relative;    transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;   width:100%; height:44px; line-height:44px; border-radius:5px; color: #457103;}
.input-btn {background-color: rgba(0, 0, 0, 0);    border: medium none;    color: #b5b5b5;    font-size: 16px;    line-height: 44px;
            position: absolute;    right:0; top:0;  }	

.blog-right h4 {    color: #000;  font-family: 'Quicksand', sans-serif; font-weight:600;  font-size: 18px; border-bottom:1px dashed #888888;    text-transform: uppercase; padding-bottom:11px;}
.sidebar .left-sidebar ul li {    
    border-bottom: 1px dashed #e0e0e0;    
    padding: 0 0 10px 0px; list-style:none;
    margin-bottom: 10px;
}

.sidebar .left-sidebar ul li ul li:last-child {
    padding-bottom: 0;
    border-bottom: medium none;
}
.sidebar .left-sidebar ul li a:before {content: ""; font-size:11px; color:#457103; padding:0 10px 0 0;display: inline-block;
                                       font-family: 'Glyphicons Halflings';
                                       font-style: normal;
                                       font-weight: 400;
                                       line-height: 1;
                                       position: relative;
                                       top: 1px;
}
.sidebar .left-sidebar ul li a.flickr-link:before {content: "";  padding: 0;}
.sidebar .left-sidebar ul li a { color: #323232; font-family: 'Quicksand', sans-serif; display: inline;  font-size: 14px;    padding-left: 5px; text-transform: capitalize;}
.sidebar .left-sidebar ul li a:hover {    color: #457103;}
footer .footer-widget ul.children{  margin: 0 0 0 18px;}
.sidebar .left-sidebar ul li ul{border-top: 1px dashed #e0e0e0;
                                margin-left: 15px;
                                margin-top: 15px;
                                padding: 0;}
.sidebar .left-sidebar ul { padding:0; margin: 0;}
.widget_nav_menu .sub-menu li, footer .footer-widget ul.children li{ border-bottom: none; margin-bottom:0; padding:8px 0;}
.sidebar .left-sidebar {    padding:5px 12px;}
.left-sidebar select {
    margin-top: 5px;
    margin-bottom: 5px;
}
.widget_archive select,.widget_categories select{ width:100%; }
.tags {margin:0; padding:15px 0; }
.sidebar .tagcloud a {    background-color: #fff; font-family: 'Quicksand', sans-serif;   border-radius: 3px;    color: #9b9b9b;    cursor: pointer;    display: inline-block;    font-size:15px !important;    font-weight:500; font-size:14px;   line-height: 21px;    margin:0px 3px 5px 0px;    padding:1px 15px 1px;    border:1px solid #d6d6d6; vertical-align: baseline; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;}
.sidebar .tagcloud a:hover { background:#457103; color:#FFF; border:1px solid #457103;}
.sidebar .tagcloud a{ font-family: 'Quicksand', sans-serif;  color: #9b9b9b;    cursor: pointer;  font-size:12px;    font-weight:500; font-size:14px;   line-height: 21px; }
.footer-widget .tagcloud a {font-family: 'Quicksand', sans-serif;   border-radius: 3px;    color: #d7d7d7;    cursor: pointer;    display: inline-block;    font-size:15px !important;    font-weight:500; font-size:14px;   line-height: 21px;    margin:0px 3px 5px 0px;    padding:5px 15px;    border:1px solid #457103; vertical-align: baseline; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; }
.footer-widget .tagcloud a:hover {background:#fff; color: #457103; border:1px solid #d7d7d7; }
.blog-media {     padding-bottom: 12px;}
.pull-left { border:1px solid #888888;   float: left;}
.blog-media p {    color: #828282;  line-height:15px;  font-size: 12px; }
.media-body a {    color: #457103;   }
.blog-media span {    color: #457103;    font-size: 12px;}
.blog-media span:hover {    color: #000;    transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;}
.blog-media2 {     padding-bottom: 12px; text-align:center;}
.pull-left2 { border:1px solid #888888;   float: none;}
.blog-media2 p { color: #828282;    font-size: 12px;    line-height:20px;    padding:14px 10px 0 10px;    text-align: left;}
.media-body2 a {    color: #457103;   }
.blog-media2 span {    color: #457103;    font-size: 12px;}
.blog-media2 span:hover {    color: #000;    transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;}
.blog-main h3 a{font-size:20px; color:#2c2c2c; font-family: 'Quicksand', sans-serif; font-weight:bold; }
.blog-main p{color: #212121;    font-size: 14px;    line-height: 22px;    margin: 0;    padding: 15px 0 0; text-align: justify;}
.blog-main p span{	color: #457103;    font-size: 16px;    font-weight: bold;}
.blog-main p span a {    color: #457103;    float: left; font-family: 'Quicksand', sans-serif;   font-size: 16px;    padding: 0 10px 0 0;}
.blog-main p span a:hover {color:#333;}
.pagination { width:100%;  margin: 48px 0 20px;}
.pagination .page-numbers { border: 1px solid #c9c9c9;
                            border-radius: 0;
                            color: #457103;
                            display: inline-block;
                            font-size: 15px;
                            margin-bottom: 5px;
                            padding: 5px 12px;
                            transition: all 0.5s ease-in-out 0s;
                            -webkit-transition: all 0.5s ease-in-out 0s;
}
.pagination a:hover{
    background-color: #eee;
    border: 1px solid #457103;
}

.pagination ul,.pagination .nav-links{float:right;}
.pagination h2.screen-reader-text{ display:none;}
.pagination ul li { padding :0px;}
.pagination ul li a{color:#457103;border-radius: 0;}
.pagination ul li.active a,.pagination .nav-links .current{background:#457103 !important; color:#fff ; border: 1px solid #457103;}
.pagination ul > .active > a, .pagination ul > .active > span, .pagination ul > .active > a:hover, .pagination ul > .active > span:hover, .pagination ul > .active > a:focus, .pagination ul > .active > span:focus{background:#457103; border:1px solid #457103;}

.blog-left-page{padding:20px; background:#FFF; border-left:30px solid #f0f0f0; margin:35px 0;}
.blog-right-page{padding:20px; background:#FFF; border-right:30px solid #f0f0f0; margin:35px 0;}
.blog_1{border-bottom: 1px solid #f0f0f0;    padding: 0 0 15px; margin-bottom:20px;}
.blog_1.first{padding:0px 0 20px 0;}
.full-width{background:#FFF; border-left:0px solid #f0f0f0;}
input[type=text], input[type=email], input[type=number], input[type=password], input[type=file], input[type=reset], textarea {
    margin: 10px 0;
	display: inline-block;
    width: 100%;
	font-size:14px;
    padding: 6px 12px;
    background: transparent;
    border: 1px solid #e1e1e1;
    box-shadow: inherit;
}
input:focus, textarea:focus {
    outline: none;
    border-bottom: 1px solid #238121;
}
input:focus, textarea:focus, .meta-nav-next:hover, .meta-nav-prev:hover, .reply a:hover, .reply a:focus, .reply a:active, input[type=submit]:hover, .footer {
    border-color: #238121;
}
button, html input[type=button], input[type=reset], input[type=submit] {
    font-family: Quicksand;
    font-weight: 500;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    min-width: 100px;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    text-transform: uppercase;
    border: 1px solid transparent;
    border-radius: 0px;
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    transition: 0.3s all ease-in-out;
	background: #238121;
    outline: 0;
}
input[type='submit']:hover{
	color: #238121;
    border-color: #238121;
	background: transparent;
}
.comments {    margin: 25px 0 0;}
.comments h2 {    color: #2e2e2e; font-family: 'Quicksand', sans-serif; font-size: 30px; margin-bottom: 25px; margin-top: 10px; text-transform: capitalize;}
.comments-box {    border: 1px solid #dddddd;    margin-bottom: 22px;    padding:22px;}
.media-body a {    color: #12bbd5;    text-transform: capitalize;}
.comments-box .color_txt {    float: right;    font-size: 12px;  color:#767676;  text-transform: uppercase; margin:0px;}
.comments-box .color_txt a{color:#767676;  font-family: 'Quicksand', sans-serif;}
.comments-box .color_txt a:hover{color:#457103;}
.color_txt {    color: #12bbd5;}
.media-heading {    margin: 0 0 5px;}
.comment-media h4 a {    color: #212121;    font-size: 14px;    text-transform: capitalize;}
.media-body a {    color: #12bbd5;    text-transform: capitalize;}
.comments-box p {    color: #212121;    font-size: 12px !important;    padding: 20px 0 0 5px;    text-transform: capitalize;}
.radus{border:0px;}
.radus img{border-radius:4px;}
.coment1{padding:0 5px; color:#238121;}
.coment1 a{padding:0 0px 0 5px;}
.comment-reply-link:before {  display: inline-block;
                              font-family: 'Glyphicons Halflings';
                              font-style: normal;
                              font-weight: 400;
                              line-height: 1;
                              position: relative;
                              top: 1px; 
                              content: "";
                              right:5px;
                              color: #238121;
}
.cl-img{text-align:center;}
.cl-img h3{font-size:18px; font-weight:bold; color:#1e1e1e; font-family: 'Quicksand', sans-serif; margin:0; padding:22px 0 0px 0;}

p.comment-form-comment label {width:100%;}
.comments h2 ,.comment-respond h3.comment-reply-title { color: #2e2e2e;    font-size:20px; font-weight:bold; padding-bottom:5px;   margin-bottom: 0px; margin-top: 10px; text-transform: capitalize;}
.comments p {color: #212121;    font-size: 13px; margin-bottom:25px;}
.reply-name > input,p.comment-form-author input,
p.comment-form-email input,p.comment-form-url input
{    background-color: #f6f6f6;    border: 1px solid #dadada;    border-radius: 0; color: #2e2e2e; padding:5px 10px;  width: 50%; border-radius:5px;}
.reply-name > input[placeholder] {    color: #2e2e2e;}
.inp-lft {   margin-left: 25px;}
.reply-name > textarea ,p.comment-form-comment textarea{    background-color: #f6f6f6; border: 1px solid #dadada; border-radius: 0; margin:0;  padding:5px 10px; width:100%; border-radius:5px; resize: vertical;}
.reply-name input[type="submit"], .comment-respond p.form-submit input[type="submit"] {background-color: #238121;    border: 0 none;    border-radius: 0;    color: #fff;    font-size: 16px;
                                                                                       padding: 5px 25px;  border-radius:5px;  width:auto; font-weight:bold;}
form.comment-form p.form-allowed-tags { display:none;}	
.media.comment-media.reply {   margin: 0 0 0 90px; }
.row_img {   margin: 0 auto;   width: 60%; }
.img-circle {  border: 0px solid #3c6302; margin: 10px 0 ; transition: all 0.3s ease-in-out 0s;}

/* calendar widget */
.widget_calendar {font-family: 'Quicksand', sans-serif; font-size:16px;}
#wp-calendar {width: 100%; border:none;}
#wp-calendar caption { 
    text-align: right; 
    color: #333; 
    font-family: 'Quicksand', sans-serif;
    font-size: 16px; 
    padding: 0 15px 10px;
}
#wp-calendar thead { font-size: 16px; }
#wp-calendar thead th { padding-bottom: 10px; text-align:center;font-family: 'Quicksand', sans-serif; font-size:16px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td {font-family: 'Quicksand', sans-serif; background: #f5f5f5; border: 1px solid #fff; text-align: center;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next,#wp-calendar tfoot #next a{ font-family: 'Quicksand', sans-serif; font-size: 16px; text-transform: uppercase; text-align: right; color: #457103;}
#wp-calendar tfoot #prev, #wp-calendar tfoot #prev a { font-family: 'Quicksand', sans-serif; font-size: 16px; text-align: left; text-transform: uppercase; padding-top: 10px; color: #457103;}
#wp-calendar #today {color: #457103; font-family: 'Quicksand', sans-serif;
                     font-size: 17px; font-weight:bold;}
#wp-calendar tfoot td, #wp-calendar thead th{border:none;}
.banner { position: relative;  width: 100%; }
#slider-carousel{
    transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
}
.carousel-control.slider_button {
    bottom: auto;
    opacity: 1;
    top: 40%;
    width: auto;
    background-image:none;
    font-size: 30px;
    font-weight: bold;
    margin: 0 10px;
    opacity: 0.5;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    transition: all 200ms ease-in-out 0s;
    -webkit-transition: all 200ms ease-in-out 0s;
    display: none;
}
#slider-carousel:hover .carousel-control.slider_button{
    opacity: 0.9;
    outline: 0 none;
    text-decoration: none;  
    display: block;
}
.garden-slider a:hover .carousel-control.slider_button {opacity: 1; }
p.comment-form-author , p.comment-form-email,p.comment-form-url { width:32%; float:left; margin-right:15px;}
p.comment-form-url { margin-right:0;}
p.comment-form-author label,p.comment-form-email label,p.comment-form-url label { width:100%;}
p.comment-form-author input,p.comment-form-email input,p.comment-form-url input {  width:100%;} 
.border-top { border-top: 2px solid #238121;   margin-top: 10px; }
.sidebar li.recentcomments span.comment-author-link  {color: #323232;
                                                      display: inline;
                                                      font-family: 'Quicksand', sans-serif;
                                                      font-size: 14px;
                                                      padding-left: 5px;
                                                      text-transform: capitalize;}
.pagination ul li a:hover, a.select, .pagination ul .active a { border: 1px solid #457103; }
.footer-widget b, .footer-widget strong { color:#FFFFFF; }
.footer-widget p { color:#FFFFFF; font-size: 14px;}
.footer-widget p.wp-caption-text { color:#000000; }
.copyright-text a, .copyright-text{ color:#fff; }
.copyright-text a:hover { text-decoration: underline;}
.comments-box li{
    list-style: none;
}
.comments-box .comment-author.vcard{
    width: 100%;
    margin-bottom: 15px;
}
.comments-box .comment-author img{
    margin: 0 12px 0 0;
}
.comments-box footer{
    background: none;
    border: none;
}
.comments-box .reply {
    display: inline-block;
    width: 100%;
}
.comments-box .comment-body {
    border: 1px solid #d7d7d7;
    margin-bottom: 7px;
    padding: 15px;
    overflow: hidden;
}
.comments-box p{
    padding: 10px 0 0;
    margin-bottom: 10px;
}
table,
th,
td {
    border: 1px solid #eaeaea;
    border: 1px solid rgba(51, 51, 51, 0.1);
    text-align:center;
}
table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;   
    table-layout: fixed; /* Prevents HTML tables from becoming too wide */
    width: 100%;
}
.gallery {
    margin-bottom: 1.6842em;
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
.gallery-item {
    display: inline-block;
    padding: 1.79104%;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.pagination_single {
    display: inline-block;
    width: 100%;
}
.pagination_single .gardenia_previous_pagination , .pagination_single .gardenia_next_pagination {
    margin:0;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width:12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width:11.1%;
}
.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
    display: none;
}

a {
    color: #212121;
}
a:hover, a:focus {
    text-decoration: none
}
.animate1 {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
}
.sprite {
    background-image: url("images/sprite.png");
    background-repeat: no-repeat;
    display: inline;
    position: relative;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
}

.flickr-link {
    line-height: 0;
}
.col-md-6.col-sm-6.copyright-text > a {
    text-decoration: none;
}
.col-md-6.col-sm-6.copyright-text > a:hover{
	color:#238121;
}
.logo p{
	padding: 0px;
}


/* media css */

@media(max-width:1200px) {
    .gardenia-container { padding-left: 15px;	padding-right: 15px; }
    p.comment-form-author, p.comment-form-email, p.comment-form-url { margin-right:8px;}
    p.comment-form-url { margin-right:0}
   .gg-nav { position:absolute; right:0;}
   .gg-menu { margin:24px auto;}
    .logo { padding:0 15px;}
}

@media screen and (max-width: 991px) {
     .logo { padding:0 15px;}
     /*.blog-left-page { border-left: 0px solid #f0f0f0;	 }
   .blog-right-page { border-right: 0px solid #f0f0f0;	 }*/

    /*.gg-menu li{margin:0 1px;}	*/
    .service-pack .featured { margin: 30px -1px 0px; }	
}
@media (min-width: 768px) and (max-width: 992px){
    .circle-box:nth-child(2n+3){
        clear: both;
    }
    .logo { padding:0;}
    
}

@media (max-width:768px) {      
      .logo {   }

     .our-feat .row_content p{
         width:85%;
         display:block;
         margin:0 auto;
         text-align:justify;
     }
    .gg-nav { position:relative; }
    .gallery-caption {
        font-size:12px;
    }
    .gg_menu_bg { 
        background: none repeat scroll 0 0 #f8f8f8; 
    }
    .circle-box{
        margin-bottom: 15px;
    } 
    .gg-menu ul ul { 
        float:none;
    }
    
    #recentcomments li{text-align:left;}
    .one_fourth{width:auto;}			
    .home-top-content h1 {
        font-size: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .home-top-content h5 {
        margin: 10px auto 40px;
    }
    .theme-package img {
        max-width: 120px;
    }
    .theme-package .theme-package-details,  .theme-package .theme-package-details p {
        text-align: center;
        padding-top: 20px;
    }
    .theme-features h2,  .section-content h1 {
        width: 80%;
    }
    .footer-widget h2 {
        margin: 40px 0 15px;
    }
    .theme-details .features-box {
        border-bottom: 4px double #ddd;
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    .theme-details .features-box ul li {
        margin: 0px;
        width: 100%;
        padding: 0px 15px;
    }
    .theme-details .theme-image {
        float: none;
        margin: 0 auto 20px;
        text-align: center;
        width: 92%;
    }    
    .gardenia-comments .comment-field,  .profile .form-group,  .themesetup .form-group {
        width: 100%;
    }
    .service-box,  .services-box-details,  .customize-btn,  .customize-header-titel {
        text-align: center;
    }
    .services-box-icon {
        margin: 0 auto;
    }
    .customize-header-titel .icon-customize {
        display: 
        ;
        margin: 0 auto;
        max-width: 40px;
        padding: 30px 22px;
    }
    .td-date,  .td-tid,  .td-invoice,  .invoices-body .td-action {
        padding: 10px 5px;
    }
    .paypal_email .form-group label {
        width: 30%;
    }
    .paypal_email .form-group .form-control {
        width: 69%;
    }
    .paypal_email .form-group p {
        padding-left: 30%;
    }
    footer .bg1 { padding: 0; }

}
@media (max-width: 767px) {
    .carousel-inner .item .effect-hover{display: none;}
    .gg-menu > li:hover > a, .gg-menu ul a:hover, ul.gg-menu > li.current-menu-item > a, ul.gg-menu > li.current_page_item > a{color: #ffffff;}
    .logo{text-align: center;}
    .logo .img-responsive{display: inline-block;}
    .theme-menu{
        display: inline-block;
        width: 100%;        
    }
    .gg-nav {   position: relative; }
    .navbar-collapse.gg-navbar.main-menu.collapse.in {
        max-height: 100%;
        overflow: hidden;
    }
    ul.gg-menu > li.current_page_item > a {
        border-top:none;
        border-bottom:none;
    }   
    /* nav-wrap */
    .gg-menu ul li:last-child > a ,.gg-menu ul a,.gg-menu > li:hover > a,.gg-menu ul a:hover{
        border-bottom:none;
    }
    .gg-menu ul li:first-child > a ,.gg-menu ul a,.gg-menu > li:hover > a,.gg-menu ul a:hover, .gg-menu ul li:first-child > a:hover{
        border-top:none;
    } 
    .gg-menu ul a:hover, .gg-menu ul a:focus {
        color: #05fa00;
    }
    .gg-menu ul a {
        width:auto;
        color: #ffffff;
    }
    #menu-wrap {
        position: relative;
    }
    .gardenia-navbar {
        position: absolute;
    }
    #menu-wrap * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .footer-bottom .terms {
        display: inline-block;
        margin: 13px 0 0;
        text-align: center;
    }
    ul.footer-menu {
        float: none;
        margin: 0;
        padding: 0;
    }
    /* main nav */
    .gg-menu {
        background-color:#238121;
        border-radius: 8px;
        box-shadow: -1px 0 5px #1e2d36;
        margin: 0 auto 10px;
        padding: 10px;
        position: relative;
        width: 99%;
        z-index: 1;
    }
    .gg-menu ul {
        position: static;
        visibility: visible;
        opacity: 1;
        margin: 0;
        border: none;
        background: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .gg-menu ul ul {
        margin: 0 0 0 10px !important;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .gg-menu li {       
        float: none;
        border: 0;
        margin: 5px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .gg-menu > li > a {
        border: none; color:#fff;
    }
    .gg-menu > li:hover > a, .gg-menu ul a:hover, ul.gg-menu > li.current-menu-item > a, ul.gg-menu > li.current_page_item > a, 
    .gg-menu ul.sub-menu li.current_page_item > a{
        color: #ccc;
        border: none;
    }
	.gg-menu > li > a:before{
		display:none;
	}
    .gg-menu ul li {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .gg-menu a {
        display: block;
        float: none;
        padding: 0;
        color: #999;
        width: 100%;
    }
    .gg-menu a:hover {
        color: #fafafa;
    }
    .gg-menu ul a:hover {
        background: none;
    }
    .gg-menu ul li a:hover{
        border: none;
    }

    .left-head {
        display: inline-block;
        float: none;
        text-align: center;
        margin: 0 auto;
    }
    .phone, .mail{display: inline-block;
                  float: none;
                  text-align: center; 
              }	
    .right-head ol.social{
        float: none;
    }
    .fancy_image {
        margin-top: 10px;
    }
    .section_row_1 .fet-p2 {
        padding: 30px 20px;
    }
    .section_row_1 .fet-p, .section_row_1 .fet-p2 {
        padding: 30px 20px;
        text-align:justify;
    }
   
    .gg_menu h1,.site-breadcumb{
        float: none;
        text-align: center;
    }
   
    .footer-bottom{
        text-align: center;
    } 
 .gg_menu h1 {
    	margin: 10px auto;
	}   
  .gg_menu {
	padding:16px 0;
  }
  p.comment-form-author, p.comment-form-email, p.comment-form-url {
       margin-right: 13px;
  }
   
}

@media screen and (max-width: 685px) {
	.blog-right-page,.blog-left-page {
		border:0;
	}
}
@media screen and (max-width: 600px) {

    .callbacks_nav { top: 40% ;}	
    .blog-right-page,.blog-left-page {border:0; }
    #recentcomments li{text-align:left;}
    .one_fourth{width:auto;}			
    .logo {
        text-align: center;
    }
    .home-top-content h1 {
        font-size: 26px;
    }
    .gardenia-home-bg1,  .theme-package {
        background-size: inherit;
    }
    .gardenia-home-bg1 {
        background-position: 60%;
    }
    .theme-features h2,  .section-content h1 {
        width: 80%;
        font-size: 26px;
    }
    .theme-package .theme-package-details h2 {
        font-size: 20px;
    }
    .section-guarantee {
        text-align: center;
        padding: 10px 15px;
    }
    .section-guarantee img {
        float: none;
        padding-top: 10px;
        margin: 0px;
        max-width: 80px;
    }
    .section-guarantee p {
        padding-top: 10px;
    }
    .profile .file-upload input[type="text"] {
        width: 72%;
    }
    .invoices-comments .gardenia-comments-titel {
        text-align: center;
    }
    .invoices-comments .gardenia-comments-titel span {
        width: 100%;
        display: table;
        padding: 0px 0px 10px 0px;
    }
}

@media screen and (max-width: 568px) {
    embed,iframe {
        width: 100%;
    }

    .gardenia-tab .nav-tabs li a,  .gardenia-tab .nav-tabs li.active a {
        font-size: 18px;
        border-right: 1px solid #c5c5c5;
    }
    .gardenia-tab .nav-tabs {
        display: inherit;
    }
    .gardenia-tab .nav-tabs li {
        width: 100%;
    }
     		
    #recentcomments li{text-align:left;}
    .one_fourth{width:auto;}
    p.comment-form-author, p.comment-form-email, p.comment-form-url {
        width:100%;
    }
}

@media screen and (max-width: 480px) {
    .gallery-columns-5 .gallery-caption{ display:none ;}
    .site-breadcumb li {font-size:14px; }
   
    .callbacks_nav { top: 30%;}
      
    #recentcomments li{text-align:left;}
    .one_fourth{width:auto;}		
    .exclusive-theme-hover h2 {
        font-size: 24px;
    }
    .exclusive-theme-hover h3 {
        font-size: 18px;
    }
    .gardenia-comments .comment-author,  .gardenia-comments .comment-author-name {
        text-align: center;
        margin-bottom: 5px;
        width: 100%;
    }
    .gardenia-comments .comment-content {
        width: 100%;
    }
    .blogs .post-box-link li {
        display: block;
        margin: 2px 0px;
    }
    .td-date,  .td-tid,  .td-invoice,  .td-action {
        padding: 10px 2px;
        font-size: 12px;
    }
    .file-upload input[type="text"] {
        width: 100%;
        margin-top: 10px;
        margin-left: 0px;
    }
    .file-upload input[type="submit"] {
        margin-top: 10px;
    }
    .support a {
        margin-bottom: 10px;
    }
    .profile .file-upload input[type="text"] {
        width: 100%;
    }
}

@media screen and (max-width: 400px) {
    .carousel-control.slider_button { top: 34%;}
  
    .comments ul.children {padding-left:20px; }	   
    #recentcomments li{text-align:left;}
    .one_fourth{width:auto;}		
    .home-top-content h1 {
        font-size: 17px;
    }
    .gardenia-home-top {
        height: 740px;
    }
    .exclusive-theme-hover .theme-tag p.details {
        display: none;
    }
    .gardenia-home-bg1 {
        height: 740px;
    }	
    .dashboard-content .invoices,  .dashboard-content {
        float: left;
        display: block;
        width: 100%;
    }
    .invoices-body .td-invoice {
        font-size: 9px;
        padding: 12px 1px;
    }
    .invoices-comments .gardenia-comments .comment-author-name a {
        font-weight: normal;
        margin-right: 10px;
    }
    .affiliates .form-group label,  .affiliates .form-group .form-control,  .paypal_email .form-group label,  .paypal_email .form-group .form-control {
        width: 100%;
    }	
    .fet-p {
        color: #212121;
        font-size: 14px;
        padding: 55px 11px;
    }
    .fet-p2 {
        color: #212121;
        font-size: 14px;
      
    }	
    .logo {   
        padding: 0 10px;
    }
    .title-main h2 span { 
        padding:0 15px 15px;
    }
    .gg_menu h1 , .site-breadcumb {
        float:none;
    }
    .gg_menu {
        padding: 17px 0;
        text-align: center;
    }

}

@media screen and (max-width: 320px) {	
     .flickr li {margin:0 5px 10px; }	
     .copyright-text { font-size:13px;}
    .carousel-control.slider_button { top: 30%;}    
    .btn-features-style-1,  .btn-features-color,  .btn-features { font-size: 10px; }
    .title-main h2{font-size:18px;}   

}





























/*
Theme Name: Gardenings
Theme URI: http://wpthemedaddy.com/gardening-wordpress-theme/
Author: wpthemedaddy
Author URI:http://wpthemedaddy.com/ 
Description:  Gardening is a organic gardening theme for the digital marketing as well as online gardening promotion. Theme is totally responsive and SEO friendly works well on mobile and tablet devices for its responsive features. SO It works on all the browser and devices. It is compatible with the different browsers and the user friendly characteristics.Gardening comes with A good looking home included intro, services, about, blog and call out section. Since it is based on Bootstrap Framework, and comes with fontawesome icons to make your website stunning and creative. Since it is translation ready with a clean and secure code.Theme supports RTL. WooCommerce can be impleament easily. Theme is translatoin and retina ready. You can add header elements and Slider and services. Callout option is also provided. You can add full width page too. Theme is gutenberg ready. Theme is based on WP customizer. Widget and footer widgets can be also customized. Theme is also helppful for affiliate, digital marketing, trust, religion, bloggining, portfolio, medical, technology, science and any type of of corporate firms.  Demo Link - http://wpthemedaddy.com/demo/  Docs Link - http://wpthemedaddy.com/docs/gardening/index.html 
Version:  2.6
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: gardenings
Tags: right-sidebar, one-column, two-columns, three-columns, four-columns, custom-logo, custom-menu, custom-header, editor-style,  footer-widgets, full-width-template, theme-options, translation-ready, threaded-comments, blog
gardening WordPress Theme, Copyright (C) 2019 wpthemedaddy
gardening is distributed under the terms of the GNU General Public License v3
*/

/*** 

====================================================================
  Reset
====================================================================

 ***/

* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
}

/*** 

====================================================================
  Global Settings
====================================================================

 ***/

body {
  font-size: 15px;
  color: #777777;
  font-weight: 400;
  background: #ffffff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  -webkit-font-smoothing: antialiased;
  font-family: 'Raleway', sans-serif;
}

a {
  text-decoration: none;
  cursor: pointer;
  color: #5aa320;
}

.no-padding {
  padding: 0px !important;
}

a:hover, a:focus, a:visited {
  text-decoration: none;
  outline: none;
}

h1, h2, h3, h4, h5, h6 {
  position: relative;
  font-weight: normal;
  margin: 0px;
  background: none;
  line-height: 1.3;
  font-family: 'Raleway', sans-serif;
    text-transform: capitalize;
}

input, button, select {}

textarea {
  overflow: hidden;
}

p, .text {
  position: relative;
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
  margin: 0;
  color: #777777;
  line-height: 1.7;
}

.sp-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.sp-100-70 {
  padding-top: 100px;
  padding-bottom: 70px;
}

.strike-through {
  text-decoration: line-through;
}


.mb-20 {
  margin-bottom: 20px;
}

.mb-55 {
  margin-bottom: 55px !important;
}

.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
}

/*List Style One*/

.list-style-one {
  position: relative;
  margin-top: 30px;
}

.list-style-one li {
  position: relative;
  color: #898989;
  font-size: 17px;
  font-weight: 300;
  padding-left: 28px;
  margin-bottom: 35px;
}

.list-style-one li span {
  position: relative;
  color: #0c1623;
  font-size: 20px;
  font-style: italic;
  display: block;
  margin-bottom: 10px;
  font-family: 'Roboto', sans-serif;
}

.list-style-one li:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 10px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color:#5aa320;
}

/*List Style Two*/

.list-style-two {
  position: relative;
  margin-bottom: 30px;
}

.list-style-two li {
  position: relative;
  margin-bottom: 12px;
  color: #5aa320;
  font-size: 16px;
}

/*List Style Three*/

.list-style-three {
  position: relative;
}

.list-style-three li {
  position: relative;
  margin-bottom: 10px;
  color: #999999;
  font-size: 16px;
  padding-left: 30px;
}

.list-style-three li:before {
  position: absolute;
  content: '\f00c';
  left: 0px;
  top: 5px;
  color: #5aa320;
  font-size: 18px;
  font-family: 'FontAwesome';
}

ul, li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.theme-btn {
  display: inline-block;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.grey-bg {
  background-color: #f5f5f5;
}

/*Btn Style One*/

.btn-style-one {
  position: relative;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 1px;
  background-color: #5aa320;
  border: 2px solid #5aa320;
  padding: 10px 30px;
  font-family: 'Raleway', sans-serif;
  text-transform:capitalize;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.btn-style-one:before {
  position: absolute;
  display: none;
  content: '';
  left: 18px;
  top: 50%;
  height: 1px;
  width: 20px;
  margin-top: -1px;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  background-color: #ffffff;
}

.btn-style-one:hover {
    color: #5aa320;
    background: none;
}

.btn-style-one:hover:before {
  background-color: #5aa320;
}

/*Btn Style Two*/

.btn-style-two {
  position: relative;
  padding: 9px 38px;
  color: #272727;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  border-radius: 50px;
  background-color: #ffffff;
  border: 2px solid #ffffff;
  text-transform:capitalize;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.btn-style-two:hover {
  background: none;
  color: #ffffff;
}

/*Btn Style Three*/

.btn-style-three {
  position: relative;
  color: #050405;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 1px;
  background-color: #ffffff;
  border: 2px solid #ffffff;
  padding: 10px 30px;
  font-family: 'Raleway', sans-serif;
  text-transform:capitalize;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.btn-style-three:hover {
  color: #ffffff;
  border-color: #5aa320;
  background: #5aa320;
}

.btn-style-three:hover:before {
  background-color: #ffffff;
}

.theme_color {
  color: #5aa320;
}

img {
  display: inline-block;
  max-width: 100%;
}

.preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: #ffffff;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("images/preloader.svg");
}
.bg-w{
  background-color: #fff !important;
}
/*** 

====================================================================
  Scroll To Top style
====================================================================

***/

.scroll-to-top {
  position: fixed;
    bottom: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    padding-top: 4px;
    color: #ffffff;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    z-index: 99999;
    cursor: pointer;
    border-radius: 0;
    background: #5aa320;
    display: none;
    border: 2px solid #5aa320;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.scroll-to-top:hover {
  color: #ffffff;
}

/*** 

====================================================================
  Main Header style
====================================================================

***/

.main-header {
    position: relative;
    border: none;
  left: 0px;
  top: 0px;
  z-index: 99;
  width: 100%;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

/*Sticky Header*/

.main-header .header-upper.sticky-header {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  z-index: 999;
  -webkit-box-shadow: 0 0 20px -7px rgba(12, 22, 35, 0.4);
  box-shadow: 0 0 20px -7px rgba(12, 22, 35, 0.4);
}

.main-header .header-upper {
  position: relative;
  z-index: 5;
  padding: 0px 40px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.header-upper {
  background-color:#fff;
}

.header-style-three .header-upper {
  background-color: #5aa320;
}

.main-header .header-upper .logo img {
  position: relative;
  display: inline-block;
  max-width: 100%;
}

.main-header .logo-outer {
  position: relative;
  z-index: 25;
  padding: 20px 0px;
}

.main-header .logo-outer .logo img {
  position: relative;
  display: inline-block;
  max-width: 100%;
}

.main-header .header-upper .upper-right {
  position: relative;
}

.main-header .header-lower {
  position: relative;
  top: 0px;
  width: 100%;
  z-index: 5;
}

.header-style-three .header-lower .social-icons {
  position: absolute;
  right: 0px;
  margin-top: 18px;
}

.header-style-three .header-lower .social-icons a {
  position: relative;
  color: #d15454;
  font-size: 18px;
  margin-left: 20px;
}

.main-header .nav-outer {
  position: relative;
}

.main-menu {
  position: relative;
  float: left;
}

.main-menu .navbar-collapse {
  padding: 0px;
}

.main-menu .navigation {
  position: relative;
  margin: 0px;
}

.main-menu .navigation>li {
  position: relative;
  float: left;
  margin-left:35px;
}

.main-menu .navigation>li:last-child {
  margin-right: 0px;
}

.main-menu .navigation>li>a {
  position: relative;
  display: block;
  font-size: 16px;
  color: #000;
  font-weight: 500;
  opacity: 1;
  text-transform: capitalize;
  padding: 35px 0px 35px 0px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  font-family: 'Raleway', sans-serif;
}

.main-menu .navigation>li>ul {
  position: absolute;
  left: 0px;
  top: 100%;
  width: 200px;
  z-index: 100;
  display: none;
  background: #f6f6f6;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -webkit-box-shadow: 2px 2px 5px 1px rgba(12, 22, 35, 0.05), -2px 0px 5px 1px rgba(12, 22, 35, 0.05);
  -ms-box-shadow: 2px 2px 5px 1px rgba(12, 22, 35, 0.05), -2px 0px 5px 1px rgba(12, 22, 35, 0.05);
  -o-box-shadow: 2px 2px 5px 1px rgba(12, 22, 35, 0.05), -2px 0px 5px 1px rgba(12, 22, 35, 0.05);
  box-shadow: 2px 2px 5px 1px rgba(12, 22, 35, 0.05), -2px 0px 5px 1px rgba(12, 22, 35, 0.05);
}
.header-style-three .main-menu .navigation>li>a{
  color: #fff;
}
.main-menu .navigation>li>ul.from-right {
  left: auto;
  right: 0px;
}

.main-menu .navigation>li>ul li {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #dedede;
}

.main-menu .navigation>li>ul li:last-child {
  border-bottom: none;
}

.main-menu .navigation>li>ul li a {
  position: relative;
  display: block;
  padding: 13px 20px;
  font-weight: 500;
  font-size: 15px;
  color: #0c1623;
  text-align: left;
  text-transform: capitalize;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  font-family: 'Raleway', sans-serif;
}

.main-menu .navigation>li>ul li:hover>a:before {
  background-color: #ffffff;
}

.main-menu .navigation>li>ul li:hover>a {
  background-color: #5aa320;
  color: #ffffff;
}

.main-menu .navigation>li>ul>li ul {
  position: absolute;
  left: -100%;
  top: 100%;
  width: 200px;
  z-index: 100;
  background: #f6f6f6;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -webkit-box-shadow: 2px 2px 5px 1px rgba(12, 22, 35, 0.05), -2px 0px 5px 1px rgba(12, 22, 35, 0.05);
  -ms-box-shadow: 2px 2px 5px 1px rgba(12, 22, 35, 0.05), -2px 0px 5px 1px rgba(12, 22, 35, 0.05);
  -o-box-shadow: 2px 2px 5px 1px rgba(12, 22, 35, 0.05), -2px 0px 5px 1px rgba(12, 22, 35, 0.05);
  box-shadow: 2px 2px 5px 1px rgba(12, 22, 35, 0.05), -2px 0px 5px 1px rgba(12, 22, 35, 0.05);
}

.main-menu .navigation>li>ul>li>ul>li {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #dedede;
}

.main-menu .navigation>li>ul>li>ul>li:last-child {
  border-bottom: none;
}

.main-menu .navigation>li>ul>li>ul>li:hover>a:before {
  background-color: #ffffff;
}

.main-menu .navigation>li>ul>li>ul>li>a:hover {
  background-color: #5aa320;
  color: #ffffff;
}

.main-menu .navigation>li.dropdown:hover>ul {
  visibility: visible;
  opacity: 1;
}

.main-menu .navigation>li.dropdown>a {
  position: relative;
}

.main-menu .navigation>li.dropdown>a::after, .main-menu .navigation>li.dropdown li.dropdown>a::after {
  font-family: "FontAwesome";
  content: "\f107";
  position: relative;
  margin-left: 6px;
}

.main-menu .navigation>li.dropdown li.dropdown>a::after {
  position: absolute;
  right: 15px;
}

.main-menu .navigation li>ul>li:hover>ul, .main-menu .navigation li>ul>ul>li:hover>ul {
  visibility: visible;
  opacity: 1;
  left: -100%;
  top: 0;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
  position: absolute;
  right: 10px;
  top: 6px;
  width: 34px;
  height: 30px;
  border: 1px solid #ffffff;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  z-index: 5;
  padding-top: 2px;
  display: none;
}

.main-header .outer-box {
  position: relative;
  float: left;
  margin-left: 20px;
  margin-top: 22px;
}

 .search-box-btn {
    color: #525252;
    margin-right: 30px;
    border-color: #d6d6d6;
}
.header-top {
  position: relative;
}
.header-style-two .header-top {
    background-color: #0c1623;
}
.header-style-two .btn-style-one{
  background-color: #0c1623;
  border-color: #0c1623;
}
.header-style-three .header-top {
    background-color: #fff;
}
.header-style-three .btn-style-one{
  background-color: #fff;
  color: #5aa320;
}
.header-style-two .btn-style-one:hover{
    background: none;
  color: #0c1623;
}
.header-style-three .btn-style-one:hover{
    background:#0c1623;
  color: #fff;
  border-color: #0c1623;
}
.header-top .top-inner {
  position: relative;
}

.header-top .top-left {
  position: relative;
  float: left;
}

.header-top .top-left ul li {
  position: relative;
  font-size: 15px;
  color: #ffffff;
  font-weight: 500;
  padding: 10px 0px;
  display: inline-block;
}
.header-style-three .header-top .top-left ul li,
.header-style-three .header-top .top-left ul li a,
.header-style-three .header-top .top-left ul li .fa,
.header-style-three .header-top .top-right>ul li.number,
.header-style-three .header-top .social-icon li a:hover,
.header-style-three .header-top .social-icon li a  {
  color: #0c1623;
}
.header-top .top-left ul li a {
  font-size: 15px;
  font-weight: 400;
  color: #727272;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.header-top .top-left ul li .fa {
  position: relative;
  color: #ffffff;
  font-size: 16px;
  margin-right: 10px;
}

.header-top .top-right {
  position: relative;
  float: right;
  padding: 10px 0px;
}

.header-top .top-right>ul {
  float: right;
}

.header-top .top-right>ul li.number {
  position: relative;
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
}

.header-top .top-right>ul li.number span {
  font-weight: 600;
  font-size: 19px;
}

/*Social Icons*/

.header-top .social-icon {
  position: relative;
  float: left;
  margin-top: 5px;
  margin-right: 15px;
  padding-right: 15px;
  border-right: 1px solid rgba(255, 255, 255, 0.40);
}

.header-top .social-icon li {
  position: relative;
  float: left;
  margin-left: 18px;
}

.header-top .social-icon li a {
  position: relative;
  display: block;
  font-size: 16px;
  color: #ffffff;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.header-top .social-icon li a:hover {
  color: #ffffff;
}

.header-top .top-right>ul>li>a>.icon {
  position: relative;
  top: 1px;
  font-size: 15px;
  color: #5aa320;
  margin-right: 8px;
}

.main-header .header-lower .search-box-outer {
  min-width: 60px;
}

.main-header .header-lower .search-box-btn {
  position: relative;
  display: block;
  width: 100%;
  font-size: 18px;
  color: #ffffff;
  padding: 0px;
  margin: 0px;
  cursor: pointer;
  background: none;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-header .header-lower .search-box-outer .dropdown-menu {
  top: 44px;
  right: 0px;
  padding: 0px;
  width: 280px;
  border-radius: 0px;
  border-top: 3px solid #5aa320;
}

.header-style-three .header-lower .search-box-outer .dropdown-menu {
  top: 39px;
}

.main-header .header-lower .search-box-outer .dropdown-menu>li {
  padding: 0px;
  border: none;
  background: none;
}

.main-header .header-lower .search-panel .form-container {
  padding: 25px 20px;
}

.main-header .header-lower .search-panel .form-group {
  position: relative;
  margin: 0px;
}

.main-header .header-lower .search-panel input[type="text"], .main-header .header-lower .search-panel input[type="search"], .main-header .header-lower .search-panel input[type="password"], .main-header .header-lower .search-panel select {
  display: block;
  width: 100%;
  height: 40px;
  color: #0c1623;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  padding: 7px 40px 7px 15px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-header .header-lower .search-panel input:focus, .main-header .header-lower .search-panel select:focus {
  border-color: #5aa320;
}

.main-header .header-lower .search-panel .search-btn {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #555555;
  font-size: 12px;
  background: none;
  cursor: pointer;
}

/*search box btn*/

.main-header .search-box-outer {
  position: relative;
  left: 3px;
  display: inline-block;
}

.main-header .search-box-btn {
  position: relative;
  font-size: 18px;
  color: #000;
  cursor: pointer;
  display: inline-block;
  background: none;
  padding-left: 20px;
  border-left: 1px solid #000;
}

.main-header .search-box-outer .dropdown-menu {
	height: 66px;
  top: 58px;
  padding: 0px;
  width: 280px;
  border-radius: 0px;
  border: 2px solid #5aa320;
}
.header-style-three.main-header .search-box-btn {
  border-left: 1px solid #fff;
  color: #fff;
}
.main-header .search-panel .form-container {
  padding: 10px;
}

.main-header .search-panel .form-group {
  position: relative;
  margin: 0px;
}

.main-header .search-panel input[type="text"], .main-header .search-panel input[type="search"], .main-header .search-panel input[type="password"], .main-header .search-panel select {
  display: block;
  width: 100%;
  padding: 7px 40px 7px 15px;
  height: 40px;
  border: 1px solid #e0e0e0;
  background: #ffffff;
}

.main-header .search-panel input:focus, .main-header .search-panel select:focus {
  border-color: #5aa320;
}

.main-header .search-panel .search-btn {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #555555;
  font-size: 12px;
  background: none;
  cursor: pointer;
}

.main-header .info-box {
  position: relative;
  float: left;
  margin-left: 30px;
  font-size: 13px;
  color: #777777;
  text-align: left;
  padding: 0px 0px 0px 50px;
}

.main-header .info-box:first-child {
  padding-right: 30px;
  border-right: 1px solid #c8c8c8;
}

.main-header .info-box:last-child {
  padding-right: 0px;
  margin-left: 0px;
  top: -2px;
}

.main-header .info-box .icon-box {
  position: absolute;
  left: 0px;
  top: 6px;
  color: #5aa320;
  font-size: 26px;
  text-align: left;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-header .info-box li {
  position: relative;
  color: #767676;
  font-size: 15px;
  margin-bottom: 3px;
  font-weight: 500;
}

.main-header .info-box strong {
  font-weight: 500;
  color: #333333;
  font-size: 15px;
  display: block;
  margin-bottom: 4px;
}

/*Social Icon One*/

.social-icon-one {
  position: relative;
}

.social-icon-one li {
  position: relative;
  margin: 0px 10px;
  display: inline-block;
}

.social-icon-one li a {
  position: relative;
  color: #ffffff;
  font-size: 22px;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.social-icon-one li a:hover {
  opacity: 0.8;
}

/*Social Icon Two*/

.social-icon-two {
  position: relative;
}

.social-icon-two li {
  position: relative;
  margin-right: 10px;
  display: inline-block;
}

.social-icon-two li a {
  position: relative;
  width: 36px;
  height: 36px;
  font-size: 16px;
  text-align: center;
  border-radius: 50%;
  color: #858585;
  display: inline-block;
  border: 1px solid #858585;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  padding-top: 6px;
}

.social-icon-two li a:hover {
  color: #5aa320;
  border-color: #5aa320;
}

/*Custom Select*/

.form-group .ui-selectmenu-button.ui-button {
  width: 100px;
  font-size: 18px;
  font-style: normal;
  height: 50px;
  padding: 10px 20px;
  color: #262626;
  float: left;
  border-radius: 0px;
  border: 1px solid #f2f2f2;
  background: #ffffff;
}

.form-group .ui-button .ui-icon {
  background: none;
  position: relative;
  top: 2px;
  text-indent: 0px;
  color: #333333;
}

.form-group .ui-button .ui-icon:before {
  font-family: 'FontAwesome';
  content: "\f107";
  position: absolute;
  right: 0px;
  top: 2px !important;
  top: 13px;
  width: 10px;
  height: 30px;
  display: block;
  color: #262626;
  font-size: 15px;
  font-weight: normal;
  text-align: center;
  z-index: 5;
}

.ui-widget.ui-widget-content {
  border: 1px solid #e0e0e0;
}

.ui-menu .ui-menu-item {
  font-size: 14px;
  border-bottom: 1px solid #e0e0e0;
}

.ui-menu .ui-menu-item:last-child {
  border: none;
}

.ui-state-active, .ui-widget-content .ui-state-active {
  background-color: #5aa320;
  border-color: #5aa320;
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  display: block;
  padding: 8px 20px;
  font-size: 14px;
}

.ui-menu-item:hover {}

/*** 

====================================================================
  Section Title
====================================================================

***/

.sec-title {
  position: relative;
  margin-bottom: 55px;
  text-align: center;
}

.sec-title h2 {
    z-index: 0;
    font-size: 40px;
    color: #0c1623;
    font-weight: 700;
    text-transform: capitalize;
    position: relative;
    margin-bottom: 20px;
}

.sec-title h2:after {
    font-family: fontAwesome;
    content:"\f18c";
    position: absolute;
    top: 0;
    font-size: 70px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    color: #5aa320;
    text-align: center;
    opacity: .15;
    z-index: -1;
    line-height: 1;
}

.sec-title p {
  position: relative;
  color: #797979;
  font-size: 16px;
  max-width: 800px;
  margin: 0 auto;
}

.white.sec-title h2:after {
  color: #fff;
}

.white.sec-title h2:before {
  background-color: #fff;
}

.white.sec-title h2, .white.sec-title p {
  color: #fff;
}

.sec-title.type-2 {
  margin-bottom: 0;
}

.sec-title.type-2 h2 {
  text-align: left;
  padding-bottom: 10px;
  position: relative;
}

.sec-title.type-2 h2:before {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  width: 40px;
  height: 2px;
  background-color: #5aa320;
  -webkit-transform: translate(0);
  transform: translate(0)
}

.sec-title.type-2 h2:after {
  display: none;
}

/*** 

====================================================================
  Main Slider style
====================================================================

***/

.main-slider {
  position: relative;
  z-index: 10;
}

.main-slider .rev_slider li {
  position: relative;
  z-index: 0;
}

.main-slider .rev_slider li::after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(12, 22, 35, 0.50);
  z-index: 0;
}

.main-slider .tp-caption {
  z-index: 5 !important;
}

.main-slider .tp-dottedoverlay {
  background: rgba(12, 22, 35, 0.40) !important;
}

.main-slider .tparrows.gyges {
  width: 60px;
    height: 60px;
  padding-top: 11px;
  color: #5aa320;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
}
.main-slider-2.main-slider .tparrows.gyges {
    background-color: #5aa320;
}
.main-slider .tparrows.gyges:hover {
  background-color:#5aa320;
}

.main-slider-2.main-slider .tparrows.gyges:hover {
  background-color: #fff;
}
.main-slider-2.main-slider .tparrows.gyges:hover:before{
  color: #5aa320 !important;
}
.main-slider h2 {
  position: relative;
  color: #ffffff;
  font-size: 55px;
  font-weight: 700;
  display: inline-block;
}

.main-slider .text {
  position: relative;
  font-size: 18px;
  font-weight: 400;
  color: #e7e7e7;
}

.main-slider .btns-box .theme-btn {
  margin-right: 20px;
  padding-left: 30px !important;
  transition: all 200ms ease !important;
  -webkit-transition: all 200ms ease !important;
  -moz-transition: all 200ms ease !important;
  -ms-transition: all 200ms ease !important;
  -o-transition: all 200ms ease !important;
}

.slider-content {
  position: relative;
  padding: 35px 30px;
  background-color: rgba(12, 22, 35, 0.60);
}

.main-slider .tp-bannertimer, .main-slider .tp-bullets {
  display: none !important;
}

/*** 

====================================================================
  Fancy Box
====================================================================

***/

.fancybox-next span, .fancybox-prev span {
  background-image: none !important;
  width: 44px !important;
  height: 44px !important;
  text-align: center;
}

.fancybox-next span:before, .fancybox-prev span:before {
  content: '';
  position: absolute;
  font-family: 'FontAwesome';
  left: 0px;
  top: 0px;
  font-size: 12px;
  width: 44px !important;
  height: 44px !important;
  background-color: rgba(28, 28, 28, 0.40) !important;
  color: #ffffff;
  visibility: visible;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.fancybox-next span:before {
  content: '\f178';
}

.fancybox-prev span:before {
  content: '\f177';
}

.fancybox-next:hover span:before, .fancybox-prev:hover span:before {
  background-color: #ffffff !important;
  color: #0c1623;
}

.fancybox-type-image .fancybox-close {
  right: 0px;
  top: 0px;
  width: 45px;
  height: 45px;
  background: url("images/icon-cross.png") center center no-repeat;
  background-color: rgba(17, 17, 17, 0.50) !important;
}

.fancybox-type-image .fancybox-close:hover {
  background-color: #0c1623 !important;
}

.fancybox-type-image .fancybox-skin {
  padding: 0px !important;
}


/*** 

====================================================================
  Theme Banner Section
====================================================================

***/

.slide-table {
    position: relative;
    overflow: hidden;
    display: table;
    width: 100%;
    height: 100%;
}

.slide-table-cell {
    display: table-cell;
    vertical-align: middle;
}
.banner-content {
    text-align: center;
    color: #fff;
  margin: 0 auto;
}
.banner-content h2{
    color: #fff;
  font-size: 50px;
  font-weight: 700;
  text-align: left;
}
.banner-content p {
    color: #fff;
    font-size: 16px;
    max-width: 900px;
  margin: 40px auto;
  text-align: left;
}
.theme-banner:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(12, 22, 35, 0.70);
}
.banner-content .btn-style-one{
  margin:5px 10px;
  float: left;
}


  /*** 

====================================================================
  Services Section
====================================================================

***/

.services-section {
  position: relative;
  padding: 100px 0px 70px;
}

.services-section .title-column {
  position: relative;
  margin-bottom: 30px;
}

.services-section .title-column .inner-column {
  position: relative;
}

.services-section .title-column .inner-column h2 {
  position: relative;
  color: #0c1623;
  font-size: 26px;
  font-weight: 600;
  padding-bottom: 18px;
  margin-bottom: 22px;
}

.services-section .title-column .inner-column h2:after {
  position: absolute;
  content: '';
  left: 0px;
  bottom: 0px;
  width: 40px;
  height: 2px;
  background-color: #5aa320;
}

.services-section .title-column .inner-column p {
  position: relative;
  color: #797979;
  margin-bottom: 24px;
  font-family: 'Roboto', sans-serif;
}
.services-section .services-column .image img{
  width: 100%;

}
.services-block {
  position: relative;
  margin-bottom: 30px;
}

.inner-box-table {
  display: table;
}

.services-block .inner-box .icon-box, .table-cell {
  display: table-cell;
  vertical-align: top
}

.services-block .inner-box {
  position: relative;
}

.services-block .inner-box .icon-box {
  position: relative;
    color: #5aa320;
    font-size: 45px;
    line-height: 1;
    padding-right: 10px;
}
.services-block .inner-box .icon-box span{
  height: 56px;
    width: 56px;
    color: #fff;
    overflow: hidden;
    background: #5aa320;
    border-radius: 50%;
    text-align: center;
    font-size: 24px;
    padding-top: 15px;
}
.services-block .inner-box h3 {
  position: relative;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 10px;
  text-transform: capitalize;
}

.services-block .inner-box h3 a {
  position: relative;
  color: #0c1623;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.services-block .inner-box h3 a:hover {
  color: #5aa320;
}

.services-block .inner-box .text {
  position: relative;
  color: #7b7b7b;
  font-size: 15px;
}

/*** 

====================================================================
  Services Section Two
====================================================================

***/

.services-section-two {
  position: relative;
  padding: 95px 0px 60px;
}

.services-block-two {
  position: relative;
  margin-bottom: 40px;
}

.services-block-two .inner-box {
  position: relative;
  text-align: center;
  padding: 30px 15px;
  background-color: #fff;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.services-block-two .inner-box .icon-box {
  position: relative;
  color: #0c1623;
  font-size: 42px;
  margin-bottom: 15px;
  line-height: 1;
}

.services-block-two .inner-box h3 {
  position: relative;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 12px;
  color: #0c1623;
  text-transform: capitalize;
}

.services-block-two .inner-box h3 a {
  position: relative;
  color: #0c1623;
}

.services-block-two .inner-box p {
  position: relative;
  color: #0c1623;
  font-size: 15px;
}

.services-block-two .inner-box .overlay-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  background-color: #5aa320;
}
.services-block-two .inner-box:hover{
  box-shadow:0 0 25px 0px rgba(156, 156, 156, 0.2);
}
.services-block-two .inner-box:hover .overlay-box, .services-block-two .inner-box.active .overlay-box {
  opacity: 1;
}

.services-block-two .inner-box .overlay-box .overlay-inner {
  position: relative;
  padding: 36px 15px;
}

.services-block-two .inner-box .overlay-box .overlay-inner h4 {
  position: relative;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 15px;
  color: #fff;
}

.services-block-two .inner-box .overlay-box .overlay-inner h4 a {
  position: relative;
  color: #fff;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.services-block-two .inner-box .overlay-box .overlay-inner h4 a:hover {
  color: #0c1623;
}

.services-block-two .inner-box .overlay-box .overlay-inner p {
  position: relative;
  color: #fff;
  font-size: 15px;
  margin-bottom: 20px;
}

.services-block-two .inner-box .overlay-box .overlay-inner .read-more {
  position: relative;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 15px;
  background-color: #0c1623;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
}

.services-block-two .inner-box .overlay-box .overlay-inner .read-more:hover {
  color: #5aa320;
}

/*** 

====================================================================
  Call To Action
====================================================================

***/

.call-to-action {
  position: relative;
  padding: 100px 0px;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}

.call-to-action.style-two {
  padding: 70px 0px;
  text-align: center;
}

.call-to-action.style-two:before {
  background-color:rgba(90, 163, 32, 0.88);
}

.call-to-action:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(90, 163, 32, .90);
}

.call-to-action h2 {
  position: relative;
  color: #ffffff;
  font-weight: 600;
  font-size: 40px;
  margin-bottom: 15px;
}

.call-to-action p {
  position: relative;
  font-size: 20px;
  color: #ffffff;
}

.call-to-action .number-box {
  position: relative;
}
.call-to-action.style-two .number-box {
    position: relative;
    max-width: 560px;
  margin: 0 auto;
  margin-top: 35px;
}
.b-right {
  border-right: 1px solid #eee;
}

.call-to-action .number-box .number {
  position: relative;
  color: #ffffff;
  font-weight: 600;
  font-size: 30px;
  margin-bottom: 10px;
}
.call-to-action.style-two .number-box:before {
    position: absolute;
    content: '';
    top: -6px;
    left: 50%;
    width: 1px;
    height: 65px;
    background-color: rgba(255,255,255,0.60);
}

/*** 

====================================================================
  Case Section
====================================================================

***/

.case-section {
  position: relative;
  padding: 95px 0px 60px;
  background-color: #f5f5f5;
}

.case-section.style-two {
  background: none;
}

.case-section.style-two .project-tab .p-tabs-content {
  margin: 0px 30px;
}

.project-tab {
  position: relative;
}

.project-tab .owl-nav, .project-tab .owl-dots {
  display: none;
}

.project-tab .tabs-header {
  position: relative;
}

.project-tab .product-tab-btns {
  position: relative;
  margin-bottom: 30px;
  text-align: center;
  font-size: 0;
}

.project-tab .product-tab-btns .p-tab-btn {
  position: relative;
  padding: 0px 0px;
  cursor: pointer;
  color: #0c1623;
  font-weight: 600;
  font-size: 16px;
  display: inline-block;
  margin: 0 5px;
  padding:11px 13px 7px;
  margin-bottom: 10px;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  border-bottom: 3px solid transparent;
}

.project-tab .product-tab-btns .p-tab-btn:hover, .project-tab .product-tab-btns .p-tab-btn.active-btn {
  background-color: #0c1623;
  border-color: #5aa320;
  color: #fff;
}

.project-tab .product-tab-btns .p-tab-btn:hover:before, .project-tab .product-tab-btns .p-tab-btn.active-btn:before {
  opacity: 1;
}

.project-tab .product-tab-btns .p-tab-btn:before {
  position: absolute;
  content: '';
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 1px;
  opacity: 0;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  background-color: #5aa320;
}

.project-tab .p-tabs-content {
  position: relative;
  display: block;
}

.project-tab .p-tab {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: auto;
  visibility: hidden;
}

.project-tab .p-tab.active-tab {
  position: relative;
  visibility: visible;
  z-index: 5;
}

/*Gallery Item*/

.gallery-item {
  position: relative;
  margin-bottom: 30px;
}

.p-tab .gallery-item {
  opacity: 0;
}

.p-tab.active-tab .gallery-item {
  opacity: 1;
  transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
}

.gallery-item .inner-box {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.gallery-item .image-box {
  position: relative;
  display: block;
  overflow: hidden;
}

.gallery-item .image-box img {
  position: relative;
  display: block;
  width: 100%;
}

.gallery-item .overlay-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  color: #ffffff;
  text-align: center;
  background:rgba(12, 22, 35, .7);
  -webkit-transition: all 700ms ease;
  transition: all 700ms ease;
  transform:translateY(100%);
  -webkit-transform:translateY(100%);
  -moz-transform:translateY(100%);
  -ms-transform:translateY(100%);
  -o-transform:translateY(100%);
  overflow: hidden;
}

.gallery-item .inner-box:hover .overlay-box {
  opacity: 1;
  transform:translateY(0);
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -ms-transform:translateY(0);
  -o-transform:translateY(0);
}

.gallery-item .overlay-inner {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: table;
  vertical-align: middle;
  padding: 10px 0px;
}

.gallery-item .overlay-inner .content {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transform:scale(0);
  -webkit-transform:scale(0);
  -moz-transform:scale(0);
  -ms-transform:scale(0);
  -o-transform:scale(0);
}

.gallery-item .overlay-inner .link {
  position: relative;
  font-size: 18px;
  color: #ffffff;
  background-color: #5aa320;
  padding-top: 12px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: inline-block;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.gallery-item .inner-box:hover .content{
  transform:scale(1);
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transition-delay: .4s;
}
.gallery-item .overlay-inner .link {
  position: relative;
  margin: 5px;
}

.gallery-item .overlay-inner .link .icon {
  position: relative;
}

.gallery-item .overlay-inner .link:hover {
  color: #666666;
  background-color: rgba(255, 255, 255, 1);
}

.gallery-item .inner-box h3 {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  padding-top: 15px;
}

.gallery-item .inner-box h3 a {
  position: relative;
  color: #0c1623;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease; 
    text-transform: capitalize;
}

.gallery-item .inner-box .designation {
  position: relative;
  color: #777777;
  font-size: 15px;
  text-align: center;
}

/*** 

====================================================================
  Fluid Section One
====================================================================

***/

.fluid-section-one {
  position: relative;
}

.fluid-section-one .outer-container {
  position: relative;
  min-height: 250px;
  background-color: #0c1623;
}

.fluid-section-one .image-column {
  position: absolute;
  float: left;
  left: 0px;
  top: 0px;
  width: 50%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.fluid-section-one .image-column:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(12, 22, 35, 0.40);
}

.fluid-section-one .image-column .image-box {
  position: relative;
  display: none;
}

.fluid-section-one .image-column .image-box img {
  position: relative;
  display: block;
  width: 100%;
}

.fluid-section-one .content-column {
  position: relative;
  float: right;
  width: 50%;
}

.fluid-section-one .content-column .inner-box {
  position: relative;
  max-width: 750px;
  margin: 0 auto;
  padding: 80px 30px 80px;
}

.fluid-section-one .content-column .inner-box h2 {
  position: relative;
  font-size: 32px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 25px;
  display: inline-block;
}

.fluid-section-one .content-column .inner-box .bold-text {
  position: relative;
  color: #5aa320;
  font-size: 22px;
  margin-bottom: 15px;
}

.fluid-section-one .content-column .inner-box p {
  position: relative;
  color: #fff;
}

.fluid-section-one .content-column .inner-box .author {
  position: relative;
  padding-left: 135px;
}

.fluid-section-one .content-column .inner-box .author .author-image {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 97px;
  height: 97px;
  border-radius: 50%;
  overflow: hidden;
}

.fluid-section-one .content-column .inner-box .author .signature {
  position: relative;
}

/*** 

====================================================================
  Team Section
====================================================================

***/

.team-section {
  position: relative;
  padding: 100px 0px 70px;
}

.team-section .title-column {
  position: relative;
  margin-bottom: 40px;
}

.team-section .title-column .inner-column {
  position: relative;
}

.team-section .title-column h2 {
  position: relative;
  color: #0c1623;
  font-size: 32px;
  font-weight: 600;
  padding-bottom: 12px;
  margin-bottom: 30px;
}

.team-section .title-column h2:after {
  position: absolute;
  content: '';
  left: 0px;
  bottom: 0px;
  width: 40px;
  height: 2px;
  background-color: #5aa320;
}

.team-section .title-column .text {
  position: relative;
  color: #797979;
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 20px;
  font-family: 'Roboto', sans-serif;
}

.team-section .title-column .view-team {
  position: relative;
  color: #5aa320;
  font-size: 16px;
  font-weight: 600;
  text-decoration: underline;
}

.team-block {
  position: relative;
  margin-bottom: 30px;
}

.team-block .inner-box {
  position: relative;
}

.team-block .inner-box .image {
  position: relative;
}

.team-block .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
}

.team-block .inner-box .image .overlay-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  display: block;
  height: 100%;
  opacity: 0;
  text-align: center;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  background-color: rgba(90, 163, 32, 0.90);
  transform: scaleY(0);
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
}
.team-two .team-block .inner-box .image .overlay-box{
  background-color: rgba(12, 22, 35, 0.90);
}
.team-block .inner-box .image .overlay-box .social-icon-one {
  position: absolute;
  bottom: 30px;
  width: 100%;
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  opacity: 0;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.team-block .inner-box:hover .image .overlay-box .social-icon-one {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
  opacity: 1;
}

.team-block .inner-box:hover .image .overlay-box {
  opacity: 1;
  transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
}

.team-block .inner-box .lower-box {
  position: relative;
  padding-top: 18px;
  text-align: center;
}

.team-block .inner-box .lower-box h3 {
  position: relative;
  color: #0c1623;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 3px;
}

.team-block .inner-box .lower-box h3 a {
  position: relative;
  color: #0c1623;
}

.team-block .inner-box .lower-box .designation {
  position: relative;
  color: #797979;
  font-size: 15px;
  font-weight: 500;
}

/*** 

====================================================================
  Fact Counter style
====================================================================

***/

.fact-counter-section {
  position: relative;
  padding-bottom: 50px;
  padding-top: 50px;
}

.fact-counter-section.style-one {
  background-color: #f5f5f5;
}
.fact-counter-section.style-three {
  background-color: #0c1623;
}
.fact-counter-section.style-two {
  background-image: url("images/fact-bg.jpg");
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 0;
}

.fact-counter-section.style-two:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(90, 163, 32, .90);
  z-index: -1;
}

.fact-counter {
  position: relative;
}

.fact-counter .column {
  position: relative;
  z-index: 5;
  margin: 30px 0;
}

.fact-counter .column .inner {
  position: relative;
  top: 0;
  padding: 0px 0px 0px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.fact-counter .count-outer {
  position: relative;
  font-size: 50px;
  font-weight: 500;
  margin: 0px 0px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  color: #0c1623;
}

.style-two .fact-counter {
  text-align: center;
}

.fact-counter .count-outer .count-text {
  position: relative;
  font-weight: 600;
  color: #0c1623;
  font-size: 50px;
}

.fact-counter .column .counter-title {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  color: #0c1623;
  display: inline-block;
  text-align: center;
}

.style-two .column .counter-title, .style-two .fact-counter .count-outer, .style-two .fact-counter .count-outer .count-text {
  color: #fff
}
.style-three .column .counter-title, 
.style-three .fact-counter .count-outer, 
.style-three .fact-counter .count-outer .count-text {
  color: #fff
}
.fact-counter .count-outer:after {
  position: absolute;
  content: '';
  left: 0px;
  bottom: 0px;
  width: 40px;
  height: 2px;
  background-color: #0c1623;
}

.style-two .fact-counter .count-outer:after {
  background-color: #fff;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.style-three .fact-counter .count-outer:after {
  background-color: #fff;
}
/*** 

====================================================================
  Testimonial Section
====================================================================

***/

.testimonial-section {
  position: relative;
  padding: 100px 0;
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
}

.testimonial-section .inner-container {
  position: relative;
  max-width: 970px;
  margin: 0 auto;
}

.testimonial-section:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(90, 163, 32, .90)
}

.testimonial-2.testimonial-section:before {
  background-color: rgba(12, 22, 35, .90)
}

.testimonial-block {
  position: relative;
}

.testimonial-block .inner-box {
  position: relative;
  padding-left: 125px;
}

.testimonial-block .inner-box .image-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100px;
  padding: 0px 0px;
  margin-bottom: 20px;
}
.testi-slider {
  padding-bottom: 80px;
}

.testimonial-block .inner-box .image-box .image {
  position: relative;
  width: 95px;
  height: 95px;
  border-radius: 50%;
  overflow: hidden;
}

.testimonial-block .inner-box .quote-icon {
  position: absolute;
  color: #ffffff;
  font-size: 30px;
  bottom: 0;
  right: 10px;
}
.testimonial-3 .testimonial-block .inner-box .quote-icon,
.testimonial-3 .testimonial-block .inner-box p,
.testimonial-3 .testimonial-block .inner-box .author,
.testimonial-3 .single-item-carousel .owl-nav .owl-prev, 
.testimonial-3 .single-item-carousel .owl-nav .owl-next,
.testimonial-3 .single-item-carousel .owl-nav .owl-prev:hover, 
.testimonial-3 .single-item-carousel .owl-nav .owl-next:hover {
  color: #000;
}
.testimonial-3 .single-item-carousel .owl-nav .owl-prev, 
.testimonial-3 .single-item-carousel .owl-nav .owl-next{
  border-color: #000
}
.testimonial-3 .single-item-carousel .owl-nav .owl-prev:hover, 
.testimonial-3 .single-item-carousel .owl-nav .owl-next:hover {
  border-color: #000;
  background-color: #000;
  color: #fff
}
.testimonial-block .inner-box p {
  position: relative;
  font-size:16px;
  color: #ffffff;
  margin-bottom: 20px;
}

.testimonial-block .inner-box .author {
  position: relative;
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  font-style: italic;
  text-transform: capitalize;
  font-family: 'Roboto', sans-serif;
}

.single-item-carousel .owl-dots {
  display: none;
}

.single-item-carousel .owl-nav {
  position: absolute;
  right: 0px;
  bottom: 0;
  width: 100%;
  text-align: center;
}

.single-item-carousel .owl-nav .owl-prev, .single-item-carousel .owl-nav .owl-next {
  width: 46px;
  height: 46px;
  padding-top: 5px;
  font-size: 22px;
  margin-left: 10px;
  text-align: center;
  color: #fff;
  border: 2px solid #fff;
  display: inline-block;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.single-item-carousel .owl-nav .owl-prev:hover, .single-item-carousel .owl-nav .owl-next:hover {
  color: #0c1623;
  border-color: #ffffff;
  background-color: #ffffff;
}

/*** 

====================================================================
  Clients Section
====================================================================

***/

.clients-section {
  position: relative;
  padding: 45px 0px;
  background-color: #efefef;
}

.clients-section.style-two {
  background-color: #f9f9f9;
  border-top: 1px solid #dddddd;
  padding-top: 60px;
  padding-bottom: 60px;
}

.clients-section .sponsors-outer {
  position: relative;
}

.clients-section .sponsors-outer .owl-dots, .clients-section .sponsors-outer .owl-nav {
  position: relative;
  display: none;
}

.clients-section .sponsors-outer .image-box {
  position: relative;
  display: block;
  text-align: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  margin: 0 5px;
}

.clients-section .sponsors-outer .image-box img {
  max-width: 100%;
  width: auto;
  opacity: 1;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.clients-section .sponsors-outer .image-box img:hover {
  opacity: 0.6;
}

/*** 

====================================================================
  News Section
====================================================================

***/

.news-section {
  position: relative;
  padding: 100px 0px 70px;
}

.news-section .sec-title h2 {
  margin-bottom: 5px;
}

.news-section.style-two {
  padding-top: 90px;
  background-color: #f9f9f9;
}

.news-block {
  position: relative;
  margin-bottom: 30px;
}

.news-block .inner-box {
  position: relative;
}

.news-block .inner-box .image {
  position: relative;
  display: block;
  overflow: hidden;
  background: #0b0b0b;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-block .inner-box:hover .image img {
  -webkit-transform: scale(1.05) translateY(-5px);
  transform: scale(1.05) translateY(-5px);
  -moz-transform: scale(1.05) translateY(-5px);
  -ms-transform: scale(1.05) translateY(-5px);
  -o-transform: scale(1.05) translateY(-5px);
}

.news-block .inner-box img {
  position: relative;
  width: 100%;
  display: block;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.news-block .inner-box:hover .image img {
  opacity: 0.50;
}

.news-block .inner-box .lower-box {
  position: relative;
  padding-top: 20px;
}

.news-block .inner-box .lower-box .post-info {
  position: relative;
  color: #c2c1c1;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
}

.news-block .inner-box .lower-box h3 {
  position: relative;
  color: #0c1623;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 8px;
}

.news-block .inner-box .lower-box h3 a {
  position: relative;
  color: #0c1623;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.news-block .inner-box .lower-box h3 a:hover {
  color: #5aa320;
}
.news-block .inner-box .lower-box p{
  margin-bottom: 10px;
}
.news-block .inner-box .lower-box .read-more {
  position: relative;
  color: #5aa320;
  font-size: 15px;
  font-weight: 500;
  margin-top: 5px;
  text-transform: capitalize;
  border-bottom: 1px solid;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
}

.news-block .inner-box .lower-box .read-more:hover {
  color: #0c1623
}

.news-section .sidebar-news {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
}

/*News Block Two*/

.news-block-two {
  position: relative;
}

.news-block-two .inner-box {
  position: relative;
  padding: 22px 30px;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  border-bottom: 1px solid #d9d9d9;
}

.news-block-two .inner-box h3 {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
}

.news-block-two .inner-box h3 a {
  color: #0c1623;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.inner-box .post-info {
  position: relative;
  color: #c2c1c1;
  font-size: 16px;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.inner-box .post-info span {
  margin-right: 18px;
}

.news-section .sidebar-news .read-more {
  position: relative;
  color: #5aa320;
  font-size: 15px;
  font-weight: 500;
  padding: 15px 30px;
  display: block;
}

.news-block-two .inner-box:hover {
  background-color: #5aa320;
}

.news-block-two .inner-box:hover h3 a, .inner-box:hover .post-info {
  color: #ffffff;
}

/*** 

====================================================================
  Fluid Section Two
====================================================================

***/

.fluid-section-two, .fluid-type-2 .outer-container {
  position: relative;
  background-color: #5aa320;
}

.fluid-section-two .outer-container {
  position: relative;
  min-height: 250px;
  background-color: #5aa320;
}

.fluid-section-two .image-column {
  position: absolute;
  float: left;
  left: 0px;
  top: 0px;
  width: 50%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.fluid-section-two .image-column:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(12, 22, 35, 0.60);
}

.fluid-section-two .image-column .image-box {
  position: relative;
  display: none;
}

.fluid-section-two .image-column .image-box img {
  position: relative;
  display: block;
  width: 100%;
}

.fluid-section-two .content-column {
  position: relative;
  float: right;
  width: 50%;
}

.fluid-section-two .content-column .inner-box {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  padding: 90px 30px;
}

.fluid-section-two .content-column .inner-box .sec-title {
  margin-bottom: 30px;
}

/*** 

====================================================================
  Default Form
====================================================================

 ***/

.default-form {
  position: relative;
}

.call-back-section .default-form .row, .fluid-section-two .default-form .row {
  margin: 0px -10px;
}

.default-form .form-group input[type="text"], .default-form .form-group input[type="tel"], .default-form .form-group input[type="email"], .default-form .form-group select {
  position: relative;
  display: block;
  width: 100%;
  padding: 10px 20px;
  color: #0c1623;
  height: 50px;
  background: #fafafa;
  border: 1px solid #e9e9e9;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.default-form .form-group input[type="text"]:focus, .default-form .form-group input[type="tel"]:focus, .default-form .form-group input[type="email"]:focus, .default-form .form-group textarea:focus {}

.default-form .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  padding: 8px 20px;
  color: #0c1623;
  border: 1px solid #e9e9e9;
  height: 173px;
  background: #fafafa;
  resize: none;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.default-form button {
  margin-top: 10px;
}

/*** 

====================================================================
  Main Footer
====================================================================

***/

.main-footer {
  position: relative;
  background-color: #0c1623;
}

.main-footer .widgets-section {
  position: relative;
  padding: 70px 0px 30px;
}

.main-footer .footer-widget {
  position: relative;
  margin-bottom: 30px;
}

.main-footer .footer-widget h2 {
  position: relative;
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  padding-bottom: 12px;
  margin-bottom: 20px;
  text-transform: capitalize;
  margin-top: 20px;
}

.main-footer .footer-widget h2:after {
  position: absolute;
  content: '';
  left: 0px;
  bottom: 0px;
  width: 30px;
  height: 1px;
  background-color: #5aa320;
}

.main-footer .logo-widget {
  position: relative;
}

.main-footer .logo-widget .logo {
  position: relative;
  margin-bottom: 15px;
}

.main-footer .logo-widget .text {
  position: relative;
  color: #a8a8a8;
  font-size: 14px;
  font-weight: 400;
  padding-right: 60px;
  margin-bottom: 25px;
}

.main-footer .list {
  position: relative;
}

.main-footer .list li {
  position: relative;
  margin-bottom: 8px;
}

.main-footer .list li a {
  position: relative;
  color: #a8a8a8;
  font-size: 14px;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.main-footer .list li a:hover {
  color: #5aa320;
}

.main-footer .info-widget {
  position: relative;
}

.main-footer .info-widget .number {
  position: relative;
  color: #a8a8a8;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 12px;
}

.main-footer .info-widget .text {
  position: relative;
  color: #a8a8a8;
  font-size: 14px;
  margin-bottom: 20px;
}

.main-footer .footer-bottom {
  position: relative;
  padding: 22px 0px;
  background-color: #0c1623;
  border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.main-footer .footer-bottom .copyright, .main-footer .footer-bottom .created {
  position: relative;
  color: #767676;
  font-size: 14px;
}

/*** 

====================================================================
  We Do Section
====================================================================

***/

.we-do-section {
  position: relative;
  padding: 100px 0px 70px;
}

.we-do-section .title-column {
  position: relative;
  margin-bottom: 30px;
}

.we-do-section .title-column .inner-column {
  padding-right: 30px;
}

.we-do-section .title-column .sec-title h2 {
  position: relative;
  color: #0c1623;
  font-size: 26px;
  font-weight: 600;
  padding-bottom: 15px;
  margin-bottom: 22px;
}

.we-do-section .title-column p {
  position: relative;
  color: #797979;
  font-size: 16px;
  margin-bottom: 28px;
}

.services-block-three {
  position: relative;
  margin-bottom: 30px;
}

.services-block-three .inner-box {
  position: relative;
}

.services-block-three .inner-box .image {
  position: relative;
}

.services-block-three .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
}

.services-block-three .inner-box .image .overlay-box {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  padding: 15px;
  display: block;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  background-color: rgba(12, 22, 35, 0.60);
}

.services-block-three .inner-box:hover .image .overlay-box {
  opacity: 0;
}

.services-block-three .inner-box .image .overlay-box h3 {
  color: #ffffff;
  font-weight: 600;
  font-size: 16px;
  width: 100%;
  text-align: center;
  text-transform: capitalize;
}

.services-block-three .inner-box .image .content-overlay {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  display: block;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  background-color: rgba(90, 163, 32, .8);
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
}

.services-block-three .inner-box:hover .image .content-overlay {
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}


.services-block-three .inner-box .image .content-overlay .overlay-inner {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: table;
  text-align: center;
  padding: 10px 30px;
  vertical-align: middle;
}

.services-block-three .inner-box .image .content-overlay .overlay-inner .content-box {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}

.services-block-three .inner-box .image .content-overlay .content-box h4 {
  position: relative;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 2px;
}

.services-block-three .inner-box .image .content-overlay .content-box h4 a {
  position: relative;
  color: #ffffff;
}

.services-block-three .inner-box .image .content-overlay .content-box .read-more {
  position: relative;
  color: #fff;
  font-size: 14px;
  margin-top: 10px;
  font-size: 15px;
  font-weight: 600;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.services-block-three .inner-box .image .content-overlay .content-box .read-more:hover {
  color: #0c1623;
}

/*** 

====================================================================
  Default Section
====================================================================

***/

.default-section {
  position: relative;
  padding: 60px 0px 90px;
  background-color: #f5f5f5;
}

.default-section.alternate {
  background: none;
}

.default-section .sec-title {
  margin-bottom: 40px;
}

.default-section .company-column {
  position: relative;
}

.default-section .company-column .inner-column {
  position: relative;
}

.default-section .company-column .inner-column .company-gallery {
  position: relative;
}

.default-section .company-column .inner-column .company-gallery .image {
  position: relative;
  margin-bottom: 30px;
}

.default-section .company-column .inner-column .company-gallery .image img {
  position: relative;
  width: 100%;
  display: block;
}

.default-section .company-column h3 {
  position: relative;
  color: #0c1623;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
  font-family: 'Roboto', sans-serif;
}

.default-section .company-column p {
  position: relative;
  color: #797979;
  font-size: 16px;
}

.default-section .accordian-column .inner-column {
  padding-left: 30px;
}

.accordian-column, .company-column {
  margin-top: 40px
}

/*** 

====================================================================
  Accordion Style
====================================================================

***/

.accordion-box {
  position: relative;
}

.accordion-box .block {
  position: relative;
  padding: 12px 0px;
  margin-bottom: 10px;
  border: 1px solid #e1e1e1;
  background-color: #ffffff;
}

.accordion-box .block .acc-btn {
  position: relative;
  font-size: 18px;
  cursor: pointer;
  color: #0c1623;
  font-weight: 500;
  padding: 0px 10px 0px 64px;
  transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
}

.accordion-box .block .icon-outer {
  position: absolute;
  left: 14px;
  top: 0px;
  font-size: 18px;
  color: #5aa320;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.accordion-box .block .icon-outer .icon {
  position: absolute;
  width: 28px;
  height: 28px;
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  padding-top: 3px;
}

.accordion-box .block .icon-outer .icon-plus {
  opacity: 1;
}

.accordion-box .block .icon-outer .icon-minus {
  opacity: 0;
  font-weight: 300;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-minus {
  opacity: 1;
  color: #ffffff;
  background-color: #5aa320;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-plus {
  opacity: 0;
}

.accordion-box .block .acc-content {
  position: relative;
  display: none;
}

.accordion-box .block .acc-content .content-text {
  padding-bottom: 6px;
}

.accordion-box .block .acc-content.current {
  display: block;
}

.accordion-box .block .content {
  position: relative;
  font-size: 14px;
  padding: 10px 30px 0px 64px;
}

.accordion-box .block .content .text {
  margin-bottom: 20px;
  font-size: 15px;
  color: #8e8d8d;
  font-family: 'Roboto', sans-serif;
}

.accordion-box .block .content p:last-child {
  margin-bottom: 0px;
}

/*Accordian Faq Form*/

.accordion-box.faq .block {
  padding: 0px;
  border: 0px;
  margin-bottom: 40px;
}

.accordion-box.faq .block .acc-btn {
  padding-left: 30px;
  font-weight: 600;
  font-size: 20px;
  font-family: 'Raleway', sans-serif;
}

.accordion-box.faq .block .icon-outer {
  left: -10px;
  color: #0c1623;
}

.accordion-box.faq .block .acc-btn.active .icon-outer .icon-minus {
  background: none;
  color: #0c1623;
}

.accordion-box.faq .block .content {
  padding: 14px 30px 0px 30px;
}

.accordion-box.faq .block .content .text {
  font-size: 17px;
}

/*** 

====================================================================
  Map Section Style
====================================================================

***/

.map-section {
  position: relative;
}

.map-data {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
}

.map-data h6 {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 5px;
  color: #121212;
}

.map-canvas {
  height: 460px;
}

/*** 

====================================================================
  Approach Section
====================================================================

***/

.approach-section {
  position: relative;
  padding: 100px 0px 60px;
}

.approach-section .image-column {
  position: relative;
}

.approach-section .image-column .image {
  position: relative;
  margin-bottom: 40px;
}

.approach-section .image-column .image img {
  position: relative;
  width: 100%;
  display: block;
}

.approach-section.style-two .image-column .image {
  margin-left: 20px;
  margin-top: 20px;
}

.approach-section.style-two .image-column .image:before {
  position: absolute;
  content: '';
  left: -20px;
  top: -20px;
  right: 20px;
  bottom: 20px;
  background-color: #5aa320;
}

.approach-section .content-column {
  position: relative;
}

.approach-section .content-column .sec-title {
  margin-bottom: 16px;
}

.approach-section .content-column .inner-column {
  position: relative;
  padding-left: 20px;
}

.approach-section .content-column .bold-text {
  position: relative;
  color: #0c1623;
  font-size: 20px;
  margin-bottom: 12px;
  font-style: italic;
  font-family: 'Roboto', sans-serif;
}

.approach-section .content-column .text {
  position: relative;
}

.approach-section .content-column .text {
  position: relative;
  margin-bottom: 30px;
}

.approach-section .content-column .text p {
  position: relative;
  color: #797979;
  font-size: 16px;
  margin-bottom: 25px;
}

.approach-section .content-column .text p:last-child {
  margin-bottom: 0px;
}

.services-section-three {
  position: relative;
  padding: 90px 0px 100px;
}

.services-section-three .owl-dots {
  display: none;
}

.services-section-three .owl-nav {
  text-align: center;
  margin-top: 20px;
}

.services-section-three .owl-prev, .services-section-three .owl-next {
  position: relative;
  width: 46px;
  height: 46px;
  color: #0c1623;
  text-align: center;
  display: inline-block;
  margin: 0px 5px;
  font-size: 22px;
  border: 2px solid #0c1623;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  padding-top: 5px;
}

.services-section-three .owl-prev:hover, .services-section-three .owl-next:hover {
  color: #5aa320;
  border-color: #5aa320;
}

/*** 

====================================================================
  Fluid Section Three
====================================================================

***/

.fluid-section-three {
  position: relative;
  background-color: #5aa320;
}

.full-width-section-one .outer-box {
  position: relative;
}

.fluid-section-three .image-column {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 50%;
  height: 100%;
  float: right;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.fluid-section-three .image-column .image {
  width: 100%;
  display: none;
}

.fluid-section-three .image-column .image img {
  display: block;
  width: 100%;
}

.fluid-section-three .image-column .overlay-link {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(12, 22, 35, 0.50);
  transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
}

.fluid-section-three .image-column .overlay-link .icon {
  position: absolute;
  left: 50%;
  margin-left: -35px;
  width: 70px;
  height: 70px;
  top: 50%;
  margin-top: -35px;
  border: 2px solid #ffffff;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  background: none;
  border-radius: 50%;
  padding-left: 5px;
  padding-top: 21px;
}


/*Content Column*/

.fluid-section-three .content-column {
  position: relative;
  width: 50%;
  float: left;
}

.fluid-section-three .content-column .content-box {
  position: relative;
  max-width:750px;
  margin: 0 auto;
  padding: 80px 30px;
}

.fluid-section-three .content-column .content-box h2 {
    position: relative;
    font-size: 32px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 25px;

}

.fluid-section-three .content-column .content-box .bold-text {
  position: relative;
  color: #ffffff;
  font-size: 20px;
  font-style: italic;
  margin-bottom: 15px;
  font-family: 'Roboto', sans-serif;
}

.fluid-section-three .content-column .content-box .text {
  position: relative;
}

.fluid-section-three .content-column .content-box .text p {
  position: relative;
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 20px;
}

/*** 

====================================================================
  Call Back Section
====================================================================

***/

.call-back-section {
  position: relative;
  padding: 100px 0px;
  overflow: hidden;
}

.call-back-section .row {
  margin: 0px -78px;
}

.call-back-section .form-column, .call-back-section .map-column {
  padding: 0px 78px;
}

.call-back-section .outer-container {
  position: relative;
  max-width: 1680px;
  margin: 0 auto;
  padding: 0px 15px;
}

.call-back-section .outer-container .map-column {
  position: relative;
  margin-bottom: 40px;
}

.call-back-section .outer-container .form-column {
  position: relative;
}

.call-back-section .outer-container .form-column .sec-title {
  margin-bottom: 35px;
}

/*Error Section*/

.error-section {
  position: relative;
  padding: 220px 0px 220px; 
  background-image:url("images/error.jfif");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}

.error-section .content {
  position: relative;
  text-align: center;
}

.error-section:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background-color: #000;
  opacity: .6;
}

.error-section h1 {
  position: relative;
  color: #5aa320;
  font-size: 200px;
  font-weight: 800;
  margin-bottom: 10px;
  font-family: 'Roboto', sans-serif;
}

.error-section h2 {
  position: relative;
  color: #ffffff;
  font-size: 50px;
  font-weight: 600;
  margin-bottom: 10px;
  font-family: 'Raleway', sans-serif;
}

.error-section .text {
  position: relative;
  color: #ffffff;
  font-size: 25px;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 50px;
  font-family: 'Raleway', sans-serif;
}

/*** 

====================================================================
  Page Title
====================================================================

***/

.page-title {
  position: relative;
  padding: 200px 0px 105px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
    text-align: left;
}

.page-title:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(12, 22, 35, 0.70);
}

.page-title h1 {
    position: relative;
    color: #ffffff;
    font-size: 45px;
  font-weight: 600;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.page-title .page-breadcrumb {
  position: relative;
}

.page-title .page-breadcrumb li {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  padding-right: 10px;
  color: #5aa320;
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
}

.page-title .page-breadcrumb li:after {
  position: absolute;
  content: '\f105';
  right: -4px;
  top: 0px;
  color: #ffffff;
  font-family: 'FontAwesome';
}

.page-title .page-breadcrumb li:last-child::after {
  display: none;
}

.page-title .page-breadcrumb li:last-child {
  padding-right: 0px;
  margin-right: 0px;
}

.page-title .page-breadcrumb li a {
  color: #fff;
  font-weight: 400;
}

/*** 

====================================================================
  Video Section
====================================================================

***/

.video-section {
  position: relative;
  padding:100px 0;
  background-color: #fff;
}

.video-section .content-column .inner-column {
  position: relative;
}

.video-section .content-column .inner-column h2 {
    position: relative;
    color: #0c1623;
    font-size: 26px;
    font-weight: 600;
    padding-bottom: 18px;
    margin-bottom: 22px;
}

.video-section .content-column .inner-column h2:after {
  position: absolute;
  content: '';
  left: 0px;
  bottom: 0px;
  width: 70px;
  height: 2px;
  background-color: #5aa320;
}

.video-section .content-column .inner-column p {
  position: relative;
  color: #797979;
  font-size: 16px;
  margin-bottom: 20px;
}

.video-section .video-column {
  position: relative;
}

.video-section .video-column .inner-column {
  position: relative;
  padding-left: 40px;
}

/*Video Box*/

.video-box {
  position: relative;
}

.video-box .image {
  position: relative;
}

.video-box .image img {
  position: relative;
  width: 100%;
}

.video-box .overlay-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(12, 22, 35, 0.20);
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.video-box:hover .overlay-box {
  z-index: 1;
  background-color: rgba(12, 22, 35, 0.50);
}

.video-box .overlay-box span {
  position: relative;
  width: 64px;
  height: 64px;
  top: 48%;
  z-index: 9;
  color: #ffffff;
  font-weight: 700;
  font-size: 18px;
  margin-top: -28px;
  text-align: center;
  border-radius: 50%;
  padding-left: 4px;
  display: inline-block;
  border: 2px solid #ffffff;
  padding-top: 17px;
}

/*** 

====================================================================
  Sidebar Page Container
====================================================================

***/

.sidebar-page-container {
  position: relative;
  padding: 100px 0px 70px;
}
.sidebar-page-container .content-side .services-single{
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 40px;
}
.sidebar-widget {
  position: relative;
  margin-bottom: 40px;
}

/*Sidebar Title*/

.sidebar-title {
font-size: 20px;
color: #0c1623;
font-weight: 600;
padding-bottom: 10px;
padding-top: 10px;

}

.sidebar-title:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background-color: #5aa320;
}

.sidebar-title h2 {
  font-size: 20px;
  color: #0c1623;
  font-weight: 600;
  padding-bottom:10px;
}

.sidebar-title h2:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background-color: #5aa320;
}


/*Search Box Widget*/

.sidebar .search-box .form-group {
  position: relative;
  margin: 0px;
}

.sidebar .search-box .form-group input[type="text"], .sidebar .search-box .form-group input[type="search"] {
  position: relative;
  padding: 10px 50px 10px 20px;
  border: 1px solid #d3d3d3;
  background: #fff;
  display: block;
  font-size: 16px;
  width: 100%;
  height: 52px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.sidebar .search-box .form-group button {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 52px;
  width: 60px;
  display: block;
  font-size: 16px;
  color: #bdbdbd;
  font-weight: normal;
  background: none;
}

/*Blog Category*/

.cat-list {
  position: relative;
}

.cat-list li {
  position: relative;
}

.cat-list li a {
  position: relative;
  color: #777;
  font-size: 17px;
  font-weight: 500;
  padding-bottom: 10px;
  margin-bottom: 10px;
  display: block;
  border-bottom: 1px solid #e6e6e6;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  font-family: 'Roboto', sans-serif;
}

.cat-list li a:after {
  position: absolute;
  content: '\f105';
  right: 0px;
  top: 0px;
  color: #777;
  font-size: 14px;
  font-family: 'FontAwesome';
}
.cat-list li:last-child a{
  border-bottom: 0;
}
.cat-list li a:hover {
  color: #5aa320;
}

/*Post Widget*/

.sidebar .popular-posts .post {
  position: relative;
  font-size: 14px;
  color: #666666;
  padding: 0px 0px;
  min-height: 90px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e1e1e1;
}

.sidebar .popular-posts .post:last-child {
  margin-bottom: 0px;
  border-bottom: 0;
}

.sidebar .popular-posts .post .text {
  position: relative;
  top: -4px;
  font-size: 17px;
  margin: 0px 0px 3px;
  font-weight: 500;
  color: #777;
  text-transform: capitalize;
}

.sidebar .popular-posts .post .text a {
  color: #777;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.sidebar .popular-posts .post a:hover {
  color: #5aa320;
}

.sidebar .popular-posts .post-info {
  font-size: 15px;
  color: #ababab;
  font-family: 'Roboto', sans-serif;
}

/*Popular Tags*/

.sidebar .popular-tags a {
  position: relative;
  display: inline-block;
  padding: 7px 18px 7px;
  margin: 0px 6px 10px 0px;
  color: #777;
  text-align: center;
  font-size: 14px;
  background: none;
  font-weight: 500;
  border: 1px solid #777;
  text-transform: capitalize;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.sidebar .popular-tags a:hover {
  border-color: #5aa320;
  background-color: #5aa320;
  color: #ffffff;
}

.news-block-three {
  position: relative;
  margin-bottom:40px;
}
.blog-block{
  border: 1px solid #e9e9e9;
  padding: 20px;
}
.news-block-three .inner-box {
  position: relative;
}

.news-block-three .inner-box .image {
  position: relative;
  display: block;
  overflow: hidden;
  background: #0b0b0b;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-block-three .inner-box:hover .image img{
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
}

.news-block-three .inner-box img {
  position: relative;
  width: 100%;
  display: block;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-block-three .inner-box:hover .image img {
  opacity: 0.50;
}

.news-block-three .inner-box .lower-content {
  position: relative;
  padding-top: 30px;
}

.blog-block.inner-box .lower-content {
  padding-top: 0;
  }
.news-block-three .inner-box .lower-content .post-date {
  position: relative;
  color: #5aa320;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 2px;
}

.news-block-three .inner-box .lower-content h3 {
  position: relative;
  color: #0c1623;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 15px;
}
.news-block-three .inner-box .lower-content h3 a {
  position: relative;
  color: #0c1623;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.news-block-three .inner-box .lower-content h3 a:hover {
  position: relative;
  color: #5aa320;
}

.news-block-three .inner-box .lower-content p {
  position: relative;
  margin-bottom: 20px;
}
.news-block-three .btn-style-one {
    font-size: 15px;
  padding: 6px 20px;
}
.inner-box .lower-content .post-info {
  margin-bottom: 10px;
}

.inner-box .post-info li {
  position: relative;
  color: #888888;
  font-size: 16px;
  font-weight: 500;
  padding-right: 8px;
  margin-right: 17px;
  margin-bottom: 4px;
  display: inline-block;
}

.inner-box .post-info li a {
  color: #888888;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
}

.inner-box .post-info li a:hover {
  color: #0c1623;
}

.inner-box .post-info li:after {
  position: absolute;
  content: '/';
  color: #888888;
  right: -10px;
  top: 1px;
  font-size: 14px;
}

.inner-box .post-info li:last-child::after {
  display: none;
}

.news-block-three:last-child {
  margin-bottom: 50px;
}

/*** 

====================================================================
  Styled Pagination
====================================================================

***/

.styled-pagination {
  position: relative;
  margin-top: 20px;
}

.styled-pagination li {
  position: relative;
  display: inline-block;
  margin: 0px 8px 0px 0px;
}

.styled-pagination li a {
  position: relative;
  display: inline-block;
  line-height: 33px;
  height: 35px;
  font-size: 15px;
  width: 35px;
  color: #0c1623;
  font-weight: 600;
  text-align: center;
  background: #ffffff;
  border: 2px solid #d4d4d4;
  text-transform: capitalize;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  font-family: 'Roboto', sans-serif;
}

.styled-pagination li a:hover, .styled-pagination li a.active {
  color: #ffffff;
  border-color: #5aa320;
  background-color: #5aa320;
}

.news-page-section {
  position: relative;
  padding: 100px 0px;
}

.blog-single {
  position: relative;
  margin-bottom: 35px;
}

.blog-single .inner-box {
  position: relative;
}

.blog-single .inner-box .image {
  position: relative;
  margin-bottom: 30px;
}

.blog-single .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
}

.blog-single .inner-box .lower-content {
  position: relative;
}

.blog-single .inner-box .lower-content .post-date {
  position: relative;
  color: #5aa320;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 5px;
}

.blog-single .inner-box .lower-content h3 {
  position: relative;
  color: #0c1623;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
}

.blog-detail.blog-single .inner-box .lower-content h3 {
  margin-top: 10px;
  margin-bottom: 20px;
}
.blog-single .inner-box .lower-content .text {
  position: relative;
  margin-bottom: 40px;
}

.blog-single .inner-box .lower-content .text ul li{
  list-style: disc;
}

.blog-single .inner-box .lower-content .text p {
  position: relative;
  color: #797979;
  font-size: 16px;
  margin-bottom: 20px;
}

.blog-single .inner-box .lower-content .social-share-options {
  position: relative;
}
.user-post {
    padding: 40px 0;
    position: relative;
    border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  margin-top: 40px;
}
.user-img {
    width: 150px;
    vertical-align: top;
    display: table-cell;
}
.user-post-content {
    padding-left: 40px;
    vertical-align: top;
  display: table-cell;
  position: relative;
}
.user-post h4 {
    font-size: 24px;
    font-weight: 600;
    color:#5aa320;
    padding-bottom: 10px;
}
.user-comments {
    padding: 40px 0;
    border-bottom: 1px solid #e9e9e9;
}
.user-comments h2 {
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
}
.comment-block {
    margin-top: 25px;
    position: relative;
}
.user-comments .user-img {
    width: 100px;
}
.user-comments .user-post-content {
    padding-left: 20px;
}
.reply {
    position: absolute;
    font-weight: 600;
    right: 0;
    color: #0c1623;
    top: 0;
  text-transform: capitalize;
  z-index: 99;
}
.reply:hover{
  color: #5aa320;
}
.user-comments h4 {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 5px;
  color: #5aa320;
}
.comment-block span {
    display: block;
    color: #000;
    margin-bottom: 5px;
}
.block-2 {
    margin-left: 30px;
}






.blog-single .inner-box .lower-content .social-share-options li {
  position: relative;
  display: inline-block;
  margin-right: 0px;
  margin-bottom: 2px;
}

.blog-single .inner-box .lower-content .social-share-options li a {
  position: relative;
  height: 35px;
  width: 35px;
  padding-top: 7px;
  color: #ffffff;
  text-transform: capitalize;
  display: inline-block;
  text-align: center;
  background-color: #0c1623;
}


/*** 

====================================================================
  Comment Form
====================================================================

 ***/

.comment-form {
  position: relative;
}

.comment-form .sec-title {
  margin-bottom: 40px;
}

.comment-form .sec-title h2 {
  font-size: 24px;
}

.comment-form .form-group {
  position: relative;
  margin-bottom: 20px;
}

.comment-form .form-group input[type="text"], .comment-form .form-group input[type="email"], .comment-form .form-group select {
  position: relative;
  display: block;
  width: 100%;
  padding: 10px 20px;
  height: 45px;
  color: #a5a5a5;
  font-size: 15px;
  background-color: #efefef;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  border: 1px solid #e9e9e9;
}

.comment-form .form-group input[type="text"]:focus, .comment-form .form-group input[type="email"]:focus, .comment-form .form-group textarea:focus {
  border-color: #5aa320;
}

.comment-form .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  padding: 20px 20px;
  color: #a5a5a5;
  height: 170px;
  font-size: 15px;
  resize: none;
  background-color: #efefef;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  border: 1px solid #e9e9e9;
}

.comment-form button {
  margin-top: 10px;
}

/*** 

====================================================================
  Gallery Section
====================================================================

***/

.gallery-section {
  position: relative;
  padding: 100px 0 70px;
}

.gallery-section.fullwidth .filter-list {
  padding: 0px 15px;
}

.gallery-section.fullwidth .gallery-item {
  width: 20%;
  float: left;
  padding: 0px 15px;
  margin-bottom: 50px;
}

.gallery-section .filters .filter-tabs {
  position: relative;
  margin-bottom: 30px;
  text-align: center;
  font-size: 0;
}

.gallery-section .filters li {
  position: relative;
  padding: 0px 0px;
  cursor: pointer;
  color: #0c1623;
  font-weight: 600;
  font-size: 16px;
  display: inline-block;
  margin: 0 5px;
  padding:11px 13px 7px;
  margin-bottom: 10px;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  border-bottom: 3px solid transparent;
  text-transform: capitalize;
}

.gallery-section .filters li:hover, .gallery-section .filters li.active {
  background-color: #0c1623;
  border-color: #5aa320;
  color: #fff;
}

.gallery-section .filters li:before {
  position: absolute;
  content: '';
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 1px;
  opacity: 0;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  background-color: #5aa320;
}

.gallery-section .filters .filter:hover::before, .gallery-section .filters .filter.active::before {
  opacity: 1;
}

.gallery-item.mix {
  display: none;
}

.cases-single-section {
  position: relative;
  padding: 100px 0 70px;
}

.cases-single-section .upper-box {
  position: relative;
  margin-bottom: 40px;
}
.cases-single-section .inner-box.portfolio-details {
  position: relative;
  margin-bottom: 40px;
  border-bottom: 1px solid #e9e9e9;
}
.cases-single-section .inner-box.portfolio-details .image img{
  width: 100%;
}
.cases-single-section .upper-box .info-column .inner-column {
  position: relative;
  padding:33px 40px;
  background-color: #f1f1f1;
}
.cases-single-section .upper-box .info-column ul {
  position: relative;
}

.cases-single-section .upper-box .info-column ul li {
    position: relative;
    margin-bottom: 14px;
    padding-bottom: 14px;
    color: #0c1623;
    font-size: 15px;
    font-weight: 500;
  border-bottom: 1px solid #acacac;
  position: relative;
  padding-left: 100px;
}
.cases-single-section .more-projects h2 {
    position: relative;
    color: #0c1623;
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 10px;
    margin-bottom: 30px;
    text-transform: capitalize;
}
.cases-single-section .more-projects h2:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    background-color: #5aa320;
}
.cases-single-section .upper-box .info-column ul li:last-child {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}

.cases-single-section .upper-box .info-column ul li span {
    position: absolute;
  font-weight: 600;
  left: 0;
}

.cases-single-section .lower-content {
  position: relative;
}

.cases-single-section .lower-content .sec-title {
  position: relative;
  margin-bottom: 25px;
}

.cases-single-section .lower-content .type-2 h2{
  font-size: 24px;
    font-weight: 600;
}
.cases-single-section .lower-content .bold-text {
  position: relative;
  color: #0c1623;
  font-size: 20px;
  font-style: italic;
  margin-bottom: 18px;
  font-family: 'Roboto', sans-serif;
}

.cases-single-section .lower-content .text {
  position: relative;
  margin-bottom: 45px;
}

.cases-single-section .lower-content .text p {
  position: relative;
  color: #797979;
  font-size: 16px;
  margin-bottom: 22px;
}

.cases-single-section .lower-content .text p:last-child {
  margin-bottom: 0px;
}

.case-info-tabs .case-tabs {
  position: relative;
}

.case-info-tabs .case-tabs .tab-btns {
  position: relative;
  z-index: 1;
  border-bottom: 1px solid #d6d6d6;
}

.case-info-tabs .case-tabs .tab-btns .tab-btn {
  position: relative;
  top: 1px;
  display: block;
  float: left;
  min-width: 200px;
  text-align: center;
  margin-right: 10px;
  font-size: 18px;
  background: none;
  color: #0c1623;
  border: 1px solid #d6d6d6;
  text-transform: capitalize;
  font-weight: 600;
  cursor: pointer;
  padding: 15px 18px 13px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.case-info-tabs .case-tabs .tab-btns .tab-btn:hover, .case-info-tabs .case-tabs .tab-btns .tab-btn.active-btn {
  color: #ffffff;
  background: #5aa320;
}

.case-info-tabs .case-tabs .tabs-content {
  position: relative;
  padding: 50px 50px 20px;
  border: 1px solid #d6d6d6;
  border-top: 0px;
}

.case-info-tabs .case-tabs .tabs-content .tab {
  position: relative;
  display: none;
}

.case-info-tabs .case-tabs .tabs-content .tab.active-tab {
  display: block;
}

.case-info-tabs .case-tabs .tabs-content .text {
  position: relative;
}

.case-info-tabs .case-tabs .tabs-content .text p {
  position: relative;
  color: #797979;
  font-size: 16px;
  margin-bottom: 22px;
}

/*Comming Soon*/

.comming-soon {
  position: fixed;
  width: 100%;
  height: 100%;
  display: block;
  overflow-y: auto;
  background-size: cover;
}

.comming-soon:before {
  position: fixed;
  content: '';
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(12, 22, 35, 0.70);
}

.comming-soon .content {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: table;
  text-align: center;
  vertical-align: middle;
}

.comming-soon .content .content-inner {
  position: relative;
  padding: 50px 15px;
  display: table-cell;
  vertical-align: middle;
}

.comming-soon .content .content-inner h2 {
  position: relative;
  color: #ffffff;
  font-size: 70px;
  font-weight: 600;
  margin-bottom: 80px;
  font-family: 'Raleway', sans-serif;
}

.comming-soon .content .content-inner .text {
  position: relative;
  color: #ffffff;
  font-size: 28px;
  font-weight: 500;
  margin-top: 30px;
  margin-bottom: 60px;
}

/*** 

====================================================================
  Countdown style
====================================================================

***/

.time-counter {
  position: relative;
}

.time-counter .time-countdown {
  position: relative;
}

.time-counter .time-countdown .counter-column {
  position: relative;
  margin: 0px 15px 0px;
  width: 170px;
  height: 170px;
  text-align: center;
  display: inline-block;
  padding: 20px 0px 10px;
  border: 2px solid #5aa320;
  color: #5aa320;
  font-size: 20px;
  text-transform: uppercase;
  border-radius: 50%;
  font-weight: 700;
  margin-bottom: 30px;
}

.time-counter .time-countdown .counter-column .count {
  position: relative;
  display: block;
  font-size: 60px;
  padding: 25px 10px 20px;
  color: #5aa320;
  letter-spacing: 1px;
  font-weight: 600;
}

.comming-soon .emailed-form .form-group {
  position: relative;
  display: block;
  max-width: 770px;
  margin: 0 auto;
  width: 100%;
  margin-bottom: 20px;
}

.comming-soon .emailed-form .form-group input[type="text"], .comming-soon .emailed-form .form-group input[type="tel"], .comming-soon .emailed-form .form-group input[type="email"], .comming-soon .emailed-form .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  height: 76px;
  font-size: 17px;
  color: #797979;
  padding: 10px 50px 10px 30px;
  background: #ffffff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.comming-soon .emailed-form .form-group input[type="submit"], .comming-soon .emailed-form button {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 195px;
  height: 76px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  background: #5aa320;
}

/*Company Section*/

.company-section {
  position: relative;
  padding: 90px 0px 40px;
}

.about-section {
  position: relative;
}

.about-section .sec-title {
  position: relative;
  margin-bottom: 20px;
}

.about-section .content-column {
  position: relative;
  margin-bottom: 40px;
}

.about-section .content-column .inner-column {
  position: relative;
  padding-right: 30px;
}

.about-section .content-column .bold-text {
  position: relative;
  color: #0c1623;
  font-size: 20px;
  font-style: italic;
  margin-bottom: 15px;
  font-family: 'Roboto', sans-serif;
}

.about-section .content-column .text {
  position: relative;
}

.about-section .content-column .text p {
  position: relative;
  color: #797979;
  font-size: 16px;
  margin-bottom: 18px;
}

.about-section .image-column {
  position: relative;
  margin-bottom: 40px;
}

.about-section .image-column .image {
  position: relative;
}

.about-section .image-column .image img {
  position: relative;
  width: 100%;
  display: block;
}

.year-block {
  position: relative;
  margin-bottom:60px;
}

.year-block .inner-box {
  position: relative;
  padding-left: 150px;
}
.year-block .inner-box .year {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 80px;
    height: 80px;
    color: #ffffff;
    text-align: center;
    border-radius: 50%;
  font-size: 20px;
    font-weight: 700;
    padding-top: 26px;
    margin-bottom: 30px;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    background-color: #5aa320;
}
.year-block .inner-box .year:before {
    position: absolute;
    content: '';
    left: 50%;
    top: 100%;
    width: 2px;
    height: 200px;
    background-color: #d2d2d2;
}
.year-block:last-child .inner-box .year::before{
   display: none;
}


.year-block .inner-box h3 {
  position: relative;
  font-weight: 600;
  font-size: 24px;
  color: #0c1623;
  margin-bottom: 15px;
  font-family: 'Raleway', sans-serif;
}

.year-block .inner-box p {
  position: relative;
  color: #797979;
  font-size: 15px;
}

.year-gallery {
  position: relative;
  margin-top: 50px;
}

.year-gallery .image {
  position: relative;
  margin-bottom: 40px;
}

.year-gallery .image img {
  width: 100%;
  display: block;
}

/*** 

====================================================================
  Contact Section
====================================================================

***/

.contact-section {
  position: relative;
  padding: 95px 0px 60px;
}

.contact-section .sec-title {
  margin-bottom: 35px;
}

.contact-section h2 {
  position: relative;
  color: #0c1623;
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 10px;
}

.contact-section .title {
  position: relative;
  color: #0c1623;
}

.contact-section .form-column {
  position: relative;
}

/*Contact Form*/

.contact-form .form-group {
  position: relative;
  margin-bottom: 30px;
}

.contact-form .form-group input {
  position: relative;
  display: block;
  width: 100%;
  padding: 10px 0px;
  height: 55px;
  color: #0c1623;
  background: none;
  font-size: 15px;
  font-weight: 600;
  border: 2px solid #f0eff4;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  background-color: #f5f5f5;
    padding: 15px;
}

.contact-form .form-group textarea::-webkit-input-placeholder, .contact-form .form-group input::-webkit-input-placeholder {
  color: rgba(12, 22, 35, 0.70);
  font-weight: 400;
  font-size: 15px;
}

.contact-form .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  padding: 15px;
  color: #0c1623;
  height: 160px;
  resize: none;
  background: none;
  font-weight: 600;
  border: 2px solid #f0eff4;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  background-color: #f5f5f5;
  padding: 15px;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.contact-form .form-group input:focus, .contact-form .form-group textarea:focus {
  border-color: #5aa320;
}

.contact-form .form-group button {
  margin-top: 5px;
}

.contact-form input.error, .contact-form select.error, .contact-form textarea.error {
  border-color: #ff0000 !important;
}

.contact-form label.error {
  display: block;
  padding: 5px 0px 0px;
  margin: 0px;
  text-transform: uppercase;
  font-size: 11px;
  color: #ff0000;
  font-weight: 500;
}

.contact-section .info-column {
  position: relative;
}

.contact-section .info-column .inner-column {
    background: #f5f5f5;
    padding:40px;
    text-align: center;
}

.contact-section .info-column ul {
  position: relative;
}

.contact-section .info-column ul li span {
    color: #0c1623;
    font-size: 16px;
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
    text-transform: capitalize;
    position: absolute;
    left: 0;
}

.contact-section .info-column ul li {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    font-weight: 500;
    color: #797979;
    text-align: left;
    padding-left: 50px;
}
.contact-section .info-column ul li:last-child{
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.faq-section {
  position: relative;
  padding: 100px 0 90px;
}

.faq-section .sec-title {
  margin-bottom: 50px;
}

.faq-section .sec-title .title {
  margin-top: 10px;
}

/*Sidebar Search Form*/

.faq-search-box {
  position: relative;
  margin-top: 30px;
  width: 100%;
  margin-bottom: 50px;
}

.faq-search-box .form-group {
  position: relative;
  margin: 0px;
}

.faq-search-box .form-group input[type="text"], .faq-search-box .form-group input[type="search"] {
  position: relative;
  color: #222222;
  display: block;
  font-size: 16px;
  width: 100%;
  height: 60px;
  border-radius: 5px;
  padding: 15px 15px 15px 20px;
  border: 1px solid #e0e0e0;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.faq-search-box .form-group button {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 65px;
  height: 60px;
  text-align: center;
  display: block;
  font-size: 22px;
  color: #c0c0c0;
  background: none;
  font-weight: normal;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.faq-search-box .form-group input:focus {
  border-color: #5aa320;
}

/*** 

====================================================================
  Faq Form Section
====================================================================

***/

.faq-form-section {
  position: relative;
  overflow: hidden;
  padding: 85px 0px 85px;
  background-color: #29292e;
}

.faq-form-section .container {
  position: relative;
}

.faq-form-section .sec-title h2 {
  font-size: 32px;
}

.faq-form-section .form-outer {
  position: relative;
  max-width: 870px;
  z-index: 10;
}

.faq-form-section .form-group {
  position: relative;
  margin-bottom: 35px;
}

.faq-form-section .form-group:last-child {
  margin-bottom: 0px;
}

.faq-form-section .form-group input[type="text"], .faq-form-section .form-group input[type="email"], .faq-form-section .form-group select {
  position: relative;
  display: block;
  width: 100%;
  padding: 0px 0px 8px;
  color: #ffffff;
  border-bottom: 2px solid rgba(255, 255, 255, 0.20);
  height: 46px;
  font-size: 17px;
  background: none;
  font-weight: 500;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.faq-form-section .form-group input::-webkit-input-placeholder, .faq-form-section .form-group textarea::-webkit-input-placeholder, .faq-form-section .form-group input::-moz-input-placeholder, .faq-form-section .form-group textarea::-moz-input-placeholder, .faq-form-section .form-group input::-o-input-placeholder, .faq-form-section .form-group textarea::-o-input-placeholder, .faq-form-section .form-group input::-ms-input-placeholder, .faq-form-section .form-group textarea::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.70);
}

.faq-form-section .form-group input[type="text"]:focus, .faq-form-section .form-group input[type="email"]:focus, .faq-form-section .form-group textarea:focus {
  border-color: #5aa320;
}

.faq-form-section .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  padding: 0px 0px;
  color: #ffffff;
  height: 160px;
  background: none;
  resize: none;
  font-size: 16px;
  font-weight: 500;
  border-bottom: 2px solid rgba(255, 255, 255, 0.20);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.faq-form-section .form-group .theme-btn {
  margin-top: 10px;
}

/*** 

====================================================================
  Services Page Section
====================================================================

***/

.services-page-section {
  position: relative;
  padding:100px 0 70px;
}

.services-page-section .sec-title .title {
  margin-top: 10px;
  color: #0c1623;
}

.services-block-four {
  position: relative;
  margin-bottom: 50px;
}

.services-block-four .inner-box {
  position: relative;
}

.services-block-four .inner-box .image {
  position: relative;
  display: block;
  overflow: hidden;
  background: #0b0b0b;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.services-block-four .inner-box:hover .image {
  -webkit-transform: scale(1.06) translateY(-7px);
  transform: scale(1.06) translateY(-7px);
}

.services-block-four .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.services-block-four .inner-box:hover .image img {
  opacity: 0.50;
}

.services-block-four .inner-box .lower-box {
  position: relative;
  padding: 18px 0px;
  text-align: center;
  border-bottom: 1px solid #d7d7d7;
}

.services-block-four .inner-box .lower-box h3 {
  position: relative;
  font-size: 18px;
  font-weight: 600;
}

.services-block-four .inner-box .lower-box h3 a {
  position: relative;
  color: #0c1623;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.services-block-four .inner-box .lower-box h3 a:hover {
  color: #5aa320;
}

.services-block-four .inner-box .lower-box .text {
  position: relative;
  color: #797979;
  font-size: 15px;
}

.testimonial-page-section {
  position: relative;
  padding-top: 90px;
  padding-bottom: 120px;
}

.testimonial-page-section .sec-title .title {
  margin-top: 10px;
  color: #0c1623;
}

.testimonial-block-two {
  position: relative;
}

.testimonial-block-two .inner-box {
  position: relative;
  padding-left: 195px;
  padding-bottom: 80px;
  margin-bottom: 80px;
  border-bottom: 1px solid #ededed;
}

.testimonial-block-two .inner-box .image-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 150px;
  padding: 0px 0px;
  margin-bottom: 20px;
}

.testimonial-block-two .inner-box .image-box:after {
  position: absolute;
  content: '';
  right: 0px;
  top: 0px;
  height: 105px;
  width: 1px;
  background-color: #e2e2e2;
}

.testimonial-block-two .inner-box .image-box .image {
  position: relative;
  width: 95px;
  height: 95px;
  border-radius: 50%;
  overflow: hidden;
}

.testimonial-block-two .inner-box .quote-icon {
  position: relative;
  color: #5aa320;
  font-size: 46px;
  margin-top: 20px;
  margin-left: 10px;
}

.testimonial-block-two .inner-box .text {
  position: relative;
  font-size: 22px;
  font-style: italic;
  color: #797979;
  margin-bottom: 20px;
  font-family: 'Roboto', sans-serif;
}

.testimonial-block-two .inner-box .author {
  position: relative;
  color: #5aa320;
  font-size: 20px;
  font-weight: 400;
  font-style: italic;
  text-transform: capitalize;
  font-family: 'Roboto', sans-serif;
}

.testimonial-block-two:last-child .inner-box {
  padding-bottom: 0px;
  border-bottom: none;
  margin-bottom: 0px;
}

/*Blog Category*/

.blog-cat {
  position: relative;
}

.blog-cat li {
  position: relative;
  margin-bottom: 4px;
  border-left: 4px solid #5aa320;
}

.blog-cat li a {
    text-transform:capitalize;
  position: relative;
  color: #0c1623;
  font-size: 17px;
  font-weight: 600;
  padding: 14px 15px 14px 22px;
  display: block;
  background-color: #f1f1f1;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  font-family: 'Raleway', sans-serif;
}

.blog-cat li.active a, .blog-cat li a:hover {
  color: #ffffff;
  background-color: #5aa320;
}

.contact-info-widget ul li {
  position: relative;
  color: #797979;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 14px;
}

.download-widget .download-box {
  position: relative;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  display: block;
  padding: 15px 20px;
  background-color: #5aa320;
}

.download-widget .download-box .icon {
    position: absolute;
    right: 20px;
    font-size: 19px;
}

/*Services Single*/

.services-single .inner-box {
  position: relative;
}

.services-single .inner-box .images-gallery {
  position: relative;
}

.services-single .inner-box .images-gallery .row {
  position: relative;
  margin: 0px -4px;
}

.services-single .inner-box .images-gallery .column {
  position: relative;
  padding: 0px 5px;
}

.services-single .inner-box .image {
  position: relative;
  margin-bottom: 50px;
}

.services-single .inner-box .image.right-padding {
  padding-right: 30px;
}

.services-single .inner-box .image.left-padding {
  padding-left: 30px;
}

.services-single .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
}

.services-single .inner-box .gallery-image {
  position: relative;
}

.services-single .inner-box .gallery-image .row {
  position: relative;
  margin: 0px -5px;
}

.services-single .inner-box .gallery-image .image-column {
  padding: 0px 5px;
}

.services-single .inner-box .lower-content {
  position: relative;
}

.services-single .inner-box .lower-content h2,
.content-side .more-service h2  {
  position: relative;
  color: #0c1623;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 15px;
  text-transform: capitalize;
}
.content-side .more-service h2 {
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.content-side .more-service h2:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    background-color: #5aa320;
}

.services-single .inner-box .lower-content .text {
  position: relative;
}

.services-single .inner-box .lower-content .text p {
  position: relative;
  color: #797979;
  font-size: 16px;
  margin-bottom: 20px;
}

.services-single .inner-box .lower-content .two-column {
  position: relative;
  margin-top: 40px;
}

.services-single .inner-box .lower-content .two-column .content-column {
  position: relative;
}

.services-single .inner-box .lower-content .two-column h3 {
  position: relative;
  color: #0c1623;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 15px;
}

.featured-blocks {
  position: relative;
  margin-bottom: 60px;
  border: 1px solid #e5e5e5;
}

.featured-block {
  position: relative;
  padding: 0px;
}

.featured-block:last-child .inner-box {
  border: none;
}

.featured-block .inner-box {
  position: relative;
  text-align: center;
  padding: 35px 25px 40px;
  background-color: #fafafa;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  border-right: 1px solid #e5e5e5;
}

.featured-block .inner-box .icon-box {
  position: relative;
  color: #5aa320;
  font-size: 60px;
  margin-bottom: 20px;
}

.featured-block .inner-box h3 {
  position: relative;
  color: #0c1623;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

.featured-block .inner-box h3 a {
  position: relative;
  color: #0c1623;
}

.featured-block .inner-box .text {
  position: relative;
  color: #797979;
  font-size: 16px;
  font-weight: 400;
}

.featured-block .inner-box:hover {
  background-color: #ffffff;
}

.agent-block {
  position: relative;
}

.agent-block .agent-inner {
  position: relative;
  padding: 42px 32px 42px;
  background-color: #5aa320;
}

.agent-block .agent-inner .title {
  position: relative;
  font-size: 22px;
  font-style: italic;
  margin-bottom: 22px;
  color: #ffffff;
}

.agent-block .agent-inner h4 {
  position: relative;
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 28px;
  text-transform: uppercase;
}

.agent-content {
  position: relative;
  padding-left: 40px;
}

.agent-content h3 {
  position: relative;
  color: #0c1623;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}

.agent-content .text {
  position: relative;
  color: #797979;
  font-size: 16px;
  margin-bottom: 28px;
}

.top-footer .widget_nav_menu li a:hover,.top-footer .widget_recent_entries  a:hover ,.top-footer .widget_recent_comments a:hover ,.top-footer .widget_archive  a:hover,.top-footer .widget_meta li a:hover,.top-footer.widget_nav_menu a:hover,.top-footer .widget_pages a:hover,.top-footer .widget_categories a:hover{
            color: #9ca6bf;
    }
.top-footer .widget_meta li a:hover{
  color: #9ca6bf !important;
}
    .ex{
      margin-bottom: 30px;
    }

.widget li{
  list-style:none !important;
}

.page-img-box {
    margin-bottom: 35px;
}
    blockquote  {
  border-left: 1px solid #020033;
  font-style: italic;
  color: #161616;
  display: block;
  margin: 40px 0;
  padding-left: 30px;
}
blockquote::after {
  content: '';
  clear: both;
  display: table;
}



.trm ul li{
  list-style:disc;
  padding-bottom:3px;
  
}

.trm ol li{
  list-style:decimal;
  padding-bottom:5px;
  padding-left: 5px;
  
}

.trm ul {
 margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.trm ol{
  padding-left: 15px;
  margin-top: 20px;
    margin-bottom: 10px;
}

.widget ul{
  padding-left:0px;
}

.avatar{
  float: left!important;
  width: 70px;
    height: 70px;
}

.comment.float-left {
    padding-left: 20px;
}

a.page-numbers {
    position: relative;
    display: inline-block;
    line-height: 33px;
    height: 35px;
    font-size: 15px;
    width: 35px;
    color: #0c1623;
    font-weight: 600;
    text-align: center;
    background: #ffffff;
    border: 2px solid #d4d4d4;
    text-transform: capitalize;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    font-family: 'Roboto', sans-serif;
}
.children{margin-left: 30px;}
span.current{
    border: 1px solid #ccc;
    padding: 8px 14px;
    border-radius: 5px;
    background-color:#5aa320;
    color:#fff;
}

.menu li a {
    color: #ccc;
}

.menu{
  /*padding-left: 500px;*/
  margin-top: 22px;
    
}

 .sidebar .widget_categories > ul > li.cat-item{
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    /* text-align: right; */
    clear: both;
    text-transform: capitalize;
    transition: all .3s ease;
    display: inline-block;
    width: 100%;
    list-style: none;
    margin-bottom: 5px;
    margin-top: 5px;
    line-height: 5px;
    }

 .top-footer .widget_categories > ul > li.cat-item {
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding: 10px 0 10px;
    position: relative;
    text-align: right;
    clear: both;
    text-transform: capitalize;
    transition: all .3s ease;
    display: inline-block;
    width: 100%;
    list-style: none;
}

 .widget_categories > ul > li > ul , .top-footer .widget_categories > ul > li > ul{
    margin: 10px 0 0 30px;
}



.widget_categories > ul > li > ul > li > ul , .top-footer .widget_categories > ul > li > ul > li > ul{
    margin: 10px 0 0 10px;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{width: 100%;height: auto;}

.main {margin-bottom:50px;}

.read:hover{font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    border: 1px solid #232323;
    padding: 5px 15px;background-color: #3f51b5; color: #fff;}
 .read{font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    border: 1px solid #232323;
    padding: 5px 15px;}
    
.theme-footer-one .top-footer .footer-list ul li:before{
  display:none;
}
.meta-left li>a {
    font-size: 13px;
}
.fixed-content p {       
    color: #6c727d;   
}
.banner-three{
  opacity: 0.9;
}
.text >h5 {
    font-size: 19px;
}
.main-content >h4 {
    font-size: 21px;
}

.sidebar .textwidget {
    color: #777;
}

.widget_archive li{padding: 8px 0 10px;
    color: #777;
    position: relative;text-align: right;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    text-align: right;
    clear: both;
    text-transform: capitalize;
    transition: all .3s ease;
    display: inline-block;
    width: 100%;
    list-style: none;
    margin-bottom: 5px;
    margin-top: 5px;
    line-height: 5px;
  }
.widget_archive li a{
    color: #777;
    position: relative;float: left;}

.main-footer .widget select{background:transparent;}
.main-footer .widget select option{color: #000;}
.main-footer .widget_archive li{
  padding: 8px 0 10px;
    color: #777;
    position: relative;text-align: right;

  }
.main-footer .widget_archive li a{
    color: #777;
    position: relative;float: left;}
.widget_categories li{
    padding: 8px 0 10px;
    color: #777;
    position: relative;
    text-align: left;
    }
.widget_categories li a{
    color: #777;
    /* position: relative; */
    /* float: left; */
    }
.sidebar .widget li a{position: relative;
    color: #777;
    font-size: 17px;
    font-weight: 500;
    padding-bottom: 10px;
    display: inline-block;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    font-family: 'Roboto', sans-serif;}

.main-footer .widget li a{
    /* position: relative; */
    color: #777;
    font-size: 14px;
    padding-bottom: 10px;
    /* display: inline-block; */
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    font-family: 'Raleway', sans-serif;
    }

.top-footer .widget_archive li{padding: 8px 0 10px;
    color: #fff;
    position: relative;text-align: right;}

.top-footer .widget_archive li a{font-family: 'Source Sans Pro', sans-serif;
    float: left;
    line-height: 35px;
    position: relative;
    padding-left: 5px;}

.top-footer .widget_categories li{padding: 8px 0 10px;
    color: #fff;
    position: relative;text-align: right;}
.sidebar_widget .children .cat-item{border-bottom: none;}
.top-footer .widget_categories li a{font-family: 'Source Sans Pro', sans-serif;
    float: left;
    position: relative;
    padding-left: 5px;}

.sidebar .widget_recent_entries li{
	border-bottom: 1px solid #e6e6e6;
}
.sidebar .widget_recent_entries li a{
  display: block;  
}

.top-footer .menu li {
    color: #777;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.top-footer .widget_nav_menu .sub-menu li{
	margin-left: 15px;
	border:none;
 
}
.top-footer .widget_nav_menu .sub-menu li:last-child{
	margin-left: 15px;
	margin-top: -10px;
}

.top-footer .menu ul li a {
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 35px;
    position: relative;
    padding-left: 5px;
    margin-top: 10px;
}

.sidebar .menu li {
    color: #777;
}
.sidebar .menu li a {
    color: #777;
}

.custom-logo-link  img {
  max-width: 171px;
  max-height: 56px;
}

.main-content{background:#fafafa;}

.top-footer .search-btn{color: #fff;}
.top-footer select{background: transparent; color: #fff;}
.top-footer select option{color: #000;}
.bottom p{margin-bottom: 50px;}
.logged-in-as {margin-bottom: 10px;}
.comment-edit-link{margin-right: 5px;}
.tagc{display: block; font-size: 14px;}
.top-footer .menu ul li a {
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 35px;
    position: relative;
    padding-left: 5px;
    margin-top: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    width: 100%;
}
ul.breadcrumb li+li:before {
    padding: 8px;
    color: #fff;
    content: "/\00a0";
}
.comment p{margin-bottom: 0px;}
.reply-link{color: blue;}
.sidebar .widget_recent_comments li{
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 10px;
    margin-top:10px;
}

.sidebar .widget_archive li{
    border-bottom: 1px solid #e6e6e6;
}
.sidebar .widget_meta li{
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    text-align: left;
    clear: both;
    text-transform: capitalize;
    transition: all .3s ease;
    display: inline-block;
    width: 100%;
    list-style: none;
    margin-bottom: 5px;
    margin-top: 5px;
    line-height: 5px;
}

.main-footer .widget_archive li{
  display: block;
  padding: 20px 0px 20px 0px;
  border-bottom-color: #777;
}

.logo a span{
  
      font-size: 20px;
    font-weight: 600;
}

.content-box p{color: #fff;}

.widget_calendar .sidebar-title{
  margin-bottom: 10px;
}
.sidebar .sidebar-title{
  margin-bottom: 10px;
}
#wp-calendar{width: 100%;}
#wp-calendar caption {display:none;}
.pad{/* display: none; */}
#wp-calendar tbody td {color: #000;margin-bottom:10px;text-align:center;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:1px solid #585858;padding:6px;}
#wp-calendar tbody td:hover {border-color:#5aa320;}
#wp-calendar tbody td.pad {/* border:0; *//* display: none; */}
#wp-calendar tbody td#today {color:#fff;background-color:#5aa320;}
#wp-calendar tfoot td#prev a,#wp-calendar tfoot td#next a { display: none;color:#888;font-size:12px;font-weight:400;position:relative;text-transform:uppercase;bottom:-9px;margin-bottom:1px;}
#wp-calendar tfoot td#prev {text-align:left; display: none;}
#wp-calendar tfoot td#next {text-align:right; display: none;}
#wp-calendar thead th {border: none;font-size:13px;font-weight:400;color:#131212;text-align:center;/* padding-bottom:10px; */padding: 6px;border: 1px solid #585858;}
#wp-calendar tbody td a,#wp-calendar tfoot td#prev a:hover,#wp-calendar tfoot td#next a:hover {color:#5aa320;}

.tagcloud a {
    position: relative;
    display: inline-block;
    padding: 7px 18px 7px;
    margin: 0px 6px 10px 0px;
    color: #777;
    text-align: center;
    font-size: 14px !important;
    background: none;
    font-weight: 500;
    border: 1px solid #777;
    text-transform: capitalize;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    margin-top: 5px;
}

.tagcloud a:hover {
    position: relative;
    display: inline-block;
    padding: 7px 18px 7px;
    margin: 0px 6px 10px 0px;
    color: #fff;
    text-align: center;
    font-size: 14px !important;
    background: #5aa320;
    font-weight: 500;
    border: 1px solid #777;
    text-transform: capitalize;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    margin-top: 5px;
}

.sidebar .sidebar-title{margin-top: 30px;margin-bottom: 20px;}
.footer-widget .widget_calendar .sidebar-title{
  margin-bottom: 10px;
}
.sidebar .menu li a{
    color: #555555;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 10px;
    margin-bottom: 10px;
    width: 100%;
}
.footer-widget #wp-calendar{width: 100%;}
.footer-widget #wp-calendar caption {display:none;}
.footer-widget .pad{/* display: none; */}
.footer-widget #wp-calendar tbody td {color: #fff;margin-bottom:10px;text-align:center;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:1px solid #585858;padding:6px;}
.footer-widget #wp-calendar tbody td:hover {border-color:#5aa320;}
.footer-widget #wp-calendar tbody td.pad {border:0;/* display: none; */}
.footer-widget #wp-calendar tbody td#today {color:#fff;background-color:#5aa320;}
.footer-widget #wp-calendar tfoot td#prev a,#wp-calendar tfoot td#next a { display: none;color:#888;font-size:12px;font-weight:400;position:relative;text-transform:uppercase;bottom:-9px;margin-bottom:1px;}
.footer-widget #wp-calendar tfoot td#prev {text-align:left; display: none;}
.footer-widget #wp-calendar tfoot td#next {text-align:right; display: none;}
.footer-widget #wp-calendar thead th {border: none;font-size:13px;font-weight:400;color:#131212;text-align:center;padding-bottom:10px;}
.footer-widget #wp-calendar tbody td a,#wp-calendar tfoot td#prev a:hover,#wp-calendar tfoot td#next a:hover {color:#5aa320;}

.footer-widget .search-box .form-group input[type="text"], .sidebar .search-box .form-group input[type="search"] {
    position: relative;
    padding: 10px 50px 10px 20px;
    border: 1px solid #d3d3d3;
    background: transparent;
    display: block;
    font-size: 16px;
    width: 100%;
    height: 52px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.footer-widget .search-query{background: transparent;}
.footer-widget .search-box .form-group button {
    position: absolute;
    right: -5px;
    top: -8px;
    height: 52px;
    width: 60px;
    display: block;
    font-size: 16px;
    color: #bdbdbd;
    font-weight: normal;
    background: none;
}
.footer-widget .widget_recent_entries li {margin-top: 10px;}
.widget_nav_menu ul li ul li{margin-left: 15px;}
.widget_nav_menu ul li ul li ul li{margin-left: 15px;}
.widget_nav_menu ul li ul li ul li ul li{margin-left: 15px;}
/*--------------------------------------------------------------
Footer Galleries
--------------------------------------------------------------*/
.gallery {margin-bottom: 1.5em;padding: 5px 0;}
.gallery-item {display: inline-block;text-align: center;vertical-align: top;width: 100%; margin-bottom: -5px;} 
.gallery-item  img{width: 100%;height: auto;padding: 5px;}
.gallery-columns-2 .gallery-item {max-width: 50%; }
.gallery-columns-3 .gallery-item {max-width: 33.33%;}
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery-columns-6 .gallery-item { max-width: 16.66%;}
.gallery-columns-7 .gallery-item {max-width: 14.28%; }
.gallery-columns-8 .gallery-item {max-width: 12.5%; }
.gallery-columns-9 .gallery-item {max-width: 11.11%; }
.gallery-caption {display: block; }
/*------------------------ footer widget style End--------------------*/

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

.sidebar .widget_recent_entries li{
  padding-bottom: 10px;
  margin-top: 10px;
}

.widget li a:hover {
  color: #5aa320;
}

.logo img{
  width:177px;
  height: 50px;
}

.styled-pagination a:hover, .styled-pagination a.active {
    color: #ffffff;
    border-color: #5aa320;
    background-color: #5aa320;
}

.styled-pagination a {
    position: relative;
    display: inline-block;
    line-height: 33px;
    height: 35px;
    font-size: 15px;
    width: 35px;
    color: #0c1623;
    font-weight: 600;
    text-align: center;
    background: #ffffff;
    border: 2px solid #d4d4d4;
    text-transform: capitalize;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    font-family: 'Roboto', sans-serif;
}

.text figure img {
  height: auto;

}
.nav-links .nav-previous {
    padding: 0px;
    padding-right: 11px;
}
.nav-links  {
    padding: 15px 0px 0px 0px;
    display: inline-flex;
    font-size: 16px;
}
img
{
	height:auto;
	max-width:100;
}
.wp-caption
{
	width:auto !important; 
}
p {
    margin-bottom: 10px;
    margin-top: 0px;
}
}
dd {
    margin: 0 1.5em 1.5em;
}
ol {
    list-style: decimal;
}
 ol {
    margin: 0 0 1.5em;
    padding-left: 1.5em;
}
 
.form-group span
{
	display:none;
}











#pg-22-0.panel-no-style, #pg-22-0.panel-has-style > .panel-row-style, #pg-22-1.panel-no-style, #pg-22-1.panel-has-style > .panel-row-style {
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
#pg-22-0> .panel-row-style {
    background-color: #238121;
    background-image: url(https://fruitthemes.com/demo/gardenia-wordpress-theme/wp-content/uploads/sites/6/2018/06/Gardening-composition-with-space-in-middle-dark.jpg);
    background-position: center center;
    background-size: cover;
    padding: 150px 0px 150px 0px;
}