/*************************************************************************************************
||||||||||||||||||||||||||       MASTER STYLESHEET         |||||||||||||||||||||||||||||||||||||||
**************************************************************************************************
||||||||||||||||||||||||||        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
26. Gallery style

27. ***** Products Page image gallery *******

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



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




@import url(imp.css);
@import url(hover.css);
@import url('prettyPhoto.css');
@import url(bootstrap.min.css);
@import url(bootstrap-select.min.css);
@import url(jquery.bootstrap-touchspin.css);

@import url(font-awesome.css);
@import url(flaticon.css);
@import url(icomoon.css);

@import url(settings.css);
@import url(layers.css);
@import url(navigation.css);

@import url(owl.carousel.css);
@import url(jquery.bxslider.css);
@import url(flexslider.css);

@import url(jquery-ui.css);
@import url(jquery.fancybox.css);
@import url(polyglot-language-switcher.css);

@import url(animate.min.css);
@import url(nouislider.css);
@import url(nouislider.pips.css);
@import url(menuzord.css);
@import url(magnific-popup.css);
@import url(imagehover.min.css);




/*==============================================
   Base Css
===============================================*/






body {
  font-family: 'Hind', sans-serif;
  color:#222222;
  font-size: 16px;
}

h1,h2,h3,h4,h5,h6,p,ul { margin:0;padding: 0;}
h1,h2,h3,h4,h5 {
  font-family: 'Marsden', sans-serif; 
} 

.banner-wording {
   font-size: 55px;
}

ul {list-style-type: none;}

p {font-family: 'Hind', sans-serif;font-size: 16px;color: #848484;line-height: 26px;font-weight: 300;}
a {text-decoration: none;display: inline-block;outline: none;}
a:hover,a:focus,a:visited {text-decoration: none; outline: none;}

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

button {border:none; outline:none; box-shadow: none; display: block; padding: 0; background: transparent;}
input,textarea {font-family: 'Hind', sans-serif;display: block; font-size: 16px; line-height: 28px; outline: none; box-shadow: none;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

@media (min-width: 1200px) {
  .container {
    padding: 0;
  }
}

.boxed_wrapper {
    width: 100%;
    background: #fff;
    overflow-x: hidden;
}
.sec-padd {
  padding: 80px 0 80px;
}
.sec-padd2 {
  padding: 80px 0 30px;
}

.sec-padd-top {
  padding-top: 80px;
}
.sec-padd-bottom {
  padding-bottom: 80px;
}
.no-padd {
  padding: 0px;
}

.padd-10 {
  padding: 10px 0px 10px 0px;
}

.padd-20 {
  padding: 20px 0px 20px 0px;
}

.padd-30 {
  padding: 30px 0px 30px 0px;
}

.padd-40 {
  padding: 40px 0px 40px 0px;
}

.paddtop-10 {
  padding-top: 10px;
}

.paddtop-20 {
  padding-top: 20px;
  padding-bottom: 10px;
}

.paddtop-30 {
  padding-top: 30px;
  padding-bottom: 10px;
}

.paddtop-40 {
  padding-top: 40px;
  padding-bottom: 10px;
}

.paddtopbtm-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.clear_fix { clear:both;}
.clear_fix:after {
  display: table;
  content: '';
  clear: both;
}
.list_inline li {
  display: inline-block;
}
.social li {
  display: inline-block;
  font-size: 14px;
  padding: 0 10px;
}
.social li a {
  color: #fff;
  transition: .5s ease-in-out;
  font-size: 14px;
}
.default_link {
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'Hind', sans-serif;
  color: #fdc716;
}
.default_link:hover {
  color: #fdc716;
}

.default_link i {
  margin-left: 3px;
  font-weight: 700;
  font-size: 18px;
  position: relative;
  top: 1px;
}

.default-overlay-outer{
  position:absolute;
  display:block;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  padding:10px;
  transition:all 700ms ease;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
  -moz-transition:all 700ms ease;
}

.default-overlay-outer .inner{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  display:table;
  vertical-align:middle;
  text-align:center;
}

.default-overlay-outer .inner .content-layer{
  position:relative;
  display:table-cell;
  vertical-align:middle;
  color:#ffffff;
}


.rating {
    font-size: 14px;
    color: #fdc716;
}



.uppercase {
  text-transform: uppercase;
}
.padd-80 {
  padding-top: 80px;
}
.tran5 {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.center {
  text-align: center;
}


.row-5 {
  margin: 0 -5px;
}
.row-10 {
  margin: 0 -10px;
}

.thm-color {
  color: #7f1517;
}

.bold {
  font-weight: 700;
}
.s-bold {
  font-weight: 600;
}
.m-bold {
  font-weight: 600;
}

.float_left {
    float: left;
}
.float_right {
    float: right;
}

.border-bottom {
  border-bottom: 1px solid #f7f7f7;
}

@media (min-width: 1200px) {
  .container {
    padding: 0;
  }
}

.thm-btn {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  position: relative;
  transition: all 0.5s ease 0s;
  cursor: pointer;
  padding: 0 30px;
  line-height: 50px;
  display: inline-block;
  text-align: center;
  z-index: 1;
}

.thm-btn:hover{
  color: #fff;
}


.thm-btn:before {
  background-color: #444;
  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: #7f1517;  
  color: #fff;
}
.thm-btn:hover::before{
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.bg-clr2{
  background: #222;
  color: #fff;
  position: relative;
}
.bg-clr2:before {
  background-color: #7f1517;
  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);    
}

.justify {
  text-align: justify;
  text-justify: inter-word;
}


/*________________Preloader_______________ */

/* .prealoader{ 
    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/box-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%;
  background: #fff;
  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;
  box-shadow: -8px 8px 20px 0px rgba(0, 0, 0, 0.08);
  /* box-shadow: inset -6px -9px 19px rgba(0, 0, 0, 0.05); */
}


/* Scroll To Top styles */
.scroll-to-top {
    background: #7f1517;
    border: 2px solid #7f1517;
    bottom: 25px;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 30px;
    font-weight: normal;
    height: 35px;
    line-height: 35px;
    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;
}


.anim-3,.anim-3-all *{
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;  
}

.anim-5,.anim-5-all *{
  transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
  -ms-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;  
}

.anim-7,.anim-7-all *{
  transition:all 0.7s ease;
  -moz-transition:all 0.7s ease;
  -webkit-transition:all 0.7s ease;
  -ms-transition:all 0.7s ease;
  -o-transition:all 0.7s ease;  
}


.section-title {
  position: relative;
  margin-bottom: 50px;
}
.section-title h2 {
  position: relative;
  text-transform: capitalize;
  font-weight: 600;
  padding-bottom: 20px;
}
.section-title h3 {
  position: relative;
  text-transform: capitalize;
  font-weight: 600;
  padding-bottom: 20px;
}
.section-title h4 {
  position: relative;
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 600;
  padding-bottom: 20px;
}

.section-title:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 70px;
    height: 1px;
    background: #7f1517;
}
.section-title.center:after {
    left: 50%;
    margin-left: -35px;
}





/*===========scroll============*/



.scroll-top {
    width: 60px;
    height: 60px;
    position: fixed;
    border-radius: 50%;
    bottom: 30px;
    right: 30px;
    z-index: 99;
    display: none;
    color: #7f1517;
    background: #10252e;
    text-align: center;
    border: 2px solid #19333e;
}
.scroll-top span:before {
  font-size: 27px;
}
.scroll-top:after {
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}

.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%;
 z-index:999999; background-color:#ffffff; background-position:center center;
  background-repeat:no-repeat; background-image:url(http://world5.commonsupport.com/2017/factory/images/icons/preloader.gif);}




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

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

.video-image-box img{
  display:block;
  width:100%; 
}

.video-image-box .image .overlay-link{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  color:#ffffff;
  text-align:center;
  background:rgba(0,0,0,0.10);
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease; 
}

.video-image-box .image .overlay-link:hover {
    background: rgba(72, 199, 236, 0.9);
}

.video-image-box .image .overlay-link .icon{
  position:absolute;
  left:50%;
  top:50%;
  margin-top:-25px;
  margin-left:-25px;
  width: 58px;
  height: 41px;
  line-height: 43px;
  font-size:60px;
  color: #f7f7f7;
}





/*==============================================
    Top bar Area Css
===============================================*/
.top-bar-area {
  background: #292929;
  padding: 7px 0 8px;
}

.top-bar-area p {
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  margin: 6px 0;
}
.top-bar-area p i {
  color: #7f1517;
  margin-right: 8px;
}



/*==============================================
    Header Area Css
===============================================*/
.header-area {
  padding: 24px 0 60px;
}
.header-area.style-2 {
  padding: 0px 0;
}
.header-area.style-2 .logo {
  margin-top: 14px;
}
.contact-page-info{
  overflow: hidden;
}
/* .header-contact-info ul{} */
.contact-page-info ul li {
  border-right: 1px solid #f7f7f7;
  display: inline-block;
  float: left;
  /* margin-right: 30px;
  padding-right: 10px; */
  position: relative;
  padding-top: 4px;
  padding-bottom: 2px;
}
.contact-page-info ul li:last-child{
  margin-right: 0;
  border-right: none;
  padding-right: 0;
}
.contact-page-info ul li .iocn-holder{
  width: 48px;
  border: 1px dashed #7f1517;
  border-radius: 50%;
}
.contact-page-info ul li .iocn-holder span {
  color: #7f1517;
  display: block;
  font-size: 24px;
  font-weight: 500;
  height: 48px;
  line-height: 48px;
  text-align: center;
  transition: all 500ms ease 0s;
  width: 48px;
}
.contact-page-info ul li .iocn-holder span.top-envelop {
  font-size: 40px;
}
.contact-page-info ul li:hover .iocn-holder span {
  color: #2b2c36;    
}
.contact-page-info ul li .iocn-holder, .contact-page-info ul li .text-holder{
  display: table-cell;
  vertical-align: middle;
} 
.contact-page-info ul li .text-holder {
  padding-left: 10px;
}
.contact-page-info ul li .text-holder h6 {
  color: #222222;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
  margin: 0 0 10px;
}
.contact-page-info ul li .text-holder p {
  color: #999;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  line-height: 16px;
}
.top-social-links {
  float: right;
  margin: 15px 0;
}
.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: #999;
  font-size: 16px;
  transition: all 500ms ease;
}
.top-social-links li a:hover i{
  color: #fdc716;
}



/*==============================================
    Mainmenu Area Css
===============================================*/
.mainmenu-area {
  margin-bottom: -35px;
  margin-top: -35px;
  position: relative;
  z-index: 999999;
}

.header-area.style-2 .mainmenu-area {
  margin: 0
}
.header-area.style-2 .main-menu .navbar-header {
  padding: 20px 0;
}



.mainmenu-area .mainmenu-bg {
  position: relative;
  background: #292929;
  transition: all 0.5s ease 0s;
}
.main-menu {
  float: left;
  position: relative;
}

.main-menu.style-2 {
  float: right;
}

.main-menu .navbar-collapse {
  padding: 0px
}
.main-menu .navigation {
  float: left;
  margin: 0;
  position: relative;
  font-family: 'Montserrat', 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: #fdc716 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: 600;
  line-height: 30px;
  opacity: 1;
  padding: 19px 0px 18px;
  margin-left: 20px;
  margin-right: 20px;
  position: relative;
  text-transform: uppercase;
  transition: all 500ms ease 0s;
}
.main-menu.style-2 .navigation li a {
  color: #222;
  padding: 35px 0;
}
.main-menu.style-2 .navigation li:last-child a {
  margin-right: 0px;
}
/* .main-menu .navigation > li.dropdown > a {} */
/* .mainmenu-area.stricky-fixed .main-menu .navigation > li:first-child > a {} */
.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: #fdc716;
  opacity: 1;
}
.main-menu .navigation > li > ul {
  position: absolute;
  left: 0px;
  top: 100%;
  background: #333;
  width: 230px;
  border-top: 2px solid #fff;
  padding: 12px 20px;
  z-index: 999;
  display: none;
}

.main-menu .navigation > li > ul > li {
  float: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  border-right: none;
}
.main-menu .navigation > li > ul > li:first-child{
  border: none;
}
.main-menu .navigation > li > ul > li > a {
  color: #ffffff;
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  padding: 12px 0px;
  position: relative;
  text-transform: capitalize;
  transition: all 500ms ease 0s;
  margin: 0;
}
.main-menu.style-2 .navigation > li > ul > li > a {
  color: #fff;
  padding: 12px 0px;
}
.main-menu .navigation > li > ul > li:hover > a {
  color: #fdc716;
}


/* .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;
  display: block;
  z-index: 5;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
}


/* Search Box style   */

/*=================== Cart And Search Option ===============*/

.mainmenu-area .right-column {
    position: absolute;
    right: 0;
    width: 270px;
    top: 0;
    z-index: 999;
}


.nav_side_content {
  margin-top: 15px;
  position: relative;
  float: left;
}
.nav_side_content .cart_select>button {
  font-size: 14px;
  text-transform: uppercase;
  position: relative;
  margin-right: 23px;
  color:#272727;
}
.nav_side_content .cart_select>button span {
  font-weight: normal;
  padding: 0 0px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: -20px;
  color: #fdc716;
}
.nav_side_content .cart_select>button i {
  font-size: 18px;
  margin-left:5px;
}
/* .nav_side_content .cart_select,
.nav_side_content .search_option {} */
.nav_side_content .search_option>button {
  width: 30px;
  height:40px;
  position: relative;
  font-size: 14px;
  color: #fff;
  top: -2px;
}

.nav_side_content .search_option form {
    height: 50px;
    width: 280px;
    padding: 5px;
    border-radius: 4px;
    margin: 0;
    left: auto;
    right: 0;
    border-color: #fdc716;
    top: 54px;
}
.nav_side_content .search_option form input {
  font-family: 'Raleway', sans-serif;
  font-weight: normal;
  width:100%;
  height:100%;
  background: transparent;
  color:#9e9e9e;
  border:1px solid #f7f7f7;
  padding: 0 47px 0 10px;
  font-size: 15px;
}
.nav_side_content .search_option form button {
  display: block;
  width:40px;
  line-height: 40px;
  text-align: center;
  position: absolute;
  top:5px;
  right:5px;
  color: #7f1517;
}
.nav_side_content .cart_select {
  border-left: 1px solid #ececec;
  padding-left: 5px;
}

.mainmenu-area .link_btn .thm-btn {
  background: #7f1517;
  line-height: 67px;
  padding: 0 50px;
}


.free-consulation-button{
  position: relative;
  height: 67px;
  width: 205px;
}

.free-consulation-button a {
  background: #2c3e50;
  width: 205px;
  height: 67px;
  padding: 10px 0;
  position: relative;
  z-index: 1;
}



/*** 
=============================================
    Rev Slider Wrapper style
=============================================
***/
.rev_slider_wrapper .slide-content-box h1 {
  color: #7f1517;
  font-size: 60px;
  font-weight: 700;
  line-height: 65px;
  margin: 0px 0 20px;
  text-transform: none;
  text-shadow: 2px 2px 10px #ffffff;
}

.rev_slider_wrapper .slide-content-box p{
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  line-height: 26px;
}
.rev_slider_wrapper .slide-content-box .button a{
  padding: 15px 40px;
  line-height: 50px;
}
.rev_slider_wrapper .slide-content-box .button a.bg-clr1{
  padding: 15px 50px;
}

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

.tparrows {
  background: #000;
  cursor: pointer;
  display: block;
  height: 40px;
  position: absolute;
  width: 40px;
  z-index: 1000;
}
.tparrows:hover{
    background:#fdc716;
    transition: .5s ease;
}








/* ======================== footer style =========================== */


.footer-col {
  margin-bottom: 40px;
}




.footer-main {
    background: #161616;
}

.footer-col a,
.footer-col p,
.footer-col span {
    color: #9d9d9d;
}

.footer-col a:hover {
    color: #fdc716;
}
.footer-col.service-col {
    padding-left: 20px;
}



.footer-words {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    padding-top: 28px;
}

.footer-social {
    padding-top: 18px;
}

.footer-social li:not(:first-of-type) {
    margin-left: 0px;
    padding: 0 3px;
}

.footer-social a {
    font-size: 14px;
    line-height: 26px;
    background-color: hsl(224, 22%, 14%);
    border: 1px solid hsl(224, 22%, 14%);
    box-shadow: 0 2px 2px #000;
    border-radius: 50%;
    display: block;
    height: 44px;
    color: #fdc716;
    line-height: 45px;
    text-align: center;
    width: 44px;
}

.footer-title {
    font-weight: 400;
    padding-bottom: 30px;
    color: #fff;
    text-transform: uppercase;
}

.footer-list li:not(:first-of-type) {
    margin-top: 10px;
}

.footer-list a {
    font-family: 'Hind', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: .20px;
}

.footer-list a:before {
    content: "\f104";
    font-family: 'FontAwesome';
    margin-right: 10px;
}



/*============ post-column =================*/

.footer-main .post-column .post {
  position: relative;
  padding-left: 95px;
  margin-bottom: 35px;
  padding-bottom: 35px;
  border-bottom: 1px solid #363636;
}
.footer-main .post-column .post:last-child {
  border-bottom: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.footer-main .post-column .post-thumb {
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  height: 70px;
}

.footer-main .post-column h5 {
  position: relative;
  top: -5px;
  font-size: 16px;
  color: #999;
  line-height: 20px;
  margin-bottom: 9px;
}
.footer-main .post-column .post-info {
  color: #fdc716;
  font-size: 15px;
}



/*============ contact-column =================*/

.footer-main .contact-column{
  position:relative;
}

.footer-main .contact-column h5 {
  font-size: 16px;
  color: #999;
  margin-bottom: 18px;
}

.footer-main .contact-column form {
  position: relative;
  margin-bottom: 25px;
}
.footer-main .contact-column input {
  background: #2e2e2e;
  border: 1px solid #363636;
  width: 100%;
  padding: 0 15px;
  line-height: 40px;
}
.footer-main .contact-column input:focus {
  border-color: #fdc716;
}
.footer-main .contact-column button {
  position: absolute;
  right: 0;
  top: 0;
  height: 42px;
  width: 40px;
  line-height: 42px;
  background: #fdc716;
  color: #fff;
}

.footer-main .contact-column p {
  padding-bottom: 19px;
  margin-bottom: 20px;
  border-bottom: 1px solid #363636;
}


/*============ social icon ===================*/

.footer-main .contact-column .social-icon li {
  display: inline-block;
}
.footer-main .contact-column .social-icon li a {
  display: inline-block;
  color: #999;
  margin-right: 15px;
  font-size: 16px;
  transition: .5s ease;
}
.footer-main .contact-column .social-icon li a:hover {
  color: #fdc716;
  transition: .5s ease;
}






/*footer bttom*/

.footer-bottom {
    padding-top: 23px;
    padding-bottom: 24px;
    background: #222222;
    color: #999;
}

.copyright,
.footer-menu a {
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    color: #999;
}

.copyright {
    letter-spacing: .40px;
    line-height: 18px;
}

.footer-menu a {
    line-height: 14px;
    letter-spacing: .80px;
}

.footer-menu a:hover {
    color: #fdc716;
}

.footer-menu li:not(:first-of-type) {
    margin-left: 35px;
}


/*========================

  about style

==========================*/


/* .about-text {} */
.about-text h2 {
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.about-text p {
  margin-bottom: 20px;
}
.about-text .work-process {
  
padding: 15px 0 40px;
}
.about-text .work-process li {
  display: inline-block;
  font-size: 16px;
  text-transform: uppercase;
  margin-right: 30px;
}

.about-text .work-process li span {
  height: 55px;
  width: 55px;
  text-align: center;
  display: inline-block;
  font-size: 24px;
  margin-right: 16px;
  color: #fdc716;
  line-height: 50px;
  border: 2px dashed #fdc716;
  border-radius: 50%;
}



/*====================
  two-column style
=====================*/

.two-column {
  text-align: center;
}

.two-column h2 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
}

.two-column p {
  color: #fff;
  position: relative;
  margin: 33px 0;
}

.two-column .thm-btn {
  border-radius: 25px;
  padding: 0 40px;
}
.two-column .column1 {
  position: relative;
  padding: 100px 0;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.two-column .column1:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(250, 153, 40, 0.8);
    z-index: 0;
}
.two-column .column2{
  padding: 100px 0;
  background: #2c3e50;
}
.two-column .thm-btn:before {
  border-radius: 23px;
}

/*====================

 service style

======================*/

.service-section {
    overflow: hidden;
}


.service-section .column {
  padding: 0 10px;
}
.service-section .service-box {
  position: relative;
  background-color: #f0f5f9;
  text-align: center;
  padding: 40px 0 50px;
  margin-bottom: 20px;
  transition: .5s ease;
}
.service-section .service-box:hover{
  background-image: url(http://world5.commonsupport.com/2017/factory/images/background/1.jpg);
  background-color: #fdc716;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: .5s ease;
}

.service-section .service-box:before{
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0;
  bottom: 0;
  background: rgba(250, 153, 40, 0.9);
  z-index: 0;
  transition: .5s ease;
  opacity: 0;
}
.service-section .service-box:hover:before{
  opacity: 1;
}

.service-section .service-box span:before {
  font-size: 55px;
  color: #fab226;
  position: relative;
}
.service-section .service-box:hover span:before {
  color: #fff;
}
.service-section .service-box h5 {
  position: relative;
  font-size: 16px;
  margin-top: 5px;
  color: #2c3e50;
}
.service-section .service-box:hover h5 {
  color: #fff;
}

.service-section .service-box a {
  display: block;
}


/*** 

====================================================================
  google map Section
====================================================================

***/
.home-google-map #contact-google-map {
  width: 100%;
  height: 460px;
  padding: 30px 0px 30px 0px;
}

.home-google-map .gmnoprint {
    display: none;
}



.map-container {
    position: relative;
}

.map-info {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fdc716;
    padding: 70px 40px 0;
    height: 460px;
}

.map-info h3 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 28px;
}

.map-container p {
  color: #fff;
}
.contact-infos{
  padding-bottom: 35px;
}

.contact-infos li {
    position: relative;
    padding-left: 50px;
    font-size: 16px;
    margin-bottom: 8px;
}
.contact-infos li a {
  color: #fff;
}
.contact-infos .icon_box {
  position: absolute;
  left: 0;
  color: #fff;
}




.map-info .social-icon {
  text-align: center;
  border-top: 1px solid #fff;
  padding-top: 50px;
}
.map-info .social-icon li {
  padding: 0 2px;
}
.map-info .social-icon li a {
    color: #fff;
    font-size: 17px;
    line-height: 44px;
    width: 44px;
    height: 44px;
    display: block;
    border-radius: 10px;
    border: 1px solid #fff;
    transition: .5s ease;
}
.map-info .social-icon li a:hover {
  background: #2c3e50;
  color: #fff;
  border-color: #2c3e50;
  transition: .5s ease;
}



/*=========================

  call-out style

=========================*/

.call-out {
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}
.call-out:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  top: 0;
  left: 0;
  z-index: -1;
}
.call-out h2 {
  color: #fff;
  text-transform: uppercase;  
}
.call-out p {
  color: #fff;
  margin: 40px 0;
  font-size: 17px;
}
.call-out .thm-btn span:before {
  margin-right: 10px;
  font-size: 18px;
}



/*================
  brand logo style
==================*/


.brand-logo {
  position: relative;
  background: #f8f9f9;
}
.brand-logo .brand-carousel li {
  
}
.brand-logo .brand-carousel li a {
  display: block;
  text-align: center;
}
.brand-logo .brand-carousel li a img {
  width: auto;
  display: inline-block;
}



/*nav*/
.brand-logo .owl-controls {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -20px;
    left: 0;
}
.brand-logo .owl-carousel {
  position: inherit;
}
.brand-logo .owl-theme .owl-nav {
    margin: 0;
    padding: 0;
}

.brand-logo .owl-theme .owl-nav [class*=owl-] {
    color: #999999;
    font-size: 24px;
    margin: 0;
    padding: 0;
    background-color: transparent;
    padding: 0 5px;
    display: inline-block;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
}

.brand-logo .owl-theme .owl-prev {
    float: left;
    width: 25%;
    text-align: center;
}
.brand-logo .owl-theme .owl-prev span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: #2c3e50;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}
.brand-logo .owl-theme .owl-prev span:hover {
    color: #fff;
    background-color: #fdc716;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}
.brand-logo .owl-theme .owl-next {
    float: right;
    width: 20%;
    text-align: center;
}

.brand-logo .owl-theme .owl-next span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: #2c3e50;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}
.brand-logo .owl-theme .owl-next span:hover {
    color: #fff;
    background-color: #fdc716;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}






/*** 
=============================================
    Breadcrumb area style
=============================================
***/
.breadcrumb-area {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 190px 0 170px;
  position: relative;
}

.breadcrumb-area:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.62);
    z-index: 0;
}

.breadcrumb-area h1 {
    color: #ffffff;
    position: relative;
    font-weight: 600;
    line-height: 40px;
    text-transform: uppercase;
}








/*** 
=============================================
    Contact Form Area style
=============================================
***/
.contact-form-area {

}
.contact-form-area .section-title:after {
  display: none;
  
}
.contact-form-area .contact-form {
  
margin-bottom: 50px;
}
.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 #f4f4f4;
  color: #999;
  display: block;
  font-size: 16px;
  height: 55px;
  margin-bottom: 30px;
  padding: 0 20px;
  width: 100%;
  transition: all 500ms ease;
}
.contact-form-area .contact-form form textarea{
  height: 122px;
  margin-bottom: 30px;
  padding: 10px 20px;
}
.contact-form-area .contact-form form input[type="text"]:focus{
  border-color: #fdc716;
}
.contact-form-area .contact-form form input[type="email"]:focus{
  border-color: #fdc716;        
}
.contact-form-area .contact-form form textarea:focus{
  border-color: #fdc716;
}
.contact-form-area .contact-form form button{
  width: 100%;
  padding: 13px 0;
  border: 2px solid transparent;
  line-height: 20px;
}
/* .contact-form-area .contact-form form button:hover{} */

.contact-form-area .form-right-box{
    background: #f7f7f7;
    padding-top: 40px;
    padding-bottom: 37px;
}
.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: #fdc716;
}
.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: #999;
    transition: all 500ms ease;
}
.contact-form-area .form-right-box .social-links li a:hover i{
    color: #fdc716;
}

.footer-contact-info{
  overflow: hidden;
  border: 1px solid #f4f4f4;
  padding: 25px 30px 0;
}
/* .footer-contact-info ul{} */
.footer-contact-info ul li {
  display: inline-block;
  float: left;
  margin-right: 30px;
  padding-right: 30px;
  position: relative;
  padding-top: 4px;
  padding-bottom: 30px;
}
.footer-contact-info ul li:last-child{
  margin-right: 0;
  border-right: none;
  padding-right: 0;
}
.footer-contact-info ul li .iocn-holder{
  width: 48px;
  border: 1px dashed #fdc716;
  border-radius: 50%;
}
.footer-contact-info ul li .iocn-holder span {
  color: #fdc716;
  display: block;
  font-size: 24px;
  font-weight: 500;
  height: 48px;
  line-height: 48px;
  text-align: center;
  transition: all 500ms ease 0s;
  width: 48px;
}
.footer-contact-info ul li .iocn-holder span.top-envelop {
  font-size: 40px;
}
.footer-contact-info ul li:hover .iocn-holder span {
  color: #2b2c36;    
}
.footer-contact-info ul li .iocn-holder, .footer-contact-info ul li .text-holder{
  display: table-cell;
  vertical-align: middle;
  color: #61888e;
} 
.footer-contact-info ul li .text-holder {
  padding-left: 10px;
}
.footer-contact-info ul li .text-holder h6 {
  color: #222222;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
  margin: 0 0 10px;
}
.footer-contact-info ul li .text-holder p {
  color: #999;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  line-height: 16px;
}
.footer-contact-info .title p {
  margin: 6px 0 15px;
}




/*** 
=============================================
    Contact page Info Area style
=============================================
***/

.header-contact-info{
  overflow: hidden;
}
/* .header-contact-info ul{} */
.header-contact-info ul li {
  border-right: 1px solid #f7f7f7;
  display: inline-block;
  float: left;
  margin-right: 30px;
  padding-right: 10px;
  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;
  border: 1px dashed #7f1517;
  border-radius: 50%;
}
.header-contact-info ul li .iocn-holder span {
  color: #7f1517;
  display: block;
  font-size: 24px;
  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: 10px;
}
.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: #999;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  line-height: 16px;
}



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







/*** 
=============================================
    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 a {
  display: block;
}
.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: #fdc716;;
    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: 'Montserrat', 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: #fdc716;;        
} 
.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: 15px 0 15px;
}
.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: #fdc716;;
}
.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: #fdc716;;    
}


/* 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: 'Montserrat', sans-serif;
}
.post-pagination li.active a, .post-pagination li:hover a {
  background: #fdc716;;
  color: #fff;
  border: 2px solid #fdc716;;
}













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


.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: #000000;
    transition: all 500ms ease;
    font-size: 16px;
    font-weight: 300;
    padding-left: 25px;
    position: relative;
}
.single-sidebar .categories li a:before {
    position: absolute;
    top: 14px;
    left: 0;
    width: 8px;
    height: 8px;
    background: #fff;
    border: 1px solid #a8a8a8;
    content: "";
    border-radius: 50%;
    margin-top: -5px;
    transition: all 500ms ease;
}
.single-sidebar .categories li a:hover{
    color: #fdc716;;    
}
.single-sidebar .categories li a:hover:before{
    border-color: #fdc716;
}

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

.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: #fdc716;;
}
.single-sidebar .recent-post li .title-holder .post-date {
  color: #fdc716;;
  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: #fdc716;;
    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: #fdc716;;
  border-color: #fdc716;;
  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: #fdc716;;
}


/*** 
=============================================
    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: #fdc716;
  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: 16px;
  width: 70px;
}
.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: #fdc716;
  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: #fdc716;
  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: 160px;
  padding: 10px 15px;
  margin-bottom: 30px;
}
.blog-single-area .add-comment-box form button {
    padding: 0;
    width: 100%;
}
.blog-single-area .add-comment-box form input[type="text"]:focus{
  border-color: #fdc716;
}
.blog-single-area .add-comment-box form input[type="email"]:focus{
  border-color: #fdc716;
}
.blog-single-area .add-comment-box form textarea:focus{
  border-color: #fdc716;
}
.blog-single-area .add-comment-box form button: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: 160px;
    height: 48px;
    border: 2px solid #fff;
    line-height: 46px;
    font-size: 14px;
    padding: 0;
}
.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(44, 62, 80, 0.68);
}


.single-product-item .title-holder {
  padding: 13px 15px 15px;
  background: #fafafa;
}
.single-product-item .title-holder .rate{
    color: #fdc716;
    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: #fdc716;    
}
.single-product-item .title-holder .top .review-box ul li i{
    color: #fdc716;
    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: #fdc716 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;
    line-height: 26px;
    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: #999;
    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: #999;
    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;
  background: #fafafa;
  line-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(44, 62, 80, 0.61);
}


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

.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: #999;
  display: block;
  font-size: 16px;
  font-weight: 300;
  padding: 4px 10px 6px;
  transition: all 500ms ease 0s;
}
.sidebar-wrapper .single-sidebar .product-tag li a:hover{
  background: #fdc716;
  border-color: #fdc716;
  color: #fff;    
}



/*** 
=============================================
   Single Shop Area style
=============================================
***/
.single-shop-area{
    padding-top: 80px;
    padding-bottom: 40px;
}
.single-shop-content .img-holder {
  margin-right: 50px;
  text-align: center;
  background: #fafafa;
  padding: 113px 0;
}
.single-shop-content .img-holder img {
  display: inline-block;
}
.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: #fdc716;
  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: 0 10px 3px;
  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: #fdc716;
}
.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;
  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: #fdc716;
  color: #fff;
}
.single-shop-content .content-box .location-box form span {
  color: #fdc716;
}
.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 {
  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: #fdc716;
  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: 20px;
  width: 65px;
}


.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: #fdc716;
  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: #999;
  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: #999;
  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 {
}
.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: #fdc716;
}
.product-tab-box .tab-content .review-form form input[type="text"]:focus{
  border-color: #fdc716;
}
.product-tab-box .tab-content .review-form form input[type="email"]:focus{
  border-color: #fdc716;
}
.product-tab-box .tab-content .review-form form textarea:focus{
  border-color: #fdc716;  
}

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

.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: #fdc716;
  font-size: 14px;
}


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



/*** 
=============================================
    Checkout Area style
=============================================
***/
.checkout-area {
  padding-bottom: 80px;
  padding-top: 80px;
}
.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: #fdc716;
  content: "";
}
.checkout-area .exisitng-customer h5{
  color: #222222;
  font-size: 16px;
  font-weight: 400;
}
.checkout-area .exisitng-customer h5 a{
  color: #fdc716;
  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: #fdc716;
  content: "";  
}
.checkout-area .coupon h5 {
  color: #222222;
  font-size: 16px;
  font-weight: 400;  
}
.checkout-area .coupon h5 a {
  color: #fdc716;
  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: 'Montserrat', sans-serif;
}
.checkout-area .form form .field-input input[type="text"] {
  border: 1px solid #ececec;
  color: #999;
  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 #fdc716;
}
.checkout-area .create-acc .checkbox {
  margin: 7px 0 0;
}
.checkout-area .create-acc .checkbox label {
  color: #fdc716;
  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: #999;
  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: #fdc716;
}


.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: 'Montserrat', 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: #fdc716;
  border-color: #fdc716;
  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: #fdc716;
  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: 'Montserrat', sans-serif;
}
.cart-total-table li span.col {
  color: #999;
  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: #fdc716;
  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: 17px;
  padding-left: 20px;
}
.cart-total .payment-options .option-block .checkbox label input {
  position: relative;
  top: 18px;
}
.cart-total .payment-options .option-block .checkbox label span {
  color: #222222;
  font-size: 16px;
  padding-left: 10px;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
}
.cart-total .payment-options .option-block .checkbox label span b {
  color: #fdc716;
  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 {
    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: #999;
  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;
}
.login-register-area .form .remember-text {
  margin-top: 19px;
}
.login-register-area .form .remember-text .checkbox label {
  color: #999;
  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: #fdc716;
  float: right;
  font-weight: 700;
  margin: 20px 0 0;
}
.login-register-area .form h6 {
    color: #999;
    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 #fdc716;    
}

.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: 'Montserrat', 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: 'Montserrat', 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: #fdc716;
  border-color: #fdc716;
  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: #999;
  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: #fdc716 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: #999;
  font-size: 18px;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
}
.cart-area .cart-table tbody tr .sub-total {
  color: #fdc716;
  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: #999;
  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 #fdc716
}
.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: #999;
  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: #999;
  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 #fdc716
}
.cart-bottom .calculate-shipping button {
  background: #f7f7f7;
  color: #222222;
}
.cart-bottom .calculate-shipping button:hover{
    color: #fff;
} 
.cart-bottom button.checkout-btn{
  margin-top: 30px;
}
.cart-bottom button.checkout-btn:hover{}


/*** 
=============================================
    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: #fdc716;
  font-size: 200px;
  font-weight: 700;
  margin: 0 0 7px;
  text-shadow: 8px 8px 19px rgba(0, 0, 0, 0.5);
}
.not-found-content h3 {
  color: #222;
  font-size: 20px;
  font-weight: 400;
  margin: 40px 0 20px;
  text-transform: uppercase;
}
.not-found-content p {
  font-size: 18px;
  margin: 0 0 30px;
}

.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: #fdc716 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 #fdc716;
  background: #fff;
  color: #000;
}
.not-found-content .search-form input[type="text"]:focus + button, 
.not-found-content .search-form button:hover {
  background: #fdc716 none repeat scroll 0 0;
  color: #fff;
}

/*** 
=============================================
    Faq content area style
=============================================
***/
.faq-content-area {
  overflow: hidden;
}
.accordion-box {
  padding: 80px 0 80px 0px;
}
.accordion-box .accordion {
  margin-bottom: 20px;
  position: relative;
  background: #fff;
}
.accordion-box .accordion .accord-btn {
  background: #f7f7f7 none repeat scroll 0 0;
  cursor: pointer;
  height: 55px;
  line-height: 18px;
  padding: 11px 20px 12px;
  position: relative;
  transition: all 500ms ease;
}
.accordion-box .accordion .accord-btn h4 {
  color: #252525;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  transition: all 500ms ease;
  text-transform: none;
}
.accordion-box .accordion .accord-btn h3 {
  color: #252525;
  font-weight: 400;
  line-height: 32px;
  transition: all 500ms ease;
  text-transform: none;
}
.accordion-box .accordion .accord-btn::after {
  background: #fdc716 none repeat scroll 0 0;
  border-radius: 2px;
  color: #fff;
  content:'\f067';
  font-family: "FontAwesome";
  font-size: 12px;
  font-weight: 100;
  height: 20px;
  line-height: 22px;
  margin-top: -15px;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 32.5px;
  width: 20px;
  transition: all 500ms ease;
}

.accordion-box .accordion .accord-btn.active {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
}
.accordion-box .accordion .accord-btn.active:after{
  content:'\f068';
  color: #ffffff;
  background: #fdc716;
}
.accordion-box .accordion .accord-btn.active h4{
  color: #fdc716;
}
.accordion-box .accordion .accord-btn.active h3{
  color: #fdc716;
}
.accordion-box .accordion .accord-content {
  border-top: medium none;
  display: none;
  padding: 20px 1px;
  position: relative;
}
.accordion-box .accordion .accord-content.collapsed{
  display:block;  
}

.accordion-box .accordion .accord-content p {
  color: #9a9a9a;
  line-height: 28px;
  margin: 0;
}

.faq-content-area .question-form {
  background: #f7f7f7 none repeat scroll 0 0;
  padding: 78px 30px 100px 30px;
}
.faq-content-area .question-form h1 {
  color: #252525;
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 35px;
  text-transform: uppercase;
}
.faq-content-area .question-form form input[type="text"],
.faq-content-area .question-form form textarea{
  background: #ffffff none repeat scroll 0 0;
  border: medium none;
  display: block;
  height: 50px;
  margin-bottom: 28px;
  padding: 0 20px;
  width: 100%;
  transition: all 500ms ease;
  border: 1px solid transparent;
}
.faq-content-area .question-form form input[type="text"]:focus{
  border: 1px solid #fdc716;
}
.faq-content-area .question-form form textarea:focus{
  border: 1px solid #fdc716;
}
.faq-content-area .question-form form textarea{
  height: 155px;
  padding: 15px 20px;
}
.faq-content-area .question-form form button {
  background: #fdc716 none repeat scroll 0 0;
  color: #ffffff;
  margin: 10px 0 0;
  transition: all 500ms ease;
  width: 100%;
}
.faq-content-area .question-form form button:hover{
  background: #fdc716;
  color: #fff;
}


/*** 

====================================================================
  why-chooseus
====================================================================

***/

.why-chooseus{
  position:relative;
  background-color: #ffffff;
}
.why-chooseus.style-2 .section-title {
  margin-bottom: 20px;
}
.why-chooseus .item{
  position:relative;
  margin-bottom:50px;
}
.why-chooseus .item:hover .inner-box .icon_box span {
  color: #fff;
  transition: .5s ease;
} 
.why-chooseus .item:hover .inner-box .icon_box {
  background: #7f1517;
  transition: .5s ease;
} 

.why-chooseus .item .inner-box{
  position:relative;
  padding: 0px 15px 20px 100px;
  background:#ffffff;
  border: 1px solid #f7f7f7;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}
.why-chooseus.style-2 .item .inner-box {
  border: 0px;
}
.why-chooseus .item:hover .inner-box {
  border-color: #7f1517;
  transition: .7s ease;
}
.why-chooseus .item .inner-box .image-layer{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  opacity:0;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.why-chooseus .item .inner-box .image-layer:after{
  position:absolute;
  content:'';
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  background:rgba(168, 196, 27, 0.79);
}

.why-chooseus .item .inner-box:hover .image-layer{
  opacity:1;
}

.why-chooseus .item .inner-box .icon_box{
  position:absolute;
  left: 0;
  top: 0;
  width: 70px;
  height: 70px;
  line-height: 70px;
  background: #f7f7f7;
  text-align:center;
  color: #7f1517;
  font-size:34px;
  z-index:2;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.why-chooseus .item .inner-box h4{
  color:#272727;
  font-size: 18px;
  font-weight: 600;
  margin: 15px 0px 8px;
  z-index:2;
}

.why-chooseus .item .inner-box .text{
  position:relative;
  color:#9e9e9e;
  font-size:16px;
  z-index:2;
}

.why-chooseus .item .inner-box .read-more{
  position:relative;
  color:#272727;
  margin-top:15px;
  display:inline-block;
  font-weight:700;
  z-index:2;
  text-transform:uppercase;
  font-family: 'Bree Serif', serif;
}

.why-chooseus .item .inner-box .bottom-icon{
  position:absolute;
  right:10px;
  bottom:10px;

}

.why-chooseus .item .inner-box .icon_box span:before {font-size: 35px;}




/* 
==============================
   5. Our Services styles
==============================
*/

.our-services {
  padding: 70px 0 30px;
}

.our-services .separet {
  position: relative;
  display: block;
  width: 100%;
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 40px;
  top: -10px;
}

.our-services .caption-box-wrapper {
  border-top: 1px solid #F4F4F4;
  margin-top: 35px;
}
.our-services .single-our-service {
  margin-bottom: 50px;
}

.our-services .single-our-service h4 {
  margin-top: 17px;
  margin-bottom: 11px;
  color: #272727;
  transition: .5s ease;
}
.our-services .single-our-service h4:hover {
  color: #fdc716;
  transition: .5s ease;
}

.our-services .single-our-service .img-box {
  position: relative;
}


.our-services .single-our-service-caption-box {
  padding-top: 40px;
}
.our-services .single-our-service-caption-box .img-box,
.our-services .single-our-service-caption-box .content-box {
  display: table-cell;
  vertical-align: middle;
}
.our-services .single-our-service-caption-box .img-box {
  width: 120px;
}
.our-services .single-our-service-caption-box .content-box {
  padding-left: 20px;
}
.our-services.service-page .has-divider {
  border-top: 1px solid #F4F4F4;
  margin-top: 60px;
  padding-top: 60px;
}




/************************** 
* default-blog styles 
***************************/
.blog-section {
}
.default-blog-news {
  position: relative;
  transition: .5s ease-in-out;
  margin-bottom: 50px;
}

.default-blog-news:hover {
  box-shadow: 0 15px 16px 0 rgba(0, 0, 0, 0.03), 0 0px 82px 0 rgba(0, 0, 0, 0.02);
  transition: .2s cubic-bezier(0.4, 0, 1, 1);
}

.default-blog-news .lower-content{
  position:relative;
  padding: 30px 20px 20px;
  border: 1px solid #f4f4f4;
  border-top: 0;
}
.default-blog-news .date {
  position: absolute;
  left: 0px;
  top: 30px;
  height: 64px;
  width: 64px;
  background: #fdc716;
  line-height: 20px;
  padding-top: 13px;
  z-index: 9;
  color: #fff;
  text-align: center;
}

.default-blog-news .lower-content .text p{
  margin-bottom: 10px;
}

.default-blog-news .lower-content h4 {
  color: #303030;
  font-weight: 400;
  margin-bottom: 10px;
  line-height: 26px;
}

.default-blog-news .lower-content h4 a{
  color:#222;
  transition: all 300ms ease;
  font-size: 18px;
}

.default-blog-news .lower-content h4 a:hover{
  color:#fdc716;
  transition: all 300ms ease;
}

.default-blog-news .lower-content .post-meta{
  color: #888;
  font-size:16px;
  margin-bottom: 7px;
}


.default-blog-news .lower-content .default_link {
  text-transform: uppercase;
  color: #303030;
  transition: .5s ease;
  font-family: 'Montserrat', sans-serif;
}
.default-blog-news .lower-content .default_link:hover {
  transition: .5s ease;
  color: #fdc716;
}


.default-blog-news .img-holder {
    display: block;
    overflow: hidden;
    position: relative;
}
.default-blog-news .img-holder a {
  width: 100%;
}
.default-blog-news .img-holder img {
    transform: scale(1);
    transition: all 0.5s ease 0s;
    width: 100%;
}

.default-blog-news:hover .img-holder img {
    transform: scale(1.1);
}
.default-blog-news .overlay {
    background-color: rgba(3, 15, 27, 0.77);
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 450ms ease-out 0s;
    transform: rotateY(180deg) scale(0.5,0.5);
}

.default-blog-news:hover .img-holder .overlay {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: rotateY(0deg) scale(1,1);
}
.default-blog-news .overlay .box {
    display: table;
    height: 100%;
    width: 100%;
}
.default-blog-news .overlay .box .content {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.default-blog-news .img-holder .overlay .box .content a i {
    background: #fdc716;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    height: 45px;
    line-height: 48px;
    transition: all 500ms ease 0s;
    width: 45px;
}

.default-blog-news .img-holder .overlay .box .content a:hover i {
    background: #fdc716;
}



/*large blog*/

.large-blog-news {
  position: relative;
  margin-left: 80px;
  transition: .5s ease-in-out;
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #f4f4f4;
}

.large-blog-news .date {
  position: absolute;
  left: -80px;
  top: 0px;
  height: 64px;
  width: 64px;
  background: #fdc716;
  line-height: 20px;
  padding-top: 13px;
  z-index: 9;
  color: #fff;
  text-align: center;
}


.large-blog-news .lower-content{
  position:relative;
  padding: 25px 0px 0px;
}

.large-blog-news .lower-content .text p{
  margin-bottom:20px; 
}

.large-blog-news .lower-content h4 {
  color:#222;
  font-weight: 400;
  margin-bottom: 10px;
}
.large-blog-news .lower-content h5 {
  text-transform: uppercase;
  color: #fdc716;
  font-size: 14px;
  margin-bottom: 15px;
}


.large-blog-news .lower-content h4 a{
  color:#222;
  transition: all 300ms ease;
  font-size: 24px;
}

.large-blog-news .lower-content h4 a:hover{
  color:#fdc716;
  transition: all 300ms ease;
}

.large-blog-news .lower-content .post-meta{
  color: #999;
  font-size:16px;
  margin-bottom: 15px;
}
.large-blog-news .lower-content .thm-btn {
  background: transparent;
  color: #fdc716;
  border-color: #f4f4f4;
}
.large-blog-news .lower-content .thm-btn:hover {
  background: #fdc716;
  color: #fff;
  border-color: #fdc716;
}


.large-blog-news .img-holder {
    display: block;
    overflow: hidden;
    position: relative;
}

.large-blog-news .img-holder img {
    transform: scale(1);
    transition: all 0.5s ease 0s;
    width: 100%;
}

.large-blog-news .img-holder:hover img {
    transform: scale(1.1);
}
.large-blog-news .overlay {
    background-color: rgba(16, 37, 46, 0.9);
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 450ms ease-out 0s;
    transform: rotateY(180deg) scale(0.5,0.5);
}

.large-blog-news .img-holder:hover .overlay {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: rotateY(0deg) scale(1,1);
}
.large-blog-news .overlay .box {
    display: table;
    height: 100%;
    width: 100%;
}
.large-blog-news .overlay .box .content {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.large-blog-news .img-holder .overlay .box .content a i {
    background: #fdc716;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    height: 45px;
    line-height: 48px;
    transition: all 500ms ease 0s;
    width: 45px;
}

.large-blog-news .img-holder .overlay .box .content a:hover i {
    background: #fdc716;
}


.large-blog-news.single-blog-post .img-holder:hover img {
  transform: scale(1);
}

.blog-section .outer-box {
  padding-left: 80px;
}



/*side-bar-blog*/

.blog-sidebar {
  position: relative;
}
.category-style-one {
  position: relative;
}
.category-style-one ul {
  margin-top:22px;
  margin-bottom: 35px;
  padding: 10px 30px;
  border: 1px solid #f4f4f4;
  border-left: 2px solid #fdc716;
}
.category-style-one ul li {border-bottom: 1px solid #eaeaea;margin: 0;}
.category-style-one ul li:last-child {
  border:none;
}
.category-style-one ul li a {
  font-weight: normal;
  color: #999;
  position: relative;
  width: 100%;
  transition: .5s ease;
  line-height: 40px;
  display: block;
}
.category-style-one ul li a:hover {
  color: #fdc716;
  transition: .5s ease;
}


/*post-thumb*/


.popular-post {
    position: relative;
}

.popular-post .item {
    position: relative;
    font-size: 14px;
    margin-bottom: 10px;
    min-height: 50px;
    padding: 0px 0px 25px 90px;
    color: #cccccc;
    border-bottom: 1px solid #f1f1f1;
}

.popular-post .item:last-child{
    border-bottom: 0px;
}
.popular-post .item .post-thumb{
    position:absolute;
    left:0px;
    top: 16px;
    width: 75px;
    height: 75px;
}

.popular-post .item .post-thumb img{
    width:100%;
    display:block;  
}


.popular-post .item .post-thumb a{
  position: relative;
}
.popular-post .item .post-thumb a:after {
    position: absolute;
    content: "\f0c1";
    font-family: FontAwesome;
    left: 0px;
    top: 0px;
    text-align: center;
    line-height: 80px;
    width: 100%;
    height: 100%;
    background: rgba(72, 199, 236, 0.9);
    color: #ffffff;
    opacity: 0;
    transition: .5s ease;
}
.popular-post .item .post-thumb:hover a:after {
  opacity: 1;
  transition: .5s ease;
}


.popular-post .item h5{
    position: relative;
    top: 8px;
    font-size: 16px;
    font-weight: 600;
    margin: 0px 0px 17px;
    line-height: 26px;
    color:#333;
    transition: .5s ease;
}
.popular-post .item h5:hover{
  color: #fdc716;
  transition: .5s ease;
}


.recent-posts.post-thumb .post .post-info{
    font-size: 14px;
    font-weight:400;
    margin:0px;
    line-height:1.6em;
    color: #9c9c9c;
}
.popular-post .item .post-info {
  color: #fdc716;
  font-size: 16px;
}

.popular-post .item .post-info i {
    margin-right: 10px;
}




/*archive*/

.sidebar-archive .bootstrap-select {
    background: #f7f7f7;
    color: #999;
    padding: 10px 0;
    font-size: 16px;
}
.sidebar-archive .btn-group.open .dropdown-toggle {
    box-shadow: none;
}
.sidebar-archive .btn-group.open .dropdown-toggle:focus {
  border: none;
  outline: none;
}
.sidebar-archive  .bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
}
.sidebar-archive  .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  background-color: #fdc716;
  color: #fff;
}
.sidebar-archive .form-control:focus {
  border-color: #fdc716;
  box-shadow: none;
}


/*instagram*/
.sidebar-intsgram ul {
  margin-left: -5px;
  margin-right: -5px;
}
.sidebar-intsgram ul li {
  float: left;
  width: 33.333333333333333333%;
  padding: 5px 4px;

}

.sidebar-intsgram ul li .inner-box {
  display: block;
  overflow: hidden;
  position: relative;
}
.sidebar-intsgram ul li .inner-box .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(72, 199, 236, 0.9);
  transform: translate3d(0, 100px, 0);
  opacity: 0;
  visibility: hidden;
  transition: transform .4s ease, opacity .4s ease, visibility .4s ease;
}
.sidebar-intsgram ul li .inner-box .overlay .box {
  display: table;
  width: 100%;
  height: 100%;
}
.sidebar-intsgram ul li .inner-box .overlay .box .content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.sidebar-intsgram ul li .inner-box .overlay .box .content a {
  font-size: 0;
  color: #fff;
  width: 100%;
  height: 100%;
}
.sidebar-intsgram ul li:hover .inner-box .overlay {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  visibility: visible;
}






/*pacebook feed*/

.facebook-feed {
  position: relative;
  background: #f7f7f7;
  overflow: hidden;
}

.facebook-feed .img-box {
  position: relative;
}

.facebook-feed .overlay {
    position: absolute;
    margin: 10px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}


.facebook-feed .inner-box {
  position: relative;
  padding-left: 70px;
  margin-bottom: 32px;
}

.facebook-feed .inner-box .logo {
  position: absolute;
  left: 0;
  top: 0;
}
.facebook-feed .inner-box h4 {
  color: #fff;
  font-weight: 600;
  position: relative;
  margin-top: 0px;
  margin-bottom: 3px;
}
.facebook-feed .inner-box .like {
  color: #fff;
}

.facebook-feed .link a {
  color: #58606f;
  background: #fff;
  display: inline-block;
  line-height: 22px;
  font-size: 13px;
  text-align: center;
  padding: 0 10px;
  border: 1px solid #eaeaea;
}
.facebook-feed .link a i.fb-icon {
  color: #fff;
  background: #39579b;
  font-size: 12px;
  padding: 2px 3px 0 4px;
  position: relative;
  top: 2px;
  margin-right: 5px;
}

.facebook-feed .link a i.mail {
  color: #6a7081;
  margin-right: 6px;
}

.facebook-feed .like-people {
  background: #fff;
  margin: 20px 10px;
  padding: 10px;
}







/*single-blog*/




/*---------------- Author -------------*/

.single-blog-post .author {
  background-color:#ffffff;
  position:relative;
  margin-bottom: 35px;
  margin-top: 40px;
}
.single-blog-post .author img {
  position:absolute;
}
.single-blog-post .author-comment {
  margin-left:340px;
  padding-left:30px;
}

.single-blog-post .author-comment .quote {
  font-size: 25px;
  color: #f1f1f1;
  margin-bottom: 5px;
}
.single-blog-post .author-comment h5 {
  font-weight: 600;
  margin: 16px 0 5px 0;
  text-transform: uppercase;
  font-size: 18px;
}
.single-blog-post .author-comment p.a-title {
  color: #fdc716;
  font-size: 16px;
}



/*share-box*/

.share-box {
  background: #ffffff;
  padding: 0px 0px 12px 0px;
  margin-bottom: 20px;
}
.share-box .tag-box span {
  font-size: 14px;
  color: #3F3E3E;
}
.share-box .tag-box a {
  color: #fdc716;
  font-size: 16px;
  transition: .3s ease;
  line-height: 30px;
  text-transform: capitalize;
}
.share-box .tag-box a:hover {
  color: #fdc716;
  transition: .3s ease;
}

.share-box .social-box span {
  color: #252525;
  margin-right: 13px;
  font-size: 14px;
  font-weight: 600;
}
.share-box .social {
  display: inline-block;
  margin-bottom: 0;
  margin-left: -2.5px;
}
.share-box .social > li {
  padding-right: 0;
  margin: 0;
  padding-left: 0;
}
.share-box .social a {
  width: 40px;
  border-radius: 50%;
  height: 40px;
  color: #BCBCBC;
  text-align: center;
  margin: 0 3px;
  border: 1px solid #eee;
  display: block;
  line-height: 41px;
  transition: all 0.5s ease;
}
.share-box .social a:hover {
  color: #ffffff;
  background: #fdc716;
  border-color: #fdc716;
}



.share-box .tag-box li {
    margin: 0;
    display: inline-block;
}





.post-author{
  position:relative;
  color:#777777;
  margin-bottom: 64px;
}


.post-author .inner-box{
  position:relative;
  padding: 33px 35px 12px 155px;
  min-height:160px;
  background:#f4f4f4;
}

.post-author .inner-box .author-thumb{
  position:absolute;
  left:35px;
  top:35px;
  width: 85px;
  height: 85px;
  border-radius:2px;
}

.post-author .inner-box .author-thumb img{
  display:block;
  width:100%; 
}

.post-author h4{
  position:relative;
  margin: 0px 0px 16px;
  font-size:18px;
  text-transform:capitalize;
  font-weight: 600;
  color: #252525;
}
.post-author ul li{
  margin: 0;
  margin-top: 10px;
}
.post-author ul li a {
  color: #999;
}
.post-author ul li:hover a {
  color: #fdc716;
}


.news .blogList_single_post .post-author h4 .author-designation{
  position:relative;
  color:#a8c41b;
  font-style:italic;
  font-family:'Lato',sans-serif;
}

.post-author .text{
  line-height:1.8em;
  color:#777777;
}

.post-author .text a{
  color:#777777;
  text-decoration:underline;  
}

.post-author .text a:hover{
  color:#a8c41b;  
}




/*review-tab*/

.single-blog .product-review-tab {
  margin: 0 27px;
}
.product-review-tab .item_review_content {
  border-bottom: 1px solid #f7f7f7;
  padding-bottom: 40px;
  margin-bottom: 40px;
  position: relative;
  padding-left: 80px;
}
.product-review-tab .item_review_content .img_holder {
  position: absolute;
  left: 0;
  top: 0;
}
.product-review-tab .add_your_review {
  margin: 50px 0 50px 0px;
}

.product-review-tab .add_your_review>span {
  display: block;
  margin: 36px 0 14px 0;
  color: #a2a2a2;
}
.product-review-tab .add_your_review ul,
.product-review-tab .add_your_review ul li {
  display: inline-block;
  color: #a2a2a2;
}
.product-review-tab .add_your_review ul.rating:hover li,
.product-review-tab .add_your_review ul.rating.active li{
  color: #fdc716;
  transition: .5s ease;
}
.news .blogList_single_post .post .product-review-tab .add_your_review ul.rating li {
  font-size: 12px;
  margin-right: 3px;
  color:#d6d6d6;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.news .blogList_single_post .post .product-review-tab .add_your_review ul.active li {
  color: #ab7442;
}
.news .blogList_single_post .post .product-review-tab .add_your_review ul:hover li{
  color: #ab7442;
}
.product-review-tab .add_your_review ul {
  line-height: 20px;
  border-right: 1px solid #d6d6d6;
  padding-right: 6px;
  margin-right: 5px;
}
.product-review-tab .add_your_review ul.fix_border {
  border:none;
}
.product-review-tab .add_your_review form {
  margin-top:31px;
}
.product-review-tab .add_your_review form label {
  color: #a2a2a2;
  font-size: 16px;
  margin-bottom: 5px;
}
.product-review-tab .add_your_review form input {
  height:54px;
  padding: 0 15px 0 19px;
}
.product-review-tab .add_your_review form textarea {
  max-width: 100%;
  min-height: 165px;
  padding: 15px 17px 5px 19px;
}
.product-review-tab .add_your_review form input,
.product-review-tab .add_your_review form textarea {
    width:100%;
    border:1px solid #f0f0f0;
    margin-bottom: 30px;
    color:#9e9e9e;
    resize: none;
}

.news.single-blog .blogList_single_post .post ul li:before {
  display: none;
}



/************************** 
* 11. Project styles 
***************************/
.latest-project {background-size: cover;background-repeat: no-repeat;background-attachment: fixed;}
.latest-project .section-title h2 {
  color: #fff;
}
.single-project {
  text-align: center;
}
.latest-project .filter-area {
  position: relative;
  top: 10px;
}

.latest-project .link {
  position: absolute;
  right: 0;
  top: 0;
}
.latest-project .link .default_link {
  color: #252525;
}

.single-project figcaption:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border: 4px solid #fdc716;
}

.single-project figcaption .content{
  position: relative;
  text-align: center;
  display: inline-block;
  top: 60%;
}
.single-project figcaption .content a {
  position: relative;
}

.single-project figcaption h4 {
  color: #fff;
  font-size: 18px;
}

.single-project figcaption p {
  color: #fdc716;
}

.single-project figcaption .project-link {
  position: absolute;
  margin-top: -20px;
  font-size: 20px;
  top: 50%;
  color: #fff;
  left: 0;
  right: 0;
  display: block;
  text-align: center;
}

.single-project figcaption .project-link a {
  color: #fff;
  position: relative;
}

.latest-project.style-3 .single-project figcaption .project-link a {
  color: #fff;
  position: relative;
  width: 50px;
  color: #252525;
  font-size: 18px;
  background: #fff;
  height: 50px;
  border-radius: 50%;
  line-height: 54px;
  text-align: center;
  margin: 0 5px;
}

.latest-project.style-3 .single-project figcaption .project-link a:hover {
  color: #48c7ec;
}

.shop .single-shop-item {
  margin-bottom: 40px;
}

.single-shop-item figcaption .shop-link {
    position: absolute;
    margin-top: -20px;
    font-size: 20px;
    top: 50%;
    color: #fff;
    left: 0;
    right: 0;
    display: block;
    text-align: center;
}

.single-shop-item figcaption .shop-link a {
  color: #fff;
  position: relative;
  width: 50px;
  color: #252525;
  font-size: 18px;
  background: #fff;
  height: 50px;
  border-radius: 50%;
  line-height: 54px;
  text-align: center;
  margin: 0 5px;
}

.single-shop-item figcaption .shop-link a:hover {
  color: #48c7ec;
}


.single-shop-item .tooltip-inner {
  background: #fff;
  color: #48c7ec;
  min-width: 120px;
}

.single-shop-item .tooltip.top .tooltip-arrow {
    border-top-color: #fff;
}


.single-projects .pagination {
  overflow: hidden;
  display: block;
  padding-bottom: 27px;
  padding-top: 27px;
  margin: 0;
}
.single-projects .pagination .button a {
  color: #222;
  font-size: 18px;
  font-weight: 400;
  transition: all 500ms ease;
}
.single-projects .pagination .button a:hover{
    color: #48c7ec;
}
.single-projects .pagination .button a i {
  display: inline-block;
  font-size: 20px;
  position: relative;
  top: 2px;
}
.single-projects .pagination .button.next a i{
  padding-right: 0px;
  padding-left: 0;
}


.single-projects .pagination .icon-holder a i {
  color: #252525;
  font-size: 24px;
  position: relative;
  top: 4px;
  transition: all 500ms ease 0s;
}
.single-projects .pagination .icon-holder a:hover i{
  color: #48c7ec;
}



.latest-project .owl-theme .owl-nav {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 100%;
    right: 0;
    margin: 0;
    margin-bottom: 44px;
}

.latest-project .owl-theme .owl-nav [class*=owl-] {
    color: #ffffff;
    font-size: 24px;
    margin: 0;
    padding: 0;
    background-color: transparent;
    height: 40px;
    width: 18px;
    line-height: 36px;
    font-weight: 700;
    text-align: center;
    margin-left: 1px;
    display: inline-block;
    transition: color .3s ease;
}

.latest-project .owl-theme .owl-nav [class*=owl-]:hover {
    color: #fdc716;
    transition: .5s ease;
}



.latest-project.four-column {
  background: #fff;
}
.latest-project .page_pagination {
  margin-top: 20px;
}




.project-content ul.gallery-filter {
  margin-bottom: 60px;
  text-align: center;
}
.project-content ul.gallery-filter li {
  display: inline-block;
}
.project-content ul.post-pagination {
  margin-top: 30px;
}
.project-content .owl-theme .owl-nav {
  background: #fff;
  display: inline-block;
  position: absolute;
  right: 0;
  top: -95px;
  padding-left: 25px;
}
.project-content .owl-theme .owl-nav [class*=owl-] {
  padding: 0;
  background-color: transparent;
  color: #B6B6B6;
  font-size: 14px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 2px solid #b6b6b6;
  line-height: 31px;
  transition: all 0.5s ease;
}
.project-content .owl-theme .owl-nav [class*=owl-]:hover {
  border-color: #fbca00;
  color: #fbca00;
}
.single-project-item {
  margin-bottom: 30px;
}
.single-project-item img {
  width: 100%;
}
.single-project-item .img-box {
  position: relative;
}
.single-project-item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: hidden;
}
.single-project-item .overlay .box {
  display: table;
  width: 100%;
  height: 100%;
}
.single-project-item .overlay .box .top-box {
  display: table;
  width: 100%;
  height: 100%;
  background: rgba(20, 24, 42, 0.74);
  transition: all .5s ease 0s;
  opacity: 0;
  transform: translate3d(0, -100px, 0);
}
.single-project-item .overlay .box .title {
  display: table-cell;
  vertical-align: top;
  text-align: center;
  padding-top: 91px;
}
.single-project-item .overlay .box .title h3 {
  margin: 0;
  font-size: 22px;
  color: #fff;
  font-weight: 700;
}
.single-project-item .overlay .box .bottom-box {
  display: block;
  position: absolute;
  bottom: 81px;
  left: 0;
  width: 100%;
  transition: all .5s ease .5s;
  transform: translate3d(0, 40px, 0);
  opacity: 0;
}
.single-project-item .overlay .box .bottom-box ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.single-project-item .overlay .box .bottom-box ul li {
  list-style: none;
  display: inline-block;
  margin: 0 5px;
}
.single-project-item .overlay .box .bottom-box ul li:last-child a {
}
.single-project-item .overlay .box .bottom-box ul li a {
  display: block;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background: #fdc716;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 45px;
  transition: all 0.5s ease;
}
.single-project-item .overlay .box .bottom-box ul li a:hover {
  background: #000000;
}
.single-project-item .img-box:hover .box .top-box {
  opacity: 1;
  transform: translate3d(0, 0px, 0);
}
.single-project-item .img-box:hover .box .bottom-box {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.single-project-content .single-project-carousel {
  margin-bottom: 30px;
  position: relative;
}
.single-project-content .single-project-carousel .owl-nav {
  margin: 0px;
}
.single-project-content .single-project-carousel .owl-nav .owl-prev {
  left: 0;
}
.single-project-content .single-project-carousel .owl-nav .owl-next {
  right: 0;
}
.single-project-content .single-project-carousel .owl-nav [class*=owl-] {
  width: 50px;
  height: 50px;
  font-size: 30px;
  line-height: 50px;
  background: #012f5d;
  padding: 0;
  text-align: center;
  color: #fff;
  border-radius: 0;
  transition: all 0.5s ease;
  position: absolute;
  top: 50%;
  margin: 0;
  margin-top: -25px;
}
.single-project-content .single-project-carousel .owl-nav [class*=owl-]:hover {
  background: #fbca00;
}
.single-project-content .single-project-customer-info {
  padding-left: 20px;
  padding-top: 26px;
  padding-bottom: 31px;
  background: #012f5d;
}
.single-project-content .single-project-customer-info ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-project-content .single-project-customer-info ul li {
  list-style: none;
  font-size: 16px;
  color: #FFFFFF;
  font-weight: 700;
  line-height: 39px;
}
.single-project-content .single-project-customer-info ul li label {
  font-size: 16px;
  color: #fbca00;
  font-weight: 900;
}
.single-project-content .single-project-content h3 {
  font-size: 30px;
  font-weight: 700;
  margin: 0;
  line-height: 25px;
  margin-bottom: 12px;
}
.single-project-content .single-project-content p.tags {
  margin-bottom: 19px;
}
.single-project-content .single-project-content p.tags a {
  color: #fbca00;
}
.single-project-content .single-project-content .thm-btn {
  padding: 0 30px;
  line-height: 50px;
  margin-top: 32px;
}
.single-project-content .single-project-content p {
  font-size: 16px;
  line-height: 26px;
  font-weight: 300;
  margin: 0;
  color: #9E9E9E;
}


.mixit-gallery .mix {
  display: none;
}
ul.gallery-filter li:hover span,
ul.gallery-filter li.active span {
  color: #ffbd0a;
  border-color: #ffbd0a;
}
ul.gallery-filter li span {
  display: block;
  font-size: 16px;
  color: #303030;
  font-weight: 600;
  border-bottom: 2px solid transparent;
  line-height: 48px;
  margin: 0 10px;
  padding: 0 5px;
  transition: all 0.5s ease;
  font-family: 'Montserrat', sans-serif;
  cursor: pointer;
}

/*=============project single=================*/

.project-single {
  
}
.project-single .img-box {
  padding: 0 15px 30px;
  float: left;
}

.project-single h4 {  
  font-size: 20px;  
  margin-bottom: 22px;
}
.project-single h5 {
  font-size: 16px;
}
.project-single p {  
  margin-bottom: 22px;
}
.project-single .content p {
  margin: 10px 0;
}
.project-single .list-item {
  margin-bottom: 22px;
  overflow: hidden;
}
.project-single .list-item li {
  position: relative;
  float: left;
  width: 50%;
  padding-left: 20px;
  color: #999;
  font-size: 15px;
  margin: 5px 0;
}

.project-single .list-item li:after {
    position: absolute;
    content: '';
    background: #fdc716;
    height: 8px;
    border-radius: 50%;
    width: 8px;
    left: 0;
    top: 7px;
}













/*============ our team ==============*/

.team {
  position: relative;
  padding-bottom: 55px;
}

.team .team-member {
  position: relative;
}

.team .img-box {
  position: relative;
  overflow: hidden;
}

.team h5 {
  font-size: 16px;
  color: #303030;
  margin-top: 15px;
  text-transform: capitalize;
}

.team p {
  color: #fdc716;
  margin-bottom: 20px;
}


.team .team-member .img-box .overlay {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -77px;
  transform: translate(-100%,0);
  transition: .5s ease-in-out;
}
.team .team-member .img-box:hover .overlay {
  transform: translate(0,0);
  transition: .5s ease-in-out;
}
.team .team-member .img-box .overlay ul li {
  display: block;
  padding: 0;
}
.team .team-member .img-box .overlay ul li a {
  height: 45px;
  width: 45px;
  color: #fff;
  background: rgba(0, 0, 0, 0.47);
  text-align: center;
  line-height: 44px;
  border-bottom: 1px solid #fff;
  transition: .5s ease;
}
.team .team-member .img-box .overlay ul li a:hover {
  color: #fdc716;
  transition: .5s ease;
}
.team .team-member .img-box .overlay ul li:last-child a {
  border: 0px;
}



/*fact-counter*/



.about-us .fact-counter {
  margin: 33px 0 0;
  overflow: hidden;
  text-align: center;
}
.about-us .fact-counter ul li.single-fact-counter {
  display: inline-block;
  text-align: center;
  margin-right: 50px;
  margin-top: 16px;
}
.about-us .fact-counter ul li.single-fact-counter:last-child {
  margin-right: 0px;
}
.about-us .fact-counter ul li.single-fact-counter .icon-holder {
  margin: 0 0 20px;
}
.about-us .fact-counter ul li.single-fact-counter .icon-holder span::before {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  box-shadow: 0px 5px 8px 4px rgba(0, 0, 0, 0.28);
  color: #292929;
  display: inline-block;
  font-size: 36px;
  height: 70px;
  line-height: 21px;
  padding: 23px 0;
  text-align: center;
  width: 70px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.about-us .fact-counter ul li.single-fact-counter:hover .icon-holder span::before{
  background: #fdc716;
  color: #fff;
}
.about-us .fact-counter ul li.single-fact-counter .timer {
  color: #fdc716;
  font-size: 30px;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
}
.about-us .fact-counter ul li.single-fact-counter i.fa-plus {
  color: #fdc716;
  font-size: 17px;
  font-weight: 100;
  position: relative;
  top: -3px;
}
.about-us .fact-counter ul li.single-fact-counter h3 {
  color: #292929;
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 400;
  margin: 2px 0 0;
  font-family: 'Poppins', sans-serif;
}

.about-us {
    background: rgba(248, 249, 249, 0.69);
    padding-bottom: 80px;
}


/*solution*/

.single-sidebar-box {
  margin-bottom: 50px;
}
.single-sidebar-box .title {
  background: url(http://world5.commonsupport.com/2017/factory/img/resources/sidebar-title-bg.jpg) repeat top left;
  padding-left: 20px;
}
.single-sidebar-box .title h3 {
  font-size: 24px;
  font-weight: 900;
  color: #272727;
  text-transform: uppercase;
  margin: 0;
  line-height: 60px;
}
.single-sidebar-box.search-widget form {
  background: #F4F4F4;
  width: 100%;
  height: 55px;
}
.single-sidebar-box.search-widget form input {
  background: none;
  border: none;
  outline: none;
  width: 70%;
  float: left;
  height: 100%;
  padding-left: 20px;
}
.single-sidebar-box.search-widget form button {
  background: #012f5d;
  color: #ab7442;
  font-size: 16px;
  width: 55px;
  border: none;
  outline: none;
  height: 55px;
  line-height: 55px;
  float: right;
  transition: all 0.5s ease;
}
.single-sidebar-box.search-widget form button:hover {
  background: #ab7442;
  color: #012f5d;
}
.single-sidebar-box.category-widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 30px;
}
.single-sidebar-box.category-widget ul li {
  list-style: none;
  border-bottom: 1px solid #F5F5F5;
}
.single-sidebar-box.category-widget ul li:last-child {
  border: none;
}
.single-sidebar-box.category-widget ul li a {
  display: block;
  font-size: 16px;
  line-height: 50px;
  color: #272727;
  transition: all 0.5s ease;
}
.single-sidebar-box.category-widget ul li a:hover {
  color: #ab7442;
}
.single-sidebar-box.category-widget ul li a:hover:before {
  background: #ab7442;
}
.single-sidebar-box.category-widget ul li a:before {
  content: '';
  width: 8px;
  height: 8px;
  background: transparent;
  border: 1px solid #ab7442;
  border-radius: 50%;
  display: inline-block;
  margin-right: 20px;
  transition: all 0.5s ease;
}
.single-sidebar-box.recent-news-widget ul {
  margin: 0;
  padding: 0;
  margin-top: 40px;
}
.single-sidebar-box.recent-news-widget li {
  list-style: none;
  padding-bottom: 12px;
  border-bottom: 1px solid #F4F4F4;
  margin-bottom: 20px;
}
.single-sidebar-box.recent-news-widget li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}
.single-sidebar-box.recent-news-widget .img-box {
  width: 75px;
  display: table-cell;
  vertical-align: middle;
}
.single-sidebar-box.recent-news-widget .content-box {
  padding-left: 27px;
  vertical-align: middle;
  display: table-cell;
}
.single-sidebar-box.recent-news-widget .content-box h4 {
  font-size: 16px;
  color: #272727;
  font-weight: 900;
  margin: 0;
  line-height: 28px;
}
.single-sidebar-box.recent-news-widget .content-box a.date {
  color: #ab7442;
  font-size: 16px;
  font-weight: 500;
}
.single-sidebar-box.testimonials-widget .single-testi-carousel {
  margin-top: 40px;
}
.single-sidebar-box.testimonials-widget .single-testi-carousel .box {
  background: url(http://world5.commonsupport.com/2017/factory/img/resources/testi-bg.png) top left no-repeat;
  background-size: 100% 100%;
  padding-top: 24px;
  padding-left: 18px;
  padding-bottom: 30px;
}
.single-sidebar-box.testimonials-widget .single-testi-carousel .box p {
  font-size: 16px;
  color: #272727;
  line-height: 26px;
  margin: 0;
  margin-bottom: 5px;
}
.single-sidebar-box.testimonials-widget .single-testi-carousel .box span {
  color: #ab7442;
  font-size: 14px;
}
.single-sidebar-box.testimonials-widget .single-testi-carousel .box span b {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
}
.single-sidebar-box.testimonials-widget .single-testi-carousel img {
  display: block;
  margin-top: 10px;
  width: auto;
  max-width: none;
}
.single-sidebar-box.testimonials-widget .testimonial-carousel {
  position: relative;
}
.single-sidebar-box.testimonials-widget .testimonial-carousel .owl-controls {
  padding: 10px 10px 10px 0;
  position: absolute;
  top: -60px;
  right: -10px;
  display: inline-block;
  background: #fff;
}
.single-sidebar-box.testimonials-widget .testimonial-carousel .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  background: #ab7442;
  border: 1px solid #ab7442;
}
.single-sidebar-box.testimonials-widget .testimonial-carousel .owl-dots .owl-dot.active span {
  background-color: transparent;
}
.single-sidebar-box.price-filter .range-slider-price {
  margin-top: 50px;
  margin-bottom: 30px;
}
.single-sidebar-box.price-filter button {
  color: #9E9E9E;
  font-size: 14px;
  font-weight: 900;
  background: #F4F4F4;
  border: none;
  outline: none;
  text-transform: uppercase;
  width: 90px;
  height: 35px;
  display: inline-block;
  float: left;
}
.single-sidebar-box.price-filter p {
  display: inline-block;
  float: right;
  margin: 0;
  line-height: 35px;
  font-size: 16px;
  font-weight: 500;
  color: #272727;
  text-transform: capitalize;
}
.single-sidebar-box.price-filter input {
  width: auto;
  border: none;
  outline: none;
  width: 50px;
  font-size: 16px;
  font-weight: 500;
  color: #272727;
}
.single-sidebar-box.price-filter .noUi-connect {
  background: #ab7442;
}
.single-sidebar-box.price-filter .noUi-background {
  background: #f4f4f4;
}
.single-sidebar-box.price-filter .noUi-handle {
  background: #012f5d;
  border-radius: 50% ;
  box-shadow: none;
  border-color: #e0e0e0;
  cursor: pointer;
}
.single-sidebar-box.best-seller > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 37px;
}
.single-sidebar-box.best-seller > ul > li {
  list-style: none;
  border-bottom: 1px solid #f4f4f4;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.single-sidebar-box.best-seller > ul > li:last-child {
  border: none;
  margin: 0;
  padding: 0;
}
.single-sidebar-box.best-seller > ul > li .img-box,
.single-sidebar-box.best-seller > ul > li .text-box {
  display: table-cell;
  vertical-align: middle;
}
.single-sidebar-box.best-seller > ul > li .img-box .box {
  width: 75px;
  height: 75px;
  text-align: center;
  line-height: 75px;
  background: #f4f4f4;
  padding: 0;
}
.single-sidebar-box.best-seller > ul > li .text-box {
  padding-left: 27px;
}
.single-sidebar-box.best-seller > ul > li .text-box h3 {
  font-size: 16px;
  margin: 0;
  line-height: 28px;
  font-weight: bold;
  color: #272727;
}
.single-sidebar-box.best-seller > ul > li .text-box ul.star-box {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-sidebar-box.best-seller > ul > li .text-box ul.star-box li {
  list-style: none;
  display: inline-block;
  margin-right: 4px;
}
.single-sidebar-box.best-seller > ul > li .text-box ul.star-box li i {
  font-size: 12px;
  color: #ab7442;
}
.single-sidebar-box.best-seller > ul > li .text-box .price {
  font-size: 16px;
  color: #012f5d;
  font-weight: 500;
}
.single-sidebar-box.tag-links ul {
  margin: 0;
  padding: 0;
  margin-top: 35px;
}
.single-sidebar-box.tag-links ul li {
  display: inline-block;
  list-style: none;
}
.single-sidebar-box.tag-links ul li a {
  display: block;
  border: 1px solid #f4f4f4;
  font-size: 16px;
  color: #9B9B9B;
  text-transform: capitalize;
  line-height: 30px;
  padding: 0 10px;
  transition: all 0.5s ease;
  margin-right: 4px;
  margin-bottom: 5px;
}
.single-sidebar-box.tag-links ul li a:hover {
  background: #012f5d;
  color: #ab7442;
}
.single-sidebar-box.service-link-widget ul.catergori-list {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #f7f7f7;
}
.single-sidebar-box.service-link-widget ul.catergori-list li {
  list-style: none;
  position: relative;
}
.single-sidebar-box.service-link-widget ul.catergori-list li.active a {
  color: #fdc716;
  border-color: #fdc716;
  z-index: 99;
  background: #272727;
}
.single-sidebar-box.service-link-widget ul.catergori-list li:after {
}

.single-sidebar-box.service-link-widget ul.catergori-list li.active:after {
  border-right-color: #fdc716;
}

.single-sidebar-box.service-link-widget ul.catergori-list li a {
  display: block;
  font-size: 16px;
  color: #303030;
  line-height: 50px;
  font-weight: 700;
  padding-left: 23px;
  border-bottom: 1px solid #fff;
  transition: all 0.5s ease;
  position: relative;
}
.single-sidebar-box.service-link-widget ul.catergori-list li a:hover {
  color: #fdc716;
}
.single-sidebar-box.broucher-widgets {
  background: #ab7442;
  padding: 10px 0;
}
.single-sidebar-box.broucher-widgets .icon_box,
.single-sidebar-box.broucher-widgets .text-box {
  display: table-cell;
  vertical-align: middle;
}
.single-sidebar-box.broucher-widgets .icon_box {
  width: 45px;
  height: 45px;
  background: #012f5d;
  color: #fff;
  text-align: center;
  font-size: 20px;
}
.single-sidebar-box.broucher-widgets .text-box {
  padding-left: 30px;
}
.single-sidebar-box.broucher-widgets .text-box h4 {
  font-size: 18px;
  color: #272727;
  margin: 0;
}



.single-sidebar-box.service-link-widget ul.catergori-list li a:after {
}

/*brochures*/

.brochures-lists {

}
.brochures-lists li {
    background: #fff;
    line-height: 52px;
    margin-bottom: 20px;
    height: 55px;
    border: 1px solid #f1f1f1;
    position: relative;
    transition: .5s ease;
}
.brochures-lists li:last-child {
    margin-bottom: 0px
}
.brochures-lists li a {
    color: #303030;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
}
.brochures-lists li a span {
    background: #f7f7f7;
    color: #666;
    display: inline-block;
    font-size: 16px;
    border: 1px solid #f7f7f7;
    height: 28px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 2px 5px;
    position: relative;
    font-family: 'roboto-light';
    font-size: 14px;
    line-height: 25px;
    transition: .5s ease;
}
.brochures-lists li a i::before {
    font-size: 18px;
    padding-right: 15px;
    position: absolute;
    right: 0;
    top: 18px;
    color: #272727;
}
.brochures-lists li:hover {
  background: #fdc716;
  transition: .5s ease;
}
.brochures-lists li:hover a i::before {
  color: #fff;
  transition: .5s ease;
}
.brochures-lists li:hover a span {
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  border-color: #222;
  transition: .5s ease;
}

.brochures-lists li:hover a {
  color: #fff;
  transition: .5s ease;
}

.single-sidebar-box .contact-details {
  background: #ffffff;
  border: 1px solid #f1f1f1;
  border-bottom: 2px solid #272727;
}
.single-sidebar-box .contact-details .item {
  padding: 15px;
  border-bottom: 1px solid rgba(51, 51, 51, 0.08);
}
.single-sidebar-box .contact-details .item:last-child {
  border-bottom: 0px;
}
.single-sidebar-box .contact-details .item .img-box,
.single-sidebar-box .contact-details .item .content {
  display: table-cell;
  vertical-align: top;
}

.single-sidebar-box .contact-details .item .img-box{
  width: 67px;
}

.single-sidebar-box .contact-details .item .content{
  padding-left: 20px;
}

.single-sidebar-box .contact-details .item .content p {
  color: #9e9e9e;
  font-size: 14px;
  margin-bottom: 0;
  line-height: 25px;
}
.single-sidebar-box .contact-details .item .content p i {
  color: #ab7442;
  margin-right: 5px;
}

.single-sidebar-box .contact-details .item h5 {
  font-size: 16px;
  margin-bottom: 20px;
  color: #272727;
}
.single-sidebar-box .contact-details .item .content h5 {
  color: #ab7442;
  margin: 0;
}



/*tab*/
.tabs-section{
  position:relative;
  padding:130px 0px 100px;
}

.tabs-section .column{
  margin-bottom:30px; 
}

.tabs-section .image-box img{
  width:100%;
  display:block;
}

.tabs-style-one .tab-buttons{
  position:relative;
}

.tabs-style-one .tab-buttons .tab-btn{
  position:relative;
  display:inline-block;
  padding: 9px 0px;
  width: 33%;
  margin:0px 0px 0px;
  cursor:pointer;
  font-size:18px;
  text-align:center;
  font-weight:600;
  color: #272727;
  border-top: 2px solid #f9f9f9;
  background-color:#f9f9f9;
  text-transform:capitalize;
  transition:all 300ms ease;
}

.tabs-style-one .tab-buttons .tab-btn.active-btn{
  color: #272727;
  background: #ffffff;
  border-color: #fdc716;
}

.tabs-style-one .tabs-content{
  position:relative;
  padding:40px;
  border:1px solid #f2f2f2; 
}

.tabs-style-one .tab .text-content{
  position:relative;
}

.tabs-style-one .tab .text-content .text{
  font-size:16px;
  line-height:1.8em;
  margin-bottom:15px;
  color:#777777;
  font-weight:300;
  font-family: 'Roboto', sans-serif;
}

.tabs-style-one.tabs-box{
  padding-right:15px;
}

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

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


.tabs-outer{
  position:relative;
  margin-top:60px;
}

.tabs-outer .tabs-box .tab-buttons .tab-btn{
  position:relative;
  padding:9px 30px;
}

.tabs-outer .text-content .image img{
  width:100%;
}

.tabs-outer .tabs-content{
  padding:30px 30px 20px;
}

.tabs-outer .tabs-content .column .text{
  margin-bottom:10px;
}

.chemical-img-box {
  position: relative;
}
.chemical-img-box p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 16px 0;
    right: 0;
    padding-left: 20px;
    color: #fff;
    background: rgba(0, 0, 0, 0.7);
}

.chemical-offer {
  position: relative;
}
.chemical-offer .item {
  position: relative;
  margin-bottom: 85px;
}
.chemical-offer .item .title {
  position: relative;
  padding: 0 0 10px;
}

.chemical-offer .item .title a {
  color: #272727;
  transition: .5s ease;
}
.chemical-offer .item .title a:hover {
  color: #ab7442;
  transition: .5s ease;
}

.chemical-offer .item .title span {
    position: absolute;
    background: #ab7442;
    right: 0;
    top: 0;
    color: #fff;
    line-height: 20px;
    padding: 0 10px;
    font-size: 14px;
}

.chemical-offer:after {
    position: absolute;
    content: "";
    width: 100%;
    background: #f1f1f1;
    height: 1px;
    top: 50%;
    margin-top: -45px;
}

.chemical-offer:before {
    position: absolute;
    content: "";
    width: 1px;
    background: #f1f1f1;
    height: 80%;
    left: 50%;
    margin-left: -25px;
}
.outer ul.benifit li {
    position: relative;
    color: #9e9e9e;
    font-family: "roboto-light";
    padding-left: 20px;
    margin: 5px 0;
}

.outer ul.benifit li:after {
    position: absolute;
    content: '';
    background: #ab7442;
    height: 8px;
    width: 8px;
    left: 0;
    border-radius: 50%;
    top: 7px;
}

.outer ul.benifit {margin-bottom: 10px;}





.accordions-box.style-2 .accrodion-grp {position: relative;}
.accordions-box.style-2 .accrodion {
  border: 1px solid #F4F4F4;
  padding: 0;
}
.accordions-box.style-2 .accrodion:last-child {border: 1px solid #f4f4f4;}
.accordions-box.style-2 .accrodion h4,
.accordions-box.style-2 .accrodion p {
  margin: 0;
  padding: 0;
}
.accordions-box.style-2 .accrodion.active .accrodion-title h4:before {
  content: '\f068 ';
  background: #f9bf11;
  color: #fff;
  height: 35px;
  line-height: 35px;
}
.accordions-box.style-2 .accrodion .accrodion-title {
  cursor: pointer;
  position: relative;
  padding: 9px 0;
  padding-left: 20px;
}
.accordions-box.style-2 .accrodion .accrodion-title h4 {
  font-size: 18px;
  line-height: 35px;
}
.accordions-box.style-2 .accrodion .accrodion-title h4:before {
  content: '\f067 ';
  font-family: 'FontAwesome';
  font-weight: normal;
  font-size: 14px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  background: #fff;
  color: #9E9E9E;
  display: inline-block;
  text-align: center;
  transition: all 0.5s ease;
  margin-right: 20px;
  right: 0;
  position: absolute;
}
.accordions-box.style-2 .accrodion .accrodion-content {
  padding-left: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.accordions-box.style-2 .accrodion .accrodion-content p {
  margin: 0;
}
.accordions-box.style-2 .accrodion.active .accrodion-title {
    background: #ab7442;
}
.accordions-box.style-2 .accrodion.active .accrodion-title h4 {
    color: #fff;
}


.industries-proces .text-box h5 {
  font-size: 20px;
}
.industries-proces .text-box .item {
  padding-bottom: 3px;
}
.industries-proces .text-box p {
  margin: 7px 0;
}


.single-service-page img {
  width: 100%;
  margin-bottom: 30px;
}


.single-service-page .quote {
  position: relative;
  background: #f7f7f7;
  padding: 30px 40px 0;
  padding-left: 50px;
  margin: 30px 0;
}

.single-service-page .quote:after {
    position: absolute;
    content: '';
    width: 3px;
    height: calc(100% - 50px);
    left: 30px;
    top: 25px;
    background: #ffa60a;
}

.single-service-page .quote h4 {
  margin-bottom: 30px; 
  line-height: 29px;
}

.single-service-page .quote .thm-btn {
  margin-bottom: 30px;
}

/* call back */

.call-back {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.call-back .scetion-title {
  margin-bottom: 30px;
}
.call-back h4 {
  color: #fff;
}
.call-back .section-title h2 {
  color: #fff;
}
.call-back p {
  color: #ccc;
}
.call-back p a {
  color: #fdc716;
  font-family: 'Montserrat', sans-serif;
}
.call-back p span {
  color: #fff;
  font-family: 'Montserrat', sans-serif;
}

.call-back .contact-form-area .contact-form form input[type="text"],
.call-back .contact-form-area .contact-form form input[type="email"],
.call-back .contact-form-area .contact-form form textarea{
  background: transparent;
}




/* ==============================
   call-out styles
   ============================== */
.call-out2 {
  background: #7f1517;
  padding: 5px 0 25px;
}
.call-out2 .logo {
  margin-top: 23px;
}
.call-out2 h4 {
  color: #fff;
  margin-top: 30px;
  font-size: 20px;
}
.call-out2 .thm-btn {
  margin-top: 20px;
  line-height: 50px;
  padding: 0 21px;
}
.call-out2 .thm-btn:hover {
  color: #7f1517
}

.call-out2 .thm-btn.bg-clr2:before {
  background-color: #fff;
}




/*subscribe*/

.subscribe {
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;

}

.subscribe h2 {
  color: #fff;
  font-size: 32px;
}
.subscribe p {
  color: #fff;
  font-size: 18px;
  margin: 22px 0 36px;
}

.subscribe-form input {
    position: relative;
    width: 74%;
    display: inline-block;
    margin-right: 6px;
    padding: 10px 15px 8px;
    padding-left: 40px;
    border: 1px solid #fdc716;
}
.subscribe-form {
  position: relative;
}
.subscribe-form span {
  position: absolute;
  left: 15px;
  top: 15px;
  color: #fdc716;
  font-size: 20px;
}

/*===================testimonial===========*/


.testimonial.padd3 {
  position: relative;
  padding-bottom: 30px;
}
.testimonial-item {
  margin-bottom: 50px;
}
.testimonial .testimonial-item .content {
  padding-left: 60px;
  padding-top: 37px;
  padding-bottom: 30px;
  border: 1px solid #efefef;
  position: relative;
  margin-left: 20px;
}

.testimonial .testimonial-item .content span {
  position: absolute;
  width: 50px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  top: 40px;
  left: -18px;
  background: #ffbd0a;
  color: #fff;
}
.testimonial .testimonial-item .content span:after {
    position: absolute;
    content: '';
    border-bottom: 9px solid #df9d00;
    border-right: 9px solid #df9d00;
    border-left: 9px solid transparent;
    border-top: 9px solid transparent;
    bottom: 100%;
    left: 0;
}

.testimonial .testimonial-item .author {
  position: relative;
  margin-left: 20px;
  margin-top: 20px;
}
.testimonial .testimonial-item .author li {
  vertical-align: middle;
}
.testimonial .testimonial-item .author li img {
  height: 60px;
  width: 60px;
  border-radius: 50%;
}
.testimonial .testimonial-item .author h5 {
  font-size: 16px;
}
.testimonial .testimonial-item .author p {
  color: #000;
}


/*===================Gallery===================*/

.zoom {
  transition: transform .2s;
}

.zoom:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
  z-index: 1;
}


/*===================Timeline===================*/

/* The actual timeline (the vertical ruler) */




/* ============Products Page image gallery=========== */

/* Target .gallery section */
.product-gallery {
  width: 100%;
  max-width: 90%; /* Adjust max width for your content */
  margin: 0 auto; /* Center horizontally */
  overflow: hidden;
  display: flex;
  justify-content: center; /* Align content in the center */
  padding: 50px 0px 50px 0px;
}


/* Slider container */
.slider-container-product-gallery {
  display: flex;
  transition: transform 1s ease-in-out;
  width: max-content;
}

.row-product-gallery {
  display: flex;
  width: 100%;
}

.row {
  display: block;
  width: 100%;
}

.column-product-gallery {
  flex: 0 0 20%; /* Each image will take up 20% of the container width */
  width: 20%;
  padding: 5px;
}


.column img {
  width: 100%;
  border-radius: 15px; /* Adjust the roundness of the corners */
  display: block;
}


/* ----------------------------------- */
/* Product page quality assurance */
/* -------------------------------------- */

/* Flex container */
.flex-section {
  display: flex;
  flex-wrap: wrap; /* Allow items to wrap onto the next line */
  gap: 20px; /* Default gap between items */
  justify-content: space-between; /* Distribute items evenly */
}

/* Styling for col-lg-4 */
.flex-section .col-lg-4 {
  flex: 1 1 calc(33.33% - 20px); /* 3 items per row on larger screens */
  margin-bottom: 20px; /* Ensure consistent spacing */
}

/* Styling for col-lg-6 */
.flex-section .col-lg-6 {
  flex: 1 1 calc(50% - 20px); /* 2 items per row on larger screens */
  margin-bottom: 30px; /* Match the spacing of col-lg-4 */
}


.img_quality_assurance1 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 0 20px 0;
  width: 10%;
}

.img_quality_assurance2 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 0 20px 0;
  width: 6%;
}

.text_quality_assurance1 {
  font-size: 16px;
  color: #555;
  line-height: 1.6;
  margin-top: 10px;
  margin-bottom: 10px;
}

.text_quality_assurance1 p {
  font-size: 16px;
  color: #555;
  line-height: 1.6;
  margin-top: 35px;
}


.text_quality_assurance2 {
  font-size: 16px; /* Adjust the font size */
  color: #555; /* Change the text color */
  line-height: 1.6; /* Adjust line height for better readability */
  margin-top: 10px; /* Adjust the space above the paragraph */
  margin-bottom: 10px; /* Adjust the space below the paragraph */
}

.text_quality_assurance1 p {
  font-size: 16px; /* Adjust font size for the <p> element */
  color: #555; /* Text color for <p> */
  line-height: 1.6;
  margin-top: 35px; /* Line height for better readability */
}

/* ----------------------------------- */
/* Products and Services page */
/* -------------------------------------- */

.middle-text-1 {
  display: flex;
  justify-content: center;   /* Horizontally center */
  align-items: center;       /* Vertically center */
  text-align: center;        /* Text alignment */
  font-size: 24px;
  font-weight: bold;
  margin: 0;                 /* Remove default margin */
  padding-top: 40px;
  color: #333;
}

@media (max-width: 480px) {
  .middle-text-1 {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      margin-top: 50px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 50px;
      padding: 15px;
      width: 100%;
  }
}

/* for multi image slider */
*{
  margin: 0;
  padding: 0;
}

main{
  display: flex;
  justify-content: center;
  height: 100vh;
  align-items: center;
}


.container-img{
  padding: 20px; /* Adds padding on all sides (top, right, bottom, left) */
  margin: 0 auto; /* Center the container horizontally */
  max-width: 1400px; /* Optional: Restrict the container width */
  box-sizing: border-box; /* Ensures padding doesn't increase the container width */
}








/* Heading and text styles */
.heading {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 50px;
}

.text {
  font-size: 14px;
  color: #555;
}

/* Optional: Styling for icon box */
.icon_box {
  font-size: 40px; /* Adjust the icon size */
  margin-bottom: 15px; /* Space between icon and heading */
  color: #333; /* Icon color */
}




.img_superior_skills {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 0 20px 0;
  width: 10%;
}

.pns-container {
  text-align: center;
  margin: auto;
  padding: 20px;
}

.materials-row {
  justify-content: center;
  margin-bottom: 30px;
}

.materials-row .text_superior_skills ul {
  column-count: 3;
  column-gap: 20px;
  list-style-position: inside;
  /* word-break: break-word; */
  white-space: normal;

}

.materials-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 columns */
  gap: 15px; /* Add space between rows and columns */
  text-align: left; /* Align content to the left */
}

@media (max-width: 768px) {
  .materials-grid {
    grid-template-columns: 1fr;
    line-height: 1.8;
  }
}

@media (max-width: 480px) {
  .materials-grid {
    grid-template-columns: 1fr;
    line-height: 1.8;
  }
}

.materials-category {
  background: none; /* Remove the background color */
  padding: 15px; /* Add padding for spacing within each category */
  box-shadow: none; /* Remove the shadow */
  margin: 6px; /* Add additional margin for more spacing around each box */
  text-align: center; /* Center-align content within the category */
}

.materials-category h5 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px; /* Space between title and description */
  text-align: center; /* Center-align the title */
}

.materials-category p {
  font-size: 16px;
  color: #555;
  line-height: 1.8; /* Add line height for readability */
  margin: 0; /* No margin on paragraphs */
  text-align: center; /* Center-align the descriptions */
}




.materials-row .text_superior_skills ul li {
  margin-bottom: 10px;
  word-wrap: break-word;
  word-break: break-word;
  white-space: normal;
}


.materials-box {
  margin: 0 auto;
  text-align: center;
  max-width: 1200px; /* Increase width for materials */
  padding: 20px;
}

.pns-inner-box-4 {
  padding: 30px;
  background: #f9f9f9;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  max-width: 100%;
}

.pns-inner-box {
  padding: 30px;
  background: #f9f9f9;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  min-height: 365px;
}

.pns-inner-box h4 {
  font-size: 20px;
  font-weight: bold;
  margin: 15px 0;
}


.pns-inner-box-2 {
  padding: 30px;
  background: #f9f9f9;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  min-height: 300px;
}

.pns-inner-box-2 h4{
  font-size: 20px;
  font-weight: bold;
  margin: 15px 0;
}

.pns-inner-box-3 {
  padding: 20px;
  background: #f9f9f9;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin: 20px auto;
  min-height: 485px;
}

.pns-inner-box-3 h4 {
  font-size: 20px;
  font-weight: bold;
  margin: 15px 0;
}


.pns-inner-box-4 h4 {
  font-size: 20px;
  font-weight: bold;
  margin: 15px 0 30px 0 !important; /* Add space below the word 'Materials' */
  text-align: center; /* Center-align the text */
}

.pns-inner-box-3 ul,
.pns-inner-box-4 ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 16px;
  line-height: 2.0;
}

.pns-inner-box-4 img {
  /* max-width: 80px; */
  height: auto;
  width: 45%;
}



.text_quality_assurance1 p {
  font-size: 16px; /* Adjust font size for the <p> element */
  color: #555; /* Text color for <p> */
  line-height: 1.6;
  margin-top: 35px; /* Line height for better readability */
}

.superior-section {
  margin: 50px;
}

/* For smaller screens (tablets, max-width: 768px) */
@media (max-width: 768px) {
  .superior-section .col-lg-4,
  .superior-section .col-md-4,
  .superior-section .col-sm-4,
  .superior-section .col-xs-12 {
      flex: 1 1 calc(50% - 20px); /* 2 items per row */
      margin-bottom: 25px; /* Match spacing for consistency */
  }

  .superior-section .col-lg-6,
  .superior-section .col-md-6 {
      flex: 1 1 calc(50% - 20px); /* 2 items per row */
      margin-bottom: 25px; /* Match spacing with col-lg-4 */
  }
}

/* For smaller screens (tablets, max-width: 768px) */
@media (max-width: 768px) {
  .superior-section .col-lg-3,
  .superior-section .col-md-3,
  .superior-section .col-sm-6,
  .superior-section .col-xs-12 {
      flex: 1 1 calc(50% - 20px); /* 2 items per row */
      margin-bottom: 25px; /* Match spacing for consistency */
  }

  .superior-section .col-lg-6,
  .superior-section .col-md-6 {
      flex: 1 1 calc(50% - 20px); /* 2 items per row */
      margin-bottom: 25px; /* Match spacing with col-lg-3 */
  }
}

/* For mobile screens (phones, max-width: 480px) */
@media (max-width: 480px) {
  .superior-section .col-lg-3,
  .superior-section .col-md-3,
  .superior-section .col-sm-6,
  .superior-section .col-xs-12 {-
      flex: 1 1 100%; /* 1 item per row */
      margin-bottom: 30px; /* Slightly larger spacing for readability */
  }

  .superior-section .col-lg-6,
  .superior-section .col-md-6 {
      flex: 1 1 100%; /* 1 item per row */
      margin-bottom: 30px; /* Match spacing with col-lg-3 */
  }
}

@media (max-width: 780px) {
  .materials-row .text ul{
      column-count: 1;
  }
}

@media (max-width: 480px) {
  .materials-row .text ul {
      column-count: 1;
      column-gap: 10px;
  }

  .materials-row .text ul li {
      font-size: 14px;
      margin-bottom: 8px;
  }
}

/* Apply box-sizing rule globally to all elements using the universal selector */
*,
*::before,
*::after {
box-sizing: border-box;
}







.market_and_product {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 20px 0 40px 0; /* Increased padding for more space around */
}

.market_and_product .content-wrapper {
  text-align: center;
}

.market_and_product .product2-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 50px;
  color: #333;

}


.market_and_product .card-container {
display: flex;
flex-wrap: wrap;
gap: 30px; /* Increased gap between cards */
justify-content: center;
align-items: flex-start;
}

.market_and_product .card {
background-color: #ffffff;
border: 1px solid #ddd;
border-radius: 12px; /* Slightly larger corner radius for a softer look */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Slightly larger shadow for emphasis */
width: 200px; /* Increased card width */
text-align: center;
overflow: hidden;
padding: 10px; /* Added some padding inside the card */
min-height: 200px;
}

.market_and_product .card img {
width: 100%; /* Maintain full width of the card */
height: 150px;
object-fit: cover;
display: block;
}

.market_and_product .card p {
margin: 15px 0; /* Increased spacing around the text */
font-size: 18px; /* Increased font size */
font-weight: bold; /* Made text bold for better readability */
color: #333;
}


@media (max-width: 768px) {
  .market_and_product .card-container {
      flex-direction: column;
      align-items: center;
      gap: 20px;
  }

  .market_and_product .card {
      width: 100%;
      max-width: 400px;
  }
}

@media (max-width: 480px) {
  .market_and_product .card-container {
      flex-direction: column;
      gap: 40px;
  }

  .market_and_product .card {
      width: 100%
  }
}

.read-more-item {
  display: none;
}

#read-more-btn {
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.btn-text {
  text-align: center;
  margin-top: 20px;
  padding: 20px 90px;
}

.read-more-btn:hover {
  background-color: #0056b3;
  transform: scale(1.05);
}

.read-more-btn:active {
  background-color: #003d80;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}




/* ----------------------------------- */
/* About us page overview */
/* -------------------------------------- */

.img_overview {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 10px 0;
  width: 12%;
}

.text_overview {
  font-size: 16px;
  color: #555;
  line-height: 1.6;
  margin-top: 10px;
  margin-bottom: 10px;
}

.text_overview p {
  font-size: 16px;
  color: #555;
  line-height: 1.6;
  margin-top: 35px;
  text-align: center;
}

.about-inner-box {
  padding: 30px;
  background: #f9f9f9;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  min-height: 320px;
}

.about-inner-box h4 {
  font-size: 20px;
  font-weight: bold;
  margin: 15px 0;
  text-align: center;
}

.about-overview-title {
  font-size: 45px;
}

.about-overview-text {
  font-size: 20px;
  line-height: 2;
}

/* Flex container */
.flex-section {
  display: flex;
  flex-wrap: wrap; /* Allow items to wrap onto the next line */
  gap: 20px; /* Default gap between items */
  justify-content: space-between; /* Distribute items evenly */
  padding: 50px;
}

/* Styling for col-lg-4 */
.flex-section .col-lg-4 {
  flex: 1 1 calc(33.33% - 20px); /* 3 items per row on larger screens */
  margin-bottom: 20px; /* Ensure consistent spacing */
}

/* Styling for col-lg-6 */
.flex-section .col-lg-6 {
  flex: 1 1 calc(50% - 20px); /* 2 items per row on larger screens */
  margin-bottom: 30px; /* Match the spacing of col-lg-4 */
}



/* ----------------------------------- */
/* About us page vision_mission */
/* -------------------------------------- */

.vnm-inner-box-2 {
  padding: 30px;
  background:#f9f9f9;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  min-height: 280px;
}

.vnm-inner-box-2 h4 {
  font-size: 20px;
  font-weight: bold;
  margin: 15px 0;
  text-align: center;
}

.img_vision img{
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 10px 0;
  max-width: 8% !important;
}

.img_mission {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 10px 0;
  width: 8%;
}

.text_vision p {
  font-size: 16px;
  color: #555;
  line-height: 1.6;
  margin-top: 35px;
  text-align: center;
}

.text_mission p {
  font-size: 16px;
  color: #555;
  line-height: 1.6;
  margin-top: 35px;
  text-align: center;
}



/* ----------------------------------- */
/* About us page history */
/* -------------------------------------- */

.timeline-company {
  position: relative;
  max-width: 1200px;
  margin: 100px auto;
  /* background-color: orange; */
}

.container-timeline {
  padding: 10px 50px;
  position: relative;
  width: 50%;
  animation: movedown 1s linear forwards;
  opacity: 0;
}

@keyframes movedown {
  0%{
    opacity: 1;
    transform: translateY(-30px);
  }
  100%{
    opacity: 1;
    transform: translateY(0px);
  }

}

.text-box-timeline {
  /* display: block; */
  padding: 20px 30px;
  background: #fff;
  position: relative;
  border-radius: 6px;
  font-size: 15px;
}

.text-box-timeline h4, .text-box-timeline p {
  display: inline-block;
  vertical-align: top;
  margin-top: 0;
}

.timeline-content-image {
  position: relative !important;
  display: block;
  width: 250px !important;
  height: 180px;
  border-radius: 0;
  /* right: -20px; */
  margin: 0 auto;
  z-index: 15;
}

.left-container {
  left: 0;
}

.right-container {
  left: 50%;
}

.container-timeline img {
  position: absolute;
  width: 38px;
  /* border-radius: 50%; */
  right: -20px;
  /* top: 32px; */
  z-index: 15;
}

.right-container img {
  left: -20px;
}

.timeline-company::after {
  content: '';
  position: absolute;
  width: 6px;
  height: 100%;
  background: black;
  top: 0;
  left: 50%;
  margin-left: -3px;
  z-index: 2;
  animation: moveline 6s linear forwards;
}

@keyframes moveline {
  0% {
    height: 0;
  }

  100% {
    height: 100%;
  }
}

.text-box-timeline h2 {
  font-weight: 500 ;
}

.text-box-timeline h4 {
  display: inline-block;
  margin-bottom: 15px;
}

.left-container-arrow {
  height: 0;
  width: 0;
  position: absolute;
  top: 28px;
  z-index: 1;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #fff;
  right: -11px;
}

.right-container-arrow {
  height: 0;
  width: 0;
  position: absolute;
  top: 28px;
  z-index: 1;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 15px solid #fff;
  left: -11px;
}

.container-timeline:nth-child(1) {
  animation-delay: 0s;
}

.container-timeline:nth-child(2) {
  animation-delay: 1s;
}

.container-timeline:nth-child(3) {
  animation-delay: 2s;
}

.container-timeline:nth-child(4) {
  animation-delay: 3s;
}

.container-timeline:nth-child(5) {
  animation-delay: 4s;
}

.container-timeline:nth-child(6) {
  animation-delay: 5s;
}

.container-timeline:nth-child(7) {
  animation-delay: 6s;
}

.container-timeline:nth-child(8) {
  animation-delay: 7s;
}

.container-timeline:nth-child(9) {
  animation-delay: 8s;
}

.container-timeline:nth-child(10) {
  animation-delay: 9s;
}

.container-timeline:nth-child(11) {
  animation-delay: 10s;
}

.container-timeline:nth-child(12) {
  animation-delay: 11s;
}

.container-timeline:nth-child(13) {
  animation-delay: 12s;
}

@media screen and (max-width: 600px) {

  .timeline-company {
    margin: 50px; auto;
  }

  .timeline-company::after {
    left: 31px;
  }

  .container-timeline {
    width: 100%;
    padding-left: 80px;
    padding-right: 25px;
  }

  .text-box-timeline {
    font-size: 13px;
  }

  .text-box-timeline h4 {
    margin-bottom: 10px;
  }

  .right-container {
    left: 0;
  }

  .container-timeline img {
    left: 10px;
  }

  .left-container-arrow, .right-container-arrow {
    border-right: 15px solid #fff;
    border-left: 0;
    left: -11px;
  }
 }