/*
  Theme Name: Expe
  Author: Nababur Rahaman
  Support: nababurbd@gmail.com
  Author URL: https://bootelements.com/author
  Description: One page Bootstrap HTML5 Template.
  Version: 1.0
*/

/* CSS Index 
-----------------------------------
1. Theme default css
2. HRADER
3. NAVBAR
4. SLIDER
5. FEATURED
6. LATEST FEATURED
7. BEST WATCHES
8. OUR LATEST PRODUCT
9. PRICING TABLE
10. TESTIMONIAL SECTION
11. PRODUCT SLIDE SECTION
12. LATEST NEWS
13. CONTACT SECTION
14. FOOTER TOP SECTION
-----------------------------------
1. Blog Page
2. Blog Details



*/


/*===========================
    1. Theme default css 
===========================*/


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


 body {
font-family: 'Poppins', sans-serif;
  font-weight: normal;
  font-style: normal;
  background-color: #ffffff;
  line-height: 27px;
  font-size: 16px;
  visibility: visible;
  color: #929292
}
.img {
  max-width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
  text-decoration: none;
  outline: none;
}

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

span,
i,
a{
    display: inline-block;
}

h1, h2, h3, h4, h5, h6 {
  color: #1d2025;
font-family: 'Poppins', sans-serif;
  font-weight: 400;
  margin-top: 0; }

h1 {
  font-size: 30px;
  line-height: 42px; }

h2 {
  font-size: 20px;
  line-height: 36px; }

h3 {
  font-size: 24px;
  line-height: 30px; }

h4 {
  font-size: 18px;
  line-height: 24px; }

h5 {
  font-size: 14px;
  line-height: 18px; }

h6 {
  font-size: 12px;
  line-height: 14px; }

p:last-child {
  margin-bottom: 0; }

a, button {
  color: inherit;
  display: inline-block;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer; }

a, button, img, input, span {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }

*:focus {
  outline: none !important; }

a:focus {
  color: inherit;
  outline: none;
  text-decoration: none; }

a:hover {
  text-decoration: none;
  color: #ff9800; }
.fix{overflow: hidden;}
button, input[type="submit"] {
  cursor: pointer; }

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0; }



/*==== Button hover Css ====*/

.sm-link{
  --uismLinkDisplay: var(--smLinkDisplay, inline-flex); 
  --uismLinkTextColor: var(--smLinkTextColor);
  --uismLinkTextColorHover: var(--smLinkTextColorHover);  
  
  display: var(--uismLinkDisplay);
  color: var(--uismLinkTextColor);
  position: relative;
  overflow: hidden;
}

a.sm-link{
  text-decoration: none;
}

.sm-link__label{
  display: block;
}

/* sm-link_padding-all */ 

.sm-link_padding-all{
  --uismLinkLineWeight: var(--smLinkLineWeight, 2px);
  --uismLinkLineColor: var(--smLinkLineColor, #000);
  --uismLinkPadding: var(--smLinkPadding, 5px);
  
  padding: var(--uismLinkPadding);
}

.sm-link_padding-all::before, 
.sm-link_padding-all::after{
  width: 100%;
  height: var(--uismLinkLineWeight);
 
}

.sm-link_padding-all::before{
  top: 0;
}

.sm-link_padding-all::after{
  bottom: 0;
}

.sm-link_padding-all .sm-link__label::before,
.sm-link_padding-all .sm-link__label::after{
  width: var(--uismLinkLineWeight);
  height: 100%;
  top: 0;
}

.sm-link_padding-all .sm-link__label::before{
  left: 0;
}

.sm-link_padding-all .sm-link__label::after{
  right: 0;
}

.sm-link_padding-all::before,
.sm-link_padding-all::after,
.sm-link_padding-all .sm-link__label::before,
.sm-link_padding-all .sm-link__label::after{
  content: "";     
  background-color: var(--uismLinkLineColor);
  position: absolute; 
  opacity: 0;
  
  will-change: transform, opacity;
  transition-property: transform, opacity;
}

.sm-link_padding-all:hover::before,
.sm-link_padding-all:hover::after,
.sm-link_padding-all:hover .sm-link__label::before,
.sm-link_padding-all:hover .sm-link__label::after{
  opacity: 1;
}

/* sm-link_padding-bottom */ 

.sm-link_padding-bottom{
  --uismLinkLineWeight: var(--smLinkLineWeight, 2px);
  --uismLinkLineColor: var(--smLinkLineColor, #000);  
  
  padding-bottom: var(--uismLinkLineWeight);  
  position: relative;
}

.sm-link_padding-bottom::after{
  content: "";
  width: 100%;
  height: var(--uismLinkLineWeight);
  background-color: var(--uismLinkLineColor);
  
  position: absolute;
  left: 0;
  bottom: 0;
}

/* sm-link_bg */ 

.sm-link_bg {
  --uismLinkLineColor: var(--smLinkLineColor, #000);  
  --uismLinkTextColorHover: var(--smLinkTextColorHover, #fff);  
  --uismLinkPadding: var(--smLinkPadding, 5px);
  
  padding: var(--uismLinkPadding);
  transition: color .3s ease-out;
}

.sm-link_bg::before, 
.sm-link_bg::after{
  content: "";
  background-color: var(--uismLinkLineColor); 
  opacity: 0;
  position: absolute;
  
  transition: transform .2s ease-out, opacity .2s ease-out .03s;
}

.sm-link_bg .sm-link__label{
  position: relative;
  z-index: 2;
}

.sm-link_bg:hover::before, 
.sm-link_bg:hover::after{
  opacity: 1;
  transition-duration: .35s, .35s;
  transition-delay: 0s, 0s;
}

.sm-link_bg:hover{
  color: var(--uismLinkTextColorHover);
}

/* sm-link_text */ 

.sm-link_text::before{
  content: attr(data-sm-link-text);
  color: var(--uismLinkTextColorHover);
  position: absolute;
}

.sm-link_text::before, 
.sm-link_text .sm-link__label{
  transition-property: transform;
  transition-timing-function: cubic-bezier(.86, .6, .08, 1.01); 
  transition-duration: .3s;
}

.sm-link_text:hover::before,
.sm-link_text:hover .sm-link__label{
  transition-duration: .4s;
}


/* effect 9 */

.sm-link9::before,
.sm-link9::after{
  width: 50%;
  height: 100%;
  top: 0;
}

.sm-link9::before{
  left: 0;
  transform: translate3d(-100%, 0, 0);
}

.sm-link9::after{
  right: 0;
  transform: translate3d(100%, 0, 0);
}

.sm-link9:hover::before,
.sm-link9:hover::after{
  transform: translate3d(0, 0, 0);  
}



/*
SETTINGS
*/

.sm-link{
  --smLinkPadding: 10px 15px;
  --smLinkLineWeight: 5px;
  --smLinkLineColor: #313445;
  --smLinkTextColor: #313445;
  --smLinkTextColorHover: #fff;
}

.sm-link_bg{
  --smLinkTextColorHover: #fff;
}

// Mixin itself
@mixin clearfix() {
  &::after {
    display: block;
    content: "";
    clear: both;
  }
}

// Usage as a mixin
.element {
  @include clearfix;
}


/*==== Flaticon Style Css ====*/
 i::before {
    color: #ff9800;
    text-align: center;
    margin: 0px auto;
    display: block;
    line-height: 22px;
}

/*==== Preloader Style Css ====*/

.preloader {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999999;
}
.load {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.lines {
    width: 80px;
    height: 40px;
    position: absolute;
}
 .line {
    width: 80px;
    height: 10px;
    background-color: #ff9800;
    position: absolute;
      clip: rect(0, 0, 20px, 0);
}
.line-1 {
    top: 0;
    -webkit-animation: slide 2s ease 0s infinite;
    animation: slide 2s ease 0s infinite;
}
.line-2 {
    top: 15px;
    -webkit-animation: slide 2s ease 0.25s infinite;
    animation: slide 2s ease 0.25s infinite;
}
.line-3 {
    top: 30px;
    -webkit-animation: slide 2s ease 0.5s infinite;
    animation: slide 2s ease 0.5s infinite;
}

.loading-text {
  text-align: center;
  width: 100%;
  color: #ff9800;
  font-size: 14px;
  letter-spacing: 3px;
  -webkit-animation: fade 1s ease 0s infinite;
  animation: fade 1s ease 0s infinite;
  text-transform: uppercase;
  margin-top: 50px;
}


@-webkit-keyframes slide {
  0% {
    clip: rect(0, 0, 20px, 0);
  }
  
  30% {
    clip: rect(0, 80px, 20px, 0);
  }
  
  50% {
    clip: rect(0, 80px, 20px, 0);
  }
  
  80% {
    clip: rect(0, 80px, 20px, 80px);
  }
  
  100% {
    clip: rect(0, 80px, 20px, 80px);
  }
}

@keyframes slide {
  0% {
    clip: rect(0, 0, 20px, 0);
  }
  
  30% {
    clip: rect(0, 80px, 20px, 0);
  }
  
  50% {
    clip: rect(0, 80px, 20px, 0);
  }
  
  80% {
    clip: rect(0, 80px, 20px, 80px);
  }
  
  100% {
    clip: rect(0, 80px, 20px, 80px);
  }
}

@-webkit-keyframes fade {
  0% {
    opacity: 1;
  }
  
  50% {
    opacity: 0;
  }
  
  100% {
    opacity: 1;
  }
}

@keyframes fade {
  0% {
    opacity: 1;
  }
  
  50% {
    opacity: 0;
  }
  
  100% {
    opacity: 1;
  }
}
/*----------------------------------------*/
/*  scroll-top-top css
/*----------------------------------------*/

.scroll-top-top {
    background: url(../images/normal/top-up.png) no-repeat center center;
    bottom: 9px;
    right: 20px;
    position: fixed;
    width: 50px;
    height: 50px;
    cursor: pointer;
    display: none;
    z-index: 129;
    border-radius: 5px 5px 0 0px;
}.scroll-top-top:hover{
    background-color: #d7d9ef

}
.scroll-top-top i {
    color: #333;
    text-align: center;
    display: block;
    font-size: 20px;
    padding-top: 15px;
}
.scroll-top-top i:before {
    margin-left: 0px
}


/*==== General Title Style Css ====*/

.section-title{
 background-image: url(../images/normal/title-bg.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
padding-bottom: 27px;
}
.section-title h1 {
  color: #1d2025;
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 20px;
}



/*==== General Button Style Css ====*/

.expe-btn-bg{background: #ff9800}




.masonry-column {
  padding: 0 1px;
}

.masonry-grid > div .thumbnail {
  margin: 15px 0px;
}



/*===========================
    2.HRADER css 
===========================*/
#header-part {
  background-color: #313445;
}
.headet-top{}
.header-call-to-action{}
.header-call-to-action ul{}
.header-call-to-action ul li {
  float: left;
  color: #d9d9d9;
  font-size: 14px;
  line-height: 64px;
  padding-right: 25px;
}
.header-call-to-action ul li i::before {
  font-size: 20px;
  color: #D6840E;
  text-align: center;
  margin: 0px auto;
  display: block;
  line-height: 22px;
  margin-right: 10px;
}
.header-call-to-action ul li.t-email {
  position: relative;
  padding-left: 40px;
}
.header-call-to-action ul li i.flaticon-email::before {
  font-size: 28px;
  color: #D6840E;
  text-align: center;
  margin: 0px auto;
  display: block;
  line-height: 22px;
  margin-right: 10px;
  position: absolute;
  top: 21px;
  left: 0;
}
.navbar-dark .navbar-toggler {
  color: rgba(255,255,255,.5);
  border-color: rgba(255,255,255,.1);
  background-color: #ff9800;
}
.d-hide{display: none}

.navbar-toggler {
  padding: .25rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid #ff9800;
  border-radius: .25rem;
}


.header-login-register{}
.header-login-register ul {
  line-height: 61px;
}
.header-login-register ul li {
  float: left;
}
.header-login-register ul li i.flaticon-user::before {
  font-size: 16px;
  color: #D6840E;
  text-align: center;
  margin: 0px auto;
  display: block;
  line-height: 22px;
  margin-right: 10px;
}
.header-login-register ul li a {
  color: #d9d9d9;
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
  list-style: none;
  padding: 0 3px 0 3px;
}
.header-login-register ul li a:hover{}
.{}
#header-nav{}
#header-nav nav {
  z-index: 1234;
}


/*===========================
3.NAVBAR CSS 
===========================*/
#header-nav nav .top-manu ul li.nav-item a.active{color:#ff9800;}
#header-nav nav .top-manu{}
#header-nav nav .top-manu ul{}
#header-nav nav .top-manu ul li.nav-item {
  float: left;
}
#header-nav nav .top-manu ul li.nav-item a {
  font-size: 16px;
  color: #929292;
  text-transform: uppercase;
  padding: 10px 17px 0 17px;
  display: block;
  text-decoration: none;
  list-style: none;
}
#header-nav nav .top-manu ul li.nav-item a:hover{}
.navbar {

    -webkit-box-shadow: 0px 4px 16px 0px rgba(203,203,203,0.25);
    box-shadow: 0px 4px 16px 0px rgba(203,203,203,0.25);
}
.navbar.sticky {
  position: fixed;
  left: 0;
  width: 100%;
  right: 0;
  z-index: 999;
  background: #fff;
  top: -95px;
  -webkit-transform: translateY(95px);
  transform: translateY(95px);
  transition: transform 1s, -webkit-transform 1s;
    -webkit-box-shadow: 0px 4px 16px 0px rgba(203,203,203,0.25);
    box-shadow: 0px 4px 16px 0px rgba(203,203,203,0.25);
}
#header-nav nav .top-manu ul li.nav-item a.btn-expe {
  display: block;
  background-color: #ff9800;
  color: #fff;
  padding: 9px 42px 9px 42px;
  border-radius: 3px;
  margin-left: 14px;
}
.{}
.{}
.{}


/*===========================
4.SLIDER CSS 
===========================*/
#slider-home{position: relative;}
.slider-cap-info {
  padding-top: 200px;
}
.slider-cap-info h2 {
  color: #1d2025;
  font-size: 47px;
  font-weight: 600;
  line-height: 56px;
  margin-bottom: 20px;
}
/* Animation delays */
.slider-cap-info h2:first-child {
    animation-delay: 1s;
}
.slider-cap-info h2:nth-child(2) {
    animation-delay: 2s;
}
.slider-cap-info p:first-child {
    animation-delay: 1s;
}
.slider-cap-info p:nth-child(2) {
    animation-delay: 2s;
}
.slider-cap-info ul.cap-btn li a {
    animation-delay: 3s;
}
.slider-cap-info ul.cap-btn li a.btn-explore {
    animation-delay: 4s;
}

.slider-cap-info p {
  font-size: 16px;
  line-height: 27px;
  color: #929292;
  margin-bottom: 30px;
}
.slider-cap-info ul.cap-btn{}
.slider-cap-info ul.cap-btn li {
  float: left;
}
.slider-cap-info ul.cap-btn li a.btn-explore {
  color: #ff9800;
  border: 2px solid #ff9800;
  padding: 8px 32px;
  margin-left: 30px;
}
.slider-cap-info ul.cap-btn li a {
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  display: block;
  padding: 10px 45px;
  border-radius: 3px;
  text-decoration: none;
  list-style: none;
}
.slider-cap-info ul.cap-btn li a:hover {
  color: #fff; border: 2px solid #313445;
}
.{}
.slider-cap-thumb{}
#slider-home .carousel-indicators .active {
  background-color: #ff9800;
}
#slider-home .carousel-indicators li {
  position: relative;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  width: 30px;
  height: 10px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgba(255,255,255,.5);
  border-radius: 4px;
}
#slider-home .carousel-indicators li {
  position: relative;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  width: 30px;
  height: 10px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #d4d4d4;
  border-radius: 4px;
}
#slider-home  .carousel-indicators {
  bottom: 25px;
}

/*===========================
5.FEATURED CSS 
===========================*/

#main-featured{padding: 50px 0}
.featured-item{}
.featured-item h4 {
  font-size: 20px;
  color: #333333;
  font-weight: 500;
  text-transform: uppercase;
}
.featured-item p{font-size: 16px;line-height: 26px;color: #929292}
.f-icon{padding-bottom: 25px}
.f-icon i::before {
  text-align: left;
  margin: 0px auto;
  display: block;
  line-height: 44px;
  font-size: 41px;
}
.f-icon i.flaticon-finger::before {
  margin-left: -5px;
}




/*===========================
6. LATEST FEATURED CSS 
===========================*/



#latest-features{}
.featured-item{}
.feature-icon{}
.feature-icon i::before {
  color: #D2D2D2;
  text-align: center;
  margin: 0px auto;
  display: block;
  line-height: 57px;
  font-size: 37px;
}

.feature-icon i {
  border: 1px solid #D2D2D2;
  width: 115px;
  border-radius: 200px;
  margin-bottom: -60px;
  height: 115px;
}
.feature-count {
  border: 1px solid #D2D2D2;
  padding: 30px;
  background-color: #fff;
  z-index: 99;
  position: relative;
}
.feature-count h4 {
  font-size: 20px;
  color: #1d2025;
  display: block;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.feature-count p {
  color: #929292;
  line-height: 26px;
}
#latest-features .featured-item:hover .feature-count h4{color:#ff9800;-webkit-transition: all 0.55s ease;
  -o-transition: all 0.55s ease;
  transition: all 0.55s ease}
#latest-features .featured-item:hover .feature-count{ border: 1px solid #ff9800;-webkit-transition: all 0.55s ease;
  -o-transition: all 0.55s ease;
  transition: all 0.55s ease}
#latest-features .featured-item:hover .feature-icon i{ color:#ff9800;border: 1px solid #ff9800;-webkit-transition: all 0.55s ease;
  -o-transition: all 0.55s ease;
  transition: all 0.55s ease}
#latest-features .featured-item:hover .feature-icon i::before{ color:#ff9800;-webkit-transition: all 0.55s ease;
  -o-transition: all 0.55s ease;
  transition: all 0.55s ease}




/*===========================
7. BEST WATCHES CSS 
===========================*/
#best-watch-area{}
.best-watch-info{}
.best-watch-info h1 {
  color: #1d2025;
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 22px;
}
.best-watch-info p:first-child {
  line-height: 18px;
}
.best-watch-info p {
  color: #929292;
  margin-bottom: 10px;
}
.best-watch-info a.btn-1 {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  padding: 9px 40px;
  border-radius: 3px;
  margin-top: 12px;
}
.best-watch-info a.btn-1:hover{}
.best-watch-thumb {
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
}
.best-watch-thumb {
  padding: 10px;
  background-color: #fff;position: relative;
}
.best-watch-thumb img{}
.{}

.best-watch-thumb .video-play-button {
    position: absolute;
    z-index: 10;
    top: 51%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 32px;
    height: 44px;
    background: #ff9800;
    border-radius: 50%;
    padding: 18px 20px 18px 28px;    opacity: 0.90;
}
.best-watch-thumb .video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #ff9800;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.best-watch-thumb .video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #ff9800;
  border-radius: 50%;
  transition: all 200ms;
}

.best-watch-thumb .video-play-button:hover:after {
  background-color: darken(#ff9800, 10%);
}

.best-watch-thumb .video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.best-watch-thumb .video-play-button span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 22px solid #fff;
    border-top: 12px solid transparent;
    border-bottom: 15px solid transparent;
    top: 22%;
    border-radius: 4px;
    left: 4px;
    border-bottom-right-radius: 4px;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}



.best-watch-thumb .video-overlay {
  position: fixed;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.80);
  opacity: 0;
  transition: all ease 500ms;
}

.best-watch-thumb .video-overlay.open {
  position: fixed;
  z-index: 1000;
  opacity: 1;
}

.best-watch-thumb .video-overlay-close {
  position: absolute;
  z-index: 1000;
  top: 15px;
  right: 20px;
  font-size: 36px;
  line-height: 1;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  transition: all 200ms;
}

.best-watch-thumb .video-overlay-close:hover {
  color: #fa183d;
}

.best-watch-thumb .video-overlay iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  /* width: 90%; */
  /* height: auto; */
  box-shadow: 0 0 15px rgba(0,0,0,0.75);
}


/*===========================
  8.OUR LATEST PRODUCT
===========================*/


#our-latest-product{padding-bottom: 90px;}
#our-latest-product .filters {
    margin-bottom: 87px;position: relative;
}


#our-latest-product .filters ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: 30px;
}
#our-latest-product .filters ul li.active{color: #fff;background:#ff9800;-webkit-transition:all 0.25s ease-in-out;
    -moz-transition:all 0.25s ease-in-out;
    -o-transition:all 0.25s ease-in-out;
    -ms-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;}
#our-latest-product .filters ul li {
  padding: 0;
  list-style: none;
  float: left;
  color: #ff9800;
  font-size: 16px;
  font-weight: 500;
  margin-right: 30px;
  cursor: pointer;
  position: relative;
  border:2px solid#ff9800;
  display: block;
  padding: 10px 25px;
  text-transform: uppercase;
  border-radius: 50px;
}
#our-latest-product .product-thumb{position: relative;}
#our-latest-product .product-thumb a img{  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);padding: 10px;width: 94%}


.hover-works {
    transform-origin: 0 100%;
    background: rgba(0, 0, 0, 0.70);
    transition: transform .5s;
    transform: scaleY(0);
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 30px;
}

#our-latest-product .product-thumb:hover .hover-works {
    transform: scaleY(1);
}
#our-latest-product .hover-works a.btn-works {
    border: 2px solid #FFF;
    background: tra;
    width: 50px;
    height: 50px;
    padding: 2px 4px;
    float: left;
    display: inline-block;
    text-align: center;
    color: #FFF;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin: 0px 7px;
    border-radius: 3px;
}
#our-latest-product .hover-works a:hover.btn-works {
  border: 2px solid #ff9800;
 background: #ff9800;
}
.btn-group-works a i::before {
    color: #fff;
    text-align: center;
    margin: 0px auto;
    display: block;
    line-height: 43px;
    font-size: 25px;
}
a:hover.btn-works {
    border: 1px solid #ff6046;
    background: #ff6046;
}

.align-items-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.height1-btn {
  height: 80%;margin-top: 40px
}
.center-btn {
    width: auto;
    margin: 0 auto;
    display: table;
}

a.btn-view-more {
    background: #45cb5e;
    width: 165px;
    height: 45px;
    padding: 10px 0;
    float: left;
    margin-right: 30px;
    display: inline-block;
    text-align: center;
    color: #FFF;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

a:hover.btn-view-more {
    -webkit-box-shadow: 0px 10px 35px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 10px 35px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 10px 35px 0px rgba(0,0,0,0.25);
}


/*===========================
9.PRICING TABLE
===========================*/
#our-prcing-part{}
.singel-price {
    border: 1px solid#D2D2D2;
    position: relative;
}
.p-icon {
    position: absolute;
    left: 0;
    right: 0;
    top: -40px;
}
.p-icon i::before {
  text-align: center;
  margin: 0px auto;
  display: block;
  line-height: 43px;
  font-size: 36px;
  border: 1px solid #d2d2d2;
  background: #fff;
  color: #9B9B9B;
  padding: 15px 20px;
}
.p-title {
  background-color: #f8f8f8;
  display: block;
  border-bottom: 1px solid #D2D2D2;
  padding-top: 59px;
  padding-bottom: 15px;
}
.p-title h4 {
    font-size: 20px;
    color: #1d2025;
    font-weight: 500;
    text-transform: uppercase;
}
.p-cont {
  padding: 19px;
  background: #fff;
  padding-bottom: 100px;
}
.p-cont ul{}
.p-cont ul li {
    font-size: 16px;
    color: #929292;
    line-height: 35px;
}
.purchase-area {
  border: 1px solid #D2D2D2;
  width: 85%;
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  text-align: center;
  margin: 0px auto;
  z-index: 123;
  bottom: -75px;
  background: #fff;
  padding: 30px;
}
.purchase-area h1 {
    color: #ff9800;
    font-size: 36px;
    font-weight: 500;
    line-height: 34px;
    margin-bottom: 15px;
}


.purchase-area a {
  border: 2px solid #ff9800;
  border-radius: 3px;
  display: inline-block;
  padding: 8px 19px;
  color: #ff9800;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  display: block;
  width: 168px;
  margin: 0px auto;
}
.p-boder{border: 1px solid #ff9800}
.bg-boder{border-bottom: 1px solid #ff9800}
.p-bg i::before {background:#ff9800;color: #fff}
.purchase-area a.expe-btn-bg{color: #fff}
.pb-120 {
  padding-bottom: 172px 
}

#our-prcing-part .singel-price:hover{ border: 1px solid #ff9800;-webkit-transition: all 0.55s ease;
  -o-transition: all 0.55s ease;
  transition: all 0.55s ease}

#our-prcing-part .singel-price:hover .p-title{ border-bottom: 1px solid #ff9800;-webkit-transition: all 0.55s ease;
  -o-transition: all 0.55s ease;
  transition: all 0.55s ease}
#our-prcing-part .singel-price:hover .purchase-area{ border: 1px solid #ff9800;-webkit-transition: all 0.55s ease;
  -o-transition: all 0.55s ease;
  transition: all 0.55s ease}
#our-prcing-part .singel-price:hover .purchase-area a{ background: #ff9800;color:#fff;-webkit-transition: all 0.55s ease;
  -o-transition}
#our-prcing-part .singel-price:hover .p-icon i::before{background: #ff9800 ;border-color: #ff9800;color:#fff;-webkit-transition: all 0.55s ease;
  -o-transition}



/*===========================
10.TESTIMONIAL SECTION
===========================*/
#testimonial-part{background-image: url(../images/testimonial/bg.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.slide_content {
  overflow: hidden;
  padding: 10px;
  margin-top: 100px;
  margin-bottom: 160px;
}
.testi-thumb {
  width: 30%;
  margin-right: 40px;
}
.testi-thumb img{}
.testi-content {
  width: 64%;
  padding-right: 15px;
  padding-top: 20px;
}
.testi-content p {
  color: #929292;
  font-size: 16px;
  line-height: 27px;
}
.customer-info{}
.customer-info h4 {
  font-size: 16px;
  color: #1d2025;
  font-weight: 500;
  line-height: 18px;
}
.customer-info span{font-size: 14px;color: #929292}
.customer-review{}
.customer-review img{}
#testimonial-part .carousel-indicators .active {
  background-color: #ff9800;
}
#testimonial-part .carousel-indicators li {
  position: relative;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  width: 30px;
  height: 10px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #d4d4d4;
  border-radius: 4px;
}
#testimonial-part .carousel-indicators {

  bottom: 100px;
}
.{}
.{}
.{}

/*===========================
11. PRODUCT SLIDE SECTION
===========================*/


#product-order .preview-product {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;position: relative; }
  @media screen and (max-width: 996px) {
#product-order .preview-product {
      margin-bottom: 20px; } }

#product-order .preview-pic {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

#product-order .preview-thumbnail.nav-tabs {
  border: none;
  position: absolute;
  width: 90px;
  text-align: right;
  right: 30px;
  display: block;
  top: 15%;
}
#product-order .preview-thumbnail.nav-tabs li {
  width: 100%;
  margin-bottom: 10.5%;
  float: none;

}
#product-order .preview-thumbnail.nav-tabs li img {
      max-width: 100%;
      display: block; }
#product-order .preview-thumbnail.nav-tabs li a {
      padding: 0;
      margin: 0; }
#product-order .preview-thumbnail.nav-tabs li:last-of-type {
      margin-right: 0; }

#product-order .tab-content {
  overflow: hidden; 
    padding: 10px;
    background-color: #fff;
    position: relative;

    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
}
#product-order .tab-content img {
    width: 100%;
    -webkit-animation-name: opacity;
            animation-name: opacity;
    -webkit-animation-duration: .3s;
            animation-duration: .3s; }


@-webkit-keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

.p-info {
  margin-bottom: 15px;
}
.p-info h2 {
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  color: #1d2025;
  line-height: 42px;
  margin-bottom: 20px;
}
.p-info p {
  color: #929292;
  line-height: 27px;
}
.p-price{}
.p-price h1 {
  color: #ff9800;
  font-size: 36px;
  font-weight: 500;
  padding-left: 15px;
}
.p-rate{}
.p-rate img {
  display: block;
  padding-top: 13px;
  padding-left: 15px;
  padding-right: 15px;
}
.p-review{}
.p-review p {
  font-size: 14px;
  color: #929292;
  padding-top: 10px;
}
.quantity-btn {
  margin-right: 40px;
}
.quantity-btn .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control {
  text-align: center;
  width: 60px;
  margin-bottom: 0;
  height: 45.5px;
}
.order-btn button {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  padding: 10px 34px;
  border-radius: 3px;
  text-transform: uppercase;
}

.quantity-btn .btn-danger {
  color: #fff;
  background-color: #ff9800;
  border-color: #ff9800;font-size: 21px;padding: 6px 15px
}
.quantity-btn .btn-success {
  color: #fff;
  background-color: #ff9800;
  border-color: #ff9800;font-size: 21px;padding: 6px 15px
}
.quantity-btn input[type=text] {

    border: 1px solid #ff9800;

}
.quantity-btn .form-control:focus{
    outline: 0;
    -webkit-box-shadow: 0 0 0 0 rgba(0,123,255,.25);
    box-shadow: 0 0 0 0 rgba(0,123,255,.25);

}
.quantity-btn .btn-danger {

    border-radius: 3px 0px 0px 3px;
}
.quantity-btn .btn-success {

    border-radius: 0px 3px 3px 0px;
}
.btn-danger.focus, .btn-danger:focus {
    -webkit-box-shadow: 0 0 0 0 rgba(220,53,69,.5);
    box-shadow: 0 0 0 0 rgba(220,53,69,.5);
}
.btn-success.focus, .btn-success:focus{
    -webkit-box-shadow: 0 0 0 0 rgba(40,167,69,.5);
    box-shadow: 0 0 0 0 rgba(40,167,69,.5);
}



.order-btn button.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
}

.order-btn button.btn.focus, .order-btn button.btn:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 rgba(0,123,255,.25);
  box-shadow: 0 0 0 0 rgba(0,123,255,.25);
}
.p-quantity{margin-top: 30px}
/*===========================
12.LATEST NEWS SECTION
===========================*/

#latest-news-blog{

}
.singel-blog{}
.singel-blog{    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);position: relative;background: #fff}
.singel-blog .blog-thumb{padding:10px;;position: relative;overflow: hidden; -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);}
.singel-blog .blog-thumb img{}
.singel-blog .blog-thumb span.date {
  position: absolute;
  display: block;
  z-index: 888;
  color: #fff;
  background: #ff9800;
  bottom: 10px;
  font-size: 16px;
  text-transform: uppercase;
  padding: 8px 15px;
  right: 10px;
}
.singel-blog .blog-thumb img{
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    width: 100%;
}
.singel-blog:hover .blog-thumb img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.singel-blog .blog-cont{padding: 30px}
.singel-blog .blog-cont h4 {
  font-size: 20px;
  color: #333333;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 15px;
}
.singel-blog .blog-cont p {
  color: #929292;
  font-size: 16px;
  line-height: 27px;
}
.singel-blog .blog-cont a.more-btn {
  border: 2px solid #ff9800;
  border-radius: 3px;
  display: inline-block;
  padding: 8px 37px;
  color: #ff9800;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  margin-top: 5px;
  display: block;
  width: 168px;
}
.singel-blog:hover .blog-cont a.more-btn{    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;background: #ff9800;color: #fff;}
.singel-blog:hover .blog-cont h4{    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;color: #ff9800;}
.{}
.{}
.{}


/*===========================
12.CONTACT SECTION
===========================*/
.contact-form{}
.contact-form .form-row > .col, .form-row > [class*="col-"] {
  padding-right: 20px;
  padding-left: 20px;
}
.contact-form input[type="text"] {
    color: #929292;
    font-size: 16px;
    border: 1px solid #E8E8E8;
    padding: 15px;
    display: block;
    padding-left: 20px;height: 53px;
}
.contact-form input[type=email]{    color: #929292;
    font-size: 16px;
    border: 1px solid #E8E8E8;
    padding: 15px;
    display: block;padding-left: 20px;height: 53px;}
.contact-form textarea{    color: #929292;
    font-size: 16px;
    border: 1px solid #E8E8E8;
    padding: 15px;
    display: block;}



.contact-form input[type=text]:focus, input[type=email]:focus,.contact-form textarea:focus {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  border: 1px solid #ff9800;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.contact-form .form-group {
  margin-bottom: 30px;
}
.contact-form button {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  padding: 10px 30px;
  border-radius: 3px;
  text-transform: uppercase;
}
.contact-form button.btn.focus, .contact-form button.btn:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 rgba(0,123,255,.25);
  box-shadow: 0 0 0 0 rgba(0,123,255,.25);
}
.contact-info{}
.contact-info p{}
.contact-info ul.c-info-list{}
.contact-info ul.c-info-list li {
  color: #929292;
  line-height: 40px;
}
.contact-info ul.c-info-list  li i{margin-right: 5px}
.contact-info h5 {
    font-size: 20px;
    color: #1d2025;
    line-height: 50px;
    text-transform: uppercase;
    font-weight: 500;
}
.subscribe-input {
    position: relative;
    width: 90%;
}
.subscribe-input input[type=email] {
    font-size: 14px;
    color: #929292;
    border: 1px solid #ff9800;
    padding: 15px;
    height: 45px;
}
.subscribe-input button {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    padding: 9.5px 30px;
    border-radius: 3px;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    top: 0;
}
.subscribe-input button.btn.focus, .subscribe-input button.btn:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 rgba(0,123,255,.25);
  box-shadow: 0 0 0 0 rgba(0,123,255,.25);
}
.{}
.{}

/*===========================
14. FOOTER TOP SECTION
===========================*/
#footer-top-widget{background: #313445}
.{}
.{}
.{}

.widget-logo{}
.widget-logo p{color: #fff}
.widget-logo img{
    margin-bottom: 20px;
}

.widget-title{}
.widget-title h4 {
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 20px;
}
.widget-link{}
.widget-link ul li a{
    font-size: 16px;
    color: #fff;
    line-height: 32px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.widget-link ul li a:hover{
    color: #ff9800;
}

.widget-contact{}
.widget-contact .contact li {
  font-size: 16px;
  color: #999;
  margin-bottom: 10px;
}

ul.social-list li{
    display: inline-block;
    margin-right: 10px;
}
ul.social-list li a i {
  border: 1px solid #ff9800;
  padding: 4px 8px;
  border-radius: 2px;
}
ul.social-list li a{
    font-size: 20px;
    color: #999;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
ul.social-list li:hover a i{
    color: #fff;background: #ff9800
}
ul.social-list li:hover a i::before{
    color: #fff
}
ul.social-list li a i::before{
   font-size: 15px
}

.widget-link ul li a{-webkit-transition: all 300ms;
        -o-transition: all 300ms;
        transition: all 300ms;}
.widget-link ul li a:hover{color: #ff9800;padding-left: 5px;}
.widget-instagram{}
.widget-instagram ul li {
  display: inline-block;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(163,163,163,1);
  box-shadow: 0px 0px 3px 0px rgba(163,163,163,1);
  margin: 3px 0;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.widget-instagram ul li a img {
  border-radius: 2px;
  width: 77px;
}
#footer-bottom {
  background: #ff9800;
  padding: 15px;
}
.footer-copyright{}
.footer-copyright p {
  color: #fff;
  display: block;
  line-height: 40px;
}




/*===========================
1. Blog Page css
===========================*/

#default-breadcrumb{
    background: url(../images/blogs/breadcrumb-bg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 350px;
    position: relative;
}
.breadcrumb-opacity {
    background-color: #000000;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.default-breadcrumb-title {
    padding-top: 130px;
    position: relative;
}

.default-breadcrumb-title h4 {
    font-size:48px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
}
.default-breadcrumb-title ul.breadcrumb-list {
    margin: 0;
    padding: 0px;
    list-style: none;
    padding-top: 10px;
}
.default-breadcrumb-title ul.breadcrumb-list li {
    display: inline-block;
    line-height: 24px;color: #fff;
}
.default-breadcrumb-title ul.breadcrumb-list li.active {
    color: #fff;
}

.default-breadcrumb-title ul.breadcrumb-list li a {
    /* display: block; */
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    padding: 0px 10px 0px 0px;
}


.single-post{}
.single-post h2 {
  color: #ff9800;
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
}

.post-thumb-img {
  padding: 10px;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 35px;
}
.post-thumb-img img{display: block; width: 100%}
.post-info{}
.post-info span {
  color: #929292;
  font-size: 14px;
  text-transform: uppercase;
  padding-right: 30px;
}
.post-info span a{color: #ff9800;}
.post-info {
  margin-bottom: 15px;
}
.single-post .p-details a.more-btn {
  border: 2px solid #ff9800;
  border-radius: 3px;
  display: inline-block;
  padding: 8px 37px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  display: block;
  width: 168px;
}
.p-details{}
.p-details p{}
.p-details a{}
.two-col-single {
  position: relative;
}

.two-col-single .single-two-thumb{
  padding: 10px;
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
}
.two-col-single .single-two-thumb span.date {
  position: absolute;
  display: block;
  z-index: 888;
  color: #fff;
  background: #ff9800;
  bottom: 10px;
  font-size: 16px;
  text-transform: uppercase;
  padding: 8px 15px;
  right: 10px;
}
.single-two-thumb{}
.single-two-thumb img{}
.single-two-thumb span.date{}
.p-two-post{}
.p-two-post h4 {
  color: #1d2025;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 500;
  margin-top: 24px;
  margin-bottom: 16px;
}
.p-two-post a.more-btn {
  border: 2px solid #ff9800;
  border-radius: 3px;
  display: inline-block;
  padding: 8px 37px;
  color: #ff9800;
  bottom: 10px;
  font-size: 16px;
  text-transform: uppercase;
  /*right: 10px;*/
}
.two-col-single:hover .p-two-post a.more-btn{    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;background: #ff9800;color: #fff;}

hr.hr-success {
  margin-top: 3rem;
  margin-bottom: 3rem;
  border: 0;
  border-top: 1px solid rgba(0,0,0,.1);
}
.p-two-post p{}
.p-two-post a{}
.{}
.single-post-widgets{}
.single-widget {}
.single-widget .search-widget{position: relative;}
.{}
.single-widget.search-widget input {
    width: 100%;
}

.single-widget.search-widget input {
  border-radius: 3px;
  outline: none;
  border: 1px solid #e7e7e7;
  position: relative;
  display: block;
  background: #f2f2f2;
  height: 60px;
  font-size: 16px;
  color: #929292;
  padding: 16px 30px;
}
.single-widget.search-widget input[type=text]:focus{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    border: 1px solid #ff9800;
}
.single-widget.search-widget a {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;

}

.single-widget.search-widget a i::before {
  background: #ff9800;
  color: #fff;
  padding: 19px 25px;
  border-radius: 3px;
  background: #ff9800;
  color: #fff;
}



.single-widget {
  margin-bottom: 40px;
}

.small-posts{}
.sidget-title{}
.sidget-title h2 {
  font-size: 24px;
  color: #ff9800;
  font-weight: 500;
  text-transform: uppercase;
  display: block;
  margin-bottom: 20px;
}
.{}
.media {

}
.media img{  padding: 5px;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
 }
.media-body{}
.media-body h5 a {
  color: #1d2025;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 11px;
}
.media-body p{}
.{}
.list-group-item {
  position: relative;
  display: block;
  padding: 5px 0px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 0px solid rgba(0,0,0,.125);
  padding-left: 0;
  font-size: 16px;
  text-transform: uppercase;
}
.cat-widget-right{}
.cat-widget-right ul.list-group{}
.cat-widget-right ul.list-group li:first-child{padding-top: 0}
.cat-widget-right ul.list-group li:last-child{padding-bottom: 0}
.cat-widget-right ul.list-group li{}
.cat-widget-right ul.list-group li a{}
.cat-widget-right ul.list-group li a:hover{color: #ff9800}
.tag-widget-right{}
.tag-widget-right ul{}
.tag-widget-right ul li {
  float: left;
  border: 1px solid #929292;
  padding: 7px 25px;
  border-radius: 3px;
  margin-right: 10px;
  margin-bottom: 15px;
}
.tag-widget-right ul li a {
  font-size: 16px;
  color: #929292;
  text-transform: uppercase;
  display: block;
}
.tag-widget-right ul li:hover{  border: 1px solid #ff9800;color: #ff9800}
.tag-widget-right ul li a:hover{  color: #ff9800}


.cat-widget-right ul.list-group li:hover .badge-primary{color: #ff9800}
.badge-primary {
  color: #929292;
  background-color: transparent;
  font-weight: 500;
  font-size: 16px;
}
.{}
.{}
.{}
.{}
.{}
.{}
nav.blog-pagi{}
nav.blog-pagi ul{}
nav.blog-pagi ul li.active{background: #ff9800;color: #fff}
nav.blog-pagi ul li a {
  display: block;
  color: #ff9800;
  padding: 12px 20px;text-transform: uppercase;font-size: 16px
}
nav.blog-pagi ul li:first-child a {
  background: #ff9800;color: #fff
}
nav.blog-pagi ul li:last-child a {
  background: #ff9800;color: #fff
}
nav.blog-pagi ul li a:hover{}
nav.blog-pagi ul li a.page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: 0 0 0 0 rgba(0,123,255,.25);
}
nav.blog-pagi{}
nav.blog-pagi .page-link:hover {
  z-index: 2;
  color: #000;

}
.{}

nav.blog-pagi ul li.page-item.active .page-link {
  z-index: 1;
  color: #fff;
background: linear-gradient(133deg,rgba(0,31,146,.87),rgba(1,35,148,.87) 3%,rgba(2,39,149,.87) 5%,rgba(45,192,201,.87) 100%),url(https://res.cloudinary.com/uisumo-com/image/upload/v1504072750/static-site-assets/Banner-UISUMO-02.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  border-color: #3498db;
}

/*===========================
2. Blog Details page css
===========================*/
.single-post-detail{}
.{}
.post-details-img{
  padding: 10px;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 30px;
}
.post-details-img img{display: block;width: 100%;}
.single-post-detail h2 {
  color: #ff9800;
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
}
.post-info {
  margin-bottom: 15px;
}
.post-info span {
  color: #929292;
  font-size: 14px;
  text-transform: uppercase;
  padding-right: 30px;
}
.post-info span a {
  color: #ff9800;
}
.post-video-img {
  width: 80%;
  margin: 30px auto;
}
.post-info-social{}
.post-social-share{}
.post-social-share h2.share-tag {
  float: left;
  font-size: 24px;
  color: #1d2025;
  text-transform: uppercase;
  font-weight: 500;
  display: block;
  padding-right: 20px;
  margin-bottom: 0px;
  line-height: 49px;
}
.post-social-share {
  padding-top: 10px;
}
.post-social-share ul.list-unstyled{}
.post-social-share ul.list-unstyled li.list-inline-item{margin-right: 20px}
.post-social-share ul.list-unstyled li.list-inline-item a {
  display: block;
  padding: 8px 38px;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  background-c: -;
  background: #3b5998;
  c: c;
  color: #fff;
  border-radius: 3px;
}
.post-social-share ul.list-unstyled li.list-inline-item a.fb {background: #3b5998;}
.post-social-share ul.list-unstyled li.list-inline-item a.tw {background: #1da1f2;}
.post-social-share ul.list-unstyled li.list-inline-item a.pin {background: #bd081c;}
.comment-area{}
.comment-area h2 {

}
.{}
.{}
.{}
.{}
.comment-display h5 span.reply a{color: #fab702}
.comment-display h5 span.reply i {
    color: #fab702;
    margin-right: 5px;
}

.post-social-share ul li a i {
    display: block;
    font-size: 12px;
    padding-top: 8px;
}
.comment-area h2, .post-comment-form h2 {
    padding: 50px 0;
  font-size: 24px;
  color: #ff9800;
  font-weight: 500;
  line-height: 20px;
}
.post-comment-form h2 {
    padding-top: 0;
}

.comment-display h5 {
    font-size: 18px;
    margin-bottom: 20px;
    color: #333333;
    font-weight: 500;
}

.comment-display span {
    display: block;
    font-size: 12px;
    margin-top: 8px;
    color: #888888;
}

.post-comment-form input, .post-comment-form textarea {
    outline: none;
    box-shadow: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100%;
    padding: 10px 20px;
    color: #888888;
}
.post-comment-form textarea {
    resize: none;
   /* margin-top: 30px;*/
}

.comment-submit-btn {
    display: inline-block;
    margin-left: 15px;
    text-transform: uppercase;
    background-color: #fab702;
    color: #fff;
    padding: 10px 28px;
    border-radius: 3px;
    font-weight: 500;
    letter-spacing: 1px;
    border: 1px solid #fab702;
    font-size: 16px;text-decoration: none
}

.comment-submit-btn:hover{
    background-color: #e4a806;
    color: #fff;
    border: 1px solid #000;-webkit-transition: all 0.55s ease;
  -o-transition: all 0.55s ease;
  transition: all 0.55s ease;text-decoration: none
}
.author-blog img{width: 100%;height: auto;display: block;}

.post-comment-form input[type=text]:focus,.post-comment-form input[type=email]:focus,.post-comment-form textarea:focus {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  border: 1px solid #fab702;
}
.single-widget {
    position: relative;
}