/*** 







====================================================================



	Global Settings



====================================================================







***/







* {



  margin:0px;



  padding:0px;



  border:none;



  outline:none;



}











/*** 







====================================================================



  Global Settings



====================================================================







 ***/











body {



font-size: 15px;



position: relative;



color:var(--base-color);



line-height:26px;



font-weight:400;



background:#ffff;



font-family: var(--primary-font);



margin: 0 auto;



background-size:cover;



background-repeat:no-repeat;



background-position:center top;



-webkit-font-smoothing: antialiased;

}


 






.container__xxl{



  max-width:1390px;



  margin:0 auto;



  padding: 0px 10px;



}







.auto_container{



  max-width:1290px;



  margin:0 auto;



  padding: 0px 10px;



}







a{



  color: var(--white-color);



  text-decoration:none;



  transition:all 500ms ease;



  -moz-transition:all 500ms ease;



  -webkit-transition:all 500ms ease;



  -ms-transition:all 500ms ease;



  -o-transition:all 500ms ease;



}



a:hover{



  color: #b48d38 !important;



  text-decoration:none;



  outline:none;



}







input,button,select,textarea{



  font-weight: 400;



  font-size: 14px;



}







ul,li{



  list-style:none;



  padding:0px;



  margin:0px; 



}







input{



  transition: all 500ms ease;



}







button:focus,



input:focus,



textarea:focus{



  outline: none;



  box-shadow: none;



  transition: all 500ms ease;



}







p{



  position: relative;



  font-family: var(--secondary-font);



  font-style: normal;



  font-weight: 400;



  font-size: 15px;



  line-height: 32px;



  color: var(--base-color);



  margin-bottom: 0px;



  transition: all 500ms ease;



}



h1,h2,h3,h4,h5,h6{



  position:relative;



  font-family: var(--primary-font);



  font-style: normal;



  color:#ae8935;



  margin-bottom: 0px;



  transition: all 500ms ease;



}



.boxed_wrapper {



  overflow: hidden;



}



h1{



  font-weight: 800;



  font-size: 55px;



  line-height: 60px;



}



h2{font-weight: 600;font-size: 39px;line-height: 70px;}



h3{



  font-weight: 500;



  font-size: 24px;



  line-height: 32px;



}



h4{



font-weight: 700;



font-size: 15px;



line-height: 22px;

}



h5{



font-weight: 700;



font-size: 18px;



line-height: 20px;

}



h6{



  font-weight: 500;



  font-size: 16px;



  line-height: 20px;



}



.banner .sub__title h6 {



  font-size: 18px;



  font-weight: 500;



  line-height: 42px;



  letter-spacing: 20.5px;



  text-transform: uppercase;



  color: #ae8935;



}



.sub__title__one h6 {



  font-family: var(--primary-font);



  font-size: 18px;



  font-style: normal;



  font-weight: 400;



  line-height: 36px;



  letter-spacing: 4.2px;



  text-transform: uppercase;



  color: #ae8935;



}



.main__title__one h2 {



  font-family: var(--primary-font);



  font-size: 50px;



  font-style: normal;



  font-weight: 600;



  line-height: 55px;



  text-transform: uppercase;



  color: var(--white-color);



}



.main__title__one h2 span{



  color: transparent;



  -webkit-text-stroke-width: 1px;



  -webkit-text-stroke-color: var(--white-color);



}



span {



  color:#ae8935;



}



.main__sub__title h6 {



  font-family: var(--primary-font);



  font-size: 18px;



  font-style: normal;



  font-weight: 400;



  line-height: 34px;



  letter-spacing: 4.2px;



  text-transform: uppercase;



  color:#ae8935;



}



.main__title h2 {



font-family: var(--primary-font);



font-size: 30px;



font-style: normal;



font-weight: 600;



line-height: 50px;



text-transform: uppercase;



color:#242222;

}



.main__title h2 span{



  color:#ae8935;



}







.inner__box:hover img {



  transform: scale(1.2) rotate(1deg);



}



.inner__box:hover .image__box:before {



  left: 50%;



  -webkit-opacity: 1;



  -moz-opacity: 1;



  -khtml-opacity: 1;



  opacity: 1;



  right: 50%;



}



.inner__box:hover .image__box:after {



  bottom: 50%;



  -webkit-opacity: 1;



  -moz-opacity: 1;



  -khtml-opacity: 1;



  opacity: 1;



  top: 50%;



}



.inner__box .image__box:after {



  background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;



  bottom: 0;



  content: "";



  left: 0;



  -webkit-opacity: 0;



  -moz-opacity: 0;



  -khtml-opacity: 0;



  opacity: 0;



  position: absolute;



  -webkit-transition: all 700ms ease 0s;



  -o-transition: all 700ms ease 0s;



  transition: all 700ms ease 0s;



  right: 0;



  top: 0;



  z-index: 1;



}



.inner__box .image__box:before {



  background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;



  bottom: 0;



  content: "";



  left: 0;



  -webkit-opacity: 0;



  -moz-opacity: 0;



  -khtml-opacity: 0;



  opacity: 0;



  position: absolute;



  -webkit-transition: all 700ms ease 0s;



  -o-transition: all 700ms ease 0s;



  transition: all 700ms ease 0s;



  right: 0;



  top: 0;



  z-index: 1;



}



.inner__box {



  position: relative;



  display: block;



}



.inner__box .image__box{



  position: relative;



  display: block;



  overflow: hidden;



  border-radius: 5px;



}



/* Preloader */







.handle-preloader {



  align-items: center;



  -webkit-align-items: center;



  display: flex;



  display: -ms-flexbox;



  height: 100%;



  justify-content: center;



  -webkit-justify-content: center;



  position: fixed;



  left: 0;



  top: 0;



  width: 100%;



  z-index: 9999999;



}





.loading h2{ font-family: 'Montserrat', sans-serif;  text-transform: uppercase}

.loading{



  position:relative;



  width:450px;



  height:450px;



  display:flex; flex-direction: column;



  justify-content:center;



  align-items:center;



}



.loading span{



  position:absolute;



  top:0;



  left:0;



  width:100%;



  height:100%;



  border:2px solid #ae8935;



  pointer-events: none;



  animation: animate 5s linear infinite;



}



.loading span:nth-child(1)



{



  border-radius:60% 40% 21% 79% / 35% 55% 45% 65%  ;



}



.loading span:nth-child(2)



{



  animation-direction:reverse;



  border-radius:50% 50% 51% 49% / 68% 68% 32% 32%;



}



.loading span:nth-child(3)



{



  animation-duration:3s;



  border-radius:32% 68% 32% 68% / 43% 47% 53% 57%;



}



@keyframes animate{



  0%{



   transform:rotate(0deg);



  }



  100%{



    transform:rotate(360deg);



  }



}



.loading h2{



  color:var(--white-color);



  font-weight:700;



  font-size: 35px;



}







::placeholder {



  color: rgba(255, 255, 255, 0.3);



}



:-ms-input-placeholder {



  color: rgba(255, 255, 255, 0.3);



}



::-ms-input-placeholder {



  color: rgba(255, 255, 255, 0.3);



}











/* accordion */







.accordion-box.alt .block {



  padding-bottom: 10px;



}



.accordion-box .block .acc-btn {



  background: var(--white-color);



  border: 1px solid #E0E0E0;



  box-shadow: 0px 4px 20px rgb(0 0 0 / 5%);



  border-radius: 20px;



  position: relative;



  cursor: pointer;



  align-items: center;



  display: flex;



  justify-content: space-between;



  padding: 23px 30px;



  font-family: var(--secondary-font);



  font-style: normal;



  font-weight: 700;



  font-size: 18px;



  line-height: 28px;



  transition: all 500ms ease;



  -ms-transition: all 500ms ease;



  -o-transition: all 500ms ease;



  -moz-transition: all 500ms ease;



  -webkit-transition: all 500ms ease;



}



.accordion-box .block .icon-outer {



  position: absolute;



  font-size: 14px;



  align-items: center;



  display: flex;



  right: 0px;



  transition: all 500ms ease;



  -moz-transition: all 500ms ease;



  -webkit-transition: all 500ms ease;



  -ms-transition: all 500ms ease;



  -o-transition: all 500ms ease;



}



.accordion-box .block .icon-outer .icon-icon-38 {



  opacity: 1;



  display: flex;



  justify-content: center;



  align-items: center;



  border-radius: 50%;



  width: 40px;



  height: 40px;



  position: absolute;



  right: 30px;



  background: #F2F2F2;



  border: 1px solid rgba(0, 0, 0, 0.05);



}



.accordion-box .block .icon-outer .icon-icon-11 {



  opacity: 0;



  font-weight: 300;



  position: relative;



  right: 30px;



  width: 40px;



  height: 40px;



  background: var(--theme-color);



  color: var(--white-color);



  align-items: center;



  justify-content: center;



  display: flex;



  border-radius: 50%;



  position: absolute;



}



.accordion-box .block .acc-btn.active .icon-outer .icon-icon-11 {



  opacity: 1;



}



.accordion-box .block .acc-btn.active .icon-outer .icon-icon-38 {



  opacity: 0;



}



.accordion-box .block .acc-content {



  position: relative;



  display: none;



  border: 1px solid #E0E0E0;



  border-radius: 0px 0px 20px 20px;



  border-top: none;



  background-color: var(--white-color);



}



.accordion-box .block .acc-content .content-text {



  padding-bottom: 6px;



}



.accordion-box .block .acc-content.current {



  display: block;



}



.accordion-box .block .content {



  position: relative;



  font-size: 14px;



  padding: 0px 23px 23px;



}



.accordion-box .block .content .text {



  font-size: 15px;



  line-height: 22px;



  color: var(--white-color);



  font-weight: 400;



  margin-bottom: 0;



}



.accordion-box .block .content p:last-child {



  margin-bottom: 0px;



}



.accordion-box .block .acc-btn.active {



  border-radius: 20px 20px 0px 0px;



  border-bottom: none;



  box-shadow:none;



}



.accordion-box .block .content li span {



  color: var(--higer-secondary-color);



}



/* accordion end */







/* tab */



.tabs-box .tab{



  position:relative;



  display:none;



  transition: all 900ms ease;



  -moz-transition: all 900ms ease;



  -webkit-transition: all 900ms ease;



  -ms-transition: all 900ms ease;



  -o-transition: all 900ms ease;



}



.tabs-box .tab.active-tab{



  display:block;  



}



.tabs-box .tab{



  -webkit-clip-path: inset(0 0 0 100%);



  clip-path: inset(0 100% 0 0);



  transition: -webkit-clip-path 0s .8s;



  transition: clip-path 0s .8s;



  transition: clip-path 0s .8s,-webkit-clip-path 0s .8s;



}



.tabs-box .tab.active-tab{



  -webkit-clip-path: inset(0 0 0 0);



  clip-path: inset(0 0 0 0);



  transition: -webkit-clip-path .8s cubic-bezier(.65,0,.35,1);



  transition: clip-path .8s cubic-bezier(.65,0,.35,1);



  transition: clip-path .8s cubic-bezier(.65,0,.35,1),-webkit-clip-path .8s cubic-bezier(.65,0,.35,1);



}







.tab-two {



  display: none;



}



.tab-two.active-tab {



  display: block;



}



/* tab end */



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



  .handle-preloader .animation-preloader .spinner {



    height: 8em;



    width: 8em;



  }



}



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



  .handle-preloader .animation-preloader .spinner {



    height: 7em;



    width: 7em;



  }



  .handle-preloader .animation-preloader .txt-loading .letters-loading {



    font-size: 35px; 



    letter-spacing: 10px;



  }



}



.sidebar-from .btn-two:before {



  background: #fff;



}



.sidebar-from .btn-two:hover {



  color: var(--primary-color) !important;



}



.form-group{



  margin-bottom: 20px;



}



label{



  margin-bottom: 0px;



}



.centred{



  text-align: center;



}







.pull-left{



  float: left;



}







.pull-right{



  float: right;



}







figure{



  margin: 0px;



}







img {



  display: inline-block;



  max-width: 100%;



  border-radius: 5px;



  height: auto;



  transition-delay: .1s;



  transition-timing-function: ease-in-out;



  transition-duration: .7s;



  transition-property: all;



}











.parallax-scene {



  position: absolute;



  right: 0;



  bottom: 0;



  width: 100%;



  height: 100%;



} 







/* carousel-btn */







.carousel-btn-one .owl-nav{



  display: flex;



}







.carousel-btn-one .owl-dots{



  display: none;



}



.carousel-btn-one .owl-nav .owl-next,



.carousel-btn-one .owl-nav .owl-prev {



  width: 40px;



  height: 40px;



  background: var(--white-color);



  box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);



  display: flex;



  justify-content: center;



  align-items: center;



  cursor: pointer;



  transition: all 500ms ease;



}



.carousel-btn-one .owl-nav .owl-next span,



.carousel-btn-one .owl-nav .owl-prev span{



  color: var(--secondary-color);



  transition: all 500ms ease;



}



.carousel-btn-one .owl-nav .owl-next:hover span,



.carousel-btn-one .owl-nav .owl-prev:hover span{



  color:var(--white-color);



}



.carousel-btn-one .owl-nav .owl-next:hover,



.carousel-btn-one .owl-nav .owl-prev:hover {



  background: var(--secondary-color);



}







.carousel-btn-two .owl-dots {



  display: flex;



  justify-content: center;



  align-items: center;



}



.carousel-btn-two .owl-dots .owl-dot span {



  width: 15px;



  height: 15px;



  border-radius: 50%;



}



.carousel-btn-two .owl-dots .owl-dot.active span {



  width: 20px;



  height: 20px;



  border-radius: 50%;



}



.owl-dots{



  display: none;



}



/** theme-btn end **/







::-webkit-input-placeholder { /* Chrome/Opera/Safari */



  color: var(--white-color);



}



::-moz-placeholder { /* Firefox 19+ */



  color: var(--white-color);



}



:-ms-input-placeholder { /* IE 10+ */



  color: var(--white-color);



}



:-moz-placeholder { /* Firefox 18- */



  color: var(--white-color);



}







.pagination{



  position: relative;



  display: block;



  padding-top: 60px;



}



.pagination li a span {



  font-weight: 700;



  vertical-align: middle;



}



.pagination li a:hover span {



  color: var(--white-color);



}



.p_relative{



  position: relative;



}



.p_absolute{



  position: absolute;



}







.pagination li{



  display: inline-block;



  margin: 0px 0px;



  padding-right: 15px;



}



.pagination li:last-child{



  padding-right: 0px;



}







.pagination li a{



  position: relative;



  display: inline-block;



  font-family: var(--primary-font);



  font-style: normal;



  font-weight: 700;



  font-size: 15px;



  line-height: 22px;



  color: var(--theme-color);



  background: transparent;



  z-index: 1;



  transition: all 500ms ease;



  border: 1px solid var(--theme-color);



  padding: 10px 20px;



}







.pagination li a:hover,



.pagination li a.active{



  color: var(--white-color) !important;



  background: var(--theme-color);



}







.sec-pad{



  padding: 114px 0px 120px 0px !important;



}







.sec-pad-2{



  padding: 120px 0px;



}



.owl-nav {



  display: none;



}



.scroll-top{



  width: 60px;



  height: 60px;



  line-height: 60px;



  position: fixed;



  bottom: 105%;



  right: 30px;



  font-size: 18px;



  z-index: 99;



  text-align: center;



  display: flex;



  align-items: center;



  justify-content: center;



  cursor: pointer;



  border-radius: 50%;



  transition: .5s ease;



}



.scroll-top.scroll-to-target span {



  color: var(--white-color);



}



.scroll-top.scroll-to-target {



  transform: rotate(-90deg);



}



.scroll-top.open {



  bottom: 50px;



  z-index: 9999;



}



.scroll-top:before , .scroll-top:after {



  width: 100%;



  height: 100%;



  border-radius: 50%;



  background: transparent;



  position: absolute;



  top: 50%;



  left: 50%;



  -webkit-transform: translate(-50%, -50%);



  transform: translate(-50%, -50%);



  -webkit-animation-delay: .9s;



  animation-delay: .9s;



  content: "";



  position: absolute;



  -webkit-box-shadow: 0 0 0 0 var(--theme-color);



  box-shadow: 0 0 0 0 var(--theme-color);



  -webkit-animation: ripple 3s infinite;



  animation: ripple 3s infinite;



  -webkit-transition: all .4s ease;



  transition: all .4s ease;



}



.scroll-top:after {



  -webkit-animation-delay: .6s;



  animation-delay: .6s;



}



.scroll-top:hover{



  background: var(--primary-color);



  transform: rotate(270deg);



}



a:hover span {



  color: var(--white-color);



}







.sec-title{



  position: relative;



  display: block;



}



.sec-title h2{



  position: relative;



}



.sec-title h2 span{



  font-weight: 300;



}



.sec-title h2:after {



  position: absolute;



  content: "";



  width: 220px;



  height: 41px;



  display: block;



  background-image: url(../images/icons/title-icon.svg);



  top: 100%;



  transition: all 500ms ease;



  background-repeat: no-repeat;



}



.sec-title.text-center h2:after {



  left: 50%;



  transform: translate(-50%);



}







.cloud-one {



  -webkit-animation: cloud_c 7s linear infinite;



  -o-animation: cloud_c 7s linear infinite;



  animation: cloud_c 7s linear infinite;



}



.cloud-two {



  -webkit-animation: cloud_b 10s linear infinite;



  -o-animation: cloud_b 10s linear infinite;



  animation: cloud_b 10s linear infinite;



}



.cloud-three {



  -webkit-animation: cloud_a 10s linear infinite;



  -o-animation: cloud_a 10s linear infinite;



  animation: cloud_a 10s linear infinite;



}







.float-bob-y {



  animation-name: float-bob-y;



  animation-duration: 2s;



  animation-iteration-count: infinite;



  animation-timing-function: linear;



  -webkit-animation-name: float-bob-y;



  -webkit-animation-duration: 2s;



  -webkit-animation-iteration-count: infinite;



  -webkit-animation-timing-function: linear;



  -moz-animation-name: float-bob-y;



  -moz-animation-duration: 2s;



  -moz-animation-iteration-count: infinite;



  -moz-animation-timing-function: linear;



  -ms-animation-name: float-bob-y;



  -ms-animation-duration: 2s;



  -ms-animation-iteration-count: infinite;



  -ms-animation-timing-function: linear;



  -o-animation-name: float-bob-y;



  -o-animation-duration: 2s;



  -o-animation-iteration-count: infinite;



  -o-animation-timing-function: linear;



}







.float-bob-x{



  animation-name: float-bob-x;



  animation-duration: 15s;



  animation-iteration-count: infinite;



  animation-timing-function: linear;



  -webkit-animation-name: float-bob-x;



  -webkit-animation-duration: 15s;



  -webkit-animation-iteration-count: infinite;



  -webkit-animation-timing-function: linear;



  -moz-animation-name: float-bob-x;



  -moz-animation-duration: 15s;



  -moz-animation-iteration-count: infinite;



  -moz-animation-timing-function: linear;



  -ms-animation-name: float-bob-x;



  -ms-animation-duration: 15s;



  -ms-animation-iteration-count: infinite;



  -ms-animation-timing-function: linear;



  -o-animation-name: float-bob-x;



  -o-animation-duration: 15s;



  -o-animation-iteration-count: infinite;



  -o-animation-timing-function: linear;



}







.float-bob-x-2{



  animation-name: float-bob-x;



  animation-duration: 25s;



  animation-iteration-count: infinite;



  animation-timing-function: linear;



  -webkit-animation-name: float-bob-x;



  -webkit-animation-duration: 25s;



  -webkit-animation-iteration-count: infinite;



  -webkit-animation-timing-function: linear;



  -moz-animation-name: float-bob-x;



  -moz-animation-duration: 25s;



  -moz-animation-iteration-count: infinite;



  -moz-animation-timing-function: linear;



  -ms-animation-name: float-bob-x;



  -ms-animation-duration: 25s;



  -ms-animation-iteration-count: infinite;



  -ms-animation-timing-function: linear;



  -o-animation-name: float-bob-x;



  -o-animation-duration: 25s;



  -o-animation-iteration-count: infinite;



  -o-animation-timing-function: linear;



}







.rotate-me {



  animation-name: rotateme;



  animation-duration: 30s;



  animation-iteration-count: infinite;



  animation-timing-function: linear;



  -webkit-animation-name: rotateme;



  -webkit-animation-duration: 30s;



  -webkit-animation-iteration-count: infinite;



  -webkit-animation-timing-function: linear;



  -moz-animation-name: rotateme;



  -moz-animation-duration: 30s;



  -moz-animation-iteration-count: infinite;



  -moz-animation-timing-function: linear;



  -ms-animation-name: rotateme;



  -ms-animation-duration: 30s;



  -ms-animation-iteration-count: infinite;



  -ms-animation-timing-function: linear;



  -o-animation-name: rotateme;



  -o-animation-duration: 30s;



  -o-animation-iteration-count: infinite;



  -o-animation-timing-function: linear;



}







.rotate-me-2 {



  animation-name: rotateme-2;



  animation-duration: 30s;



  animation-iteration-count: infinite;



  animation-timing-function: linear;



  -webkit-animation-name: rotateme-2;



  -webkit-animation-duration: 30s;



  -webkit-animation-iteration-count: infinite;



  -webkit-animation-timing-function: linear;



  -moz-animation-name: rotateme-2;



  -moz-animation-duration: 30s;



  -moz-animation-iteration-count: infinite;



  -moz-animation-timing-function: linear;



  -ms-animation-name: rotateme-2;



  -ms-animation-duration: 30s;



  -ms-animation-iteration-count: infinite;



  -ms-animation-timing-function: linear;



  -o-animation-name: rotateme-2;



  -o-animation-duration: 30s;



  -o-animation-iteration-count: infinite;



  -o-animation-timing-function: linear;



}







/** check-box **/







.check-box input {



  display: none;



}







.check-box{



  margin-bottom: 9px;



}







.check-box:last-child{



  margin-bottom: 0px;



}







.check-box label {



  position: relative;



  font-size: 15px;



  line-height: 22px;



  color: #141417;



  padding-left: 45px;



  display: inline-block;



  cursor: pointer;



  margin-bottom: 0px;



  transition: all 500ms ease;



}



.check-box input:checked + label{



  color: #1e2c36;



}



.check-box input {



  display: none !important;



}



.check-box label:before{



  position: absolute;



  content: '';



  left: 0px;



  top: 0;



  width: 25px;



  height: 25px;



  border-style: solid;



  border-width: 1px;



  border-color: #dedede;



  border-radius: 3px;



}



 .check-box input:checked + label:after {



  background: var(--secondary-color);



}



.check-box label:after {



  position: absolute;



  content: '\f00c';



  font-family: 'Font Awesome 5 Pro';



  font-size: 9px;



  left: 0px;



  top: 0px;



  width: 25px;



  height: 25px;



  line-height: 17px;



  color: var(--white-color);



  padding-top: 5px;



  opacity: 0;



  font-weight: 400;



  text-align: center;



  border-radius: 3px;



}







.check-box input:checked + label:after {



  opacity: 1;



}















/* padding */



.see__pad{



  padding:80px 0px;



}



/* margin */







.mt-5 {



	margin-top: 5px !important;



}







.mt-10 {



	margin-top: 10px !important;



}







.mt-15 {



	margin-top: 15px !important;



}







.mt-20 {



	margin-top: 20px !important;



}







.mt-25 {



	margin-top: 25px !important;



}







.mt-30 {



	margin-top: 30px !important;



}







.mt-35 {



	margin-top: 35px !important;



}







.mt-40 {



	margin-top: 40px !important;



}







.mt-45 {



	margin-top: 45px !important;



}







.mt-50 {



	margin-top: 50px !important;



}







.mt-55 {



	margin-top: 55px !important;



}







.mt-60 {



	margin-top: 60px !important;



}







.mt-65 {



	margin-top: 65px !important;



}







.mt-70 {



	margin-top: 70px !important;



}







.mt-75 {



	margin-top: 75px !important;



}







.mt-80 {



	margin-top: 80px !important;



}







.mb-5 {



	margin-bottom: 5px !important;



}







.mb-10 {



	margin-bottom: 10px !important;



}







.mb-15 {



	margin-bottom: 15px !important;



}







.mb-20 {



	margin-bottom: 20px !important;



}







.mb-25 {



	margin-bottom: 25px !important;



}







.mb-30 {



	margin-bottom: 30px !important;



}







.mb-35 {



	margin-bottom: 35px !important;



}







.mb-40 {



	margin-bottom: 40px !important;



}







.mb-45 {



	margin-bottom: 45px !important;



}







.mb-50 {



	margin-bottom: 50px !important;



}







.mb-55 {



	margin-bottom: 55px !important;



}







.mb-60 {



	margin-bottom: 60px !important;



}







.mb-65 {



	margin-bottom: 65px !important;



}







.mb-70 {



	margin-bottom: 70px !important;



}







.mb-75 {



	margin-bottom: 75px !important;



}







.mb-80 {



	margin-bottom: 80px !important;



}



.ml-0{



  margin-left: 0px !important;



} 



.mr-0{



  margin-right: 0px !important;



} 



.mb-0{



  margin-bottom: 0px !important;



} 



.ml-5 {



	margin-left: 5px !important;



}







.ml-10 {



	margin-left: 10px !important;



}







.ml-15 {



	margin-left: 15px !important;



}







.ml-20 {



	margin-left: 20px !important;



}







.ml-25 {



	margin-left: 25px !important;



}







.ml-30 {



	margin-left: 30px !important;



}







.ml-35 {



	margin-left: 35px !important;



}







.ml-40 {



	margin-left: 40px !important;



}







.ml-45 {



	margin-left: 45px !important;



}







.ml-50 {



	margin-left: 50px !important;



}







.ml-55 {



	margin-left: 55px !important;



}







.ml-60 {



	margin-left: 60px !important;



}







.ml-65 {



	margin-left: 65px !important;



}







.ml-70 {



	margin-left: 70px !important;



}







.ml-75 {



	margin-left: 75px !important;



}







.ml-80 {



	margin-left: 80px !important;



}







.mr-5 {



	margin-right: 5px !important;



}







.mr-10 {



	margin-right: 10px !important;



}







.mr-15 {



	margin-right: 15px !important;



}







.mr-20 {



	margin-right: 20px !important;



}







.mr-25 {



	margin-right: 25px !important;



}







.mr-30 {



	margin-right: 30px !important;



}







.mr-35 {



	margin-right: 35px !important;



}







.mr-40 {



	margin-right: 40px !important;



}







.mr-45 {



	margin-right: 45px !important;



}







.mr-50 {



	margin-right: 50px !important;



}







.mr-55 {



	margin-right: 55px !important;



}







.mr-60 {



	margin-right: 60px !important;



}







.mr-65 {



	margin-right: 65px !important;



}







.mr-70 {



	margin-right: 70px !important;



}







.mr-75 {



	margin-right: 75px !important;



}







.mr-80 {



	margin-right: 80px !important;



}







/* padding */



.pt-0{



  padding-top: 0px !important;



}



.pl-0{



  padding-left: 0px !important;



}



.pr-0{



  padding-right: 0px !important;



}



.pb-5 {



	padding-bottom: 5px !important;



}







.mt-0{



  margin-top: 0px !important;



}



.ml-0{



  margin-left: 0px !important;



}



.mr-0{



  margin-right: 0px !important;



}



.mb-5 {



	margin-bottom: 5px !important;



}







.pt-10 {



	padding-top: 10px !important;



}







.pt-15 {



	padding-top: 15px !important;



}







.pt-20 {



	padding-top: 20px !important;



}







.pt-25 {



	padding-top: 25px !important;



}







.pt-30 {



	padding-top: 30px !important;



}







.pt-35 {



	padding-top: 35px !important;



}







.pt-40 {



	padding-top: 40px !important;



}







.pt-45 {



	padding-top: 45px !important;



}







.pt-50 {



	padding-top: 50px !important;



}







.pt-55 {



	padding-top: 55px !important;



}







.pt-60 {



	padding-top: 60px !important;



}







.pt-65 {



	padding-top: 65px !important;



}







.pt-70 {



	padding-top: 70px !important;



}







.pt-75 {



	padding-top: 75px !important;



}







.pt-80 {



	padding-top: 80px !important;



}



.pt-100 {



	padding-top: 100px !important;



}



.pt-140{



  padding-top: 140px;



}







.pb-5 {



	padding-bottom: 5px !important;



}







.pb-10 {



	padding-bottom: 10px !important;



}







.pb-15 {



	padding-bottom: 15px !important;



}







.pb-20 {



	padding-bottom: 20px !important;



}







.pb-25 {



	padding-bottom: 25px !important;



}



.pb-24 {



	padding-bottom: 24px !important;



}







.pb-30 {



	padding-bottom: 30px !important;



}







.pb-35 {



	padding-bottom: 35px !important;



}







.pb-40 {



padding-bottom: 20px !important;

}







.pb-45 {



	padding-bottom: 45px !important;



}







.pb-50 {



	padding-bottom: 50px !important;



}







.pb-55 {



	padding-bottom: 55px !important;



}







.pb-60 {



	padding-bottom: 60px !important;



}







.pb-65 {



	padding-bottom: 65px !important;



}







.pb-70 {



	padding-bottom: 70px !important;



}







.pb-75 {



	padding-bottom: 75px !important;



}







.pb-80 {



	padding-bottom: 80px !important;



}



.pb-100 {



	padding-bottom: 100px !important;



}



.pb-140{



  padding-bottom: 140px;



}







.pl-5 {



	padding-left: 5px !important;



}







.pl-10 {



	padding-left: 10px !important;



}







.pl-15 {



	padding-left: 15px !important;



}







.pl-20 {



	padding-left: 20px !important;



}







.pl-25 {



	padding-left: 25px !important;



}







.pl-30 {



	padding-left: 30px !important;



}







.pl-35 {



	padding-left: 35px !important;



}







.pl-40 {



	padding-left: 40px !important;



}







.pl-45 {



	padding-left: 45px !important;



}







.pl-50 {



	padding-left: 50px !important;



}







.pl-55 {



	padding-left: 55px !important;



}







.pl-60 {



	padding-left: 60px !important;



}







.pl-65 {



	padding-left: 65px !important;



}







.pl-70 {



	padding-left: 70px !important;



}







.pl-75 {



	padding-left: 75px !important;



}







.pl-80 {



	padding-left: 80px !important;



}







.pr-5 {



	padding-right: 5px !important;



}







.pr-10 {



	padding-right: 10px !important;



}







.pr-15 {



	padding-right: 15px !important;



}







.pr-20 {



	padding-right: 20px !important;



}







.pr-25 {



	padding-right: 25px !important;



}







.pr-30 {



	padding-right: 30px !important;



}







.pr-35 {



	padding-right: 35px !important;



}







.pr-40 {



	padding-right: 40px !important;



}







.pr-45 {



	padding-right: 45px !important;



}







.pr-50 {



	padding-right: 50px !important;



}







.pr-55 {



	padding-right: 55px !important;



}







.pr-60 {



	padding-right: 60px !important;



}







.pr-65 {



	padding-right: 65px !important;



}







.pr-70 {



	padding-right: 70px !important;



}







.pr-75 {



	padding-right: 75px !important;



}







.pr-80 {



	padding-right: 80px !important;



}







/*



* 15. hidden sidebar style



*/







.hidden-sidebar {



  position: fixed;



  top: 0;



  left: -530px;



  width: 100%;



  height: 100vh;



  z-index: 9999999;



  max-width: 530px;



  background: #212020;



  overflow: auto;



  padding-left: 70px;



  padding-right: 70px;



  -webkit-transition: -webkit-transform .5s ease;



  transition: -webkit-transform .5s ease;



  -o-transition: transform .5s ease;



  transition: transform .5s ease;



  transition: transform .5s ease, -webkit-transform .5s ease;



  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);



  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);



}







.hidden-sidebar.open {



  -webkit-transform: translate3d(530px, 0, 0);



  transform: translate3d(530px, 0, 0);



}



.sidebar-social-network {



  margin-top: 30px;



  display: flex;



  align-items: center;



}



.sidebar-social-network .title__social h6 {



  color: var(--white-color);



  font-size: 18px;



}



.sidebar-social-network .social____media .sidebar__media__icon {



  display: inline-block;



}



.sidebar-social-network .social____media .sidebar__media__icon a{



  padding: 0px 15px 0px;



  color: var(--white-color);



  font-size: 18px;



  transition: all 500ms ease;



}



.sidebar-social-network .social____media .sidebar__media__icon a:hover {



  color: var(--theme-color);



}



.sidebar__media {



  margin-left: 21px;



}







.hidden-sidebar .close-button {



  position: absolute;



  right: 30px;



  color: #222;



}







.hidden-sidebar .sidebar-content {



  width: 100%;



  margin-top: 40px;



  margin-bottom: 40px;



  max-width: 190px;



}







.hidden-sidebar .sidebar-content h3,



.hidden-sidebar .sidebar-content p {



  margin: 0;



}







.hidden-sidebar .sidebar-content h3 {



  font-size: 32px;



  color: #222;



  font-weight: 600;



}







.hidden-sidebar .sidebar-content p {



  font-size: 16px;



  line-height: 30px;



  color: #222222;



  margin: 40px 0;



}







.hidden-sidebar .sidebar-content p.contact-info {



  color: #222222;



  font-size: 18px;



  line-height: 24px;



  margin-bottom: 40px;



}







.hidden-sidebar .sidebar-content .social a {



  color: #222222;



  font-size: 18px;



  -webkit-transition: all .4s ease;



  -o-transition: all .4s ease;



  transition: all .4s ease;



}







.hidden-sidebar .sidebar-content .social a+a {



  margin-left: 30px;



}







.hidden-sidebar .sidebar-content .social a:hover {



  color: #FFBA60;



}







.hidden-sidebar .close-button:before {



  position: absolute;



  top: 30px;



  right: 30px;



  cursor: pointer;



  color: var(--white-color);



  content: "x";



  width: 50px;



  height: 50px;



  background-color: #b28c36;



  display: flex;



  justify-content: center;



  align-items: center;



  border-radius: 50%;



  font-size: 25px;



}



.side-nav {



  width: 80px;



  height: 100%;



  position: absolute;



  z-index: 99999;



  background: #ae8935;



  display: flex;



  align-items: center;



  justify-content: center;



  font-size: 45px;



}







/*



* 15. hidden sidebar style



*/







.nav-style-one .owl-nav .owl-prev{

    margin-right:20px;



  position: relative;



  display: flex;



  justify-content: center;



  align-items: center;



  width: 45px;



  height: 45px;



  line-height: 90px;



  color: #222;



  font-size: 18px;



  border-radius: 50%;



  background: var(--white-color);



  font-weight: 600;



  box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);



  transition: all 500ms ease;



  -moz-transition: all 500ms ease;



  -webkit-transition: all 500ms ease;



  -ms-transition: all 500ms ease;



  -o-transition: all 500ms ease;



  cursor: pointer;



  margin-bottom: 10px;



  overflow: hidden;



}







.nav-style-one .owl-nav .owl-next{



  position: relative;



  display: flex;



  justify-content: center;



  align-items: center;



  width: 45px;



  height: 45px;



  line-height: 90px;



  color: #222;



  font-size: 18px;



  border-radius: 50%;



  text-align: center;



  background: var(--white-color);



  font-weight: 600;



  box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);



  transition: all 500ms ease;



  -moz-transition: all 500ms ease;



  -webkit-transition: all 500ms ease;



  -ms-transition: all 500ms ease;



  -o-transition: all 500ms ease;



  cursor: pointer;



  overflow: hidden;



}



.nav-style-one .owl-nav .owl-prev:hover:before, 



.nav-style-one .owl-nav .owl-next:hover:before{



  transform: scaleX(1.0);



}



.nav-style-one .owl-nav .owl-prev:before{



  transform-origin: left !important;



}



.nav-style-one .owl-nav .owl-prev:before, 



.nav-style-one .owl-nav .owl-next:before{



  position: absolute;



  top: 0;



  left: 0;



  bottom: 0;



  right: 0;



  content: "";



  border-radius: 50%;



  transform: scale(0.0);



  transform-origin: right;



  transform-style: preserve-3d;



  transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);



  background-color:#242222;



}



.nav-style-one .owl-nav .owl-prev:hover span,



.nav-style-one .owl-nav .owl-next:hover span{



  color: var(--white-color);



  position: relative;



}



.nav-style-one .owl-nav span{



  color: #1F1F1F;



  transition: all 500ms ease;



}











/* btn-two */



.btn-two {



  padding: 15px 30px;



  background: var(--theme-color);



  cursor: pointer;



  color: var(--white-color);



  font-weight: 400;



  position: relative;



  display: flex;



  align-items: center;



  justify-content: space-between;



  z-index: 1;



  width: 100%;



  transition: all 500ms ease;



  letter-spacing: 6px;



}



.btn-two:hover:before {



  width: 100%;



  left: 0px;



}



.btn-two:hover{



  color: var(--white-color) !important;



}



.btn-two:before {



  position: absolute;



  content: '';



  background: #01193D;



  width: 0%;



  height: 100%;



  top: 0px;



  right: 0px;



  z-index: -1;



  transition: all 500ms ease;



}



.btn-two i {



  font-size: 18px;



}