/***************************************************************************************************************
||||||||||||||||||||||||||       MASTER STYLESHEET FOR Assurance        |||||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
||||||||||||||||||||||||||                TABLE OF CONTENT               |||||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
****************************************************************************************************************

01. Imported styles
02. Flaticon reset styles
03. Header styles
04. Mainmenu styles
05. Rev_slider_wrapper styles
66. Call to action area Style
07. Categories area style
08. Fact counter area style
09. Latest Blog area style
10. Latest blog area style 
11. Testimonial area style
12. Brand area style
13. Single service style
14. Pricing table area style
15. About page style
16. Account page style
17. 404 page style style
18. Blog page style
19. Blog single style
20. Team page style
21. Shop page style style
22. Shop with sidebar Style
23. Shop single Style
24. Cart page style style
25. Contact page style

****************************************************************************************************************
||||||||||||||||||||||||||||            End TABLE OF CONTENT                ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************/



/* Imported styles */

@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');




@import url(imp.css);
@import url(bootstrap.min.css);
@import url(font-awesome.min.css);
@import url(hover.css);
@import url(jquery.bxslider.css);
@import url(owl.carousel.css);
@import url(owl.theme.default.min.css);
@import url(animate.min.css);
@import url(jquery.bootstrap-touchspin.css);
@import url('jquery.fancybox.css');
@import url('prettyPhoto.css');
/*** Flaticon css ***/
@import url('icomoon.css');

/*** Price filter***/
@import url(../assets/price-filter/nouislider.css);
@import url(../assets/price-filter/nouislider.pips.css);
/*** single shop slide ***/
@import url(flexslider.css);
/*** Time picker css ***/
@import url(../assets/timepicker/timePicker.css);


/*** Jquery ui css ***/
@import url(../assets/jquery-ui-1.11.4/jquery-ui.css);
/*** Revolution slider ***/
@import url(../assets/revolution/css/settings.css);
@import url(../assets/revolution/css/layers.css);
@import url(../assets/revolution/css/navigation.css);
/*** Bootstrap select picker css ***/
@import url(../assets/bootstrap-sl-1.12.1/bootstrap-select.css);
/*** Language Switcher ***/
@import url(../assets/language-switcher/polyglot-language-switcher.css);






/*==============================================
   Base Css
===============================================*/
html,
body { height: 100% }
body {
  font-family: 'Hind', sans-serif;
  font-size: 16px;
  color: #848484;
  line-height: 26px;
  font-weight: 300;
}
button:focus{
  outline: none;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', sans-serif;
  margin: 0;
}
h3 {
 
}
h4 {

}
a,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
  border: none;
  color: #fff;
}

img {
	max-width: 100%;
    height: auto;
}
i {
	font-style: normal;
}
ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}


button{
  border: none;
}
.thm-btn {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  position: relative;
  transition: all 0.5s ease 0s;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  z-index: 1;
}
.thm-btn:before {
  background-color: #2B2C36;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(0.5, 1);
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: -1;
}
.bg-clr1{
  background: #7fa80c;  
  color: #fff;
}
.thm-btn:hover::before{
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.bg-clr2{
  background: #2b2c36;  
  color: #fff;
  position: relative;
}
.bg-clr2:before {
  background-color: #7fa80c;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(0.5, 1);
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: -1;
}
.bg-clr2:hover:before{
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);    
}



.sec-title {
  margin-top: -1px;
  padding-bottom: 41px;
  position: relative;
}
.sec-title h1 {
  color: #222222;
  font-size: 32px;
  font-weight: 400;
  line-height: 30px;
  text-transform: capitalize;
  margin: 0 0 1px;
}
.sec-title .border{
  height: 4px;
  width: 50px;
  display: inline-block;
  background: #7fa80c;
}



.boxed_wrapper {
  background: #fff none repeat scroll 0 0;
  min-width: 320px;
  overflow-x: hidden;
  width: 100%;
}
.img-border{ border-radius:50%; border:4px solid #CCC;}

/*________________Preloader_______________ */

.preloader{ 
    position:fixed; 
    left:0px; 
    top:0px; 
    width:100%; 
    height:100%; 
    z-index:999999999999; 
    background-color:rgba(255,255,255,1); 
    background-position:center center; 
    background-repeat:no-repeat; 
    background-image:url(../images/icon/preloader.gif);
}



/* Update Mainmenu area Style */
@-webkit-keyframes menu_sticky {
  0%   {margin-top:-100px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}
@keyframes menu_sticky {
  0%   {margin-top:-100px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}
.mainmenu-area.stricky-fixed {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  z-index: 10000;
  background: #185e18;
  z-index: 99999;
  -webkit-animation-name: menu_sticky;
          animation-name: menu_sticky;
  -webkit-animation-duration: 0.60s;
          animation-duration: 0.60s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}


/* Scroll To Top styles */
.scroll-to-top {
    background: #7fa80c;
    border: 2px solid #7fa80c;
    border-radius: 20px 20px 0 0;
    bottom: 25px;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 30px;
    font-weight: normal;
    height: 45px;
    line-height: 44px;
    position: fixed;
    right: 15px;
    text-align: center;
    transition: all 500ms ease 0s;
    width: 45px;
    z-index: 99999;
    -webkit-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
    -moz-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
    box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
}
.scroll-to-top:hover {
  background: #33343f;
}


/*Form validation styles */
input:focus,
textarea:focus,
select:focus {
  border-color: #43c3ea;
  outline: none;
}


/* Post pagination styles */
.post-pagination li {
    display: inline-block;
    margin: 0 3px;
}
.post-pagination li a {
  background: #fff none repeat scroll 0 0;
  border: 2px solid #f4f4f4;
  color: #b8b8b8;
  display: block;
  font-size: 18px;
  font-weight: 700;
  height: 55px;
  padding: 14px 0;
  transition: all 500ms ease 0s;
  width: 55px;
  font-family: 'Poppins', sans-serif;
}
.post-pagination li.active a, .post-pagination li:hover a {
  background: #7fa80c;
  color: #fff;
  border: 2px solid #7fa80c;
}


/* Overlay styles one */
.overlay-style-one{
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 500ms ease;
  transition-delay: 0.10s;

}
.overlay-style-one .box{
  display: table;
  height: 100%;
  width: 100%;    
}
.overlay-style-one .box .content{
  display: table-cell;
  text-align: center;
  vertical-align: middle;    
}


/* Overlay styles two */
.overlay-style-two{
  background-color: rgba(43, 44, 54, 0.9);
  width: 100%;
  height: 100%;
  position:absolute;
  top:0;
  left:0;
  -webkit-transform: scale(0);
  transform: scale(0);
  border: 3px solid #fd3e67;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.overlay-style-two .box{
  display: table;
  height: 100%;
  width: 100%;    
}
.overlay-style-two .box .content{
  display: table-cell;
  text-align: center;
  vertical-align: middle;    
}




/*==============================================
    Top bar Area Css
===============================================*/
.top-bar-area {
  background: #3a526a none repeat scroll 0 0;
  padding: 2px 0 2px;
}
.top-bar-area .top-info {
  margin: 7px 0 3px;
  overflow: hidden;
}
.top-bar-area .top-info ul {}
.top-bar-area .top-info ul li {
  display: inline-block;
  float: left;
  margin-right: 30px;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
}
.top-bar-area .top-info ul li:last-child {
  margin-right: 0px;
}
.top-bar-area .top-info ul li span {
  color: #fff;
  font-size: 16px;
  display: inline-block;
  padding-right: 7px;
  position: relative;
  top: 2px;
}

.top-bar-area .top-right {
  float: right;
  margin: 7px 0 3px;
}
.top-bar-area .top-right ul { }
.top-bar-area .top-right ul li {
  display: inline-block;
  float: left;
  margin-right: 20px;
}
.top-bar-area .top-right ul li:last-child {
  margin-right: 0px;
}
.top-bar-area .top-right ul li a {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  transition: all 500ms ease;
}
.top-bar-area .top-right ul li a:hover{
  color: #7fa80c;
}

.language-switcher {
  float: right;
  width: 70px;
  font-family: 'Hind', sans-serif;
}
.language-switcher #polyglotLanguageSwitcher a {
  color: #7fa80c;
  padding: 5px 0 5px 0px;
  transition: all 500ms ease 0s;
}
.language-switcher #polyglotLanguageSwitcher span.trigger::before {
  color: #7fa80c;
  font-family: FontAwesome;
  position: absolute;
  right: -15px;
  top: -1px;
}
#polyglotLanguageSwitcher ul.dropdown li {
  border-top: 1px dashed #18191e;
  display: block;
  padding: 0 10px;
  transition: all 0.2s ease-in-out 0s;
  width: 100px;
}



/*==============================================
    Header Area Css
===============================================*/
.header-area {
  padding: 12px 0 47px;
}
.header-contact-info{
  overflow: hidden;
  padding-top:27px;
}
.header-contact-info ul{}
.header-contact-info ul li {
  border-right: 1px solid #f7f7f7;
  display: inline-block;
  float: left;
  margin-right: 30px;
  padding-right: 30px;
  position: relative;
  padding-top: 4px;
  padding-bottom: 2px;
}
.header-contact-info ul li:last-child{
  margin-right: 0;
  border-right: none;
  padding-right: 0;
}
.header-contact-info ul li .iocn-holder{
  width: 48px;
}
.header-contact-info ul li .iocn-holder span {
  color: #7fa80c;
  display: block;
  font-size: 30px;
  font-weight: 500;
  height: 48px;
  line-height: 48px;
  text-align: center;
  transition: all 500ms ease 0s;
  width: 48px;
}
.header-contact-info ul li .iocn-holder span.top-envelop {
  font-size: 40px;
}
.header-contact-info ul li:hover .iocn-holder span {
  color: #2b2c36;    
}
.header-contact-info ul li .iocn-holder, .header-contact-info ul li .text-holder{
  display: table-cell;
  vertical-align: middle;
} 
.header-contact-info ul li .text-holder {
  padding-left: 5px;
}
.header-contact-info ul li .text-holder h6 {
  color: #222222;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
  margin: 0 0 10px;
}
.header-contact-info ul li .text-holder p {
  color: #848484;
  font-size: 16px;
  font-weight: 300;
  margin: 0;
  line-height: 16px;
}
.top-social-links {
  float: right;
  margin: 15px 0;
/*  padding-top:27px;
*/}
.top-social-links li {
  display: inline-block;
  margin: 0 0 0 15px;
}
.top-social-links li:first-child {
  margin: 0;
}
.top-social-links li a i {
  color: #fff;
  font-size: 16px;
  transition: all 500ms ease;
}
.top-social-links li a:hover i{
  color: #7fa80c;
}


 @-webkit-keyframes argh-my-eyes {
	0%  { color: #ffff00; }
    49% { color: #ffff00; }
    50% { color: #fff; }
    99% { color: #fff; }
    100% { color: #ffff00; }
  }
  @-moz-keyframes argh-my-eyes {
	0%  { color: #ffff00; }
    49% { color: #ffff00; }
    50% { color: #fff; }
    99% { color: #fff; }
    100% { color: #ffff00; }
  }
  @keyframes argh-my-eyes {
	0%  { color: #ffff00; }
    49% { color: #ffff00; }
    50% { color: #fff; }
    99% { color: #fff; }
    100% { color: #ffff00;}
  }
  .blink-2 {
  -webkit-animation: argh-my-eyes 1s infinite;
  -moz-animation:    argh-my-eyes 1s infinite;
  animation:         argh-my-eyes 1s infinite;
}

/*==============================================
    Mainmenu Area Css
===============================================*/
.mainmenu-area {
  margin-bottom: -35px;
  margin-top: -35px;
  position: relative;
  z-index: 999999;
}
.mainmenu-area .mainmenu-bg {
  background: #185e18;
  transition: all 0.5s ease 0s;
}
.main-menu {
  float: left;
  position: relative;
}
.main-menu .navbar-collapse {
  padding: 0px
}
.main-menu .navigation {
  float: left;
  margin: 0;
  position: relative;
  font-family: 'Poppins', sans-serif;
}
.main-menu .navigation li {
  float: left;
  padding: 0;
  position: relative;
}
.main-menu .navigation li:first-child{}
.main-menu .navigation li.home a{
  background: #f02853 none repeat scroll 0 0;
  font-family: FontAwesome;
  font-size: 24px;
  padding: 19px 24px 18px;    
}
.main-menu .navigation li.home a span{
  color: #fff;    
}
.main-menu .navigation li a {
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  opacity: 1;
  padding: 19px 26px 18px;
  position: relative;
  text-transform: uppercase;
  transition: all 500ms ease 0s;
}
.main-menu .navigation > li.dropdown > a {
  padding-right: 10px;
}

.main-menu .navigation li.current.home a,
.main-menu .navigation li:hover.home a{
  background: #2b2c36;  
}
.main-menu .navigation > li.dropdown > a:after {}
.main-menu .navigation > li:hover > a, 
.main-menu .navigation > li.current > a {
  color: #cdcdcd;
  opacity: 1;
}
.main-menu .navigation > li > ul {
  position: absolute;
  left: 0;
  top: 100%;
  width: 270px;
  padding: 0px;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  border-bottom: 2px solid #7fa80c;
  transition: all 500ms ease;
}
.main-menu .navigation > li:hover > ul {
  left: 29px;
  top: 100%;
  opacity: 1;
  visibility: visible;
}
.main-menu .navigation > li > ul > li {
  float: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  border-top: 1px solid #fff;
  border-right: none;
}
.main-menu .navigation > li > ul > li:first-child{
  border: none;
}
.main-menu .navigation > li > ul > li > a {
  background: #1e731e none repeat scroll 0 0;
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 12px 20px 12px 20px;
  position: relative;
  text-transform: capitalize;
  transition: all 500ms ease 0s;
}
.main-menu .navigation > li > ul > li:hover > a {
  color: #fff;
  background-color: #185e18;
}


.main-menu .navigation > li > ul > li.dropdown > a:after{}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after{}
.main-menu .navigation > li > ul > li > ul{
}
.main-menu .navigation > li > ul li:hover ul {}
.main-menu .navigation > li > ul > li ul li {}
.main-menu .navigation > li > ul > li ul li:first-child{}
.main-menu .navigation > li > ul > li ul li a{ }
.main-menu .navigation > li > ul > li  > ul > li:hover > a{}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
  position: absolute;
  right: 10px;
  top: 6px;
  width: 34px;
  height: 30px;
  border: 1px solid #ffffff;
  background: url(../images/icon/submenu-icon.png) center center no-repeat;
  background-size: 20px;
  cursor: pointer;
  z-index: 5;
  display: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
}


/* Search Box style   */
.outer-search-box {
  float: right;
  height: 40px;
  width: 40px;
  margin-top: 14px;
  margin-bottom: 13px;
  margin-right: 110px;
}
.outer-search-box .seach-toggle {
  background: transparent;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  padding: 10px 0px;
  position: relative;
  text-align: center;
  transition: all 500ms ease;
}
.outer-search-box .seach-toggle:hover,
.outer-search-box .seach-toggle.active{
  background:#f02853;	
}
.search-box {
  background: #7fa80c;
  border-top: 2px solid #f02853;
  opacity: 0;
  padding: 20px;
  position: absolute;
  right: 125px;
  top: 150%;
  transition: all 500ms ease 0s;
  visibility: hidden;
}
.search-box.now-visible{
  top:100%;
  opacity:1;
  visibility:visible;	
}
.search-box .form-group{
  position:relative;
  padding:0px;
  margin:0px;
  width:100%;
  min-width:250px;
}
.search-box .form-group input[type="search"] {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #2b2c36;
  color: #000;
  display: block;
  font-size: 13px;
  line-height: 24px;
  position: relative;
  transition: all 500ms ease 0s;
  width: 100%;
  height: 40px;
  padding-left: 15px;
  padding-right: 50px;
}
.search-box .form-group input[type="search"]:focus{
  border-color:#c61239;	
}
.search-box .form-group button, 
.search-box .form-group input[type="submit"] {
  background: #2b2c36;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  transition: all 500ms ease 0s;
}
.search-box .form-group button:hover,
.search-box .form-group input:focus + button{
  color:#fff;
  background: #c61239;
}

.free-consulation-button{
  position: relative;
  height: 67px;
  width: 205px;
}
.free-consulation-button:before{
  background: #185e18 none repeat scroll 0 0;
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 2500px;
  z-index: -1;    
}
.free-consulation-button a {
  background: #e0e0e0;
  width: 205px;
  height: 67px;
  padding: 22px 0;
  position: relative;
  z-index: 1;
}



/*** 
=============================================
    Rev Slider Wrapper style
=============================================
***/
.rev_slider_wrapper .slide-content-box h1 {
  color: #222222;
  font-size: 50px;
  font-weight: 700;
  line-height: 62px;
  margin: 0px 0 20px;
  text-transform: none;
}
.rev_slider_wrapper .slide-content-box p{
  font-size: 20px;
  color: #848484;
  font-weight: 500;
  line-height: 26px;
}
.rev_slider_wrapper .slide-content-box .button a{
  padding: 12px 30px 11px;
}

.rev_slider_wrapper .slide-content-box.middle-slide h1{
  text-align: center;
  color: #fff;
}


.rev_slider_wrapper .slide-content-box.middle-slide .button a:hover{
  background: #7fa80c;
}

.tparrows {
  background: rgba(127, 168, 12, 0.5) none repeat scroll 0 0;
  cursor: pointer;
  display: block;
  height: 40px;
  position: absolute;
  width: 40px;
  z-index: 1000;
}
.tparrows:hover{
    background:#2b2c36;
}


.rev_slider_wrapper{
 position:relative;
}
.rev_slider_wrapper .negative-margin{
 position:relative;
}

.rev_slider_wrapper .tp-caption{
 z-index:5;
}


.rev_slider_wrapper .tparrows.preview3{
 display: none;
}
.tp-bullets.preview3 .bullet{
 display: none;
}

.rev_slider_wrapper .tp-bannertimer{
 display:none !important; 
}


/*** 
=============================================
    Call to action Area style
=============================================
***/
.call-to-action-area {
  padding: 80px 0 40px;
}
.call-to-action-area .title {
  padding: 0 50px 40px;
}
.call-to-action-area .title h3 {
  color: #222222;
  font-size: 20px;
  font-weight: 500;
  line-height: 34px;
  margin: -7px 0 12px;
}
.call-to-action-area .title p {
  color: #ababab;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  margin: 0;
}
.call-to-action-area .single-item {
  margin-bottom: 40px;
}
.call-to-action-area .single-item .img-holder {
  display: block;
  overflow: hidden;
  position: relative;
  border-radius: 7px;
}
.call-to-action-area .single-item .img-holder img {
  transform: scale(1.1, 1.1);
  transition: all 0.5s ease 0s;
  width: 100%;
  border-radius: 7px;
}
.call-to-action-area .single-item .img-holder .overlay-style-one .box .content a i {
  background: #7fa80c; 
  color: #fff;
  font-size: 15px;
  opacity: 0;
  transform: scale(0.7);
  transition: all 500ms ease 0.1s;
  width: 35px;
  height: 35px;
  border: 1px solid #fff;
  line-height: 34px;
}
.call-to-action-area .single-item:hover .img-holder .overlay-style-one{
  background: rgba(0, 0, 0, 0.70);
  border-radius: 7px;
}
.call-to-action-area .single-item:hover .img-holder img {
  transform: scale(1, 1);
}
.call-to-action-area .single-item:hover .img-holder .overlay-style-one .box .content a i{
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.call-to-action-area .single-item:hover .img-holder .overlay-style-one .box .content a:hover i{
  background: rgba(43, 44, 54, 0.70);
}

.call-to-action-area .single-item .text-holder {
  padding-top: 29px;
  position: relative;
  padding-bottom: 13px;
}
.call-to-action-area .single-item .text-holder:before{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  content: "";
  background: #f7f7f7;
}
.call-to-action-area .single-item .text-holder:after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  content: "";
  background: #7fa80c;
  transition: all 500ms ease 0.15s;
}
.call-to-action-area .single-item:hover .text-holder:after{
  width: 100%;    
}
.call-to-action-area .single-item .text-holder h3{
  color: #222222;
  font-size: 20px;
  font-weight: 400;
  text-transform: capitalize;
  margin: 0 0 13px;
}
.call-to-action-area .single-item .text-holder p{

}



/*** 
=============================================
    Smart Approach Area style
=============================================
***/
.smart-approach-area{
    background: #f7f7f7;  
    padding-top: 80px;
    padding-bottom: 40px;
}
.smart-approach-area .single-item {
    background: transparent;
    padding-top: 50px;
    padding-bottom: 40px;
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
}
.smart-approach-area .single-item:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    background: #fff;
    content: "";
    z-index: -1;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    opacity: 0;
}
.smart-approach-area .single-item:hover:before{
    height: 100%;
    opacity: 1;
    -webkit-box-shadow: 0px 3px 4px -1px rgba(220,217,217,1);
    -moz-box-shadow: 0px 3px 4px -1px rgba(220,217,217,1);
    box-shadow: 0px 3px 4px -1px rgba(220,217,217,1);    
}
.smart-approach-area .single-item .icon-box {
    padding-bottom: 29px;
}
.smart-approach-area .single-item .icon-box span {
    color: #7fa80c;
    font-size: 65px;
    font-weight: 500;
}
.smart-approach-area .single-item .text-box {
  padding: 0 15px;
}
.smart-approach-area .single-item .text-box h3 {
    color: #222222;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 18px;
}
.smart-approach-area .single-item .text-box p {
    margin: 0;
}



/*** 
=============================================
    Fact counter Area style
=============================================
***/
.fact-counter-area {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 20px;
    padding-top: 53px;
    position: relative;
}
.fact-counter-area .single-item {
    height: 135px;
    width: 100%;
    display: block;
    padding: 24px 0;
    margin-bottom: 30px;
    position: relative;
}
.fact-counter-area .single-item h1 span{
    color: #ffffff;
    font-size: 36px;
    font-weight: 700;
}
.fact-counter-area .single-item h1 i {
    font-size: 24px;
    display: inline-block;
    color: #ffffff;
    position: relative;
    left: 3px;
    font-weight: 100;
    top: -3px;
}
.fact-counter-area .single-item .border {
    background: #7fa80c;
    display: inline-block;
    height: 1px;
    margin: 12px 0 6px;
    width: 50px;
}
.fact-counter-area .single-item h3{
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    text-transform: capitalize;
    font-family: 'Hind', sans-serif;
}



/*** 
=============================================
    Latest Project Area style
=============================================
***/
.latest-project-area{
    padding-top: 74px;
    padding-bottom: 40px;
}
.latest-project-area .project-filter {
    padding-bottom: 32px;
    overflow: hidden;
}
.latest-project-area .project-filter li {
    display: inline-block;
    float: left;
    margin-right: 30px;
}
.latest-project-area .project-filter li:last-child{
    margin-right: 0;
}
.latest-project-area .project-filter li span {
    color: #848484;
    cursor: pointer;
    display: block;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    transition: all 500ms ease 0s;
    border: none;
}
.latest-project-area .project-filter li.active span, 
.latest-project-area .project-filter li:hover span {
    color: #7fa80c;
    background: transparent;
}
.latest-project-area .single-project{
    padding-bottom: 36px;    
}
.latest-project-area .single-project .outer-img-box{
    border: 1px solid #f4f4f4;
    padding: 4px;    
}
.latest-project-area .single-project .img-holder {
    position: relative;
    overflow: hidden;
    display: block;
}
.latest-project-area .single-project .img-holder img {
    transform: scale(1);
    transition: all 0.5s ease 0s;
    width: 100%;
}
.latest-project-area .single-project:hover .img-holder img{
    transform: scale(1.1);
}
.latest-project-area .single-project .img-holder .overlay-style-one .box .content a i {
    background: #7fa80c;
    color: #fff;
    font-size: 15px;
    opacity: 0;
    transform: scale(0.7);
    transition: all 0.5s ease 0s;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    line-height: 40px;
}
.latest-project-area .single-project:hover .img-holder .overlay-style-one .box .content a i{
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.latest-project-area .single-project .img-holder .overlay-style-one .box .content a:hover i{
    background: rgba(43, 44, 54, 0.70);
}
.latest-project-area .single-project:hover .img-holder .overlay-style-one{
    background: rgba(255, 43, 88, 0.80);
}
.latest-project-area .single-project .title-holder{
    padding-top: 24px;
}
.latest-project-area .single-project .title-holder h5 {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.7s ease;
}
.latest-project-area .single-project .title-holder a:hover h5{
    color: #7fa80c;
}

.latest-project-area .more-project a{
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
}
.latest-project-area .more-project a i{
    font-size: 12px;
    display: inline-block;
    padding-left: 7px;
}
.latest-project-area .more-project a:hover{
    color: #7fa80c;
}



/*** 
=============================================
    Team Area style
=============================================
***/
.team-area{
    background: #f7f7f7;
    padding-top: 70px;
    padding-bottom: 20px;
}
.team-area .single-team {
    margin-bottom: 30px;
    padding-bottom: 10px;
}
.team-area .single-team .img-holder {
    overflow: hidden;
    display: block;
    position: relative;
}
.team-area .single-team .img-holder img {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease; 
    width: 100%;
}
.team-area .single-team:hover .img-holder img {
    -webkit-filter: grayscale(100%);
}
.team-area .single-team .title-holder {
    padding-top: 23px;
}
.team-area .single-team .title-holder h3 {
    color: #222222;
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0 0 5px;
}
.team-area .single-team .title-holder p{
    margin: 0;
    font-weight: 400;
}



/*** 
=============================================
    Video Gallery Area style
=============================================
***/
.video-gallery-area{
    background: #185e18;
    padding: 80px 0 80px;
}
.video-gallery-area .text-holder {
  
}
.video-gallery-area .text-holder h3 {
    color: #7fa80c;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    margin: -6px 0 23px;
}
.video-gallery-area .text-holder .text{
}
.video-gallery-area .text-holder .text p {
    color: #c0c1c8;
}
.video-gallery-area .text-holder .text a{
    padding: 13px 40px 11px;
    margin: 21px 0 0px;
    border: 2px solid #7fa80c;
}

.video-gallery-area .video-holder {
    width: 100%;
    height: auto;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.video-gallery-area .video-holder img {
    transform: scale(1);
    transition: all 0.5s ease 0s;
    width: 100%;
}
.video-gallery-area .video-holder .overlay-gallery {
    background-color: transparent;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    transition: all 500ms ease;
}
.video-gallery-area .video-holder .overlay-gallery .icon-holder{
    display: table;
    height: 100%;
    width: 100%;    
}
.video-gallery-area .video-holder .overlay-gallery .icon-holder .icon{
    display: table-cell;
    vertical-align: middle;    
}
.video-gallery-area .video-holder .overlay-gallery .icon-holder .icon a img{
    width: auto;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
.video-gallery-area .video-holder:hover .overlay-gallery {
    background-color: rgba(255, 43, 88, 0.60);
}
.video-gallery-area .video-holder:hover img {
    transform: scale(1.1);
}
.video-gallery-area .video-holder .overlay-gallery .icon-holder .icon a:hover img{
    transform: scale(1.1);
}



/*** 
=============================================
    Latest blog Area style
=============================================
***/
.latest-blog-area {
    background: #ffffff none repeat scroll 0 0;
    padding-bottom: 30px;
    padding-top: 80px;
}
.single-blog-post{
    margin-bottom: 50px;
}
.single-blog-post .img-holder{
    display: block;
    overflow: hidden;
    position: relative;     
}
.single-blog-post .img-holder img {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    width: 100%;     
}
.single-blog-post .img-holder .published-date {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 55px;
    height: 55px;
    background: #7fa80c;
    text-align: center;
    padding: 7px 10px;
    z-index: 5;
    transition: all 500ms ease;
    transition-delay: 0.10s;
}
.single-blog-post:hover .img-holder .published-date{
    left: 0;  
    top: 0;
}
.single-blog-post .img-holder .published-date h3{
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
}
.single-blog-post .img-holder .overlay-style-one .box .content {
    vertical-align: bottom;
}
.single-blog-post:hover .img-holder .overlay-style-one{
    background: rgba(255, 43, 88, 0.80);
}
.single-blog-post .img-holder img {
    transform: scale(1);
    transition: all 0.5s ease 0s;
    width: 100%;
}
.single-blog-post:hover .img-holder img{
    transform: scale(1.1);
}
.single-blog-post:hover .img-holder .overlay-style-one .box .content a i{
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
}
.single-blog-post .img-holder .overlay-style-one .box .content a:hover i{
    background: rgba(43, 44, 54, 0.70);
}


.single-blog-post .text-holder {
    border-left: 1px solid #f4f4f4;
    border-right: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 26px;
    transition: all 500ms ease;
    position: relative;
    z-index: 1;
} 
.single-blog-post .text-holder .blog-title{
    color: #222222;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 15px;
    line-height: 28px;
    transition: all 500ms ease;
}
.single-blog-post .text-holder .blog-title:hover{
    color: #7fa80c;        
} 
.single-blog-post .text-holder .text{
    overflow: hidden;
    padding-bottom: 11px;
}
.single-blog-post .text-holder .meta-info {
    overflow: hidden;
    margin-left: -20px;
    margin-right: -20px;
    border-top: 1px solid #f4f4f4;
    display: block;
    padding: 0px 20px 0px;
}
.single-blog-post .text-holder .meta-info .left {
    display: block;
    padding: 20px 0 9px;
}
.single-blog-post .text-holder .meta-info .post-info li {
    display: inline-block;
    float: left;
    margin-right: 10px;
    border-right: 1px solid #f4f4f4;
    padding-right: 10px;
    line-height: 15px;
    color: #ababab;
    font-size: 16px;
    font-weight: 300;
}
.single-blog-post .text-holder .meta-info .post-info li:last-child{
    border-right: 0px solid; 
    margin-right: 0px;
    padding-right: 0px;
}
.single-blog-post .text-holder .meta-info .post-info li a{
    color: #ababab;
    font-size: 16px;
    font-weight: 300;
    transition: all 500ms ease;
}
.single-blog-post .text-holder .meta-info .post-info li a:hover{
    color: #7fa80c;
}
.single-blog-post .text-holder .meta-info .right {
    border-left: 1px solid #f4f4f4;
    width: 55px;
    text-align: center;
    display: block;
    height: 52px;
    margin-right: -20px;
    padding: 14px 0;
}

.single-blog-post .text-holder .meta-info a.post-share i {
    color: #848484;
    font-size: 16px;
    position: relative;
    transition: all 500ms ease;
}
.single-blog-post .text-holder .meta-info a.post-share:hover i{
    color: #7fa80c;    
}



/*** 
=============================================
    Testimonial Area style
=============================================
***/
.testimonial-area {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 71px;
    padding-top: 80px;
    position: relative;
    z-index: 1;
}
.testimonial-area::before {
    background: rgba(24, 94, 24, 0.5) none repeat scroll 0 0;
	content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.testimonial-area .sec-title{
    padding-bottom: 36px;    
}
.testimonial-area .sec-title h1{
    color: #ffffff;
}
.testimonial-carousel .single-item {
    margin: 0 auto;
    max-width: 970px;
}
.testimonial-carousel .single-item .text-holder {
    padding-bottom: 29px;
    transition: all 0.7s ease;
}
.testimonial-carousel .single-item .text-holder p {
    color: #c0c1c8;
    font-size: 20px;
    line-height: 32px;
}
.testimonial-carousel .single-item .client-info {
    display: block;
    overflow: hidden;
}
.testimonial-carousel .single-item .client-info .img-holder{
    width: 100px;
    height: 100px;
    margin: 0 auto;
}
.testimonial-carousel .single-item .client-info .img-holder img{
    width: auto;
}
.testimonial-carousel .single-item .client-info .name h3 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 23px 0 3px;
    transition: all 700ms ease;
}
.testimonial-carousel .single-item .client-info .name p {
    color: #ff5353;
    margin: 0;
    transition: all 500ms ease;
}
.testimonial-area .owl-controls {
    max-width: 400px;
    margin: 0 auto;
    position: relative;
}
.testimonial-area .owl-theme .owl-nav {}
.testimonial-area .owl-theme .owl-nav .owl-prev {
    background: transparent none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 50%;
    height: 50px;
    left: 0;
    position: absolute;
    top: -155px;
    width: 50px;
    margin: 0;
    padding: 0;
    display: block;
    padding: 7px 0;
    transition: all 500ms ease;
}
.testimonial-area .owl-theme .owl-nav .owl-next {
    background: transparent none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 50%;
    height: 50px;
    right: 0;
    position: absolute;
    top: -155px;
    width: 50px;
    margin: 0;
    padding: 0;
    display: block;
    padding: 7px 0;
    transition: all 500ms ease;
}
.testimonial-area .owl-theme .owl-nav .owl-prev:hover{
    border-color: #7fa80c;
}
.testimonial-area .owl-theme .owl-nav .owl-next:hover{
    border-color: #7fa80c;
}
.testimonial-area .owl-theme .owl-nav div .fa {
    color: #fff;
    font-size: 30px;
    display: block;
    text-align: center;
    transition: all 500ms ease;
}
.testimonial-area .owl-theme .owl-nav .owl-next:hover .fa{
    color: #7fa80c;  
}
.testimonial-area .owl-theme .owl-nav .owl-prev:hover .fa{
    color: #7fa80c;  
}



/*** 
=============================================
    Brand Area style
=============================================
***/
.brand-area {
    background: #ffffff;
    padding-bottom: 80px;
    padding-top: 80px;
}
.brand-area .sec-title {
    padding-bottom: 1px;
}
.brand-area .tooltip-inner {
    background: #7fa80c;
}
.brand-area .tooltip.top .tooltip-arrow {
    border-top-color: #7fa80c;
}
.brand-area .brand .owl-stage-outer{
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    padding-top: 40px;	
}
.brand-area .brand .single-item {
    border: 2px solid #f4f4f4;
    height: 120px;
    width: 100%;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    text-align: center;
}
.brand-area .brand .single-item a{
    
}
.brand-area .brand .single-item:hover{
    border: 2px solid #7fa80c;
}
.brand-area .brand .single-item:hover img{
    opacity: .9;
}
.brand-area .owl-controls {
    position: absolute;
    right: 0;
    top: -60px;
}
.brand-area .owl-theme .owl-nav [class*="owl-"] {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 0;
    color: #ababab;
    font-size: 20px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    margin: 0 0 0 0px;
    padding: 0;
    width: 40px;
    border: 2px solid #f7f7f7;    
    transition: all 700ms ease 0s;
}
.brand-area .owl-theme .owl-nav .owl-next {
    margin-left: 10px;
}
.brand-area .owl-theme .owl-nav [class*="owl-"]:hover{
    border-color: #7fa80c;
    color: #7fa80c;
}



/*** 
=============================================
    Footer area style
=============================================
***/
.footer-area {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 60px;
	padding-top:60px!important;
    position: relative;
    z-index: 1;
}
.footer-area::before {
    background: rgba(43, 44, 54, 0.96) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.footer-top-area{
    overflow: hidden;
    display: block;
    padding: 40px 0 40px;
    margin-bottom: 60px;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(33,35,42,0.58);
    -moz-box-shadow: 0px 4px 5px 0px rgba(33,35,42,0.58);
    box-shadow: 0px 4px 5px 0px rgba(33,35,42,0.58);
}
.footer-top-area .footer-top-content .title{ }
.footer-top-area .footer-top-content .title h3 {
    color: #c0c1c8;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    margin: 10px 0;
}
.footer-top-area .footer-top-content .button{   }
.footer-top-area .footer-top-content .button a {
    background: transparent;
    border: 2px solid #7fa80c;
    display: block;
    padding: 11px 35px 9px;
}
.footer-top-area .footer-top-content .button a.thm-btn:before{
    background: #7fa80c;    
}
.single-footer-widget .footer-logo {
    padding: 0 0 34px;
}
.single-footer-widget .our-info {
    overflow: hidden;
}
.single-footer-widget .our-info p {
    margin: 0;
    color: #c0c1c8;
    font-size: 16px;
}
.single-footer-widget .title {
    padding-bottom: 28px;
    margin-top: -2px;
}
.single-footer-widget .title h3 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 400;
    text-transform: capitalize;
}


.single-footer-widget.wedo{
    padding-left: 60px;
}
.single-footer-widget .we-do-list{ 
    overflow: hidden;
}
.single-footer-widget .we-do-list li{
    margin-bottom: 7px;  
    padding-left: 15px;
    position: relative;
}
.single-footer-widget .we-do-list li:last-child{
    margin-bottom: 0;
}
.single-footer-widget .we-do-list li:before{
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #43444c;
    transition: all 500ms ease;
}
.single-footer-widget .we-do-list li a{
    color: #c0c1c8;
    font-size: 16px;
    font-weight: 300;
    transition: all 700ms ease;
    font-family: 'Hind', sans-serif;
}
.single-footer-widget .we-do-list li:hover:before{
    background: #7fa80c;    
}
.single-footer-widget .we-do-list li:hover a{
    color: #7fa80c;
}

.single-footer-widget .latest-news-items{
    overflow: hidden;
}
.single-footer-widget .latest-news-items li {
    margin-bottom: 19px;
    padding-left: 15px;
    position: relative;
    border-bottom: 1px solid rgba(43, 44, 54, 0.99);
    padding-bottom: 16px;
}
.single-footer-widget .latest-news-items li:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.single-footer-widget .latest-news-items li:before{
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #43444c;
    transition: all 500ms ease;    
}
.single-footer-widget .latest-news-items li:hover:before{
    background: #7fa80c;        
}
.single-footer-widget .latest-news-items li a{
    color: #c0c1c8;
    font-size: 16px;
    font-weight: 300;
    transition: all 700ms ease;
    font-family: 'Hind', sans-serif;    
}
.single-footer-widget .latest-news-items li a:hover{
    color: #7fa80c;
}
.single-footer-widget .latest-news-items li p{
    color: #7fa80c;
    margin: 0;
}

.single-footer-widget .footer-contact-info {
    overflow: hidden;
}
.single-footer-widget .footer-contact-info li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
}
.single-footer-widget .footer-contact-info li:last-child{
    margin-bottom: 0;
}
.single-footer-widget .footer-contact-info li .icon-holder {
    position: absolute;
    top: 4px;
    left: 0;
}
.single-footer-widget .footer-contact-info li .icon-holder span:before{
    color: #7fa80c;
    font-size: 16px;
}
.single-footer-widget .footer-contact-info li .icon-holder span.bottom-envelop:before {
    font-size: 18px;
}
.single-footer-widget .footer-contact-info li .text-holder { }
.single-footer-widget .footer-contact-info li .text-holder p {
    color: #c0c1c8;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    margin: 0;    
}

.single-footer-widget .footer-social-links {
  overflow: hidden;
  margin-top: 20px;
}
.single-footer-widget .footer-social-links li {
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.single-footer-widget .footer-social-links li:last-child {
  margin-right: 0px;
}
.single-footer-widget .footer-social-links li a {}
.single-footer-widget .footer-social-links li a i {
  color: #ffffff;
  font-size: 14px;
  transition: all 500ms ease;
  height: 38px;
  width: 38px;
  border: 2px solid #1e1f26;
  border-radius: 50%;
  text-align: center;
  line-height: 34px;
}
.single-footer-widget .footer-social-links li a:hover i {
    background: #7fa80c;
    border-color: #7fa80c;
}



/*** 
=============================================
    Footer Bottom area style
=============================================
***/
.footer-bottom-area {
    background: #33343f;
    display: block;
    padding: 20px 0 11px;
}
.footer-bottom {
    overflow: hidden;
}
.footer-bottom .copyright-text{}
.footer-bottom .copyright-text p {
    color: #c0c1c8;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.footer-bottom .copyright-text p a {
  color: #7fa80c; 
  transition: all 500ms ease;
}
.footer-bottom .copyright-text p a:hover{
  color: #c0c1c8;
}
.footer-bottom .footer-menu{}
.footer-bottom .footer-menu ul {
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
}
.footer-bottom .footer-menu ul li {
    display: inline-block;
    float: left;
    margin: 0 15px;
}
.footer-bottom .footer-menu ul li a {
    font-size: 16px;
    transition: all 500ms ease;
    color: #c0c1c8;
    font-weight: 300;
}
.footer-bottom .footer-menu ul li a:hover {
    color: #7fa80c;
}



/*** 
=============================================
    Breadcrumb area style
=============================================
***/
.breadcrumb-area {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 125px;
  padding-top: 166px;
  position: relative;
}
.breadcrumb-area h1 {
    color: #222222;
    font-size: 48px;
    font-weight: 600;
    line-height: 40px;
    text-transform: capitalize;
}



/*** 
=============================================
    Breadcrumb botton area style
=============================================
***/
.breadcrumb-botton-area {
  border-bottom: 1px solid #f4f4f4;
  padding: 18px 0 7px;
  border-top: 1px solid #f4f4f4;
}
.breadcrumb-botton-area .left { }
.breadcrumb-botton-area .left ul {
  overflow: hidden;
  display: inline-block;
  margin-left: -4px;
  margin-right: -4px;
}
.breadcrumb-botton-area .left ul li{
  display: inline-block;
  float: left;
  margin: 0 4px;
  color: #7fa80c;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
}
.breadcrumb-botton-area .left ul li i {
  display: inline-block;
  font-size: 16px;
  padding-left: 2px;
}
.breadcrumb-botton-area .left ul li a{
  color: #222222;
  transition: all 500ms ease;
  font-size: 18px;
}
.breadcrumb-botton-area .left ul li a:hover{
  color: #7fa80c;    
}
.breadcrumb-botton-area .right {}
.breadcrumb-botton-area .right a {
  color: #ff5353;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  transition: all 500ms ease;
}
.breadcrumb-botton-area .right a i {
  display: inline-block;
  padding-right: 10px;
  color: #222222;
  font-size: 14px;
}
.breadcrumb-botton-area .right a:hover{
  color: #222222;    
}



/*** 
=============================================
    Client Feedback area style
=============================================
***/
.client-feedback-area {
    padding-top: 80px;
    padding-bottom: 30px;
}
.left-sidebar .single-sidebar {
  
}
.left-sidebar .single-sidebar .page-link {
    border-left: 2px solid #7fa80c;
}
.left-sidebar .single-sidebar .page-link li{
    border-bottom: 1px solid #ffffff;    
}
.left-sidebar .single-sidebar .page-link li:last-child{
    border-bottom: 0px solid;    
}
.left-sidebar .single-sidebar .page-link li a {
    background: #f7f7f7 none repeat scroll 0 0;
    color: #222222;
    display: block;
    font-size: 16px;
    font-weight: 400;
    padding: 15px 9px 15px;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    position: relative;
    z-index: 1;
    transition: all 500ms ease;
    transition-delay: 0.15s;
}

.left-sidebar .single-sidebar .page-link-1 a {
    background: #7fa80c none repeat scroll 0 0;
    display: block;
    padding: 10px 10px 1px;
    width: 100%;
    position: relative;
    z-index: 1;
    transition: all 500ms ease;
    transition-delay: 0.15s;
}
.left-sidebar .single-sidebar .page-link-1 a:hover {    background: #efeeee none repeat scroll 0 0;

}
.left-sidebar .single-sidebar .page-link li a:hover,
.left-sidebar .single-sidebar .page-link li a.active{
    color: #fff;    
}
.left-sidebar .single-sidebar .page-link li a:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    content: "";
    background: #7fa80c;
    z-index: -1;
    transition: all 500ms ease;
    transition-delay: 0.15s;
}
.left-sidebar .single-sidebar .page-link li a:hover:before,
.left-sidebar .single-sidebar .page-link li a.active:before{
    width: 100%;
}
.left-sidebar .single-sidebar .page-link li a i {
    float: right;
    color: #848484;
    font-size: 16px;
    margin: 5px 0;
    transition: all 500ms ease;
    transition-delay: 0.10s;
}
.left-sidebar .single-sidebar .page-link li a:hover i,
.left-sidebar .single-sidebar .page-link li a.active i{
    color: #fff;    
}


.left-sidebar .single-sidebar .download-link {
    padding-top: 50px;
    padding-bottom: 50px;
}
.left-sidebar .single-sidebar .download-link li{
    padding-left: 60px; 
    position: relative;
    border: 2px solid #f4f4f4;
    margin-bottom: 10px;
    transition: all 500ms ease;
}
.left-sidebar .single-sidebar .download-link li:last-child{
    margin-bottom: 0px;
}
.left-sidebar .single-sidebar .download-link li a {
    color: #222222;
    overflow: hidden;
    display: block;
    padding: 19px 0 15px;
    transition: all 500ms ease;
}
.left-sidebar .single-sidebar .download-link li a .icon-holder {
    position: absolute;
    top: 18px;
    left: 25px;
}
.left-sidebar .single-sidebar .download-link li a .icon-holder span:before {
    font-size: 16px;
}
.left-sidebar .single-sidebar .download-link li a .title-holder {}
.left-sidebar .single-sidebar .download-link li a .title-holder h5 {
    font-size: 16px;
    font-weight: 500;
}
.left-sidebar .single-sidebar .download-link li:hover{
    border-color: #7fa80c;
    background: #7fa80c;
    color: #fff;
}
.left-sidebar .single-sidebar .download-link li:hover a{
    color: #fff;    
}

.left-sidebar .single-sidebar .sidebar-testimonial {}
.left-sidebar .single-sidebar .sidebar-testimonial .text-box {
    border: 2px solid #f4f4f4;
    display: block;
    padding: 21px 20px 20px;
    margin-bottom: 30px;
}
.left-sidebar .single-sidebar .sidebar-testimonial .text-box p{
    margin: 0;
    line-height: 28px;
}
.left-sidebar .single-sidebar .sidebar-testimonial .client-info {}
.left-sidebar .single-sidebar .sidebar-testimonial .client-info .img-box {
    width: 70px;
}
.left-sidebar .single-sidebar .sidebar-testimonial .client-info .img-box,
.left-sidebar .single-sidebar .sidebar-testimonial .client-info .title-box{
    display: table-cell;
    vertical-align: middle;
}
.left-sidebar .single-sidebar .sidebar-testimonial .client-info .title-box {
    padding-left: 15px;    
}
.left-sidebar .single-sidebar .sidebar-testimonial .client-info .title-box h4{
    color: #272727;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 5px;
}
.left-sidebar .single-sidebar .sidebar-testimonial .client-info .title-box span{
    color: #848484;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Hind', sans-serif;
}
.review-box {}
.review-box ul {
  margin-left: -1px;
  margin-right: -1px;
}
.review-box ul li {
  display: inline-block;
  margin: 0 1px;
}
.review-box ul li i {
  color: #7fa80c;
  font-size: 14px;
}

.left-sidebar .single-sidebar .business-enquiry {
    background: url(../images/sidebar/business-enquiry-bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    display: block;
    padding: 27px 28px 19px;
/*    margin-top: 50px;
*/}
.left-sidebar .single-sidebar .business-enquiry h4{
    color: #222222;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 19px;
}
.left-sidebar .single-sidebar .business-enquiry p{
    font-size: 18px;
    line-height: 30px;
    margin: 0;
}
.left-sidebar .single-sidebar .business-enquiry p a{
    color: #7fa80c;
}

.testimonial-content .single-testimonial-item{
  margin-bottom: 50px;
}
.testimonial-content .single-testimonial-item .text-holder {
  border: 2px solid #f4f4f4;
  display: block;
  padding: 17px 18px 20px;
  position: relative;
  transition: all 500ms ease;
}
.testimonial-content .single-testimonial-item .text-holder::before {
  border-left: 20px solid #f4f4f4;
  border-right: 16px solid transparent;
  border-top: 16px solid transparent;
  bottom: -27px;
  content: "";
  height: 15px;
  left: 0;
  position: absolute;
  transform: rotate(88deg);
  width: 15px;
  transition: all 500ms ease;
}
.testimonial-content .single-testimonial-item .text-holder p {
  font-size: 16px;
  line-height: 26px;
  margin: 0;
}
.testimonial-content .single-testimonial-item .client-info {
  margin-top: 30px;
}
.testimonial-content .single-testimonial-item .client-info .img-box {
  border: 2px solid transparent;
  width: 60px;
  transition: all 500ms ease;
}
.testimonial-content .single-testimonial-item .client-info .img-box,
.testimonial-content .single-testimonial-item .client-info .title-box{
  display: table-cell;
  vertical-align: top;
}
.testimonial-content .single-testimonial-item .client-info .title-box {
  padding-left: 20px;
}
.testimonial-content .single-testimonial-item .client-info .title-box h4 {
  color: #222222;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  margin: 0 0 4px;
}
.testimonial-content .single-testimonial-item .client-info .title-box p {
  color: #7fa80c;
  margin: 0;
}

.testimonial-content .single-testimonial-item:hover .text-holder {
 border-color: #7fa80c;    
}
.testimonial-content .single-testimonial-item:hover .text-holder::before {
 border-left-color: #7fa80c;       
}
.testimonial-content .single-testimonial-item:hover .client-info .img-box{
  border-color: #7fa80c;  
} 



/*** 
=============================================
    Company History area style
=============================================
***/
.company-history-area {
    padding-top: 80px;
    padding-bottom: 80px;
}
.company-history-content {}
.company-history-content .sec-title {
    padding-bottom: 25px;
}
.company-history-content .top-text-box {
    overflow: hidden;
    padding-bottom: 41px;
}
.company-history {
}
.company-history .single-history {
    overflow: hidden;
    padding-left: 100px;
    position: relative;
    padding-bottom: 60px;
}
.company-history .single-history::before {
  background: #f4f4f4 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 37.5px;
  position: absolute;
  top: 75px;
  width: 2px;
}
.company-history .single-history::after {
  background: #e5e1e1 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 37.5px;
  position: absolute;
  top: 75px;
  width: 2px;
  opacity: 0;
  transition: all 700ms ease;
}
.company-history .single-history:hover::after{
    opacity: 1;
}
.company-history .single-history .year {
    position: absolute;
    top: 0;
    left: 0;
    height: 75px;
    width: 75px;
    border: 2px solid #f4f4f4;
    border-radius: 50%;
    text-align: center;
    background: #fff;
    z-index: 1;
}
.company-history .single-history .year:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 75px;
    height: 75px;
    border: 2px solid #7fa80c;
    background: #33343f;
    border-radius: 50%;
    content: "";
    z-index: -1;
    opacity: 0;
    transition: all 700ms ease;
}
.company-history .single-history:hover .year:before{
    opacity: 1;
}
.company-history .single-history .year h3 {
    color: #7fa80c;
    font-size: 20px;
    font-weight: 400;
    display: block;
    padding: 27px 0;
}
.company-history .single-history .inner-box {}

.company-history .single-history .text-holder .sec-title {
    padding-top: 2px;
    padding-bottom: 15px;
}
.company-history .single-history .text-holder .sec-title h1 {
    font-size: 20px;
    line-height: 18px;
}
.company-history .single-history .text-holder .sec-title .border {
    height: 2px;
}

.company-history .single-history .img-holder.mar-r-plus35 {
    margin-right: 35px;
}
.company-history .single-history .text-holder.mar-l-minus35 {
    margin-left: -35px;
}
.company-history .single-history .inner-box.mar-r-minus35 {
    margin-right: -35px;
}
.company-history .single-history .img-holder.mar-l-plus35 {
    margin-left: 35px;
}

.company-history .single-history .last-history {
  background: #f4f4f4 none repeat scroll 0 0;
  border-radius: 50%;
  bottom: 0;
  height: 8px;
  left: 34px;
  position: absolute;
  width: 8px;
}
.company-history .single-history .last-history:before{
  background: #e5e1e1 none repeat scroll 0 0;
  border-radius: 50%;
  bottom: 0;
  height: 8px;
  left: 0;
  position: absolute;
  width: 8px;
  content: "";
  transition: all 700ms ease;
  opacity: 0;
}
.company-history .single-history:hover .last-history:before{
  opacity: 1;
}



/*** 
=============================================
    Company overview area style
=============================================
***/
.company-overview-area{
    padding-top: 40px;
    padding-bottom: 40px;
}
.company-overview-area .top-img-box {
    overflow: hidden;
    display: block;
    margin-bottom: 40px;
}
.company-overview-area .top-img-box img {
    width: 100%;
}

.company-overview-area .overview-content-pdbottom {
    overflow: hidden;
    padding-bottom: 43px;
}
.company-overview-area .overview-content {}
.company-overview-area .overview-content .sec-title {
    padding-bottom: 25px;
}
.company-overview-area .overview-content .text {}
.company-overview-area .progress-br {
    background: #7fa80c;
    height: 210px;
    margin-top: 87px;
}

.company-overview-area .sec-title{ 
    padding-bottom: 30px;
}
.company-overview-area .sec-title h3 {
    color: #222222;
    font-size: 24px;
    font-weight: 400;
    text-transform: capitalize;
}

.pgrs-bar-wrapper .pgrs-bar {
    margin: 0;
    padding: 26px 20px 33px;
}
.pgrs-bar-wrapper .pgrs-bar li {
    overflow: hidden;
    margin-bottom: 26px;
}
.pgrs-bar-wrapper .pgrs-bar li:last-child{
    margin-bottom: 0;
}
.pgrs-bar-wrapper .pgrs-bar li h5 {
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
    line-height: 22px;
    margin: 0;
}
.pgrs-bar-wrapper .pgrs-bar li span {
    font-size: 16px;
    color: #ffffff;
    background: transparent;
    display: inline-block;
    height: 30px;
    line-height: 22px;
    padding: 0 0px;
    position: absolute;
    bottom: 0;
    right: 0;
    font-family: 'Poppins', sans-serif;
}
.pgrs-bar-wrapper .pgrs-bar li .box {
    width: 100%;
    height: 5px;
    background: #ed1d49;
    position: relative;
    margin-top: 6px;
}
.pgrs-bar-wrapper .pgrs-bar li .box .inner {
    background: #ff3f68;
    height: 1px;
    position: absolute;
    top: 2px;
    left: 10px;
}


.company-overview-area .mission-content {
    margin-right: 25px;
}
.company-overview-area .mission-content ul {}
.company-overview-area .mission-content ul li {
    display: block;
    margin-bottom: 30px;
    padding-left: 55px;
    position: relative;
}
.company-overview-area .mission-content ul li:last-child {
    margin-bottom: 0;
}
.company-overview-area .mission-content ul li .icon-holder {
    position: absolute;
    top: 0;
    left: 0;
}
.company-overview-area .mission-content ul li .icon-holder span:before {
    color: #7fa80c;
    font-size: 40px;
    font-weight: 500;
}
.company-overview-area .mission-content ul li .text-holder {  }
.company-overview-area .mission-content ul li .text-holder h4 {
    color: #222222;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 13px;
}


.company-overview-area .mission-video-gallery {
    margin-left: -25px;
    margin-top: 82px;
}
.company-overview-area .mission-video-gallery .video-holder {
    width: 100%;
    height: auto;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.company-overview-area .mission-video-gallery .video-holder img {
    transform: scale(1);
    transition: all 0.5s ease 0s;
    width: 100%;
}
.company-overview-area .mission-video-gallery .video-holder .overlay-gallery {
    background-color: transparent;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    transition: all 500ms ease;
}
.company-overview-area .mission-video-gallery .video-holder .overlay-gallery .icon-holder{
    display: table;
    height: 100%;
    width: 100%;    
}
.company-overview-area .mission-video-gallery .video-holder .overlay-gallery .icon-holder .icon{
    display: table-cell;
    vertical-align: middle;    
}
.company-overview-area .mission-video-gallery .video-holder .overlay-gallery .icon-holder .icon a img{
    width: auto;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
.company-overview-area .mission-video-gallery .video-holder:hover .overlay-gallery {
    background-color: rgba(255, 43, 88, 0.60);
}
.company-overview-area .mission-video-gallery .video-holder:hover img {
    transform: scale(1.1);
}
.company-overview-area .mission-video-gallery .video-holder .overlay-gallery .icon-holder .icon a:hover img{
    transform: scale(1.1);
}

.company-overview-area .growth-statistics-content {
    overflow: hidden;
    padding-top: 42px;
}
.company-overview-area .growth-statistics-content .sec-title {
    padding-bottom: 25px;
}
.company-overview-area .growth-statistics-content .text {
    overflow: hidden;
    padding-bottom: 20px;
}



/*** 
=============================================
   Faq content Area style
=============================================
***/
.faq-content-area {
    overflow: hidden;
    padding-top: 80px;
    padding-bottom: 80px;
}
.accordion-box .accordion {
    margin-bottom: 10px;
    position: relative;
    background: #fff;
}
.accordion-box .accordion .accord-btn {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #f4f4f4;
    cursor: pointer;
    line-height: 18px;
    padding: 15px 20px 16px;
    position: relative;
    transition: all 500ms ease;
}
.accordion-box .accordion .accord-btn h4 {
    color: #222222;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    transition: all 500ms ease;
    text-transform: none;
}
.accordion-box .accordion .accord-btn::after {
    color: #fff;
    content: "\e900";
    font-family: 'icomoon';
    font-size: 12px;
    font-weight: 400;
    line-height: 26px;
    margin-top: -10px;
    position: absolute;
    right: 20px;
    top: 50%;
    transition: all 500ms ease 0s;
    width: 25px;
    height: 25px;
    background: #cccccc;
    text-align: center;
    border-radius: 50%;
    margin-top: -13px;
}
.accordion-box .accordion .accord-btn.active {
    background: #7fa80c none repeat scroll 0 0;
    border-color: #7fa80c;
}
.accordion-box .accordion .accord-btn.active:after{
    content: "\e910";
    color: #ffffff;
    background: #ed1d49;
}
.accordion-box .accordion .accord-btn.active h4{
  color: #fff;
}
.accordion-box .accordion .accord-content {
    border-top: medium none;
    display: none;
    padding: 18px 20px 16px;
    position: relative;
    background: #f7f7f7;
}

.accordion-box .accordion .accord-content a {
	color:#666;
	font-weight:500;
}

.accordion-box .accordion .accord-content a:hover {
	color:#6b9005;
	font-weight:500;
}

.accordion-box .accordion .accord-content.collapsed {
    display: block;
}
.accordion-box .accordion .accord-content p {
    margin: 0;
}

.faq-content-area .faq-form {
    overflow: hidden;
    padding-top: 60px;
}
.faq-content-area .faq-form .sec-title {
    padding-bottom: 31px;    
}
.faq-content-area .faq-form .sec-title h3 {
    color: #222222;
    font-size: 24px;
    font-weight: 400;
    text-transform: capitalize;
}

.faq-content-area .faq-form form {}
.faq-content-area .faq-form form input[type="text"],
.faq-content-area .faq-form form input[type="email"],
.faq-content-area .faq-form form textarea{
    border: 2px solid #f4f4f4;
    color: #848484;
    display: block;
    font-size: 16px;
    height: 50px;
    margin-bottom: 20px;
    padding: 0 20px;
    width: 100%;
    transition: all 500ms ease;
}
.faq-content-area .faq-form form textarea{
    height: 190px;
    margin-bottom: 30px;
    padding: 10px 20px;
}
.faq-content-area .faq-form form input[type="text"]:focus{
    border-color: #7fa80c;        
}
.faq-content-area .faq-form form input[type="email"]:focus{
    border-color: #7fa80c;        
}
.faq-content-area .faq-form form textarea:focus{
    border-color: #7fa80c;    
}
.faq-content-area .faq-form form button{
    width: 100%;
    padding: 16px 0 14px;
}
.faq-content-area .faq-form form button:hover{}




/*** 
=============================================
   Partner Area style
=============================================
***/
.partner-area{
    padding-top: 80px;
    padding-bottom: 30px;
}
.partner-area .single-item {
    overflow: hidden;
    display: block;
    margin-bottom: 50px;
}
.partner-area .single-item .img-holder {
    border: 1px solid #f4f4f4;
    display: block;
    overflow: hidden;
    position: relative;
}
.partner-area .single-item .img-holder img {
    width: 100%;
}
.partner-area .single-item .text-holder {
    border-left: 1px solid #f4f4f4;
    border-right: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    padding-top: 24px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
}
.partner-area .single-item .text-holder h3 {
    color: #222222;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 8px;
}
.partner-area .single-item .text-holder span {
    color: #7fa80c;
    font-size: 16px;
}
.partner-area .single-item .text-holder p {
    margin: 15px 0 0;
}



/*** 
=============================================
    Team Page Area style
=============================================
***/
.team-page-area{
    padding-top: 80px;
    padding-bottom: 30px;
}
.team-page-area .single-team-member{
    margin-bottom: 30px;  
    display: block;
}
.team-page-area .single-team-member .img-holder{
    display: block;
    overflow: hidden;
    position: relative;       
}
.team-page-area .single-team-member .img-holder img{
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    width: 100%;       
}
.team-page-area .single-team-member .img-holder .overlay-style-two{ }
.team-page-area .single-team-member .img-holder .overlay-style-two .box .content ul li{
    display: inline-block;
}
.team-page-area .single-team-member .img-holder .overlay-style-two .box .content ul li a{
    margin: 0 3px;
}
.team-page-area .single-team-member .img-holder .overlay-style-two .box .content ul li a i{
    background: transparent;
    border: 1px solid #696a72;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    transition: all 500ms ease 0s;
    width: 40px;       
}

.team-page-area .single-team-member:hover .img-holder .overlay-style-two{
    -webkit-transform: scale(1);
    transform: scale(1);
}
.team-page-area .single-team-member:hover .img-holder img {
    -webkit-transform:scale(1.3);
    transform:scale(1.3);
}
.team-page-area .single-team-member .img-holder .overlay-style-two .box .content ul li a:hover i{
    background: #7fa80c;
    border-color: #7fa80c;
}


.team-page-area .single-team-member .text-holder {
    padding-bottom: 16px;
}
.team-page-area .single-team-member .text-holder a h3 {
    color: #222222;
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 20px 0 2px;
}
.team-page-area .single-team-member .text-holder span {
    color: #7fa80c;
}
.team-page-area .single-team-member .text-holder p {
    margin: 10px 0 0;
}



/*** 
=============================================
    Blog Area style
=============================================
***/
#blog-area {
  padding-bottom: 80px;
  padding-top: 80px;
}
#blog-area .blog-post {

}
.blog-with-sidebar-area .blog-post .single-blog-post {
    margin-bottom: 60px;
}
#blog-area .single-blog-post .img-holder .published-date {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 70px;
    height: 70px;
    padding: 10px 10px;
}
#blog-area .single-blog-post:hover .img-holder .published-date{
    left: 0;  
    top: 0;
}
#blog-area .single-blog-post .img-holder .published-date h3 {
    font-size: 18px;
    line-height: 24px;
}
#blog-area .single-blog-post .text-holder .blog-title{
    font-size: 24px;
    line-height: 30px;
}

















.sidebar-wrapper {

}
.sidebar-wrapper .single-sidebar {
  overflow: hidden;
  margin-bottom: 60px;
  position: relative;
}
.sidebar-wrapper .single-sidebar .sec-title {
  overflow: hidden;
  padding-bottom: 31px;
  margin-top: -3px;
}
.sidebar-wrapper .single-sidebar .sec-title h3 {
  color: #222222;
  font-size: 22px;
  font-weight: 400;
  text-transform: capitalize;
}

.sidebar-wrapper .single-sidebar form.search-form {
  position: relative
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"] {
  background: #fff;
  border: 1px solid #f7f7f7;
  color: #ababab;
  display: block;
  font-size: 16px;
  font-weight: 500;
  height: 50px;
  letter-spacing: 1px;
  padding-left: 15px;
  padding-right: 55px;
  position: relative;
  -webkit-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  width: 100%;
}
.sidebar-wrapper .single-sidebar .search-form button {
  background: #7fa80c none repeat scroll 0 0;
  color: #fff;
  display: block;
  height: 50px;
  padding: 12px 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  -webkit-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  width: 50px;
}
.sidebar-wrapper .single-sidebar .search-form button i {
  font-size: 14px
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus {
  border: 1px solid #2b2c36;
  background: #f0eded;
  color: #000;
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus + button, 
.sidebar-wrapper .single-sidebar .search-form button:hover {
    background: #2b2c36 none repeat scroll 0 0;
    color: #fff;
}

.read a{
	font-family: Calibri, "Vladimir Script";
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #009900;
	float: left;
	height: 15px;
	width: 90px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 247px;
	text-align: center;
}
.read a:hover{
	font-family: Calibri, "Vladimir Script";
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000000;
	float: left;
	height: 15px;
	width: 90px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 247px;
	text-align: center;
}
.read-1 a{
	font-family: Calibri, "Vladimir Script";
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #ff6000;
	text-align: center;
	padding:10px 20px;
	box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.09);
	display:inline-block;
	margin:10px 5px;
	width:96%;
}
.read-1 a:hover{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000000;
}
.read-2 a{
	background-color: #009900;
	}
.read-3 a{
	background-color: #ed0000;
	}
.read-4 a{
	background-color: #858825;
	}



.single-sidebar .categories {
    margin-top: -6px;
}
.single-sidebar .categories li {
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 12px;
    padding-bottom: 11px;
}
.single-sidebar .categories li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.single-sidebar .categories li a {
    color: #848484;
    transition: all 500ms ease;
    font-size: 16px;
    font-weight: 300;
    padding-left: 25px;
    position: relative;
}
.single-sidebar .categories li a:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 8px;
    height: 8px;
    background: #fff;
    border: 1px solid #d9d9d9;
    content: "";
    border-radius: 50%;
    margin-top: -5px;
    transition: all 500ms ease;
}
.single-sidebar .categories li a:hover{
    color: #7fa80c;    
}
.single-sidebar .categories li a:hover:before{
    border-color: #7fa80c
}

.single-sidebar .recent-post {}
.single-sidebar .recent-post li {
    margin-bottom: 30px;
    padding-left: 70px;
    position: relative;
    border-bottom: 1px solid #f7f7f7;
    padding-bottom: 32px;
}
.single-sidebar .recent-post li:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.single-sidebar .recent-post li .img-holder {
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 75px;
}
.single-sidebar .recent-post li .img-holder img {
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
.single-sidebar .recent-post li .img-holder .overlay-style-two .box .content a i{
    color: #fff;
    font-size: 16px;
    transition: all 500ms ease;
}
.single-sidebar .recent-post li:hover .img-holder .overlay-style-two{
    -webkit-transform: scale(1);
    transform: scale(1);
}
.single-sidebar .recent-post li:hover .img-holder img {
    -webkit-transform:scale(1.3);
    transform:scale(1.3);
}
.single-sidebar .recent-post li .img-holder .overlay-style-two .box .content a:hover i{
    color: #7fa80c;
}

.single-sidebar .recent-post li .title-holder {
  padding-left: 20px;
}
.single-sidebar .recent-post li .title-holder a .post-title {
  color: #272727;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  top: -5px;
  margin: 0 0 5px;
  transition: all 500ms ease;
}
.single-sidebar .recent-post li .title-holder a:hover .post-title{
    color: #7fa80c;
}
.single-sidebar .recent-post li .title-holder .post-date {
  color: #7fa80c;
  display: block;
  transition: all 500ms ease;
  font-weight: 300;
  font-size: 16px;
  font-family: 'Hind', sans-serif;
}
.single-sidebar .recent-post li .title-holder .post-date i{
  color: #7fa80c;
    display: inline-block;
    padding-right: 3px;

}

.single-sidebar .popular-tag {
  margin-left: -3px;
  margin-right: -3px;
  margin-top: -5px;
}
.single-sidebar .popular-tag li {
  display: inline-block;
  margin: 0 3px 10px;
}
.single-sidebar .popular-tag li a {
  border: 1px solid #f4f4f4;
  color: #848484;
  display: block;
  font-size: 16px;
  font-weight: 300;
  padding: 2px 10px 2px;
  transition: all 500ms ease 0s;
}
.single-sidebar .popular-tag li a:hover{
  background: #7fa80c;
  border-color: #7fa80c;
  color: #fff;
}

.sidebar-wrapper .single-sidebar .business-enquiry {
    border: 1px solid #f4f4f4;
    display: block;
    padding: 31px 25px 33px;
    position: relative;
}
.sidebar-wrapper .single-sidebar .business-enquiry:before {
    position: absolute;
    bottom: 0;
    right: 0;
    content: "\e907";
    font-family: 'icomoon';
    font-size: 85px;
    color: #f4f4f4;
    z-index: 0;
}
.sidebar-wrapper .single-sidebar .business-enquiry h3{
    color: #222222;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 19px;
}
.sidebar-wrapper .single-sidebar .business-enquiry p {
    margin: 0;
    color: #848484;
    font-size: 18px;
    line-height: 30px;
}
.sidebar-wrapper .single-sidebar .business-enquiry p a{
    color: #7fa80c;
}



/*** 
=============================================
    Blog Grid Area style
=============================================
***/
.blog-grid-area {
    padding: 40px 0;
}



/*** 
=============================================
    Blog List Area style
=============================================
***/
.blog-list-area {
    padding: 80px 0;
}
.blog-list-area .single-blog-post .img-holder {
    margin-right: -25px;
}
.blog-list-area .single-blog-post .text-holder {
    border-top: 1px solid #f4f4f4;
    border-right: 1px solid #f4f4f4;
    border-left: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    padding-left: 30px;
    padding-right: 20px;
    padding-top: 25px;
    transition: all 500ms ease;
    position: relative;
    z-index: 1;
    margin-left: -5px;
}
.blog-list-area .single-blog-post .text-holder .text {
    overflow: hidden;
    padding-bottom: 13px;
}
.blog-list-area .single-blog-post .text-holder .meta-info {
    overflow: hidden;
    margin-left: -30px;
    margin-right: -20px;
    border-top: 1px solid #f4f4f4;
    display: block;
    padding: 0px 20px 0px 30px;
}



/*** 
=============================================
    Blog Single Area style
=============================================
***/
.blog-single-area .single-blog-post:hover .img-holder img {
  transform: none;    
}
.blog-single-area .single-blog-post .text-holder .blog-title:hover{
  color: #222222;
}

.blog-single-area .middle-content-box {
    margin: 10px 0 33px;
    overflow: hidden;
}
.blog-single-area .middle-content-box .img-holder {
  width: 300px;
}
.blog-single-area .middle-content-box .img-holder,
.blog-single-area .middle-content-box .text-box{
  display: table-cell;
  vertical-align: top;
}
.blog-single-area .middle-content-box .text-box {
  padding-left: 30px; 
  position: relative;
}
.blog-single-area .middle-content-box .text-box:before{
  content: "\f10d";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #f1f1f1;
  font-size: 24px;
  padding-right: ;
  position: absolute;
  top: -3px;
  left: 30px;    
}
.blog-single-area .middle-content-box .text-box {
  padding-left: 30px;
  padding-top: 32px;
  position: relative;
}
.blog-single-area .middle-content-box .text-box h3 {
  color: #222222;
  font-size: 20px;
  font-weight: 400;
  margin: 20px 0 7px;
}
.blog-single-area .middle-content-box .text-box h5 {
  color: #7fa80c;
  font-size: 16px;
  font-weight: 300;
  margin: 0;
  font-family: 'Hind', sans-serif;
}

.blog-single-area .bottom-content-box {
  padding-bottom: 21px;
}

.blog-single-area .comment-box {
    overflow: hidden;
    padding-bottom: 50px;
    padding-top: 30px;
}
.blog-single-area .comment-box .sec-title{
  padding-bottom: 31px;
}
.blog-single-area .comment-box .sec-title h3 {
  color: #222222;
  font-size: 24px;
  font-weight: 400;
  text-transform: capitalize;
}
.blog-single-area .comment-box .single-comment-box {
  padding-left: 60px;
  position: relative;
  margin-bottom: 30px;
}
.blog-single-area .comment-box .single-comment-box .img-holder {
  left: 0;
  position: absolute;
  top: 0;
}
.blog-single-area .comment-box .single-comment-box .text-holder {
  border: 1px solid #f7f7f7;
  margin-left: 20px;
  padding: 15px 20px 5px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top {
  overflow: hidden;
  padding-bottom: 8px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .date h5 {
  color: #222222;
  font-size: 16px;
  font-weight: 400;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box {
  position: relative;
  top: -3px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul {
  margin-left: -0.5px;
  margin-right: -0.5px;
  overflow: hidden;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul li {
  display: inline-block;
  margin: 0 0.5px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul li i {
  color: #ff5353;
  font-size: 14px;
}

.blog-single-area .add-comment-box {
  overflow: hidden;
}
.blog-single-area .add-comment-box .sec-title {
  padding-bottom: 30px;
}
.blog-single-area .add-comment-box .sec-title h3 {
  color: #222222;
  font-size: 24px;
  font-weight: 400;
  text-transform: capitalize;
}
.blog-single-area .add-comment-box .add-rating-box {
  padding-bottom: 17px;
}
.blog-single-area .add-comment-box .add-rating-box h4 {
  color: #999999;
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 12px;
}
.blog-single-area .add-comment-box .add-rating-box ul {}
.blog-single-area .add-comment-box .add-rating-box ul li {
  border-right: 1px solid #ebebeb;
  display: inline-block;
  line-height: 20px;
  margin-right: 6px;
  padding-right: 10px;
}
.blog-single-area .add-comment-box .add-rating-box ul li:last-child{
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}
.blog-single-area .add-comment-box .add-rating-box ul li a i{
  color: #d6d6d6;
  font-size: 12px;
}
.blog-single-area .add-comment-box .add-rating-box ul li a:hover i{
  color: #7fa80c;
  transition: all 500ms ease;
}

.blog-single-area .add-comment-box form {}
.blog-single-area .add-comment-box form .field-label {
  color: #222222;
  display: block;
  font-size: 16px;
  font-weight: 400;
  padding: 0 0 2px;
}
.blog-single-area .add-comment-box form input[type="text"],
.blog-single-area .add-comment-box form input[type="email"],
.blog-single-area .add-comment-box form textarea{
  background: #fff none repeat scroll 0 0;
  border: 2px solid #f4f4f4;
  display: block;
  font-size: 14px;
  font-weight: 400;
  height: 50px;
  padding: 0 15px;
  width: 100%;  
  margin-bottom: 15px;
  transition: all 500ms ease;
}
.blog-single-area .add-comment-box form textarea {
  height: 100px;
  padding: 10px 15px;
  margin-bottom: 30px;
}
.blog-single-area .add-comment-box form button {
    padding: 16px 0px 14px;
    width: 100%;
}
.blog-single-area .add-comment-box form input[type="text"]:focus{
  border-color: #ff5353;    
}
.blog-single-area .add-comment-box form input[type="email"]:focus{
  border-color: #ff5353;    
}
.blog-single-area .add-comment-box form textarea:focus{
  border-color: #ff5353;       
}
.blog-single-area .add-comment-box form button:hover{}



/*** 
=============================================
    Get Touch Area style
=============================================
***/
.get-touch-area {
    padding-top: 80px;
    padding-bottom: 80px;
}
.get-touch-area .sec-title {
    display: block;
    padding: 0 160px 40px;
}
.get-touch-area .sec-title p {
    color: #a4a4a4;
    font-size: 20px;
    line-height: 30px;
    margin: 25px 0 0;
}
.get-touch-area .single-item {
    border: 1px solid #f4f4f4;
    display: block;
    padding: 39px 20px 31px;
}
.get-touch-area .single-item .icon-holder {
    padding-bottom: 33px;
}
.get-touch-area .single-item .icon-holder span:before {
    color: #ff5353;
    font-size: 50px;
}
.get-touch-area .single-item .text-holder {}
.get-touch-area .single-item .text-holder h3 {
    color: #222222;
    font-size: 20px;
    font-weight: 400;
    line-height: 18px;
}
.get-touch-area .single-item .text-holder .border {
    height: 1px;
    width: 60px;
    background: #f4f4f4;
    display: inline-block;
}
.get-touch-area .single-item .text-holder p {
    margin: 15px 0 0;
}
.get-touch-area .single-item .text-holder p a{
    color: #ff5353;
}




/*** 
=============================================
    Contact Form Area style
=============================================
***/
.contact-form-area {
    padding-bottom: 80px;
}
.contact-form-area .contact-form {
  
}
.contact-form-area .contact-form form input[type="text"],
.contact-form-area .contact-form form input[type="email"],
.contact-form-area .contact-form form textarea{
  border: 1px solid #e6e3e3;
  color: #333;
  display: block;
  font-size: 16px;
  height: 55px;
  margin-bottom: 30px;
  padding: 0 20px;
  width: 100%;
  transition: all 500ms ease;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}
.contact-form-area .contact-form form textarea{
  height: 120px;
  margin-bottom: 40px;
  padding: 10px 20px;
}
.contact-form-area .contact-form form input[type="text"]:focus{
  border-color: #ff5353;        
}
.contact-form-area .contact-form form input[type="email"]:focus{
  border-color: #ff5353;        
}
.contact-form-area .contact-form form textarea:focus{
  border-color: #ff5353;    
}
.contact-form-area .contact-form form button{
  width: 100%;
  padding: 14px 0 12px;
  border: 2px solid transparent;
}
.contact-form-area .contact-form form button:hover{
    border: 2px solid #ff5353;
  
}

.contact-form-area .form-right-box{
    background: #f7f7f7;
/*    padding-top: 40px;*/    
	padding-bottom: 17px;
}
.contact-form-area .form-right-box .img-box {
    display: block;
    margin-bottom: 23px;
}
.contact-form-area .form-right-box h4 {
    color: #222222;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 5px;
}
.contact-form-area .form-right-box span {
    color: #ff5353;
}
.contact-form-area .form-right-box p {
    margin: 9px 0 5px;
}

.contact-form-area .form-right-box .border {
    height: 1px;
    width: 60px;
    display: inline-block;
    background: #e3e3e3;
}

.contact-form-area .form-right-box .social-links {
    display: block;
    margin: 18px 0 0;
}
.contact-form-area .form-right-box .social-links li{
    display: inline-block;
    margin: 0 10px;
}
.contact-form-area .form-right-box .social-links li a i{
    font-size: 16px;
    color: #848484;
    transition: all 500ms ease;
}
.contact-form-area .form-right-box .social-links li a:hover i{
    color: #ff5353;
}




/*** 
=============================================
    Google map Area style
=============================================
***/
.google-map-area {
  position: relative;
}
#contact-google-map {
  height: 440px;
  width: 100%;
}



/*** 
=============================================
    Not found area style
=============================================
***/
.not-found-area {
  background: #f7f7f7 none repeat scroll 0 0;
  padding-bottom: 100px;
  padding-top: 72px;
}
.not-found-content h1 {
  color: #7fa80c;
  font-size: 150px;
  font-weight: 700;
  margin: 0 0 7px;
  text-shadow: 1px 4px 5px #590618;
}
.not-found-content h3 {
  color: #222;
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 20px;
  text-transform: uppercase;
}
.not-found-content p {
  font-size: 18px;
  margin: 0 0 42px;
}

.not-found-content .search-form {
  width: 432px;
  position: relative;
  margin: 0 auto;
}
.not-found-content .search-form input[type="text"] {
  background: #fff;
  border: 1px solid #f1f1f1;
  color: #9a9a9a;
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  height: 55px;
  letter-spacing: 1px;
  padding-left: 20px;
  padding-right: 60px;
  position: relative;
  -webkit-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  width: 432px;
}
.not-found-content .search-form button {
  background: #7fa80c none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  display: inline-block;
  height: 55px;
  padding: 11px 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  -webkit-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  width: 55px;
}
.not-found-content .search-form button i {
    font-size: 14px
}
.not-found-content .search-form input[type="text"]:focus {
  border: 1px solid #f65b7c;
  background: #fff;
  color: #000;
}
.not-found-content .search-form input[type="text"]:focus + button, 
.not-found-content .search-form button:hover {
  background: #ed0133 none repeat scroll 0 0;
  color: #fff;
}



/*** 
=============================================
    Checkout Area style
=============================================
***/
.checkout-area {
  padding-bottom: 40px;
  padding-top: 40px;
}
.checkout-area .sec-title {
  padding-bottom: 30px;
}
.checkout-area .sec-title h2 {
  color: #222222;
  font-size: 24px;
  font-weight: 400;
  text-transform: capitalize;
}

.checkout-area .exisitng-customer {
  background: #f7f7f7;
  display: block;
  padding: 20px 28px 21px;
  position: relative;
  margin-bottom: 20px;
}
.checkout-area .exisitng-customer:before{
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background: #7fa80c;
  content: "";
}
.checkout-area .exisitng-customer h5{
  color: #222222;
  font-size: 16px;
  font-weight: 400;
}
.checkout-area .exisitng-customer h5 a{
  color: #7fa80c;
  display: inline-block;
  padding-left: 15px;
}

.checkout-area .coupon {
  background: #f7f7f7;
  display: block;
  padding: 20px 28px 21px;
  position: relative; 
  margin-bottom: 60px;
}
.checkout-area .coupon:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background: #7fa80c;
  content: "";  
}
.checkout-area .coupon h5 {
  color: #222222;
  font-size: 16px;
  font-weight: 400;  
}
.checkout-area .coupon h5 a {
  color: #7fa80c;
  display: inline-block;
  padding-left: 15px;  
}


.checkout-area .form form .field-label {
  color: #222222;
  font-size: 16px;
  font-weight: 400;
  margin: -3px 0 3px;
  text-transform: capitalize;
  font-family: 'Poppins', sans-serif;
}
.checkout-area .form form .field-input input[type="text"] {
  border: 1px solid #ececec;
  color: #848484;
  display: block;
  font-size: 16px;
  height: 48px;
  margin-bottom: 25px;
  padding: 0 15px;
  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;
}
.checkout-area .form form .field-input input[type="text"]:focus{
  border: 1px solid #7fa80c;
}
.checkout-area .create-acc .checkbox {
  margin: 7px 0 0;
}
.checkout-area .create-acc .checkbox label {
  color: #7fa80c;
  font-weight: 400;
  font-size: 16px;
}
.checkout-area .create-acc .checkbox input {
  margin-top: 6px;
}


.checkout-area .shipping-info input[type="checkbox"] {
  cursor: pointer;
  display: inline-block;
  margin: 0 0 0 40px;
  position: relative;
  top: 0px;
  vertical-align: middle;
}
.checkout-area .form form .field-input textarea {
  border: 1px solid #ececec;
  color: #848484;
  display: block;
  font-size: 16px;
  height: 124px;
  margin-bottom: 28px;
  padding: 10px 15px;
  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;
}
.checkout-area .form form .field-input textarea:focus{
  border-color: #7fa80c;
}


.checkout-area .bottom {
  padding-top: 70px
}
.checkout-area .table {
  overflow-x: auto;
  position: relative;
  width: 100%;
  margin-bottom: 0;
}
.checkout-area .table .cart-table {
  min-width: auto;
  width: 100%;
}
.checkout-area .table .cart-table .cart-header {
  background: #f7f7f7;
  color: #222222;
  font-size: 16px;
  position: relative;
  text-transform: capitalize;
  width: 100%;
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
}
.checkout-area .table .cart-table thead tr th {
  font-weight: 400;
  line-height: 24px;
  min-width: 110px;
  padding: 19px 30px 17px;
}
.checkout-area .table .cart-table thead tr th.product-column {
  padding-left: 30px;
  text-align: left;
}

.checkout-area .table .cart-table tbody tr {
  border-bottom: 1px solid #f7f7f7;
}
.checkout-area .table .cart-table tbody tr td {
    vertical-align: middle
}
.checkout-area .table .cart-table tbody tr td {
  min-width: 110px;
  padding: 25px 30px;
}

.checkout-area .table .cart-table tbody tr .product-column .column-box {
  min-height: 70px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb {
  width: 70px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb img {
  display: block;
  max-width: 100%;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb, 
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title{
  display: table-cell;
  vertical-align: middle;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title{
  padding-left: 20px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title h3 {
  color: #222222;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
}

.checkout-area .table .cart-table tbody tr .qty {
  padding-right: 30px;
  width: 130px;
}
.checkout-area .table .cart-table tbody tr .qty .input-group.bootstrap-touchspin {
  float: right;
  width: 60px;
}
.checkout-area .table .cart-table tbody tr .qty .form-control {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0;
  box-shadow: none;
  color: #252525;
  display: block;
  font-size: 18px;
  font-weight: 400;
  height: 34px;
  padding: 6px 0;
  text-align: center;
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0
}
.checkout-area .table .cart-table tbody tr .qty .btn-default {
  background-color: #7fa80c;
  border-color: #e10635;
  color: #fff;
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  border-radius: 0;
  margin-top: -2px;
}
.checkout-area .table .cart-table tbody tr td.price {
  color: #7fa80c;
  font-size: 20px;
  font-weight: 300;
}



.cart-total .sec-title {

}
.cart-total-table {
  border: 2px solid #f7f7f7
}
.cart-total-table li {
  border-bottom: 1px solid #f7f7f7
}
.cart-total-table li:last-child {
  border-bottom: none
}
.cart-total-table li span.col.col-title {
  border-right: 1px solid #f7f7f7;
  color: #222222;
  display: block;
  float: left;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  padding: 10px 18px;
  position: relative;
  width: 50%;
  font-family: 'Poppins', sans-serif;
}
.cart-total-table li span.col {
  color: #848484;
  display: block;
  float: left;
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
  padding: 10px 18px;
  position: relative;
  width: 50%;
  font-family: 'Hind', sans-serif;
}
.cart-total-table li span.col b {
  color: #7fa80c;
  font-weight: 300;
  text-decoration: underline;
}



.cart-total .payment-options {
  background: #f7f7f7 none repeat scroll 0 0;
  margin-top: 30px;
  overflow: hidden;
  padding: 23px 20px 35px;
}
.cart-total .payment-options .option-block {
  margin-bottom: 14px
}

.cart-total .payment-options .option-block .checkbox {
  margin: 0 0 5px;
}
.cart-total .payment-options .option-block .checkbox label {
  font-weight: 700;
  min-height: 20px;
  padding-left: 20px;
}
.cart-total .payment-options .option-block .checkbox label input {
  position: relative;
  top: 1px;
}
.cart-total .payment-options .option-block .checkbox label span {
  color: #222222;
  font-size: 16px;
  padding-left: 10px;
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
}
.cart-total .payment-options .option-block .checkbox label span b {
  color: #7fa80c;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  padding-left: 25px;
  text-decoration: underline;
}
.cart-total .payment-options .option-block .text{
  padding-left: 30px;
}
.cart-total .payment-options .option-block .text p {
  margin: 0;
  line-height: 28px;
}
.placeorder-button button {
    padding: 13px 35px 11px;
    margin-top: 20px;
}
.placeorder-button button:hover{
    
}



/*** 
=============================================
    Login Register Area style
=============================================
***/
.login-register-area {
  padding-bottom: 83px;
  padding-top: 79px;
}
.login-register-area .form .sec-title {
  padding-bottom: 30px;
}
.login-register-area .form .sec-title h2{
  color: #222222;
  font-size: 24px;
  font-weight: 400;
  text-transform: capitalize;
}
.login-register-area .form .input-field {
  position: relative;
}
.login-register-area .form .input-field input[type="text"] {
  border: 2px solid #f4f4f4;
  color: #848484;
  font-size: 16px;
  height: 50px;
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 50px;
  width: 100%;
  transition: all 700ms ease 0s;
}
.login-register-area .form .input-field .icon-holder {
  position: absolute;
  right: 20px;
  top: 11px;
}
.login-register-area .form .input-field .icon-holder i {
  color: #999999;
  font-size: 14px;
  font-weight: 400;
}
.login-register-area .form button {
    margin-top: 10px;
    padding: 13px 38px 11px;
}
.login-register-area .form .remember-text {
  margin-top: 19px;
}
.login-register-area .form .remember-text .checkbox label {
  color: #848484;
  font-size: 16px;
  font-weight: 400;
}
.login-register-area .form .remember-text .checkbox input {
  margin-top: 7px;
}


.login-register-area .form .social-icon {
  float: right;
  margin-right: -8px;
  margin-top: 15px;
  position: relative;
}
.login-register-area .form .social-icon .login-with {
  display: inline-block;
  left: -100px;
  position: absolute;
  top: 8px;
}
.login-register-area .form .social-icon li {
  display: inline-block;
  margin: 0 8px;
}
.login-register-area .form .social-icon li a i {
  background: #3b5998 none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 100;
  height: 40px;
  line-height: 24px;
  padding: 8px 0;
  text-align: center;
  transition: all 700ms ease 0s;
  width: 40px;
}
.login-register-area .form .social-icon li a i.twitter {
  background: #33ccfe none repeat scroll 0 0;
}
.login-register-area .form .social-icon li a i.gplus {
  background: #dd4b39 none repeat scroll 0 0;
}
.login-register-area .form a.forgot-password {
  color: #7fa80c;
  float: right;
  font-weight: 700;
  margin: 20px 0 0;
}
.login-register-area .form h6 {
    color: #848484;
    float: left;
    font-size: 14px;
    margin: 28px 0 0 -50px;
    font-family: 'Hind', sans-serif;
}

.login-register-area .form .input-field input[type="text"]:focus{
  border: 2px solid #7fa80c;    
}

.login-register-area .form .social-icon li a:hover i{
  background: #18387b;   
}
.login-register-area .form .social-icon li a:hover i.twitter{
  background: #12addf;    
}
.login-register-area .form .social-icon li a:hover i.gplus{
    background: #c62d1a;
}



/*** 
=============================================
   Cart area  style
=============================================
***/
.cart-area {
  padding-bottom: 80px;
  padding-top: 80px;
}
.cart-area .table-outer {
  overflow-x: auto;
  position: relative;
  width: 100%;
}
.cart-area .cart-table {
  min-width: 1024px;
  width: 100%;
}
.cart-area .cart-table .cart-header {
  background: #f7f7f7;
  color: #222222;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  text-transform: capitalize;
  width: 100%;
}
.cart-area .cart-table thead tr th {
  font-weight: 400;
  line-height: 24px;
  min-width: 110px;
  padding: 20px 25px;
}
.cart-area .cart-table thead tr th.prod-column {
  padding-left: 30px;
  text-align: left;
}
.cart-area .cart-table thead tr th.availability {
  padding: 0 40px
}


.cart-area .cart-table tbody tr {
  border-bottom: 1px solid #f7f7f7;
}
.cart-area .cart-table tbody tr td {}
.cart-area .cart-table tbody tr td {
  color: #222222;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  min-width: 100px;
  padding: 27.5px 25px;
}
.cart-area .cart-table tbody tr .prod-column .column-box {
  min-height: 70px;
  position: relative;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb {
  width: 70px;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb img {
  display: block;
  max-width: 100%;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb, 
.cart-area .cart-table tbody tr .prod-column .column-box .title{
  display: table-cell;
  vertical-align: middle;
}
.cart-area .cart-table tbody tr .prod-column .column-box .title{
  padding-left: 20px;
}
.cart-area .cart-table tbody tr .prod-column .column-box .title h3 {
  color: #222222;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
}

.cart-area .cart-table tbody tr .qty {
  padding-right: 25px;
  width: 120px;
}
.cart-area .cart-table tbody tr .qty .input-group.bootstrap-touchspin {}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0;
  margin-left: 0;
  padding: 11px;
}
.cart-area .cart-table tbody tr .qty .btn-default {
  background-color: #7fa80c;
  border-color: #cb0630;
  color: #fff;
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  border-radius: 0;
  margin-left: 0;
  margin-top: -1px;
  padding: 10px;
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical i {
  font-size: 9px;
  left: 6px;
  top: 6px;
}

.cart-area .cart-table tbody tr td.unit-price {
  padding-left: 40px;
  padding-right: 20px;
}
.cart-area .cart-table tbody .available-info {
  color: #848484;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  padding-left: 50px;
  position: relative;
  font-family: 'Hind', sans-serif;
}
.cart-area .cart-table tbody .available-info .icon {
  background: #7fa80c none repeat scroll 0 0;
  border-radius: 50%;
  color: #ffffff;
  font-size: 18px;
  height: 40px;
  left: 0;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 40px;
}

.cart-area .cart-table tbody tr td.price {
  color: #848484;
  font-size: 18px;
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
}
.cart-area .cart-table tbody tr .sub-total {
  color: #7fa80c;
  font-weight: 400;
  font-size: 18px;
  font-family: 'Hind', sans-serif;
}
.cart-area .cart-table tbody tr td .remove{ }
.cart-area .cart-table tbody tr td .remove .checkbox label {
  color: #848484;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Hind', sans-serif;
}
.cart-area .cart-table tbody tr td .remove .checkbox label input[type="checkbox"] {
  display: inline-block;
  position: relative;
  top: 1px;
}


.cart-middle {
    padding-top: 30px
}
.cart-middle .apply-coupon {
    padding-left: 245px;
    position: relative;
}
.cart-middle .apply-coupon input[type="text"] {
  border: 2px solid #f7f7f7;
  color: #9e9e9e;
  font-size: 14px;
  font-weight: 400;
  height: 50px;
  left: 0;
  padding: 0 15px;
  position: absolute;
  text-transform: capitalize;
  top: 0;
  transition: all 500ms ease 0s;
  width: 225px;
}
.cart-middle .apply-coupon input[type="text"]:focus {
  border: 2px solid #7fa80c
}
.cart-middle .apply-coupon .apply-coupon-button button {
    padding: 20px 38px 17px;
    line-height: 12px;
}
.cart-middle .apply-coupon .apply-coupon-button button:hover{}
.cart-middle .update-cart button {
    padding: 20px 38px 17px;
    line-height: 12px;
}
.cart-middle .update-cart button:hover{}


.cart-bottom {
  overflow: hidden;
  padding-top: 76px;
}
.cart-bottom .sec-title-two {
  padding-bottom: 35px;
}
.cart-bottom .sec-title-two h2{
  color: #222222;
  font-size: 24px;
  font-weight: 400;
  text-transform: capitalize;
}
.cart-bottom .calculate-shipping {}
.cart-bottom .calculate-shipping .ui-state-default .ui-icon {
  background: none
}
.cart-bottom .calculate-shipping .ui-state-default {
  background: #fff none repeat scroll 0 0;
  border: 2px solid #f7f7f7;
  border-radius: 0;
  color: #848484;
  font-size: 14px;
  font-weight: normal;
  height: 45px;
  margin-bottom: 17px;
  outline: medium none;
  width: 100%;
}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon {
  margin-top: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon {
  border-left: 2px solid #f7f7f7;
  display: block;
  float: right;
  height: 41px;
  position: relative;
  text-indent: 0;
  top: 0;
  width: 43px;
}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon::before {
  color: #9b9b9b;
  content: "\f107";
  font-family: FontAwesome;
  font-size: 20px;
  overflow: visible;
  position: absolute;
  right: 14px;
  top: 6px;
}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-selectmenu-text {
  display: block;
  line-height: 18px;
  overflow: hidden;
  padding: 12px 17px;
  text-align: left;
}
.cart-bottom .calculate-shipping input[type="text"] {
  border: 2px solid #f7f7f7;
  color: #848484;
  display: block;
  font-size: 16px;
  height: 45px;
  padding: 0 18px;
  width: 100%;
  margin-bottom: 30px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.cart-bottom .calculate-shipping input[type="text"]:focus {
  border: 2px solid #7fa80c
}
.cart-bottom .calculate-shipping button {
  padding: 13px 35px 11px; 
  background: #f7f7f7;
  color: #222222;
}
.cart-bottom .calculate-shipping button:hover{
    color: #fff;
} 
.cart-bottom button.checkout-btn{
  padding: 13px 35px 11px; 
  margin-top: 30px;
}
.cart-bottom button.checkout-btn:hover{}


/*** 
=============================================
   Shop area  style
=============================================
***/
#shop-area {
    padding-top: 80px;
    padding-bottom: 10px;
}
#shop-area .shop-content {}
.single-product-item{
    background: #f7f7f7;
    margin-bottom: 40px;
    transition: all 0.7s ease;
}
.single-product-item:hover{
    -webkit-box-shadow: 0px 3px 4px -1px rgba(220,217,217,1);
    -moz-box-shadow: 0px 3px 4px -1px rgba(220,217,217,1);
    box-shadow: 0px 3px 4px -1px rgba(220,217,217,1);    
}
.single-product-item .img-holder{
    display: block;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #e4e3e3;
}
.single-product-item .img-holder img{
    transform: scale(1);
    transition: all 0.7s ease 0s;
    width: 100%;   
}
.single-product-item:hover .img-holder img{
    transform: scale(1.1);
}
.single-product-item .img-holder .overlay-style-one {}
.single-product-item .img-holder .overlay-style-one .box .content a {
    background: transparent;
    opacity: 0;
    transform: scale(0.7);
    transition: all 0.5s ease 0s;
    width: 155px;
    height: 48px;
    border: 2px solid #fff;
    line-height: 46px;
}
.single-product-item:hover .img-holder .overlay-style-one .box .content a {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.single-product-item:hover .img-holder .overlay-style-one{
    background: rgba(255, 43, 88, 0.80);  
}


.single-product-item .title-holder {
  padding: 13px 15px 15px;
}
.single-product-item .title-holder .rate{
    color: #7fa80c;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Hind', sans-serif;
}
.single-product-item .title-holder .top {
  padding-bottom: 7px;  
}
.single-product-item .title-holder .top .product-title {}
.single-product-item .title-holder .top .product-title a h5 {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    margin: 4px 0 0;
    text-transform: capitalize;
    transition: all 500ms ease;
}
.single-product-item .title-holder .top .product-title a:hover h5 {
    color: #7fa80c;    
}
.single-product-item .title-holder .top .review-box ul li i{
    color: #c6c6c6;
    font-size: 12px;
}
#shop-area .post-pagination {
  border-top: 1px solid #f7f7f7;
  padding-top: 40px;
}


.single-sidebar .price-ranger{ }
.single-sidebar .price-ranger .ui-widget-content {
  background: #f7f7f7;
  border: none;
  height: 2px;
}
.single-sidebar .price-ranger .ui-slider-handle {
  background: #7fa80c none repeat scroll 0 0;
  border: 2px solid #252525;
  border-radius: 50%;
  height: 10px;
  margin-left: -4px;
  outline: medium none;
  width: 10px;
  cursor: pointer;
}
.single-sidebar .price-ranger .ui-slider-horizontal .ui-slider-handle {
  top: -5px;
}
.single-sidebar .price-ranger .ui-slider .ui-slider-range {
  background: #000;
}
.single-sidebar .price-ranger #slider-range {
  margin-left: 3px;
  margin-right: 5px;
  margin-top: 0;
}
.single-sidebar .price-ranger .ranger-min-max-block {
    margin-bottom: 0px;
    margin-top: 25px;
}
.single-sidebar .price-ranger .ranger-min-max-block input {
  display: inline-block;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type="submit"] {
    float: left;
    margin-right: 20px;
    padding: 7px 0 5px;
    text-align: center;
    width: 90px;
    border: none;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type="submit"]:hover{
    background: #2B2C36;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type="text"] {
    border: medium none;
    color: #848484;
    font-size: 16px;
    font-weight: 300;
    outline: medium none;
    text-align: right;
    width: 40px;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type='text'].max {}
.single-sidebar .price-ranger .ranger-min-max-block span {
    color: #848484;
    font-weight: 400;
    font-size: 16px;
    line-height: 40px;
}


.sidebar-wrapper .single-sidebar .latest-product {}
.sidebar-wrapper .single-sidebar .latest-product li {
  border-bottom: 1px solid #f7f7f7;
  margin-bottom: 25px;
  overflow: hidden;
  padding-bottom: 16px;
  padding-left: 70px;
  position: relative;
}
.sidebar-wrapper .single-sidebar .latest-product li:last-child {
    border-bottom: none;
    margin-bottom: 0px;
    padding-left: 70px;
    position: relative;
    padding-bottom: 0;

}
.sidebar-wrapper .single-sidebar .latest-product li .img-holder{
  display: block;
  overflow: hidden;
  position: absolute;  
  width: 70px;
  min-height: 70px;
  top: 0;
  left: 0;
}
.sidebar-wrapper .single-sidebar .latest-product li .img-holder img{
    transform: scale(1);
    transition: all 0.7s ease 0s;
    width: 100%;   
}
.sidebar-wrapper .single-sidebar .latest-product li:hover .img-holder img{
    transform: scale(1.1);
}
.sidebar-wrapper .single-sidebar .latest-product li .img-holder .overlay-style-one .box .content a i {
    background: transparent;
    opacity: 0;
    transform: scale(0.7);
    transition: all 0.5s ease 0s;
    font-size: 16px;
    color: #fff;
}
.sidebar-wrapper .single-sidebar .latest-product li:hover .img-holder .overlay-style-one .box .content a i{
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);    
}
.sidebar-wrapper .single-sidebar .latest-product li:hover .img-holder .overlay-style-one{
    background: rgba(255, 43, 88, 0.80);  
}


.sidebar-wrapper .single-sidebar .latest-product li .title-holder {
  padding-left: 20px;  
}
.sidebar-wrapper .single-sidebar .latest-product li .title-holder a h4 {
  color: #222222;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  margin: 0 0 10px;
  transition: all 500ms ease;
}
.sidebar-wrapper .single-sidebar .latest-product li .title-holder h5 {
  color: #7fa80c;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize; 
  font-family: 'Hind', sans-serif;
}
.sidebar-wrapper .single-sidebar .latest-product li .title-holder .review-box {}
.sidebar-wrapper .single-sidebar .latest-product li .title-holder .review-box li {
  display: inline-block;
  margin: 0 1px;
  position: static;
  padding: 0;
  border: none;
}
.sidebar-wrapper .single-sidebar .latest-product li .title-holder .review-box li i{
    font-size: 12px;
    color: #c6c6c6;
}
.sidebar-wrapper .single-sidebar .latest-product li:hover .title-holder h4{
  color: #7fa80c;
}

.sidebar-wrapper .single-sidebar .product-tag{
  margin-left: -3px;
  margin-right: -3px;
  margin-top: -5px;    
}
.sidebar-wrapper .single-sidebar .product-tag li{
  display: inline-block;
  margin: 0 3px 10px;    
}
.sidebar-wrapper .single-sidebar .product-tag li a{
  border: 1px solid #f4f4f4;
  color: #848484;
  display: block;
  font-size: 16px;
  font-weight: 300;
  padding: 2px 10px 2px;
  transition: all 500ms ease 0s;    
}
.sidebar-wrapper .single-sidebar .product-tag li a:hover{
  background: #7fa80c;
  border-color: #7fa80c;
  color: #fff;    
}



/*** 
=============================================
   Single Shop Area style
=============================================
***/
.single-shop-area{
    padding-top: 80px;
    padding-bottom: 40px;
}
.single-shop-content .img-holder {
  margin-right: 50px;
}
.single-shop-content .content-box {
  margin-left: -50px;
}
.single-shop-content .content-box h3 {
  color: #222222;
  font-size: 24px;
  font-weight: 400;
  margin: 0 0 8px;
  text-transform: capitalize;
}
.single-shop-content .content-box .review-box {
  margin: 0 0 10px;  
}
.single-shop-content .content-box .review-box ul {}
.single-shop-content .content-box .review-box ul li {}
.single-shop-content .content-box .review-box ul li i {
  color: #c6c6c6;
}
.single-shop-content .content-box span.price {
  color: #7fa80c;
  font-size: 22px;
  font-weight: 400;
  font-family: 'Hind', sans-serif;
}
.single-shop-content .content-box .text {
  overflow: hidden;
  padding: 25px 0 9px;
}
.single-shop-content .content-box .location-box {
  margin: 4px 0 20px;
}
.single-shop-content .content-box .location-box p {
  color: #222222;
  font-size: 16px;
  margin: 0 0 12px;
}
.single-shop-content .content-box .location-box form input {
  border: 2px solid #f7f7f7;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  width: 170px;
  transition: all 500ms ease;
  margin: 0 0 10px;
}
.single-shop-content .content-box .location-box form input:focus{
  border-color: #7fa80c;
}
.single-shop-content .content-box .location-box form button {
  background: #f7f7f7 none repeat scroll 0 0;
  border: medium none;
  color: #252525;
  font-size: 14px;
  font-weight: 700;
  height: 40px;
  margin-left: 6px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  transition: all 500ms ease 0s;
  width: 95px;
  position: relative;
  top: -1px;
}
.single-shop-content .content-box .location-box form button:hover{
  background: #7fa80c;
  color: #fff;
}
.single-shop-content .content-box .location-box form span {
  color: #7fa80c;
}
.single-shop-content .content-box .addto-cart-box {}
.single-shop-content .content-box .addto-cart-box .input-group.bootstrap-touchspin {
  float: left;
  width: 70px;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  border-radius: 0;
  margin-top: -2px;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical > .btn {
  display: block;
  float: none;
  margin-left: -1px;
  max-width: 100%;
  padding: 12px 12px;
  position: relative;
  width: 100%;
}
.single-shop-content .content-box .addto-cart-box .btn-default {
  background-color: #efefef;
  border-color: #efefef;
  color: #9e9e9e;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical i {
  color: #9e9e9e;
  font-weight: normal;
  left: 8px;
  position: absolute;
  top: 7px;
}
.single-shop-content .content-box .addto-cart-box button.addtocart {
  height: 50px;
  width: 170px;
  line-height: 30px;
  margin-left: 25px;
}
.single-shop-content .content-box .addto-cart-box button.addtocart:hover{}

.product-tab-box {
  border: 1px solid #ececec;
  border-top: none;
  border-right: none;
  border-left: none;
  overflow: hidden; 
  margin-top: 80px;
}
.product-tab-box .tab-menu {
  border-bottom: 1px solid #ececec;
  margin-bottom: 30px;
}
.product-tab-box .tab-menu li {
  display: inline-block;
  float: left;
  margin-bottom: -1px;
  margin-right: 3px;
}
.product-tab-box .tab-menu li a {
  background: #f7f7f7;
  border-top: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  display: block;
  margin-right: 1px;
  padding: 15px 30px 13px;
  color: #222222;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  background: #f7f7f7;
  transition: all 500ms ease;
}
.product-tab-box .tab-menu li.active a, 
.product-tab-box .tab-menu li:hover a{
  background: #ffffff;
  color: #7fa80c;
  border-left-color: #ececec;
  border-top-color: #ececec;
  border-right-color: #ececec;
 
}

.product-tab-box .tab-content {
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
  margin-top: -30px;
  padding: 30px 30px 40px;
}
.product-tab-box .tab-content .review-box {
  
}
.product-tab-box .tab-content .review-box .sec-title-two {
  margin-top: 3px;
  padding-bottom: 22px;
}
.product-tab-box .tab-content .review-box .sec-title-two h3 {
  color: #3d3d3d;
  font-size: 20px;
  font-weight: 400;
  text-transform: capitalize;
}
.product-tab-box .tab-content .review-box .single-review-box {
  margin-bottom: 30px;
  padding-left: 60px;
  position: relative;
}
.product-tab-box .tab-content .review-box .single-review-box .img-holder {
  left: 0;
  position: absolute;
  top: 0;
}


.product-tab-box .tab-content .review-box .single-review-box .text-holder {
  border: 1px solid #ececec;
  margin-left: 20px;
  padding: 17px 20px 12px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top {
  margin: 0 0 10px;
  overflow: hidden;
}

.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .name h4 {
  color: #3d3d3d;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  text-transform: capitalize;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul {
  margin-top: -2px;
  padding-left: 0px;
  position: relative;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul li {
  display: inline-block;
  margin-right: 1px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul li i {
  color: #7fa80c;
  font-size: 14px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .text p {
  margin: 0;
}


.product-tab-box .tab-content .review-form {
  padding-top: 30px;
}
.product-tab-box .tab-content .review-form .sec-title-two {
  padding-bottom: 34px;
}
.product-tab-box .tab-content .review-form .sec-title-two h3 {
  color: #3d3d3d;
  font-size: 24px;
  font-weight: 400;
  text-transform: capitalize;
}
.product-tab-box .tab-content .review-form .add-rating-box {
  margin: 0 0 20px;
}
.product-tab-box .tab-content .review-form .add-rating-box .add-rating-title h4 {
  color: #848484;
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 10px;
  font-family: 'Hind', sans-serif;
  text-transform: none;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li {
  border-right: 1px solid #ebebeb;
  display: inline-block;
  line-height: 20px;
  margin-right: 10px;
  padding-right: 10px;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li:last-child{
  margin-right: 0px;
  padding-right: 0px;
  border-right: 0px solid #ebebeb;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li a i {
  color: #d6d6d6;
  font-size: 12px;
  line-height: 20px;
  margin-right: 1px;
  opacity: 0.9;
  transition: all 500ms ease 0s;
}


.product-tab-box .tab-content .review-form form .field-label p {
  color: #848484;
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 3px;
  font-family: 'Hind', sans-serif;
}
.product-tab-box .tab-content .review-form form input[type="text"], 
.product-tab-box .tab-content .review-form form input[type="email"], 
.product-tab-box .tab-content .review-form form textarea {
  background: #fff;
  height: 50px;
  width: 100%;
  border: 1px solid #ececec;
  color: #252525;
  font-size: 14px;
  padding: 0 15px;
  margin-bottom: 20px;
  transition: all 500ms ease;
}
.product-tab-box .tab-content .review-form form textarea {
  height: 110px;
  padding: 10px 15px;
  margin-bottom: 25px;
}
.product-tab-box .tab-content .review-form form button {
  padding: 15px 35px 13px;
}
.product-tab-box .tab-content .review-form form button:hover{}
.product-tab-box .tab-content .review-form .add-rating-box ul li:hover a i{
  opacity: 1;
  color: #7fa80c;
}
.product-tab-box .tab-content .review-form form input[type="text"]:focus{
  border-color: #7fa80c;
}
.product-tab-box .tab-content .review-form form input[type="email"]:focus{
  border-color: #7fa80c;
}
.product-tab-box .tab-content .review-form form textarea:focus{
  border-color: #7fa80c;  
}

.related-product {
  padding-top: 80px;
}
.related-product .sec-title {
  padding-bottom: 34px;
}
.related-product .sec-title h3 {
  color: #222222;
  font-size: 24px;
  font-weight: 400;
  text-transform: capitalize;
}
.related-product .single-product-item {}



/*** 
=============================================
   Single service Area style
=============================================
***/
#single-service-area {
    padding: 40px 0;
}
#single-service-area .top-content {
    overflow: hidden;
    margin-bottom: 50px;
}
#single-service-area .top-content .text-holder {
    margin-right: -25px;
}
#single-service-area .top-content .text-holder ul {
    overflow: hidden;
    margin-top: 0px;
}
#single-service-area .top-content .text-holder ul li{
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px;
}
#single-service-area .top-content .text-holder ul li{
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px;
}
#single-service-area .top-content .text-holder ul li{
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px;
}
#single-service-area .top-content .text-holder ul li a{
	color:#333;
	font-weight:500;
}
#single-service-area .top-content .text-holder ul li a:hover{
	color:#6b9005;
	font-weight:500;
}
#single-service-area .top-content .text-holder ul li:last-child{
    margin-bottom: 0;
}
#single-service-area .top-content .text-holder ul li:before {
    content: "\f046";
    font-family: FontAwesome;
    color: #7fa80c;
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 0;
}
#single-service-area .top-content .img-holder {
    margin-left: 25px;
}
#single-service-area .top-content .img-holder img {
    width: 100%;  
}


#single-service-area .content-box .border1px{
    height: 1px;
    display: block;
    background: #f4f4f4;
}


#single-service-area .middle-content {
    overflow: hidden;
    padding-top: 60px;
}
#single-service-area .middle-content .single-item {
    margin-bottom: 50px;
    padding-left: 80px;
    position: relative;
    overflow: hidden;
    min-height: 80px;
}
#single-service-area .middle-content .single-item .icon-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    border: 2px solid #f4f4f4;
    border-radius: 50%;
    display: block;
    text-align: center;
    transition: all 500ms ease;
    background: transparent;
}
#single-service-area .middle-content .single-item:hover .icon-holder{
    background: #7fa80c;
    border-color: #ef103f;
}
#single-service-area .middle-content .single-item .icon-holder span:before {
    color: #7fa80c;
    font-size: 35px;
    display: block;
    padding: 20px 0;
    transition: all 500ms ease;
}
#single-service-area .middle-content .single-item:hover .icon-holder span:before{
    color: #fff;
}
#single-service-area .middle-content .single-item .text-holder {
    padding-left: 20px;    
}
#single-service-area .middle-content .single-item .text-holder h3 {
    color: #222222;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 7px;
}
#single-service-area .middle-content .single-item .text-holder p{
    margin: 0;    
}


#single-service-area .profit-improvement-content {
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 60px;
}
#single-service-area .sec-title {
    padding-bottom: 5px;    
}
#single-service-area .sec-title h2 {
    color: #222222;
    font-size: 24px;
    font-weight: 400;
    text-transform: capitalize;
}
#single-service-area .profit-improvement-content ul{
    margin-top: 20px;    
}
#single-service-area .profit-improvement-content ul li{
    padding-left: 25px;
    position: relative;
    margin-bottom: 12px;
}
#single-service-area .profit-improvement-content ul li:last-child{
    margin-bottom: 0;
}
#single-service-area .profit-improvement-content ul li:before{
    position: absolute;
    top: 8px;
    left: 0;
    width: 8px;
    height: 8px;
    background: #fd5075;
    border-radius: 50%;
    content: "";
}
#single-service-area .profit-improvement-content ul li.yellow:before{
    background: #ffcc1b;
}
#single-service-area .profit-improvement-content ul li.green:before{
    background: #84a84e;
}

#single-service-area .stratergy-development-content {
    overflow: hidden;
    margin-top: 70px;
}
#single-service-area .stratergy-development-content .text-holder {
    overflow: hidden;
    margin-bottom: 20px;
}



/*** 
=============================================
    Project area  style
=============================================
***/
#project-area {
    padding-bottom: 40px;
    padding-top: 40px;
}
#project-area .container-fluid{
    padding: 0;
}
#project-area .project-filter {
    margin-bottom: 50px
}
#project-area .project-filter li {
    display: inline-block;
    margin: 0 5.5px;
}
#project-area .project-filter li span {
    background: #ffffff;
    border: 2px solid #f4f4f4;
    color: #222222;
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 9px 18px;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    border-radius: 0px;
    cursor: pointer;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
#project-area .project-filter li.active span, 
#project-area .project-filter li:hover span {
    background: #7fa80c;
    color: #ffffff;
    border-color: #7fa80c;
}
.single-project-item.span-3 {
    float: left;
    width: 25%;
}
.single-project-item {

}
.single-project-item .img-holder{
    position: relative;
    overflow: hidden;
    display: block;
}
.single-project-item .img-holder img{
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    width: 100%;    
}
.single-project-item:hover .img-holder img{
    -webkit-transform:scale(1.3);
    transform:scale(1.3);
}
.single-project-item .img-holder .overlay{
    background-color: rgba(255, 43, 88, 0.9);
    width: 100%;
    height: 100%;
    position:absolute;
    top:0;
    left:0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    padding: 5px;
}
.single-project-item .img-holder .overlay .box{
    border: 1px solid #ffffff;
    display: table;
    height: 100%;
    width: 100%;        
}
.single-project-item .img-holder .overlay .box .content{
    display: table-cell;
    text-align: center;
    vertical-align: middle;        
}
.single-project-item:hover .img-holder .overlay{
    -webkit-transform: scale(1);
    transform: scale(1);
}

.single-project-item .img-holder .overlay .box .content ul{
    
}
.single-project-item .img-holder .overlay .box .content ul li{
    display: inline-block;
    margin: 0 5.5px;
}
.single-project-item .img-holder .overlay .box .content ul li a i {
    background: #fff none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 50%;
    color: #222222;
    font-size: 18px;
    height: 55px;
    line-height: 55px;
    width: 55px;
    transition: all 500ms ease;
}
.single-project-item .img-holder .overlay .box .content ul li a:hover i{
    background: #7fa80c;
    color: #fff;
    border-color: #fff;
}

.single-project-item .img-holder .overlay .box .content .text {
    bottom: 21px;
    left: 29px;
    position: absolute;
    text-align: left;
}
.single-project-item .img-holder .overlay .box .content .text h3{
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 3px;
}
.single-project-item .img-holder .overlay .box .content .text p{
    color: #ffffff;
    margin: 0;
}

#project-area .load-more-button{
    padding-top: 50px;    
}
#project-area .load-more-button a {
    padding: 13px 40px 11px;
}



/*** 
=============================================
    Project Grid area  style
=============================================
***/
.project-grid-area .single-project-item{
    margin-bottom: 30px;
}
#project-area.project-grid-area .load-more-button {
    padding-top: 20px;
}


/*** 
=============================================
    Project Grid with text  style
=============================================
***/
#project-area.grid-with-text{
    
}
#project-area.grid-with-text .project-filter {
    padding-bottom: 0;
}
#project-area.grid-with-text .project-filter li {
    float: none;
}
#project-area.grid-with-text .overlay-style-one .box .content ul li{
    display: inline-block;
    margin: 0 3.5px;
}
#project-area.grid-with-text .overlay-style-one .box .content ul li a i {
    background: #fff none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 50%;
    color: #222222;
    font-size: 18px;
    height: 45px;
    line-height: 45px;
    width: 45px;
    transition: all 500ms ease;
}
#project-area.grid-with-text .overlay-style-one .box .content ul li a:hover i{
    background: #7fa80c;
    color: #fff;
    border-color: #fff;
}
#project-area.grid-with-text .post-pagination{
    margin-top: 10px;
}






/*** 
=============================================
    Project single area  style
=============================================
***/
#project-area.project-single-area {
    padding-bottom: 0;
}
.project-single-area .sec-title {
    padding-bottom: 25px;
}
.project-single-area .sec-title h2{
    color: #222222;
    font-size: 24px;
    font-weight: 400;
}
.project-single-area .single-project-img-box {
    margin-bottom: 50px;
}

.project-single-area .project-info {}
.project-single-area .project-info ul {
    background: #f7f7f7;
    display: block;
    padding-top: 23px;
    padding-bottom: 25px;
    padding-left: 20px;
    padding-right: 20px;
}
.project-single-area .project-info ul li {
    color: #7fa80c;
    font-size: 16px;
    margin-bottom: 15px;
}
.project-single-area .project-info ul li:last-child{
    margin-bottom: 0;
}
.project-single-area .project-info ul li b {
    width: 100px;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}
.project-single-area .project-info ul li span{
    font-family: 'Hind', sans-serif;
    padding-left: 20px; 
    color: #848484;
}
.project-single-area .legal-work-content {
    
}
.project-single-area .legal-work-content h3 {
    color: #222222;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 8px;
}
.project-single-area .legal-work-content span{
    color: #7fa80c;
    margin: 0;
}
.project-single-area .legal-work-content p {
    margin: 15px 0 0;
}
.project-single-area .legal-work-content a {
    margin: 16px 0 0;
    padding: 13px 30px 11px;
}

.project-single-area .project-analysis {
    overflow: hidden;
    padding-top: 80px;
}
.project-single-area .project-analysis .text-holder {
    margin-top: -7px;
    overflow: hidden;
    margin-bottom: 30px;
}


.project-single-area .project-result {
    overflow: hidden;
    margin-bottom: 80px;
    margin-top: 80px;
}
.project-single-area .project-result .text-holder {
    margin-top: -6px;
    margin-bottom: 40px;
}
.project-single-area .project-result .text-holder p {
    margin-bottom: 25px;
}
.project-single-area .project-result .text-holder ul{
    
}
.project-single-area .project-result .text-holder ul li{
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px;    
} 
.project-single-area .project-result .text-holder ul li:last-child{
    margin-bottom: 0;
}
.project-single-area .project-result .text-holder ul li:before {
    content: "\f046";
    font-family: FontAwesome;
    color: #7fa80c;
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 0;
}






.project-single-area .bottom {
  border-top: 1px solid #f7f7f7;
  margin: 48px 0 0;
  overflow: hidden;
  padding-bottom: 20px;
  padding-top: 20px;
}
.project-single-area .bottom .button a {
  color: #222222;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  transition: all 500ms ease;
}
.project-single-area .bottom .button a:hover{
  color: #7fa80c;
}
.project-single-area .bottom .button a i {
  display: inline-block;
  font-size: 18px;
  padding-right: 10px;
  position: relative;
  top: 1px;
}
.project-single-area .bottom .button.next a i{
  padding-right: 0px;
  padding-left: 10px;
}


.project-single-area .bottom .icon-holder a i {
  color: #222222;
  font-size: 24px;
  position: relative;
  top: 4px;
  transition: all 500ms ease 0s;
}
.project-single-area .bottom .icon-holder a:hover i{
  color: #7fa80c;
}

.card_np {
    border-radius: 2px;
    margin-bottom: 15px;
    box-shadow: 0 1px 3px rgba(188,232,241,0.12), 0 1px 2px rgba(188,232,241,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.mb15 {
    margin-bottom: 15px;
}
.p10 {
    padding: 10px;
}
.bdr_all {
    border: solid 1px #bce8f1;
}
.primary_contnent_bg {
    background: rgba(255,255,255,1.00);
}

.iifl_titles {
    font: 300 26px/28px 'Roboto', sans-serif;
    color: #333;
    display: block;
    margin: 0 0 15px;
    text-transform: capitalize;
}

.pb5 {
    padding-bottom: 5px;
}
.fw500 {
    font-weight: 500;
}
.pT10 {
    padding-top: 10px !important;
}
.w250 {
    width: 280px !important;
}
.fLt {
    float: left !important;
}
.TxtBox {
	padding: 5px 10px;
	border: 1px solid #dadada;
	margin-bottom: 10px;
}
.pT5 {
    padding-top: 5px !important;
}
.pB5 {
    padding-bottom: 5px !important;
}
.txtRit {
    text-align: right;
}
.ripple-effect {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}
.btn-primary {
    color: #ffffff;
    background-color: #2780e3;
    border-color: #2780e3;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 10px 18px;
    font-size: 15px;
    line-height: 1.42857143;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.btn-orange:hover {
    border: 1px solid transparent;
}

.text-bold { color:#333; font-weight:600;}


.btn-gray {
    background-color: #787878;
    color: #fff;
}

.ripple-effect {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}
.btn-orange {
    background-color: #f16e2d;
    color: #fff;
}
.mr10 {
    margin-right: 10px;
}
.sip-text { font-size:15px  !important; color:#333;}
#teedback-1
img{background:none; display:block; position:fixed; top:280px; z-index:999;cursor:pointer; right:0;}