/* use font link */


@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i');



/* use style sheet */

@import url("font-awesome.css");
@import url("flaticon.css");
@import url("animate.css");
@import url("owl.css");
@import url("bootstrap.css");
@import url("bootstrap.min.css");
@import url("hover.css");
@import url("bootstrap-select.min.css");
@import url("nouislider.css");
@import url("jquery.bootstrap-touchspin.css");

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



/*** 

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

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


/*** 

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

 ***/


body {
  font-size:17px;
  color:#848484;
  line-height:26px;
  font-weight:300;
  background:#ffffff;
  font-family: 'Roboto', sans-serif;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-font-smoothing: antialiased;
}

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

.auto-container{
  position:static;
  max-width:1200px;
  padding:0px 15px;
  margin:0 auto;
}

.small-container{
  max-width:680px;
  margin:0 auto;
}


.centred{
  text-align: center;
}

.boxed_wrapper{
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  overflow-x: hidden;
}


a{
  text-decoration:none;
  position: relative;
  font-size: 17px;
  font-family: 'Roboto Condensed',sans-serif;
  line-height: 26px;
  font-weight: 400;
  cursor:pointer;
  color:#848484;
  transition: all 500ms ease;
}

a:hover{
  text-decoration:none;
  outline:none;
  color: #fa9928;
  transition: all 500ms ease;
}

input,button,select,textarea{
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

.in-block li{
  display: inline-block;
}

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

input{
  transition: all 500ms ease;
}
input:focus,
textarea:focus{
  outline: none;
  border-color: #fdc900;
  transition: all 500ms ease;
}

p{
  position: relative;
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
  line-height: 24px;
  font-weight: 300;
  color: #848484;
  margin-bottom: 10px;
  font-style: normal;
  transition: all 500ms ease;
}

h1,h2,h3,h4,h5,h6 {
  position:relative;
  font-family: 'Roboto Condensed', Sans-serif;
  font-weight: 400;
  margin: 0px;
  color: #222222;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
  position:relative;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  margin: 0px;
  color: #222222;
  transition: all 500ms ease;
}

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

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

h4{
  font-size: 20px;
  line-height: 30px;
}

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

h6{
  font-size: 16px;
  line-height: 25px;
} 

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

h4 a{
  font-size: 20px;
  line-height: 30px;
}

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

h6 a{
  font-size: 16px;
  line-height: 25px;
}

h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover{
  color: #fa9928;
  transition: all 500ms ease;
}

.centered{
  text-align:center;  
}

.sp-one{
  padding: 95px 0px 100px 0px;
}
.sp-two{
  padding: 65px 0px 70px 0px;
}
.sp-three{
  padding: 78px 0px 80px 0px;
}



/** button **/

.btn-one {
  font-size: 17px;
  font-weight: 400;
  font-family: 'Roboto Condensed', sans-serif;
  padding: 10px 32px 10px 31px;
  color: #333;
  position: relative;
  transition: all 0.5s ease 0s;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  z-index: 1;
}
.btn-one:before {
  background-color: #000000;
  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;
}

.btn-one:hover::before{
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.btn-two {
  font-size: 17px;
  font-weight: 400;
  font-family: 'Roboto Condensed', sans-serif;
  padding: 10px 34px 10px 33px;
  color: #333;
  position: relative;
  transition: all 0.5s ease 0s;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  z-index: 1;
}
.btn-two:before {
  background-color: #000000;
  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;
}
.btn-bg{
  background: #fa9928; 
  border: 2px solid #fa9928;
}
.btn-bg2{
  background: #fff;
  border: 2px solid #fff;
}
.btn-two:hover::before{
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
a.btn-two:hover{
  color: #fff;
}


.link-btn{
  position: relative;
  padding: 0px;
  margin: 0px;
  margin-top: 50px;
}
.link-btn li{
  display: inline-block;
  margin: 0px 1px;
}
.link-btn li a{
  position: relative;
  display: inline-block;
  font-size: 15px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #e4e4e4;
  font-family: 'Roboto', sans-serif;
  color: #333333;
  font-weight: 500;
  transition: all 500ms ease;
}
.link-btn li a:hover,
.link-btn li a.active{
  background: #fa9928;
  border: 1px solid #fa9928;
  transition: all 500ms ease;
}



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

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

.scroll-to-top span{
  color: #fff;
}
.scroll-to-top{
  position:fixed;
  bottom:15px;
  right:15px;
  font-size:18px;
  line-height:38px;
  width:40px;
  height:40px;
  background: #1e2332;
  border: 1px solid #fff;
  text-align:center;
  z-index:100;
  cursor:pointer;
  display:none;
  border-radius: 50%;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}
.scroll-to-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%);
}

.sec-title h2{
  position: relative;
  margin-bottom: 67px;
}
.sec-title h2:before{
  position: absolute;
  content: '';
  background: #fdc900;
  width: 43px;
  height: 3px;
  left: 0px;
  bottom: -23px;
}
.sec-title h2:after{
  position: absolute;
  content: '';
  background: #fdc900;
  width: 43px;
  height: 3px;
  left: 6px;
  bottom: -17px;
}

.overlay-bg{
  position: relative;
}
.overlay-bg:before{
  position: absolute;
  content: '';
  background: #000;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: .90;
}

.gray-bg{
  background: #f8f8f8;
}


/*=============== Style switcher =============*/

.switcher .switch_btn button {
  width:35px;
  height:35px;
  border:none;
  background: #fa9928;
  color:#fff;
  font-size: 24px;
}
.switcher .switch_btn {
  position: absolute;
  right: -35px;
  z-index: -1;
}
.switcher .switch_btn i.fa{
  font-size: 15px;
}
.switcher {
  position: fixed;
  top:260px;
  z-index: 999999;
}

.switcher .switch_menu {
  width:280px;
  background: #fff;
  display: none;
  position: relative;
  border: 1px solid #222222;
/*  height: 300px;
  overflow: hidden;
  overflow-y: scroll;*/
}
.switcher .switch_menu .switcher_container {
  width:270px;
  margin:0 auto;
}
.switcher .switch_menu h4.title {
  color:#fff;
  margin:0;
  line-height: 60px;
  background: #222222;
  text-align: center;
  margin-bottom: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
.switcher .switch_menu .switcher_container h5 {
  text-align: center;
  color:#666666;
  font-weight: 500;
  margin-bottom: 10px;
}
.switcher .switch_menu .text{
  font-size: 12px;
  text-align: center;
  margin-bottom: 25px;
}
#styleOptions{
  text-align: center;
}
.switcher #styleOptions li {
  display: inline-block;
  width:40px;
  height:40px;
  margin-right:2px;
}
.switcher #styleOptions li a {
  display: block;
  width:100%;
  height:100%;
}
.switcher #styleOptions li a.color2 {
  background: url("../images/home/color1.jpg") no-repeat center;
}
.switcher #styleOptions li a.color3 {
  background: url("../images/home/color2.jpg") no-repeat center;
}
.switcher #styleOptions li a.color4 {
  background: url("../images/home/color3.jpg") no-repeat center;
}
.switcher #styleOptions li a.color5 {
  background: url("../images/home/color4.jpg") no-repeat center;
}
.switcher #styleOptions li a.color6 {
  background: url("../images/home/color5.jpg") no-repeat center;
}
.switcher #styleOptions li a.color7 {
  background: url("../images/home/color6.jpg") no-repeat center;
}
.switcher #styleOptions li a.color8 {
  background: url("../images/home/color7.jpg") no-repeat center;
}
.switcher #styleOptions li a.color9 {
  background: url("../images/home/color8.jpg") no-repeat center;
}
.switcher #styleOptions li a.color10 {
  background: url("../images/home/color9.jpg") no-repeat center;
}
.switcher #styleOptions li a.color11 {
  background: url("../images/home/color10.jpg") no-repeat center;
}





/*** 

====================================================================
                        Home-Page
====================================================================

***/

/** main-menu **/


.theme_menu{
  background: #fa9928;
  width: 100%;
}
.main-menu {
  position: relative;
  display: inline-block;
}

.navbar-collapse {
  padding: 0px
}

.navigation {
  position: relative;
}
.navigation > li {
  display: inline-block;
  margin: 0px 48px 0px 0px;
}
.main-menu li.dropdown{
  position: relative;
}
.main-menu li.dropdown:after {
  position: absolute;
  content: "\f107";
  font-family: FontAwesome;
  color: #222222;
  font-size: 16px;
  right: -17px;
  top: 14px;
  cursor: pointer;
}
.main-menu li.current.dropdown:after{
  color: #fff;
}
.main-header li.dropdown.current:before{
  color: #f3a28b;
}
.navigation > li > a {
  color: #222222;
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  padding: 14px 0px 15px 0px;
  font-family: 'Roboto Condensed', sans-serif;
  transition: all 500ms ease 0s;
}
.navigation > li.current > a{
  color: #fff;
}

.navigation > li > ul {
  position: absolute;
  right: auto;
  top: 100%;
  background: #222;
  width: 230px;
  border-bottom: 3px solid #33d65b;
  padding: 5px 30px;
  z-index: 999;
  display: none;
}

.navigation > li > ul > li {
  position: relative;
  display: block;
}

.navigation > li > ul > li > a {
  color: #818181;
  display: block;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 20px;
  padding: 12px 0px;
  border-bottom: 1px dashed #818181;
  margin: 0;
  text-align: left;
  text-transform: capitalize;
  transition: all 500ms ease 0s;
}
.hidden-bar .navigation > li{
  display: block;
}

.navigation > li > ul > li:last-child > a {
  border-bottom: 0px;
}

.navigation > li > ul > li:hover > a {
  color: #33d65b;
}


/*========= mobile-menu ==============*/

.mobile-menu .dropdown-btn {
  position: absolute;
  right: 5px;
  top: 0;
  width: 30px;
  height: 42px;
  border-left: 1px solid #ffffff;
  cursor: pointer;
  display: block;
  z-index: 5;
}
.mobile-menu .dropdown-btn:after {
  position: absolute;
  content: "\f107";
  font-family: FontAwesome;
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  width: 100%;
}

.mobile-menu,
.mobile-menu > li > ul,
.mobile-menu > li > ul > li > ul{
  background: #000000;
}

.mobile-menu > li > ul,
.mobile-menu > li > ul > li > ul{
  display: none;
}

.mobile-menu > li > a,
.mobile-menu > li > ul > li > a,
.mobile-menu > li > ul > li > ul > li > a{
  padding:10px 20px;
  font-family: 'Roboto', sans-serif;
  line-height:22px;
  color:#ffffff;
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  border-top: 1px solid #fff;
}


/* Mainmenu fixed style */
@keyframes menu_sticky {
  0%   {margin-top:-100px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}
.theme_menu.stricky-fixed {
  margin: 0;
  position: fixed;
  background: #fa9928;
  top:0;
  left:0;
  width: 100%;
  z-index: 99999;
  animation-name: menu_sticky;
  animation-duration: 0.60s;
  animation-timing-function: ease-out;
  box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.49);
}


/** Main Header Style **/


.logo-box{
  background: url("../images/logo/logo1.png") no-repeat 9% 100%;
  height: 80px;
  width: 200px;
  display: inline-block;
  margin-top: 0px;
}
.logo-box a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.logo-area{
  padding: 45px 0px 54px 0px;
}
.header-middle{
  padding: 30px 0px 23px 0px;
}
.header-middle .header-info{
  float: right;
  margin-top: 13px;
}
.header-middle .header-info .single-info{
  position: relative;
  display: inline-block;
  margin-left: 52px;
  padding: 0px 0px 0px 40px;
}
.header-middle .header-info .single-info .icon-box{
  position: absolute;
  left: 0px;
  top: 4px;
}
.header-middle .header-info .single-info .icon-box i:before{
  font-size: 26px;
  margin: 0px;
  color: #fa9928;
}
.header-middle .header-info .single-info .text{
  font-size: 14px;
  color: #848484;
}
.header-middle .header-info .single-info h4{
  margin-bottom: -3px;
}
.header-search{
  position: relative;
  float: right;
  z-index: 1;
}
.header-search:before {
  content: '';
  position: absolute;
  top: 0;
  left: -35px;
  width: 2000%;
  height: 100%;
  background: #202020;
  -webkit-transform: skewX(-45deg);
  -ms-transform: skewX(-45deg);
  transform: skewX(12deg);
  z-index: -1;
}
.header-search input{
  width: 260px;
  height: 55px;
  background: #202020;
  padding: 15px 20px;
  margin-bottom: 0px;
  border: none;
}

.header-search button{
  position: absolute;
  top: 15px;
  right: 20px;
  background: transparent;
  z-index: 1;
  transition: all 500ms ease;
}


/** main slider **/

.main-slider{
  position: relative;
}
#slide-1687-layer-4,#slide-1688-layer-4,#slide-1689-layer-4{
  padding: 0px !important;
  border: none;
}
#slide-1687-layer-4:hover,
#slide-1688-layer-4:hover,
#slide-1689-layer-4:hover{
  background: none !important;
}

.home_boxed .tp-leftarrow.tparrows.uranus,
.home_boxed .tp-rightarrow.tparrows.uranus{
  display: none !important;
}
.main-slider .text{
  font-size: 20px !important;
  line-height: 40px;
  font-family: 'Roboto', sans-serif !important;
  color: #fa9928;
}
.main-slider .title{
  font-size: 50px !important;
  font-weight: 700 !important;
  line-height: 50px !important;
  color: #fff;
  font-family: 'Roboto', sans-serif !important;
}
.main-slider .btn-one {
  padding: 10px 22px 10px 21px;
}


/** about-section **/


.about-content h2{
  font-weight: 600;
  margin-bottom: 28px;
}
.about-content p{
  margin-bottom: 18px;
}
.about-content .about-btn{
  position: relative;
  display: inline-block;
  margin-top: 20px;
}
.about-icon{
  position: relative;
  margin-top: 10px;
}
.about-icon .icon-box{
  position: relative;
  width: 187px;
  height: 187px;
  line-height: 187px;
  text-align: center;
  background: #fa9928;
  margin: 2px 0px;
}
.about-icon .icon-box i:before{
  font-size: 80px;
  color: #fff;
  margin: 0px;
}


/** service-section **/


.single-service-content .img-box{
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}
.single-service-content:hover img{
  transform: scale(1.1);
}
.single-service-content img{
  width: 100%;
  transform: scale(1);
  transition: all 0.5s ease 0s;
}
.single-service-content .count-text{
  position: relative;
  display: inline-block;
  font-size: 24px;
  font-family: 'Roboto Condensed', sans-serif;
  color: #fa9928;
  margin-bottom: 0px;
  font-weight: 700;
}
.single-service-content .count-text:before{
  position: absolute;
  content: '';
  background: #fa9928;
  width: 30px;
  height: 3px;
  right: -39px;
  top: 11px;
}
.single-service-content h4 a{
  display: inline-block;
  margin-bottom: 6px;
}


/** recent-project **/


/*effect*/


.default-portfolio-item {
  position: relative;
}
.default-portfolio-item figure {
  position: relative;
  float: left;
  overflow: hidden;
  margin-bottom: 0px;
  height: auto;
  background: #000;
  text-align: center;
  cursor: pointer;
}
.default-portfolio-item figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
}
.default-portfolio-item figure figcaption {
  padding: 20px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.default-portfolio-item figure figcaption::before,
.default-portfolio-item figure figcaption::after {
  pointer-events: none;
}
.default-portfolio-item figure figcaption,
.default-portfolio-item figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/***** Bubba *****/

figure.effect-bubba img {
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.75s;
}
figure.effect-bubba:hover img {
  /* opacity: 0.4; */
}

figure.effect-bubba:hover img {
  opacity: 0.2;
  -webkit-transform: scale(1);
  transform: scale(1);
}
figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.75s, -webkit-transform 0.35s;
  transition: opacity 0.75s, transform 0.35s;
}
figure.effect-bubba figcaption::before {
  border-top: 2px solid #fa9928;
  border-bottom: 2px solid #fa9928;
  -webkit-transform: scale(0,1);
  transform: scale(0,1);
}
figure.effect-bubba figcaption::after {
  border-right: 2px solid #fa9928;
  border-left: 2px solid #fa9928;
  -webkit-transform: scale(1,0);
  transform: scale(1,0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.recent-project figure.effect-bubba:hover .icon-box{
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.recent-project figure.effect-bubba .icon-box {
  padding-top: 20px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 600;
  -webkit-transition: .7s;
  transition: .7s;
}
.recent-project .item:hover figure.effect-bubba .icon-box {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: .7s;
  transition: .7s;
}
.default-portfolio-item .content .icon-box i:before{
  font-size: 24px;
  color: #f58123;
  margin: 0px;
  display: block;
  margin-bottom: 6px;
}
.default-portfolio-item{
  position: relative;
  padding: 0px 0px;
}
.default-portfolio-item img{
  width: 100%;
}
.project-btn{
  margin-bottom: 40px;
}
.project-btn li{
  padding: 0px 10px;
  border-bottom: 2px solid transparent;
  transition: all 500ms ease;
  margin: 0px 5px;
}
.project-btn li a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #222;
  font-weight: 500;
  transition: all 500ms ease;
}
.project-btn li.active{
  border-bottom: 2px solid #fa9928;
  transition: all 500ms ease;
}
.project-btn li.active a{
  color: #fa9928;
  transition: all 500ms ease;
}


/** quot-section **/


.quot-section{
  position: relative;
  background: url("../images/home/bg.jpg");
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 36px;
  line-height: 45px;
  color: #fff;
  font-weight: 500
}
.quot-content{
  position: relative;
  z-index: 1;
}
.quot-content span{
  color: #fa9928;
}
.quot-content .quot-btn{
  display: block;
  margin-top: 21px;
}


/** choose-us sectin **/


.single-choose-content{
  position: relative;
  padding: 0px 0px 15px 51px;
  box-shadow: 0 2px 0px 0px #e1e1e1;
}
.single-choose-content:before{
  position: absolute;
  content: '';
  background: #fa9928;
  width: 0%;
  height: 2px;
  left: 0px;
  bottom: -2px;
  transition: all 500ms ease;
}
.single-choose-content:hover:before{
  width: 100%;
  transition: all 500ms ease;
}
.single-choose-content .icon-box{
  position: absolute;
  left: 0px;
  top: 5px;
}
.single-choose-content .icon-box i:before{
  font-size: 30px;
  margin: 0px;
  color: #fa9928;
}
.single-choose-content h3{
  margin-bottom: 15px;
}


/** call-back-section **/



.call-back-section h4{
  font-weight: 600;
  margin-bottom: 9px;
}
.call-back-section .top-content{
  position: relative;
  margin-bottom: 28px;
}
.call-back-section .lower-content .single-content{
  position: relative;
  padding: 0px 0px 0px 30px;
  margin-bottom: 10px;
}
.call-back-section .lower-content .single-content .icon-box{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 20px;
  height: 20px;
  line-height: 16px;
  background: #fa9928;
  text-align: center;
}
.call-back-section .lower-content .single-content .icon-box i:before{
  font-size: 10px;
  color: #fff;
}
.call-back-section input,
.call-back-section textarea{
  position: relative;
  width: 100%;
  height: 45px;
  padding: 15px 20px;
  border: 1px solid #e5e5e5;
  margin-bottom: 10px;
  transition: all 500ms ease;
}
.call-back-section textarea{
  height: 120px;
  resize: none;
}
.call-back-section input:focus,
.call-back-section textarea:focus{
  border: 1px solid #fa9928;
  transition: all 500ms ease;
}
button.btn-bg:hover{
  color: #fa9928;
}
.call-back-section .form-area{
  margin-top: 58px;
}


/** faq-section **/


/** accrodian box **/


.accordion {
  position: relative;
}
.accordion .acc-btn {
  position: relative;
  cursor: pointer;
  padding: 16px 10px 14px 78px;
  padding-right: 50px;
  background: #f7f7f7;
  margin-bottom: 5px;
}
.accordion:last-child .acc-btn{
  border-bottom: none;
}
.accordion .acc-btn.pr {
  position: relative;
}
.accordion .acc-btn .toggle-icon {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 55px;
  height: 100%;
  background: #fa9928 ;
  text-align: center;
}
.accordion .acc-btn .toggle-icon .plus::before {
  font-size: 20px;
  font-weight: 500;
  transition: all 0.5s ease 0s;
  position: absolute;
  top: 0;
  left: -8px;
  color: #fff;
  margin: 0px;
}

.accordion-box .accordion .acc-btn.active .toggle-icon .plus {
   opacity: 0;
}
.accordion-box .accordion .acc-btn .toggle-icon .minus::before {
  font-size: 20px;
  font-weight: 500;
  transition: all 0.5s ease 0s;
  position: absolute;
  top: 0;
  left: -8px;
  color: #fff;
}
.accordion-box .accordion .acc-btn .toggle-icon .minus{
  opacity: 0;
}
.accordion-box .accordion .acc-btn.active .toggle-icon .minus {
  opacity: 1;
}

.accordion-box .accordion .acc-content {
  display: none;
  padding: 15px 0px 15px;
  margin: 0 30px;
}
.accordion-box .accordion:last-child .acc-content{
  border-bottom: none;
}
.accordion-box .accordion .acc-content.collapsed {
  display: block;
}
.accordion-box .accordion .acc-content p{
  margin-bottom: 13px;
}
a.canvasjs-chart-credit {
  display: none;
}


/** testimonials-section **/

.testimonial-section{
  padding-bottom: 95px;
  background-color: #e5e3e3;
}
.testimonial-section .client-thumb-outer{
  position:relative;
  max-width:375px;
  margin:0 auto;
  margin-bottom: 30px;
  overflow:hidden;
}
.testimonial-section .client-thumb-outer .client-thumbs-carousel{
  position: relative;
  max-width: 90px;
  margin: 0 auto;
}
.testimonial-section .client-thumb-outer .client-thumbs-carousel .owl-stage-outer{
  overflow:visible;
}
.testimonial-section .client-thumb-outer .client-thumbs-carousel .thumb-item{
  position:relative;
  width:86px;
  border-radius:50%;
  -o-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}
.testimonial-section .client-thumb-outer .thumb-item .thumb-box{
  width:86px;
  height:86px;
  cursor:pointer;
  border-radius:50%;
}
.testimonial-section .client-thumb-outer .client-thumbs-carousel .thumb-item img{
  overflow:hidden;
  width:100%;
  height:100%;
  display:block;
  opacity:0.5;
  border-radius:50%;
  border:2px solid transparent;
}
.testimonial-section .owl-item.active .thumb-item .thumb-box img{
  opacity:1;
  border:2px solid #fa9928;
}
.testimonial-section .owl-item.active .thumb-content{
  opacity:1;
}
.testimonial-section .owl-nav{
  display: none;
}
.testimonial-content .text{
  position: relative;
  font-size: 18px;
  line-height: 30px;
  color: #222;
  margin-bottom: 22px;
}
.testimonial-content .post{
  margin-top: -4px;
  font-size: 13px;
  color: #fa9928;
  text-transform: uppercase;
}


/** bye-now **/


.bye-now{
  position: relative;
  padding: 57px 0px 53px 0px;
  background: #fa9928;
  color: #fff;
  font-size: 36px;
}
.bye-now .btn-bg {
  background: #222;
  border: 2px solid #222;
}
.bye-now-content .text{
  display: inline-block;
  line-height: 45px;
  font-family: 'Roboto Condensed', Sans-serif;
  font-weight: 500;
}
.bye-now-content .bye-now-btn{
  display: inline-block;
  float: right;
}
.bye-now .btn-one{
  color: #fff;
}


/** news-section **/


.single-news-content{
  position: relative;
}
.single-news-content .img-box{
  position: relative;
  overflow: hidden;
}
.single-news-content img{
  width: 100%;
  transform: scale(1);
  transition: all 0.5s ease 0s;
}
.single-news-content:hover img{
  transform: scale(1.1);
}
.single-news-content .lower-content{
  position: relative;
  padding: 14px 10px 25px 0px;
  box-shadow: 0 3px 0px #eeeeee4f;
}
.single-news-content .lower-content h3 a{
  display: inline-block;
  margin-bottom: 12px;
}
.single-news-content .lower-content .button a{
  font-size: 15px;
  color: #fa9928;
}
.single-news-content .date{
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 12px;
  color: #fff;
  background: #fa9928;
  text-align: center;
  padding: 9px 25px 7px 25px;
}


/** main-footer **/


.main-footer{
  position: relative;
  background: #1e2332;
  width: 100%;
  color: #aaa;
  padding: 95px 0px 78px 0px;
}

.footer-logo{
  position: relative;
  background: url("../images/footer/logo1.png") no-repeat 9% 100%;
  height: 70px;
  margin-bottom: 12px;
  margin-left: -10px;
}
.footer-logo a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.footer-tag li{
  position: relative;
  display: inline-block;
}
.footer-tag li a{
  position: relative;
  display: inline-block;
  padding: 5px 14px 5px 14px;
  background: #272c3c;
  text-align: center;
  border-radius: 2px;
}
.main-footer .logo-widget .text{
  margin-bottom: 30px;
  color: #aaa;
}

.footer-title h4{
  position: relative;
  color: #fff;
  margin-bottom: 51px;
}
.footer-title h4:before{
  position: absolute;
  content: '';
  background: #fa9928;
  width: 30px;
  height: 2px;
  left: 0px;
  bottom: -12px;
}
.news-widget{
  position: relative;
  margin-left: 40px;
}
.news-widget .single-news h6 a{
  display: block;
  margin-bottom: 10px;
  color: #aaa;
}
.news-widget .single-news h6 a:hover{
  color: #fa9928;
}
.news-widget .single-news .date{
  font-size: 15px;
  color: #fa9928;
}
.news-widget .single-news{
  border-bottom: 1px solid #aaaaaa;
  padding-bottom: 16px;
  margin-bottom: 20px;
}
.service-widget .list li a{
  position: relative;
  color: #aaa;
  display: block;
  margin-bottom: 12px;
  padding: 0px 0px 0px 18px;
}
.service-widget .list li a:hover{
  color: #fa9928;
}
.service-widget .list li a:before{
  position: absolute;
  content: "\f111";
  font-family: 'FontAwesome';
  font-size: 10px;
  color: #272c3c;
  left: 0px;
  top: 0px;
  transition: all 500ms ease;
}
.service-widget .list li a:hover:before{
  color: #fa9928;
}
input,
textarea{
  position: relative;
  width: 100%;
  height: 50px;
  border: 1px solid #f5f5f5;
  background: transparent;
  padding: 15px 20px;
  margin-bottom: 20px;
  font-size: 14px;
}
textarea{
  height: 150px;
  resize: none;
}
.subscribe-widget button{
  position: relative;
  background: #fa9928;
  border: 2px solid #fa9928;
  color: #fff;
  padding: 12px 30px 10px 30px;
  transition: all 500ms ease;
}
.subscribe-widget button:hover{
  background: transparent;
  color: #fa9928;
}
.footer-social{
  position: relative;
  margin-top: 58px;
}
.footer-social li a{
  position: relative;
  display: inline-block;
  width: 42px;
  height: 42px;
  line-height: 42px;
  font-size: 15px;
  text-align: center;
  color: #aaa;
  border: 2px solid #aaa;
  border-radius: 50%;
  margin-right: 6px;
}
.footer-social li a:hover{
  color: #fa9928;
  border: 2px solid #fa9928;
}


/** footer-bottom **/

.footer-bottom{
  position: relative;
  background: #272c3c;
  padding: 20px 0px 20px 0px;
}
.footer-bottom a{
  color: #fa9928;
}
.footer-bottom .copyright{
  position: relative;
  display: inline-block;
}


/*** 

====================================================================
                        about-page
====================================================================

***/

.page-title{
  position: relative;
  background: url("../images/about/1.jpg");
  width: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 123px 0px;
}
.page-title:before{
  position: absolute;
  content: '';
  background: #000;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: .8;
}
.page-title .title{
  position: relative;
  color: #fff;
  font-size: 45px;
  line-height: 54px;
  display: inline-block;
}
.page-title .bread-crumb{
  position: relative;
  display: inline-block;
  float: right;
  top: 15px;
}
.page-title .bread-crumb li{
  display: inline-block;
  color: #fff;
  font-size: 16px;
}
.page-title .bread-crumb li a{
  display: inline-block;
  color: #fff;
  font-size: 16px;
  transition: all 500ms ease;
}
.page-title .bread-crumb li a:hover{
  color: #fa9928;
  transition: all 500ms ease;
}
.page-title .bread-crumb li i:before{
  margin-left: 7px;
  font-size: 16px;
}


/** fact counter section **/

.fact-counter{
  position: relative;
  background: #333;
  padding: 80px 0px;
}
.fact-counter:before{
  position: absolute;
  content: '';
  background: rgba(3, 3, 3, 0.80);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}
.fact-counter span{
  position: relative;
  font-size: 48px;
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 55px;
  color: #fa9928;
  font-weight: 600;
  margin-bottom: 12px;
}
.fact-counter .text{
  position: relative;
  font-size: 16px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 0px;
}
.fact-counter .count-outer{
  position: relative;
  margin-bottom: 7px;
}


/** our-team **/


.our-team img{
  width: 100%;
}

.single-team-content .lower-content h4{
  margin-bottom: -4px;
}
.single-team-content .lower-content .title{
  font-size: 12px;
  color: #fa9928;
  margin-bottom: 14px;
}

.single-team-content .lower-content .mail a:before{
  position: absolute;
  content: '';
  background: #fa9928;
  width: 100%;
  height: 2px;
  left: 0px;
  bottom: -2px;
}
.team-social li a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #e5e5e5;
  margin-right: 3px;
}
.single-team-content .img-box{
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
}
.single-team-content .img-box img{
  width: 100%;
  transform: scale(1);
  transition: all 0.5s ease 0s;
}
.single-team-content:hover .img-box img{
  transform: scale(1.1);
}
.team-social li a:hover{
  color: #fa9928;
}


/** partner-section **/


.partner-section{
  padding-bottom: 90px;
}
.partner-section .partner-logo-box{
  position: relative;
  margin-top: -25px;
}
.partner-section .partner-logo-box img{
  width: 100%;
}
.partner-section .partner-logo-box li.img-box{
  display: inline-block;
  max-width: 175px;
  margin: 7px 6px;
  padding: 10px 0px 10px 0px;
  border: 1px solid #e5e5e5;
  text-align: center;
}
.partner-section .partner-content h4{
  margin-bottom: 20px;
}
.partner-section .partner-content p{
  margin-bottom: 28px;
}


/*** 

====================================================================
                        service page
====================================================================

***/


.service-page{
  padding: 100px 0px 50px 0px;
}
.service-single{
  padding: 100px 0px 95px 0px;
}
.service-page .single-service-content{
  margin-bottom: 46px;
}
.categories-list{
  position: relative;
  display: block;
  margin-bottom: 30px;
}
.categories-list li a{
  position: relative;
  display: block;
  font-size: 16px;
  font-family: 'Roboto Condensed', sans-serif;
  color: #222;
  padding: 7px 0px 7px 30px;
  background: #f7f7f7;
  margin-bottom: 5px;
}
.categories-list li a:before{
  position: absolute;
  content: "\f101";
  font-family: 'FontAwesome';
  font-size: 15px;
  color: #222;
  left: 14px;
  top: 7px;
}
.categories-list li a:after{
  position: absolute;
  content: '';
  background: #222;
  width: 2px;
  height: 100%;
  left: 0px;
  top: 0px;
}
.categories-list li a.active:after{
  background: #fa9928;
}
.categories-list li a.active,
.categories-list li a.active:before{
  color: #fa9928;
}
.service-sidebar-content .download{
  margin-bottom: 26px;
}
.service-sidebar-content .download a {
  position: relative;
  display: block;
  background: #fa9928;
  font-size: 16px;
  color: #fff;
  padding: 14px 10px 11px 10px;
  margin-bottom: 2px;
}
.service-sidebar-content .download i.fa.fa-download {
  position: relative;
  display: inline-block;
  float: right;
}
.sidebar-title h4{
  position: relative;
  margin-bottom: 36px;
}
.sidebar-title h4:before{
  position: absolute;
  content: '';
  background: #fa9928;
  width: 35px;
  height: 2px;
  left: 0px;
  bottom: -8px;
}
.post-widget .single-post{
  position: relative;
  padding: 0px 0px 0px 90px;
  margin-bottom: 16px;
  padding-bottom: 18px;
  border-bottom: 1px solid #f5f5f5;
}
.post-widget .single-post .img-box{
  position: absolute;
  left: 0px;
  top: 0px;
}
.post-widget .single-post .date{
  font-size: 12px;
  color: #fa9928;
}
.post-widget .single-post h6 a{
  display: block;
  margin-bottom: 5px;
  line-height: 20px;
}
.service-single-content img{
  width: 100%;
}
.service-single-content .img-box{
  margin-bottom: 18px;
}
.service-single-content h3{
  margin-bottom: 16px;
}
.service-single-content .content-style-one,
.service-single-content .content-style-two{
  margin-bottom: 55px;
}
.service-single-content .content-style-two .img-box{
  margin: 35px 0px 0px 0px;
}
.title {
    margin-bottom: 50px; /* espace entre le titre et les blocs */
}




.services-key-section {
    padding: 80px 0;
    background: #ffffff;
    text-align: center;
}

/* TITRE */
.sec-title h2 {
    font-size: 32px;
    margin-bottom: 50px;
    color: #222;
}

/* CARTE */
.service-card {
    background: #f5f7fb;
    padding: 25px 20px;
    margin-bottom: 20px;
    border-radius: 12px;
    transition: 0.3s;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

/* TEXTE */
.service-card h4 {
    color: #ff7a00;
    font-size: 18px;
    font-weight: 600;
}

/* HOVER */
.service-card:hover {
    background: #ff7a00;
    transform: translateY(-5px);
}

.service-card:hover h4 {
    color: #ffffff;
}



.credibility-section {
    padding: 80px 0;
    background: #ffffff;
    text-align: center;
}

/* TITRE */
.sec-title h2 {
    font-size: 32px;
    margin-bottom: 30px;
    color: #222;
}

/* TEXTE */
.credibility-content {
    max-width: 800px;
    margin: 0 auto;
}

.credibility-content p {
    font-size: 18px;
    line-height: 1.8;
    color: #555;
}

/* OPTION : mise en valeur du titre */
.sec-title h2 {
    position: relative;
    display: inline-block;
}

.sec-title h2::after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background: #ff7a00;
    margin: 10px auto 0;
}




.method-section {
    padding: 80px 0;
    background: #ffffff;
    text-align: center;
}

.method-title {
    margin-bottom: 50px;
}

.method-title h2 {
    color: #ff7a00;
}

/* BLOCS */
.method-block {
    background: #f5f7fb;
    padding: 30px 20px;
    border-radius: 10px;
    transition: 0.3s;
}

/* TITRE (Think Build Lead) */
.method-name {
    color: #ff7a00;
    font-weight: 900;
    font-size: 3rem;
}

/* TEXTE */
.method-block p {
    color: #ff7a00;
    font-size: 2rem;
}

/* HOVER */
.method-block:hover {
    background: #ff7a00;
}

.method-block:hover .method-name,
.method-block:hover p {
    color: #ffffff;
}

/* TITRE SECTION */
.sec-title {
    text-align: left;
    margin-bottom: 30px;
}

.sec-title h2 {
    font-size: 32px;
    color: #222;
}



.cta-section {
    padding: 90px 20px;
    background: #0f0f0f; /* NOIR */
    text-align: center;
    color: #fff;
}

/* TITRE EN BLANC */
.cta-section h2 {
    font-size: 34px;
    margin-bottom: 20px;
    color: #ffffff;
}

/* TEXTE */
.cta-section p {
    font-size: 18px;
    max-width: 700px;
    margin: 0 auto 30px;
    line-height: 1.6;
    color: #cccccc;
}

/* BOUTON */
.cta-btn {
    display: inline-block;
    padding: 14px 30px;
    background: #ff7a00;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 8px;
    transition: 0.3s;
}

/* HOVER */
.cta-btn:hover {
    background: #ffffff;
    color: #ff7a00;
}


/*** 

====================================================================
                        gallery-Page
====================================================================

***/


.gallery-page{
  padding-bottom: 70px;
}
.gallery-page .default-portfolio-item{
  padding: 0px 15px;
}
.gallery-page .default-portfolio-item figure{
  float: none;
}

.item-holder{
  position: relative;
}
.item-holder .overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  content: '';
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  transform: scale(0, 0);
}
.single-item:hover .overlay {
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  transform: scale(1, 1);
}
.item-holder img{
  width: 100%;
}
.gallery-page .single-item .lower-content{
  position: relative;
  padding: 12px 0px 0px 0px;
  margin-bottom: 26px;
}
.gallery-page .single-item .lower-content .text{
  font-size: 12px;
  color: #fa9928;
}
.gallery-page .single-item .lower-content h4 a{
  display: block;
  margin-bottom: -5px;
}
.item-holder .overlay .icon-box a{
  color: #fff;
  font-size: 20px;
}


/*** 

====================================================================
                        Team-Page
====================================================================

***/


.team-page{
  padding: 100px 0px 70px 0px;
}
.team-page .single-team-content{
  margin-bottom: 30px;
}


/** faq-page f**/


.faq-page .faq-content{
  position: relative;
  margin-left: 50px;
}
.faq-page .accordion-box{
  margin-bottom: 74px;
}
.faq-page .questions-form h3{
  margin-bottom: 24px;
}


/*** 

====================================================================
                        Error-Page
====================================================================

***/

.error-section{
  padding: 244px 0px 250px 0px;
}
.error-title{
  position: relative;
  font-size: 180px;
  line-height: 180px;
  font-family: 'Roboto Condensed', sans-serif;
  color: #222;
  font-weight: 600;
  margin-bottom: 10px;
}
.error-text{
  position: relative;
  font-size: 45px;
  color: #fa9928;
  line-height: 54px;
  margin-bottom: 14px;
}
.error-section p{
  margin-bottom: 24px;
}



/*** 

====================================================================
                        shop-page
====================================================================

***/


.sidebar-shop-container{
  padding: 100px 0px 50px 0px;
}
.shop-details-content .shop-top-content .text{
  position: relative;
  display: inline-block;
  top: 13px;
}
.shop-details-content .shop-top-content{
  position: relative;
  margin-bottom: 60px;
}
.shop-details-content .shop-top-content .select-box{
  display: inline-block;
  float: right;
  top: -18px;
  margin-right: 0px;
}
.shop-details-content .shop-content{
  position: relative;
  margin-bottom: 73px;
}
.shop-details-content .shop-content .lower-content{
  position: relative;
  background: #f3f3f3;
  padding: 24px 0px 16px 0px;
}

.shop-details-content .item-holder img{
  width: 100%;
}
.shop-details-content .single-item .img-box{
  margin-bottom: 15px;
}
.shop-details-content .lower-content h4 a{
  position: relative;
  display: block;
  margin-bottom: 0px;
}
.shop-details-content .lower-content .rating{
  position: relative;
  margin-bottom: -4px;
}
.shop-details-content .lower-content .rating li{
  margin: 0px;
  color: #fa9928;
  font-size: 14px;
}
.shop-details-content .lower-content .price{
  font-size: 14px;
  font-weight: 600;
}
.shop-details-content .single-item{
  margin-bottom: 46px;
}

.g-select {
  background: none;
  border: none;
  box-shadow: none;
  padding: 0px;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  position: relative;
  color: #777;
  border: 1px solid #696869;
  background: rgba(255, 255, 255, 0.10);
  height: 55px;
  margin-bottom: 0px;
  padding: 18px 20px;
}
.bs-caret {
  display: none;
}
.btn-group.open .dropdown-toggle {
  box-shadow: none;
}
.dropdown-menu {
  border-radius: 0px;
  padding: 0px;
  top: 50px;
  transform: scaleY(0);
  transform-origin: top center;
  transition: .4s ease;
}
.bootstrap-select.open .dropdown-menu {
  transform: scaleY(1);
  transition: .4s ease;
}
.dropdown-menu>li>a {
  padding: 8px 15px;
}
.dropdown-menu>li>a:hover {
  background-color: transparent;
}
.btn-group.bootstrap-select.text-capitalize.form-control.required {
  margin-bottom: 0px;
  top: 18px;
  width: 252px !important;
  background: transparent;
}
.btn.active, .btn:active{
  box-shadow: none;
}
.bootstrap-select>.dropdown-toggle{
  padding-right: 0px;
}
.select-box {
  position: relative;
  display: inline-block;
  margin-right: 40px;
}
.select-box i {
  position: absolute;
  top: 32px;
  right: 25px;
}
.shop-details-content .bootstrap-select.btn-group .dropdown-toggle .filter-option{
  border: 1px solid #e5e5e5;
}
.shop-details-content .btn-group.bootstrap-select.text-capitalize.form-control.required{
  width: 220px !important;
}
.shop-details-content{
  margin-right: 30px;
}
.sidebar-search .input-box{
  position: relative;
}
.sidebar-search .input-box button{
  position: absolute;
  font-size: 14px;
  color: #aaaaaa;
  top: 11px;
  right: 17px;
  background: transparent;
}
.sidebar-search{
  margin-bottom: 25px;
}
.noUi-target{
  margin-bottom: 30px;
}
.noUi-horizontal .noUi-handle{
  left: 0px;
  height: 12px;
  height: 12px;
  width: 12px;
  top: -2px;
}
.noUi-background,
.noUi-connect{
  background: #fa9928;
  box-shadow: none;
  border-radius: 0px;
}
.noUi-handle{
  border: none;
  box-shadow: none;
  background: #212734;
  border-radius: 50%;
}
.noUi-background{
  border: none;
  height: 7px;
}
.price-bar-content input, .price-bar-content p {
  position: relative;
  display: inline-block;
  background: transparent;
  color: #2c2c2c;
  margin-bottom: 10px;
}
.noUi-background{
  background: #e5e5e5;
}
.price-bar-content input {
  width: 50px;
  border: none;
  height: auto;
  padding: 0px;
  margin: 0px;
}
.price-bar-content .btn-one{
  padding: 8px 32px 8px 31px;
}
.shop-sidebar-content .categories-content,
.price-bar{
  margin-bottom: 45px;
}
.shop-sidebar-content .sidebar-product .single-product{
  position: relative;
  padding: 0px 0px 0px 90px;
  margin-bottom: 10px;
}
.shop-sidebar-content .sidebar-product .single-product .img-box{
  position: absolute;
  overflow: hidden;
  left: 0px;
  top: 5px;
}
.shop-sidebar-content .sidebar-product .single-product img{
  width: 100%;
  transform: scale(1);
  transition: all 0.5s ease 0s;
}
.shop-sidebar-content .sidebar-product .single-product:hover img{
  transform: scale(1.1);
}
.shop-sidebar-content .sidebar-product .single-product .rating li{
  font-size: 12px;
  color: #fa9928;
  margin: 0px;
}
.shop-sidebar-content .sidebar-product .single-product h6 a{
  display: block;
  margin-bottom: -3px;
}


/*** 

====================================================================
                        single shop page
====================================================================

***/



.single-shop .single-product-area .img-box img{
  width: 100%;
}
.single-shop .single-product-area .img-box{
  margin-right: 40px;
  background: #f5f5f5;
  padding: 51px;
}
.single-shop .single-product-area .price{
  position: relative;
  display: inline-block;
}

.single-shop .single-product-area .price h4{
  color: #fa9928;
  display: inline-block;
  margin-bottom: 0px;
}
.single-shop .single-product-area .rating{
  position: relative;
  display: inline-block;
  margin-left: 20px;
  top: -2px;
}
.single-shop .single-product-area .single-shop-content .meta{
  position: relative;
  margin-bottom: 16px;
}
.single-shop .single-product-area .rating li{
  position: relative;
  display: inline-block;
  font-size: 14px;
}
.single-shop .single-product-area .discription {
  margin-bottom: 22px;
}
.single-shop .single-product-area .text p{
  margin-bottom: 32px;
}
.addto-cart-box .input-group.bootstrap-touchspin {
  float: left;
  width: 80px;
  margin-right: 20px;
  border: 1px solid #e5e5e5;
}
.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%;
  background-color: #f7f7f7;
  border-color: #e5e5e5;
  color: #848484;
  border-radius: 0px;
  z-index: 9;
}
.addto-cart-box  input.quantity-spinner.form-control{
  height: 50px;
  border: none;
  background: #f7f7f7;
  color: #222;
  font-size: 15px;
  font-weight: 500;
}
.single-shop .single-product-area{
  position: relative;
  margin-bottom: 90px;
}
.single-shop .company-tab .nav-pills li a{
  display: inline-block;
  background: transparent;
  color: #222;
  font-weight: 500;
  padding: 10px 20px 10px 20px;
}
.single-shop .company-tab .nav-pills li.active a{
  background: #fa9928;
  color: #fff;
  border-radius: 0px;
}
.single-shop .company-tab .nav-pills{
  background: transparent;
  display: inline-block;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 12px;
}
.single-shop .company-tab .nav-pills li{
  width: 150px;
}
.single-shop .company-content{
  position: relative;
  border: 1px solid #e5e5e5;
  padding: 0px 0px 0px 0px;
  margin-bottom: 86px;
}
.single-shop .company-content .tab-content{
  position: relative;
  padding: 0px 50px 20px 20px;
}
.single-shop .company-content .tab-content .single-author{
  position: relative;
  padding: 0px 0px 0px 100px;
}
.single-shop .company-content .tab-content .single-author .img-box{
  position: absolute;
  left: 0px;
  top: 6px;
}
.single-shop .company-content .tab-content .single-author .autor-info{
  position: relative;
  display: inline-block;
}
.single-shop .company-content .tab-content .single-author .author-rating{
  margin-bottom: 10px;
}
.single-shop .company-content .tab-content .single-author .author-rating li{
  display: inline-block;
  font-size: 12px;
  color: #fa9928;
}
.single-shop .company-content .tab-content .single-author h5{
  margin-bottom: 0px;
  font-weight: 600;
  display: inline-block;
  margin-right: 10px;
}
.single-shop .company-content .tab-content p {
    margin-bottom: 10px;
}
.single-shop .company-content .tab-content .review-form{
  position: relative;
  margin-top: 26px;
}
.single-shop .company-content .tab-content .review-form h5{
  margin-bottom: 12px;
}
.single-shop .comment-form .button{
  position: relative;
  margin-top: 10px;
}

.addto-cart-box .input-group.bootstrap-touchspin {
  float: left;
  width: 80px;
  margin-right: 20px;
  border: 1px solid #e5e5e5;
}
.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%;
  background-color: #f7f7f7;
  border-color: #e5e5e5;
  color: #848484;
  border-radius: 0px;
  z-index: 9;
}
.addto-cart-box  input.quantity-spinner.form-control{
  height: 50px;
  border: none;
  background: #f7f7f7;
  color: #222;
  font-size: 15px;
  font-weight: 500;
}
.addto-cart-box{
  margin-bottom: 30px;
}
.single-shop-content .discription p{
  margin-bottom: 0px;
}
.product-social .text,
.product-social .post-share{
  position: relative;
  display: inline-block;
}
.product-social .post-share li a{
  position: relative;
  display: inline-block;font-size: 14px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  background: #3b5999;
  color: #fff;
}
.product-social .text{
  margin-right: 15px;
}
.product-social .post-share li:nth-child(2) a{
  background: #00c5ff;
}
.product-social .post-share li:nth-child(3) a{
  background: #16222e;
}
.product-social .post-share li:nth-child(4) a{
  background: #f0402f;
}
.product-social .post-share li:nth-child(5) a{
  background: #2591ff;
}
.related-product .title h3{
  margin-bottom: 34px;
}
.single-shop .shop-details-content {
  margin-right: 0px;
}


/*** 

====================================================================
                        cart page
====================================================================

***/


.cart-page {
  position: relative;
  padding: 100px 0px 90px 0px;
}
.cart-page .table-outer {
  position: relative;
  width: 100%;
  margin-bottom: 52px;
  overflow-x: auto;
  border: 1px solid #e5e5e5;
}
.cart-page .cart-table {
  width: 100%;
  min-width: 868px;
}
.cart-page .cart-header{
  width: 100%;
  min-width: 1100px;
  background: #e5e5e5;
}
.cart-page .bootstrap-select.btn-group .dropdown-toggle .filter-option{
  border: 1px solid #e5e5e5;
}
.cart-page .cart-header .table-title{
  padding: 10px 100px 10px 30px;
  margin-bottom: 0px;
  position: relative;
  font-size: 15px;
  line-height: 30px;
  color: #222;
  text-align: center;
}
.cart-page .cart-header .table-title h4{
  margin-bottom: 0px;
}
.cart-page .cart-table tbody tr .image-box {
  position: relative;
  padding: 58px 30px;
  width: 300px;
}
.cart-page .cart-table tbody tr.item{
  border-bottom: 1px solid #e5e5e5;
}
.cart-page .cart-table tbody tr .column-box {
  padding-left: 100px;
}

.cart-page .cart-table tbody tr .prod-thumb {
  position: absolute;
  left: 30px;
  top: 45px;
  padding: 0px;
}
.cart-page .cart-table tbody tr .sub-total{
  position: relative;
  padding: 10px 15px 10px 65px;
}
.cart-page .cart-table .item .remove.text{
  width: 40px;
  padding: 0px 0px 0px 30px;
  color: #fa9928;
}
.cart-page .cart-table .item .text{
  position: relative;
  font-size: 15px;
  color: #2c2c2c;
}
.cart-page .cart-table .item .qty{
  padding: 0px 0px 0px 20px;
}
.cart-page .table-outer .cuopon-area{
  padding: 30px 65px 30px 29px;
}
.cart-page .table-outer .cuopon-area .cuopon-code{
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  color: #2c2c2c;
  text-transform: uppercase;
}
.cart-page .table-outer .cuopon-area .cuopon-code input{
  position: relative;
  display: inline-block;
  width: 100px;
  border: none;
  height: 100%;
  color: #aaaaaa;
}
.cart-page .table-outer .cuopon-area .apply-cuopon{
  display: inline-block;
  margin-left: 25px;
}
.cart-page .table-outer .cuopon-area .apply-cuopon a{
  display: inline-block;
  background: #efefef;
  color: #2c2c2c;
  font-weight: 600;
  padding: 15px 31px 14px 32px;
  text-transform: uppercase;
}
.cart-page .table-outer .cuopon-area .update-cart{
  display: inline-block;
  float: right;
}

.cart-totals{
  max-width: 370px;
}
.cart-totals .cart-title h3{
  background: #f5f5f5;
  padding: 11px 0px 15px 30px;
}
.cart-totals .cart-content{
  position: relative;
  border: 1px solid #e5e5e5;
  border-top: none;
  padding: 4px 0px 31px 0px;
}
.cart-totals .cart-content .single-item{
  position: relative;
  margin: 0px 29px;
}
.cart-totals .cart-content .single-item {
  color: #222;
  margin: 13px 29px 11px 29px;
  padding: 0px 0px 11px 0px;
}
.cart-totals .cart-content .single-item .text{
  position: relative;display: inline-block;
  float: right;
}

.cart-totals .cart-content .single-item.border{
  border-bottom: 1px solid #e5e5e5;
}

.cart-totals .cart-content .single-item span{
  position: relative;
  color: #fa9928;
  float: right;
}


/*** 

====================================================================
                        checkout page
====================================================================

***/



label {
  font-size: 14px;
  color: #222;
  font-weight: 500;
  font-family: 'Roboto Condensed', sans-serif;
  margin-bottom: 2px;
}
.checkout-page .billing-form .checkbox {
  position: relative;
}
.checkout-page .billing-form .checkbox input {
  position: absolute;
  left: 20px;
  top: 0px;
  z-index: 1;
  width: 20px;
  height: 20px;
}
.checkout-page .billing-form .checkbox span {
  font-size: 15px;
  color: #fa9928;
  font-weight: 600;
  margin-left: 10px;
}
.checkout-page .billing-content{
  margin-bottom: 46px;
}
.billing-title h2{
  margin-bottom: 34px;
}

.checkout-page .payment-info{
  position: relative;
  margin-left: 20px;
  max-width: 550px;
}
.checkout-page .payment-info .bank-system,
.checkout-page .payment-info .card-system,
.checkout-page .payment-info .other-systm{
  position: relative;
  padding: 0px 0px 0px 38px;
  margin-bottom: 5px;
}
.checkout-page .payment-info .bank-system input,
.checkout-page .payment-info .card-system input,
.checkout-page .payment-info .other-systm input{
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  width: 20px;
  height: 20px;
}
.checkout-page .payment-info .bank-system .text{
  font-size: 13px;
}
.checkout-page .payment-info .card-system ul li{
  position: relative;
  display: inline-block;
  margin-right: 6px;
}
.checkout-page .payment-info .card-system ul li a{
  position: relative;
  display: inline-block;
  font-size: 22px;
  line-height: 30px;
  color: #fa9928;
}
.checkout-page .payment-info label{
  cursor: pointer;
}
.checkout-page .payment-info .button{
  position: relative;
  margin-top: 20px;
}
.payment-info .title h3{
  margin-bottom: 16px;
}

.checkout-section .order-item{
  position: relative;
  border: 1px solid #e5e5e5;
  padding-bottom: 20px;
  margin-bottom: 50px;
}
.checkout-section .order-info .title h3{
  margin-bottom: 28px;
}
.checkout-section .order-info .single-item{
  position: relative;
  padding: 20px 29px 20px 29px;
  border-bottom: 1px solid #e5e5e5;
}
.checkout-section .order-info .single-item .img-box,
.checkout-section .order-info .single-item .item-name,
.checkout-section .order-info .single-item .price,
.checkout-section .order-info .sub-total .price,
.checkout-section .order-info .order-total .price{
  position: relative;
  display: inline-block;
}
.checkout-section .order-info .single-item .item-name{
  font-size: 16px;
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 27px;
  color: #848484;
}
.checkout-section .order-info .price{
  font-size: 17px;
  float: right;
}
.checkout-section .order-info .sub-total .price,
.checkout-section .order-info .order-total .price{
  padding: 0px;
  font-size: 18px;
  color: #848484;
}
.checkout-section .order-info .sub-total,
.checkout-section .order-info .order-total{
  position: relative;
  padding: 26px 29px 10px 28px;
  font-size: 16px;
  color: #222;
  font-family: 'Roboto Condensed', sans-serif;
}
.checkout-section .order-info .sub-total{
  border-bottom: 1px solid #e5e5e5;
}
.checkout-section .order-info .price.color{
  color: #fa9928;
  font-weight: 600;
}
.checkout-section .order-info .order-total{
  padding: 16px 29px 9px 28px; 
}


/*** 

====================================================================
                        blog classic
====================================================================

***/


.blog-classic{
  padding: 100px 0px;
}
.default-content-side{
  position: relative;
  margin-right: 40px;
}
.blog-classic-content .single-news-content{
  margin-bottom: 40px;
}
.blog-classic-content .single-news-content .img-box{
  overflow: hidden;
}
.blog-classic-content .single-news-content .img-box img{
  transform: scale(1);
  transition: all 0.5s ease 0s;
}
.blog-classic-content .single-news-content:hover .img-box img{
  transform: scale(1.1);
}
.default-sidebar-content .sidebar-post .single-post h6,
.default-sidebar-content .sidebar-post .single-post h6 a{
  line-height: 22px;
  margin-bottom: 5px;
}
.default-sidebar-content .sidebar-post .single-post{
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.default-sidebar-content .sidebar-post,
.default-sidebar-content .sidebar-archive{
  margin-bottom: 35px;
}
.default-sidebar-content .sidebar-post .single-post i:before{
  font-size: 12px;
  color: #fa9928;
  margin-right: 8px;
}
.default-sidebar-content .sidebar-post .single-post .time{
  font-size: 12px;
}
.default-sidebar-content .archive-list li a{
  position: relative;
  display: block;
  font-size: 15px;
  color: #222;
  font-family: 'Roboto Condensed', sans-serif;
  margin-bottom: 6px;
  padding: 0px 0px 0px 19px;
}
.default-sidebar-content .archive-list li a:before{
  position: absolute;
  content: "\f101";
  font-family: 'FontAwesome';
  font-size: 15px;
  color: #222;
  left: 0px;
  top: -1px;
}
.default-sidebar-content .archive-list li a:hover{
  color: #fa9928;
}
.default-sidebar-content .sidebar-archive .sidebar-title h4{
  margin-bottom: 28px;
}
.default-sidebar-content .sidebar-follow .list li{
  position: relative;
  display: inline-block;
  margin-right: 2px;
}
.default-sidebar-content .sidebar-follow .list li a{
  position: relative;
  display: inline-block;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  color: #fff;
  border-radius: 2px;
  background: #55acef;
}
.default-sidebar-content .sidebar-follow .list li:nth-child(2) a{
  background: #3b5999;
}
.default-sidebar-content .sidebar-follow .list li:nth-child(3) a{
  background: #de4b39;
}
.default-sidebar-content .sidebar-follow .list li:nth-child(4) a{
  background: #ffab00;
}
.default-sidebar-content .sidebar-follow .list li:nth-child(5) a{
  background: #3b5999;
}
.default-sidebar-content .sidebar-follow .list li:nth-child(5) a{
  background: #50dcf1;
}


/*** 

====================================================================
                        blog single
====================================================================

***/


.blog-single {
  padding: 100px 0px;
}
.blog-single-content .content-style-one .title a{
  position: relative;
  display: inline-block;
  font-size: 36px;
  line-height: 45px;
  color: #222;
  margin-bottom: 15px;
}
.blog-single-content .content-style-one p{
  margin-bottom: 26px;
}
.blog-single-content .post-share-option {
  position: relative;
  width: 100%;
  padding: 46px 30px 46px 30px;
  background: #f7f7f7;
  margin-top: 60px;
  margin-bottom: 54px;
}
.blog-single-content .post-share-option .tags {
  position: relative;
  display: inline-block;
  top: 6px;
}
.blog-single-content .post-share-option .tags li {
  position: relative;
  display: inline-block;
}
.blog-single-content .post-share-option h5 {
  margin-right: 5px;
}

.blog-single-content .post-share-option .post-social {
  position: relative;
  display: inline-block;
  float: right;
}
.blog-single-content .post-share-option .post-social li {
  position: relative;
  display: inline-block;
  margin-left: 3px;
}
.blog-single-content .post-share-option .post-social li a.active,
.blog-single-content .post-share-option .post-social li a:hover {
  color: #fff;
  background: #fa9928;
  border: 1px solid #fa9928;
}
.blog-single-content .post-share-option .post-social li a {
  position: relative;
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  text-align: center;
}
.blog-single-content .comment-area{
  display: inline-block;
  margin-bottom: 9px;
}
.blog-single-content .comment-area .title,
.blog-single-content .comment-form .title{
  position: relative;
  display: inline-block;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 30px;
  font-weight: 700;
  color: #242424;
  margin-bottom: 42px;
}
.blog-single-content .comment-form .title{
  margin-bottom: 45px;
}
.blog-single-content .comment-area .single-comment{
  position: relative;
  padding: 0px 0px 35px 95px;
  margin-bottom: 45px;
  border-bottom: 1px solid #eeeeee;
}
.blog-single-content .comment-area .single-comment .img-box{
  position: absolute;
  left: 0px;
  top: 6px;
}
.blog-single-content .comment-area .single-comment .comment-name{
  position: relative;
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #242424;
  margin-bottom: -6px;
}
.blog-single-content .comment-area .single-comment .time{
  font-size: 12px;
  display: inline-block;
  margin-bottom: 17px;
}
.blog-single-content .comment-area .single-comment .replay{
  position: relative;
  display: inline-block;
  float: right;
  top: -14px;
}
.blog-single-content .comment-area .single-comment .replay a{
  text-decoration: underline;
  color: #fa9928;
}


/*** 

====================================================================
                        contact page
====================================================================

***/

.contact-section .input-box{
  position: relative;
}
.contact-section .input-box i{
  position: absolute;
  top: 12px;
  right: 25px;
  z-index: 2;
}
.contact-section .title h2{
  display: inline-block;
  margin-bottom: 44px;
}
.google-map-area {
  position: relative;
}
#contact-google-map {
  height: 500px;
  width: 100%;
}