@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,400i,500,500i,700,700i,900&display=swap");
  @import url("https://fonts.googleapis.com/css?family=Rubik:300,400,400i,500,500i,700,700i,900&display=swap");
  @import url("https://fonts.googleapis.com/css?family=Poppins:300,400,400i,500,500i,700,700i,900&display=swap");
  .flex-center-start{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:start}

body{
  font-family:'Poppins', sans-serif;
  font-weight:normal;
  font-style:normal}

.img{
  max-width:100%;
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -o-transition:.3s;
  transition:.3s}

a,.button{
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -o-transition:.3s;
  transition:.3s}

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

a:focus{
  color:#fff;
  text-decoration:none}

a:focus,a:hover,.portfolio-cat a:hover,.footer -menu li a:hover{
  text-decoration:none;
  color:#161e35}

a,button{
  color:#020c26;
  outline:medium none}

h1,h2,h3,h4,h5{
  font-family:'Rubik', sans-serif;
  color:#161e35}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
  color:inherit}

ul{
  margin:0px;
  padding:0px}

li{
  list-style:none}

p{
  font-size:14px;
  font-weight:300;
  line-height:26px;
  color:#5c5c5c;
  margin-bottom:13px;
  font-family:'Rubik', sans-serif}

label{
  color:#7e7e7e;
  cursor:pointer;
  font-size:14px;
  font-weight:400}

*::-moz-selection{
  background:#444;
  color:#fff;
  text-shadow:none}

::-moz-selection{
  background:#444;
  color:#fff;
  text-shadow:none}

::selection{
  background:#444;
  color:#fff;
  text-shadow:none}

*::-webkit-input-placeholder{
  color:#cccccc;
  font-size:14px;
  opacity:1}

*:-ms-input-placeholder{
  color:#cccccc;
  font-size:14px;
  opacity:1}

*::-ms-input-placeholder{
  color:#cccccc;
  font-size:14px;
  opacity:1}

*::placeholder{
  color:#cccccc;
  font-size:14px;
  opacity:1}

h3{
  font-size:24px}

.mb-65{
  margin-bottom:67px}

.black-bg{
  background:#161e35 !important}

.white-bg{
  background:#ffffff}

.gray-bg{
  background:#f5f5f5}

.bg-img-1{
  background-image:url(../img/slider/banner1.png)}

.bg-img-2{
  background-image:url(../img/banner/banner2.png)}

.bg-img-3{
  background-image:url(../img/banner/banner3.png)}

.bg-img-4{
  background-image:url(../img/background-img/bg-img-2.jpg)}

.cta-bg-1{
  background-image:url(../img/background-img/bg-img-3.jpg)}

.overlay{
  position:relative;
  z-index:0}

.overlay::before{
  position:absolute;
  content:"";
  background-color:#161e35;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:-1;
  opacity:0.851}

.overlay2{
  position:relative;
  z-index:0}

.overlay2::before{
  position:absolute;
  content:"";
  background-color:#020c26;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:-1;
  opacity:0.5}

.section-padding{
  padding-top:120px;
  padding-bottom:120px}

.pt-120{
  padding-top:120px}

.owl-carousel .owl-nav div{
  background:transparent;
  height:65px;
  left:0px;
  line-height:65px;
  position:absolute;
  text-align:center;
  top:50%;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  -webkit-transition:all 0.3s ease 0s;
  -o-transition:all 0.3s ease 0s;
  transition:all 0.3s ease 0s;
  width:65px;
  font-size:16px;
  color:#fff;
  border:1px solid #363d4f}

.owl-carousel .owl-nav{
  position:relative}

.owl-carousel .owl-nav div.owl-next{
  left:86px;
  right:auto}

.owl-carousel .owl-nav div.owl-prev i{
  position:relative;
  right:2px}

.owl-carousel:hover .owl-nav div{
  opacity:1;
  visibility:visible}

.owl-carousel:hover .owl-nav div:hover{
  color:#bb9d53}

.boxed-btn{
  background:#bb9d53;
  color:#fff;
  display:inline-block;
  padding:13px 32px;
  font-family:"Rubik",sans-serif;
  font-size:16px;
  font-weight:400;
  border:0;
  border:1px solid transparent}

.boxed-btn:hover{
  background:transparent;
  color:#bb9d53 !important;
  border:1px solid #bb9d53}

.boxed-btn:focus{
  outline:none;
  color:#fff}

.boxed-btn2{
  background:#bb9d53;
  color:#fff;
  display:inline-block;
  padding:22px 50px;
  font-size:16px;
  font-family:"Rubik",sans-serif;
  font-weight:400}

.boxed-btn2:hover{
  color:#fff}

.boxed-btn2:focus{
  outline:none;
  color:#fff}

.underline-hover{
  color:#bb9d53;
  font-weight:400;
  font-size:16px;
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -o-transition:.3s;
  transition:.3s}

.underline-hover:hover{
  text-decoration:underline;
  color:#bb9d53}

.section-title h3{
  font-size:44px;
  line-height:56px;
  font-weight:400;
  font-family:"Rubik",sans-serif}

@media (max-width: 767px){
  .section-title h3{
  font-size:30px;
  line-height:45px}

}

@media (min-width: 768px) and (max-width: 991px){
  .section-title h3{
  font-size:32px;
  line-height:48px}

}

@media (min-width: 768px) and (max-width: 991px){
  .section-title h3 br{
  display:none}

}

.section-title span{
  font-size:16px;
  color:#bb9d53;
  font-family:"Rubik",sans-serif;
  font-weight:400;
  margin-bottom:13px;
  display:block;
  text-transform:uppercase}

.section-title .para-text{
  color:#5c5c5c;
  font-weight:400;
  margin-top:25px;
  margin-bottom:55px;
  font-size:16px}

.section-title.text-white h3{
  color:#fff}

.section-title.text-white p{
  color:#fff;
  font-size:16px}

.section-padding{
  padding-top:120px;
  padding-bottom:120px}

@media (max-width: 767px){
  .section-padding{
  padding-top:60px;
  padding-bottom:60px}

}

@media (min-width: 768px) and (max-width: 991px){
  .section-padding{
  padding-top:100px;
  padding-bottom:100px}

}

@media (max-width: 767px){
  .mobile_menu{
  position:absolute;
  right:0px;
  width:100%;
  z-index:9}

}

.slicknav_menu .slicknav_nav{
  background:#fff;
  float:right;
  margin-top:0;
  padding:0;
  width:95%;
  padding:0;
  border-radius:0px;
  margin-top:5px;
  position:absolute;
  left:0;
  right:0;
  margin:auto;
  top:45px}

.slicknav_menu .slicknav_nav a:hover{
  background:transparent;
  color:#bb9d53}

.slicknav_menu .slicknav_nav a.active{
  color:#bb9d53}

@media (max-width: 767px){
  .slicknav_menu .slicknav_nav a i{
  display:none}

}

@media (min-width: 768px) and (max-width: 991px){
  .slicknav_menu .slicknav_nav a i{
  display:none}

}

.slicknav_menu .slicknav_nav .slicknav_btn{
  background-color:transparent;
  cursor:pointer;
  margin-bottom:10px;
  margin-top:-40px;
  position:relative;
  z-index:99;
  border:1px solid #ddd;
  top:3px;
  right:5px}

.slicknav_menu .slicknav_nav .slicknav_btn .slicknav_icon{
  margin-right:6px;
  margin-top:3px;
  position:relative;
  padding-bottom:3px;
  top:-11px;
  right:-5px}

@media (max-width: 767px){
  .slicknav_menu{
  margin-right:12px}

}

.home-6 .slicknav_menu .slicknav_icon{
  margin-right:6px;
  margin-top:3px;
  right:-5px;
  padding-bottom:3px;
  position:absolute;
  top:3px}

.slicknav_nav .slicknav_arrow{
  float:right;
  font-size:22px;
  position:relative;
  top:-9px}

.header-area .header-top{
  padding:13px 0}

.header-area .header-top .header-contact a{
  color:#bebebe;
  display:inline-block;
  padding-right:55px;
  font-weight:300;
  font-size:14px}

@media (min-width: 768px) and (max-width: 991px){
  .header-area .header-top .header-contact a{
  padding-right:14px}

}

.header-area .header-top .header-contact a i{
  padding-right:14px;
  font-size:12px;
  color:#bebebe}

@media (min-width: 768px) and (max-width: 991px){
  .header-area .header-top .header-contact a i{
  padding-right:5px}

}

.header-area .header-top .header-top-menu{
  text-align:right}

.header-area .header-top .header-top-menu ul li{
  display:inline-block}

.header-area .header-top .header-top-menu ul li a{
  color:#bdbdbd;
  margin-left:33px;
  font-size:14px}

@media (max-width: 767px){
  .header-area .main-header-area{
  padding:10px 0;
  height:60px}

}

@media (min-width: 768px) and (max-width: 991px){
  .header-area .main-header-area{
  padding:10px 0;
  height:60px}

}

@media (max-width: 767px){
  .header-area .main-header-area .logo-img{
  position:absolute;
  display:inline-block;
  text-align:center;
  margin:3px auto;
  z-index:999;
  width:140px;
  left:0;
  right:0}

}

@media (min-width: 768px) and (max-width: 991px){
  .header-area .main-header-area .logo-img{
  position:absolute;
  display:inline-block;
  text-align:center;
  margin:3px auto;
  z-index:999;
  width:140px;
  left:0;
  right:0}

}

.header-area .main-header-area .main-menu ul li{
  display:inline-block;
  position:relative}

.header-area .main-header-area .main-menu ul li a{
  color:#191d34;
  font-size:15px;
  font-weight:550;
  display:inline-block;
  padding:35px 10px 35px 30px;
  font-family:"Poppins",sans-serif;
  position:relative}

@media (min-width: 992px) and (max-width: 1200px){
  .header-area .main-header-area .main-menu ul li a{
  padding:35px 8px 35px 8px}

}

.header-area .main-header-area .main-menu ul li a i{
  font-size:9px}

@media (max-width: 767px){
  .header-area .main-header-area .main-menu ul li a i{
  display:none !important}

}

@media (min-width: 768px) and (max-width: 991px){
  .header-area .main-header-area .main-menu ul li a i{
  display:none !important}

}

.header-area .main-header-area .main-menu ul li a::before{
  position:absolute;
  content:"";
  background:#bb9d53;
  width:70%;
  height:2px;
  bottom:25px;
  left:24px;
  opacity:0;
  transform:scaleX(0);
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -o-transition:.3s;
  transition:.3s}

.header-area .main-header-area .main-menu ul li a:hover::before{
  opacity:1;
  transform:scaleX(1)}

.header-area .main-header-area .main-menu ul li a.active::before{
  opacity:1;
  transform:scaleX(1)}

.header-area .main-header-area .main-menu ul li .submenu{
  position:absolute;
  left:0;
  top:140%;
  background:#fff;
  width:200px;
  z-index:2;
  box-shadow:0 0 10px rgba(0,0,0,0.02);
  opacity:0;
  visibility:hidden;
  -webkit-transition:.6s;
  -moz-transition:.6s;
  -o-transition:.6s;
  transition:.6s}

.header-area .main-header-area .main-menu ul li .submenu li{
  display:block}

.header-area .main-header-area .main-menu ul li .submenu li a{
  padding:10px 15px;
  position:inherit;
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -o-transition:.3s;
  transition:.3s;
  display:block}

.header-area .main-header-area .main-menu ul li .submenu li a::before{
  display:none}

.header-area .main-header-area .main-menu ul li .submenu li:hover a{
  color:#bb9d53}

.header-area .main-header-area .main-menu ul li:hover>.submenu{
  opacity:1;
  visibility:visible;
  top:100%}

.header-area .main-header-area .main-menu ul li:hover>a::before{
  opacity:1;
  transform:scaleX(1)}

.header-area .main-header-area .quote-area{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}

.header-area .main-header-area .quote-area .search-bar{
  margin-left:43px}

.header-area .main-header-area .quote-area .search-bar i{
  font-size:18px;
  color:#bebebe}

.header-area .main-header-area .quote-area .get-quote{
  text-align:right;
  display:inline-block}

.header-area .main-header-area.sticky{
  box-shadow:0px 3px 16px 0px rgba(0,0,0,0.1);
  position:fixed;
  width:100%;
  top:-70px;
  left:0;
  right:0;
  z-index:9999;
  transform:translateY(70px);
  transition:transform 500ms ease, background 500ms ease;
  -webkit-transition:transform 500ms ease, background 500ms ease;
  box-shadow:0px 3px 16px 0px rgba(0,0,0,0.1)}

#search_input_box{
  position:fixed;
  left:50%;
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  -o-transform:translateX(-50%);
  transform:translateX(-50%);
  width:100%;
  max-width:1140px;
  z-index:999;
  text-align:center;
  background:#1e1c27}

#search_input_box ::placeholder{
  color:#fff}

@media (max-width: 767px){
  #search_input_box{
  top:59px}

}

@media (min-width: 768px) and (max-width: 991px){
  #search_input_box{
  top:109px}

}

@media (min-width: 768px) and (max-width: 991px){
  .main-header-area.sticky #search_input_box{
  top:59px}

}

#search_input_box .form-control{
  background:transparent;
  border:0;
  color:#ffffff;
  font-weight:400;
  font-size:15px;
  padding:0}

#search_input_box .btn{
  width:0;
  height:0;
  padding:0;
  border:0}

#search_input_box .ti-close{
  color:#fff;
  font-weight:600;
  cursor:pointer;
  padding:10px;
  padding-right:0}

.search-inner{
  padding:14px 5px}

.form-control:focus{
  box-shadow:none}

.navbar_fixed #search_input_box{
  position:fixed;
  left:50%;
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  -o-transform:translateX(-50%);
  transform:translateX(-50%);
  width:100%;
  max-width:1140px;
  z-index:999;
  text-align:center;
  padding:0 20px;
  top:80px}

@media (max-width: 767px){
  .navbar_fixed #search_input_box{
  top:50px}

}

@media (min-width: 768px) and (max-width: 991px){
  .navbar_fixed #search_input_box{
  top:50px}

}

.social-link{
  position:relative;
  z-index:9}

@media (min-width: 768px) and (max-width: 991px){
  .social-link{
  position:static}

}

@media (max-width: 767px){
  .social-link{
  position:static}

}

#search_1{
  position:absolute;
  color:#fff;
  top:1px;
  left:23px;
  font-size:14px}

@media (max-width: 767px){
  #search_1{
  position:absolute;
  color:#fff;
  top:3px;
  left:auto;
  right:17px;
  font-size:14px}

}

@media (min-width: 768px) and (max-width: 991px){
  #search_1{
  position:absolute;
  left:auto;
  right:0}

}

#close_search{
  position:relative;
  z-index:99999;
  top:2px;
  color:#fff}

#search_1{
  position:absolute;
  color:#fff;
  top:50%;
  left:inherit;
  font-size:14px;
  transform:translateY(-50%)}

@media (max-width: 767px){
  #search_1{
  position:absolute;
  color:#fff;
  top:8px;
  left:23px;
  font-size:14px;
  transform:none;
  right:0;
  z-index:999;
  width:20px;
  height:20px;
  left:22px}

}

@media (min-width: 768px) and (max-width: 991px){
  #search_1{
  position:absolute;
  color:#fff;
  top:8px;
  left:23px;
  font-size:14px;
  transform:none;
  right:0;
  z-index:999;
  width:20px;
  height:20px;
  left:22px}

}

@media (min-width: 992px) and (max-width: 1200px){
  #search_1{
  position:absolute;
  color:#fff;
  left:30px;
  font-size:14px;
  transform:none;
  right:0;
  margin:auto;
  z-index:999;
  top:16px}

}

.slider-area .single-slider{
  height:760px;
  background-size:cover;
  background-position:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  position:relative;
  z-index:2}

@media (max-width: 767px){
  .slider-area .single-slider{
  height:600px}

}

.slider-area .single-slider::before{
  position:absolute;
  content:"";
  background:#161e35;
  width:100%;
  height:100%;
  left:0;
  top:0;
  opacity:.2}

.slider-area .single-slider .slider-content{
  background:#fff;
  padding:73px 56px 100px 50px;
  position:relative;
  z-index:9;
  display:inline-block}

@media (max-width: 767px){
  .slider-area .single-slider .slider-content{
  padding:73px 40px 100px 40px}

}

.slider-area .single-slider .slider-content p{
  color:#bb9d53;
  font-size:16px;
  font-weight:400;
  margin-bottom:16px}

.slider-area .single-slider .slider-content h3{
  font-family:"Poppins",sans-serif;
  font-weight:500;
  font-size:60px;
  color:#161e35;
  line-height:72px;
  margin-bottom:28px}

@media (max-width: 767px){
  .slider-area .single-slider .slider-content h3{
  font-size:25px;
  line-height:45px;
  margin-bottom:10px}

}

.slider-area .single-slider .slider-content a i{
  font-size:14px;
  padding-left:5px}

.slider-area .single-slider .slider-content .slider-btn{
  position:absolute;
  bottom:0;
  left:55px}

@media (max-width: 767px){
  .slider-area .single-slider .slider-content .slider-btn{
  left:40px}

}

.slider-area .slider-active .owl-dots{
  position:absolute;
  top:0;
  right:0;
  top:50%;
  transform:translateY(-50%);
  right:100px}

.slider-area .slider-active .owl-dots div{
  width:15px;
  height:15px;
  background:transparent;
  display:block;
  margin:13px 0;
  border-radius:50%;
  border:2px solid #fff}

.slider-area .slider-active .owl-dots div .active{
  background:#fff}

.slider-area .slider-active .owl-dots div.active{
  background:#fff}

/* .brand-area{
  padding-top:65px;
  padding-bottom:65px;
} */

.brand-area {
  background-color: #f9f9f9; /* só se quiser */
  padding: 40px 0;
}

/* .brand-area .brand-active .single-brand{
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  height: 100px;
} */

.brand-area .brand-active .single-brand {
  display: flex;
  padding: 0 auto;
  align-items: center;
  justify-content: center;
  height: 150px;
  /* background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0,0,0,0.05); */
}

/* .brand-area .brand-active .single-brand img{
  width: auto;
  display: inline-block;
} */

.brand-area .brand-active .single-brand img {
  max-height: 350px;
  width: auto;
  height: auto;
  display: flex;
  object-fit: contain;
  left: 100px;
}

.service-area{
  padding-top:120px;
  padding-bottom:120px}

.service-area .single-service .service-thumb{
  margin-bottom:39px}

.service-area .single-service .service-thumb img{
  width:100%}

.service-area .single-service h3{
  font-size:24px}

.service-area .single-service p{
  font-size:16px;
  color:#5c5c5c;
  font-family:"Rubik",sans-serif;
  font-weight:400;
  margin-top:18px;
  margin-bottom:21px}

.service-area .single-service a{
  /* text-transform:capitalize; */
  color:#5c5c5c;
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -o-transition:.3s;
  transition:.3s;
  font-family:"Rubik",sans-serif;
  font-weight:400;
  font-size:16px;
  display:inline-block}

.service-area .single-service a:hover{
  text-decoration:underline;
  color:#bb9d53}

@media (max-width: 767px){
  .service-area .single-service{
  margin-bottom:30px}

}

.service-details{
  padding-top:120px;
  padding-bottom:80px}

@media (max-width: 767px){
  .service-details{
  padding-top:60px;
  padding-bottom:20px}

}

.service-details .details-nav{
  margin-top:-24px;
  position:relative}

@media (max-width: 767px){
  .service-details .details-nav{
  margin-bottom:30px}

}

.service-details .details-nav ul li{
  display:block;
  display:block;
  width:100%;
  border-bottom:1px solid #e5e6e9;
  padding:0;
  -webkit-transition:.5s;
  -moz-transition:.5s;
  -o-transition:.5s;
  transition:.5s;
  position:relative}

.service-details .details-nav ul li a{
  font-size:16px;
  color:#020c26;
  /* text-transform:capitalize; */
  padding:20px 0;
  position:relative;
  left:0;
  font-weight:400;
  font-family:"Rubik",sans-serif}

.service-details .details-nav ul li a.active.show{
  color:#bb9d53;
  padding-left:27px;
  position:relative}

.service-details .details-nav ul li a.active.show::before{
  position:absolute;
  content:"";
  background:#bb9d53;
  width:17px;
  height:2px;
  top:50%;
  left:0;
  margin-bottom:-1px}

.service-details .details-nav ul li:hover::before{
  width:17px}

.service-details .details-nav .download-brouser{
  background:#020c26;
  color:#fff;
  display:block;
  padding:17px 0 17px 0;
  text-align:center;
  margin-top:60px}

.service-details .details-nav .download-brouser:hover{
  color:#fff}

.service-details .single-details .details-thumb{
  margin-bottom:67px}

.service-details .single-details .details-thumb img{
  width:100%}

.service-details .single-details .details-info{
  padding-right:20px;
  margin-bottom:34px}

.service-details .single-details .details-info h3{
  font-family:"Rubik",sans-serif;
  font-size:44px;
  font-weight:400;
  color:#020c26;
  margin-bottom:20px}

@media (max-width: 767px){
  .service-details .single-details .details-info h3{
  font-size:25px;
  margin-bottom:15px}

}

.service-details .single-details .details-info p{
  font-size:16px;
  color:#5c5c5c;
  line-height:28px;
  font-weight:400}

.project-area{
  padding-top:120px;
  padding-bottom:120px}

.project-area .project-active .single-project .project-info span{
  color:#bb9d53;
  font-family:"Rubik",sans-serif;
  font-weight:400;
  display:block;
  margin-bottom:13px;
  margin-top:35px;
  font-size:16px}

.project-area .project-active .single-project .project-info h3{
  font-size:26px;
  color:#fff;
  font-family:"Rubik",sans-serif;
  font-weight:400}

@media (min-width: 768px) and (max-width: 991px){
  .project-area .project-active .single-project .project-info h3{
  font-size:18px}

}

.project-area .more-project a{
  color:#fff;
  font-size:16px;
  margin-top:50px;
  display:inline-block}

@media (max-width: 767px){
  .project-area .more-project a{
  margin-top:20px}

}

@media (min-width: 768px) and (max-width: 991px){
  .project-area .more-project a{
  margin-top:20px}

}

@media (min-width: 992px) and (max-width: 1200px){
  .project-area .more-project a{
  margin-top:30px}

}

.project-area .more-project a:hover{
  color:#bb9d53;
  text-decoration:underline}

.project-area .section-title h3{
  margin-bottom:17px}

@media (min-width: 1200px) and (max-width: 1500px){
  .project-area .section-title h3 br{
  display:none}

}

@media (min-width: 1200px) and (max-width: 1500px){
  .project-area .section-title p br{
  display:none}

}

.ml-80{
  margin-left:80px}

@media (max-width: 767px){
  .ml-80{
  margin-left:0}

}

.project-active.owl-carousel .owl-nav div{
  background:transparent;
  height:65px;
  left:0px;
  line-height:65px;
  position:absolute;
  text-align:center;
  top:50%;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  -webkit-transition:all 0.3s ease 0s;
  -o-transition:all 0.3s ease 0s;
  transition:all 0.3s ease 0s;
  width:65px;
  font-size:16px;
  color:#fff;
  border:1px solid #363d4f}

.project-active.owl-carousel .owl-nav{
  position:relative;
  left:-553px;
  top:-195px}

@media (min-width: 1200px) and (max-width: 1500px){
  .project-active.owl-carousel .owl-nav{
  position:relative;
  left:-326px}

}

.project-active.owl-carousel .owl-nav div.owl-next{
  left:20px;
  right:auto;
  top: 50px;
}

.project-active.owl-carousel .owl-nav div.owl-prev{
  left:-75px;
  right:auto;
  top: 50px;
}

.project-active.owl-carousel .owl-nav div.owl-prev i{
  position:relative;
  right:2px;
}

.project-active.owl-carousel:hover .owl-nav div{
  opacity:1;
  visibility:visible}

.project-active.owl-carousel:hover .owl-nav div:hover{
  color:#bb9d53}

.main-project-area{
  padding-top:120px;
  padding-bottom:20px}

@media (max-width: 767px){
  .main-project-area{
  padding-top:70px}

}

.main-project-area .single-project{
  margin-bottom:97px}

.main-project-area .single-project .project-thumb img{
  width:100%}

.main-project-area .single-project .project-info span{
  color:#bb9d53;
  font-family:"Rubik",sans-serif;
  font-weight:400;
  display:block;
  margin-bottom:13px;
  margin-top:35px;
  font-size:16px}

.main-project-area .single-project .project-info h3{
  font-size:26px;
  color:#020c26;
  font-family:"Rubik",sans-serif;
  font-weight:400}

@media (min-width: 768px) and (max-width: 991px){
  .main-project-area .single-project .project-info h3{
  font-size:18px}

}

@media (max-width: 767px){
  .main-project-area .single-project .project-info h3{
  font-size:18px}

}

@media (max-width: 767px){
  .main-project-area .single-project{
  margin-bottom:50px}

}

.project-review-area .single-review{
  padding-right:30px}

.project-review-area .single-review h2{
  font-size:44px;
  font-weight:400;
  color:#020c26;
  font-family:"Rubik",sans-serif;
  margin-bottom:20px}

@media (max-width: 767px){
  .project-review-area .single-review h2{
  font-size:25px}

}

.project-review-area .single-review p{
  color:#5c5c5c;
  font-family:"Rubik",sans-serif;
  font-weight:400;
  font-size:16px;
  margin-bottom:17px;
  line-height:28px}

.project-review-area .review-thumb img{
  width:100%}

.full-width-gallery{
  padding-bottom:90px}

.full-width-gallery .full-thumb{
  margin-bottom:67px}

.full-width-gallery .full-thumb img{
  width:100%}

.full-width-gallery .solution-wrap{
  margin-bottom:25px}

.full-width-gallery .solution-wrap h2{
  font-size:44px;
  color:#020c26;
  margin-bottom:19px;
  font-weight:400}

@media (max-width: 767px){
  .full-width-gallery .solution-wrap h2{
  font-size:30px}

}

.full-width-gallery .solution-wrap p{
  font-size:16px;
  font-family:"Rubik",sans-serif;
  color:#5c5c5c;
  line-height:28px;
  font-weight:400}

.main-review-area{
  padding-top:98px;
  padding-bottom:60px}

@media (max-width: 767px){
  .main-review-area{
  padding-top:60px;
  padding-bottom:0}

}

.main-review-area .about-info-text{
  margin-bottom:60px}

.main-review-area .about-info-text .quote{
  font-size:55px;
  color:#e5e6e9;
  margin-bottom:10px}

.main-review-area .about-info-text .about-ratting{
  color:#ffba00;
  font-size:16px}

.main-review-area .about-info-text .about-ratting i{
  margin-right:1px}

.main-review-area .about-info-text p.about-text{
  font-size:24px;
  line-height:36px;
  color:#5c5c5c;
  font-family:"Rubik",sans-serif;
  font-weight:400;
  margin-top:17px;
  margin-bottom:44px}

@media (max-width: 767px){
  .main-review-area .about-info-text p.about-text{
  font-size:18px}

}

.main-review-area .about-info-text .about-author{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}

.main-review-area .about-info-text .about-author .autor-thumb{
  padding-right:20px}

.main-review-area .about-info-text .about-author .autor-thumb img{
  width:100%}

.main-review-area .about-info-text .about-author .auhor-text span{
  font-size:18px;
  font-weight:400;
  color:#020c26}

.main-review-area .about-info-text .about-author .auhor-text p{
  color:#848484;
  font-size:14px;
  font-weight:400}

.addres-area .single-address{
  position:relative;
  margin-top:53px;
  z-index:0}

.addres-area .single-address .addres-icon{
  position:absolute;
  top:-53px;
  right:0;
  left:0;
  margin:auto}

.addres-area .single-address h3{
  color:#fff;
  font-size:24px;
  font-weight:400;
  font-family:"Rubik",sans-serif;
  position:relative;
  z-index:9}

.addres-area .single-address p{
  font-size:16px;
  color:#a9a9a9;
  line-height:28px;
  margin-bottom:21px;
  position:relative;
  z-index:9}

.addres-area .single-address a{
  position:relative;
  z-index:9}

@media (max-width: 767px){
  .addres-area .single-address{
  margin-bottom:30px}

}

.about-area{
  position:relative;
  z-index:1}

.about-area .pattent-bg-img{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%)}

@media (max-width: 767px){
  .about-area .pattent-bg-img{
  display:none}

}

@media (min-width: 768px) and (max-width: 991px){
  .about-area .pattent-bg-img{
  display:none}

}

.about-area .section-title{
  padding-left:77px}

@media (max-width: 767px){
  .about-area .section-title{
  padding-left:0;
  margin-top:30px}

}

@media (min-width: 768px) and (max-width: 991px){
  .about-area .section-title{
  padding-left:0;
  margin-top:30px}

}

.about-area .about-thumb{
  position:relative}

.about-area .about-thumb img{
  width:100%}

.about-area .about-thumb a.video-icon{
  position:absolute;
  width:100px;
  height:100px;
  font-size:25px;
  line-height:100px;
  background:#fff;
  display:inline-block;
  border-radius:50%;
  text-align:center;
  border-radius:50%;
  top:50%;
  margin-left:-50px;
  transform:translateY(-50%);
  left:100%}

@media (max-width: 767px){
  .about-area .about-thumb a.video-icon{
  height:80px;
  width:80px;
  line-height:80px;
  left:50%;
  transform:translateY(-50%)}

}

@media (min-width: 768px) and (max-width: 991px){
  .about-area .about-thumb a.video-icon{
  height:80px;
  width:80px;
  line-height:80px;
  left:50%;
  transform:translateY(-50%)}

}

.about-area .about-thumb a.video-icon::before{
  position:absolute;
  content:'';
  top:-10px;
  left:-10px;
  right:-10px;
  bottom:-10px;
  border:1px solid #bb9d53;
  border-radius:50%;
  opacity:.15}

.about-area .about-thumb a.video-icon i{
  color:#bb9d53;
  padding-left:4px}

.about-area .about-info-text .quote{
  font-size:55px;
  color:#020c26;
  margin-bottom:10px}

.about-area .about-info-text .about-ratting{
  color:#ffba00;
  font-size:16px}

.about-area .about-info-text .about-ratting i{
  margin-right:1px}

.about-area .about-info-text p.about-text{
  font-size:24px;
  line-height:36px;
  color:#5c5c5c;
  font-family:"Rubik",sans-serif;
  font-weight:400;
  margin-top:17px;
  margin-bottom:44px}

@media (max-width: 767px){
  .about-area .about-info-text p.about-text{
  font-size:18px}

}

.about-area .about-info-text .about-author{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}

.about-area .about-info-text .about-author .autor-thumb{
  padding-right:20px}

.about-area .about-info-text .about-author .autor-thumb img{
  width:100%}

.about-area .about-info-text .about-author .auhor-text span{
  font-size:18px;
  font-weight:400;
  color:#020c26}

.about-area .about-info-text .about-author .auhor-text p{
  color:#848484;
  font-size:14px;
  font-weight:400}

.about-area .about-review{
  position:relative}

@media (max-width: 767px){
  .about-area .about-review{
  margin-top:30px}

}

.about-area .about-review img{
  width:100%}

.about-area .about-review .project-review{
  position:absolute;
  bottom:50px;
  left:50px;
  background:#bb9d53;
  padding:55px 43px}

.about-area .about-review .project-review h3{
  color:#fff;
  font-family:"Rubik",sans-serif;
  font-size:46px;
  margin-bottom:9px;
  line-height:30px}

.about-area .about-review .project-review p{
  font-size:18px;
  font-family:"Rubik",sans-serif;
  font-weight:400;
  margin-bottom:0;
  color:#fff !important}

.pt-120{
  padding-top:120px}

@media (max-width: 767px){
  .pt-120{
  padding-top:0px}

}

@media (min-width: 768px) and (max-width: 991px){
  .pt-120{
  padding-top:60px}

}

.about-pro-active.owl-carousel .owl-nav div{
  background:transparent;
  height:65px;
  left:30%;
  line-height:65px;
  position:absolute;
  text-align:center;
  -webkit-transition:all 0.3s ease 0s;
  -o-transition:all 0.3s ease 0s;
  transition:all 0.3s ease 0s;
  width:65px;
  font-size:16px;
  color:#ccced4;
  border:1px solid transparent;
  top:35px;
  position:absolute;
  top:-115px;
  left:44.5%}

.about-pro-active.owl-carousel .owl-nav{
  position:inherit}

.about-pro-active.owl-carousel .owl-nav div.owl-next{
  margin-left:30px}

.about-pro-active.owl-carousel .owl-nav div.owl-prev i{
  position:relative;
  right:2px}

.about-pro-active.owl-carousel:hover .owl-nav div{
  opacity:1;
  visibility:visible}

.about-pro-active.owl-carousel:hover .owl-nav div:hover{
  color:#bb9d53}

.counter-area{
  padding-top:65px;
  padding-bottom:35px}

.counter-area .single-counter{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  margin-bottom:30px}

@media (max-width: 767px){
  .counter-area .single-counter{
  display:block;
  text-align:center}

}

@media (min-width: 768px) and (max-width: 991px){
  .counter-area .single-counter{
  display:block;
  text-align:center}

}

.counter-area .single-counter .icon{
  margin-right:23px}

@media (max-width: 767px){
  .counter-area .single-counter .icon{
  margin-bottom:20px}

}

@media (min-width: 768px) and (max-width: 991px){
  .counter-area .single-counter .icon{
  margin-bottom:20px}

}

.counter-area .single-counter .counter-number{
  margin-top:-10px}

.counter-area .single-counter .counter-number h3{
  font-size:46px;
  color:#020c26;
  font-weight:400;
  font-family:"Rubik",sans-serif;
  margin-bottom:-2px}

.counter-area .single-counter .counter-number h3 span{
  font-weight:400;
  font-family:"Rubik",sans-serif}

.counter-area .single-counter .counter-number p{
  font-size:18px;
  color:#848484;
  font-family:"Rubik",sans-serif;
  font-weight:400}

.counter-area .single-counter .counter-number p span{
  color:#020c26;
  font-weight:400}

.cta-area{
  padding-top:145px;
  padding-bottom:155px}

.cta-area .cta-content{
  display:block;
  background:#bb9d53;
  position:relative;
  padding:68px 45px 114px 64px}

@media (max-width: 767px){
  .cta-area .cta-content{
  padding:40px 20px 100px 20px}

}

.cta-area .cta-content h3{
  font-size:44px;
  line-height:56px;
  color:#fff;
  font-weight:400;
  margin-bottom:13px}

@media (max-width: 767px){
  .cta-area .cta-content h3{
  font-size:23px;
  line-height:32px}

}

@media (min-width: 992px) and (max-width: 1200px){
  .cta-area .cta-content h3 br{
  display:none}

}

.cta-area .cta-content p{
  font-size:16px;
  color:#ffffff;
  font-weight:400}

.cta-area .cta-content .cta-btn{
  position:absolute;
  right:0;
  bottom:0}

.cta-area .cta-content .cta-btn i{
  position:relative;
  left:8px}

.dropdown .dropdown-menu{
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -ms-transition:all 0.3s;
  -o-transition:all 0.3s;
  transition:all 0.3s}

.contact-info{
  margin-bottom:25px}

.contact-info__icon{
  margin-right:20px}

.contact-info__icon i,.contact-info__icon span{
  color:#8f9195;
  font-size:27px}

.contact-info .media-body h3{
  font-size:16px;
  margin-bottom:0;
  font-size:16px;
  color:#2a2a2a}

.contact-info .media-body h3 a:hover{
  color:#ff5e13}

.contact-info .media-body p{
  color:#8a8a8a}

.contact-title{
  font-size:27px;
  font-weight:600;
  margin-bottom:20px}

.form-contact label{
  font-size:14px}

.form-contact .form-group{
  margin-bottom:30px}

.form-contact .form-control{
  border:1px solid #e5e6e9;
  border-radius:0px;
  height:48px;
  padding-left:18px;
  font-size:13px;
  background:transparent}

.form-contact .form-control:focus{
  outline:0;
  box-shadow:none}

.form-contact .form-control::placeholder{
  font-weight:300;
  color:#999999}

.form-contact textarea{
  border-radius:0px;
  height:100% !important}

.modal-message .modal-dialog{
  position:absolute;
  top:36%;
  left:50%;
  transform:translateX(-50%) translateY(-50%) !important;
  margin:0px;
  max-width:500px;
  width:100%}

.modal-message .modal-dialog .modal-content .modal-header{
  text-align:center;
  display:block;
  border-bottom:none;
  padding-top:50px;
  padding-bottom:50px}

.modal-message .modal-dialog .modal-content .modal-header .close{
  position:absolute;
  right:-15px;
  top:-15px;
  padding:0px;
  color:#fff;
  opacity:1;
  cursor:pointer}

.modal-message .modal-dialog .modal-content .modal-header h2{
  display:block;
  text-align:center;
  padding-bottom:10px}

.modal-message .modal-dialog .modal-content .modal-header p{
  display:block}

.contact-section{
  padding:130px 0 100px}

@media (max-width: 991px){
  .contact-section{
  padding:70px 0 40px}

}

@media only screen and (min-width: 992px) and (max-width: 1200px){
  .contact-section{
  padding:80px 0 50px}

}

.contact-section .btn_2{
  background-color:#191d34;
  padding:18px 60px;
  border-radius:50px;
  margin-top:0}

.contact-section .btn_2:hover{
  background-color:#bb9d53}

.footer-area{
  background-image:url(../img/background-img/footer-pattern.png);
  padding:120px 0px  0;
  position:relative}

@media (max-width: 991px){
  .footer-area{
  padding:120px 0px  0}

}

.footer-area .col-lg-12{
  padding-left:0px;
  padding-right:0px;
  overflow:hidden}

@media (max-width: 991px){
  .footer-area .single-footer-widget{
  margin-bottom:30px}

}

.footer-area .single-footer-widget .social-links ul li{
  display:inline-block;
  margin-right:15px}

.footer-area .single-footer-widget .social-links ul li a{
  color:#010101;
  font-size:18px}

.footer-area .single-footer-widget .social-links ul li a:hover{
  color:#bb9d53}

.footer-area .single-footer-widget .office-location ul li strong{
  font-size:18px;
  color:#020c26;
  margin-bottom:10px;
  display:block;
  font-weight:400;
  font-family:"Rubik",sans-serif}

.footer-area .single-footer-widget .office-location ul li p{
  color:#5c5c5c;
  font-size:16px}

.footer-area .single-footer-widget p{
  color:#5c5c5c;
  line-height:1.8}

.footer-area .single-footer-widget h4{
  margin-bottom:43px;
  font-weight:400;
  font-size:24px;
  color:#020c26;
  /* text-transform:capitalize; */
  font-size:24px;
  font-family:'Poppins', sans-serif}

@media (max-width: 1024px){
  .footer-area .single-footer-widget h4{
  font-size:18px}

}

@media (max-width: 991px){
  .footer-area .single-footer-widget h4{
  margin-bottom:15px}

}

.footer-area .single-footer-widget ul li{
  margin-bottom:16px}

.footer-area .single-footer-widget ul li a{
  color:#5c5c5c;
  -webkit-transition:.5s;
  transition:.5s;
  font-size:16px}

.footer-area .single-footer-widget ul li a:hover{
  color:#bb9d53}

.footer-area .single-footer-widget .form-wrap{
  margin-top:25px}

.footer-area .single-footer-widget input{
  height:40px;
  border:none;
  width:67% !important;
  font-weight:400;
  padding-left:20px;
  border-radius:0;
  font-size:13px;
  color:#999999;
  border:0px solid transparent}

.footer-area .single-footer-widget input:focus{
  outline:none;
  box-shadow:none}

.footer-area .single-footer-widget .click-btn{
  background-color:#bb9d53;
  color:#fff;
  border-radius:0;
  border-top-left-radius:0px;
  border-bottom-left-radius:0px;
  padding:8px 20px;
  border:0;
  font-size:12px;
  font-weight:400;
  position:relative;
  left:0}

.footer-area .single-footer-widget .click-btn:focus{
  outline:none;
  box-shadow:none}

@media (max-width: 375px){
  .footer-area .single-footer-widget .click-btn{
  margin-top:10px}

}

@media (min-width: 400px){
  .footer-area .single-footer-widget .click-btn{
  left:-50px}

}

.footer-area .footer_1 img{
  margin-bottom:35px}

@media (max-width: 576px){
  .footer-area .footer_1 img{
  margin-bottom:20px}

}

@media only screen and (min-width: 480px) and (max-width: 767px){
  .footer-area .footer_1 img{
  margin-bottom:20px}

}

@media only screen and (min-width: 768px) and (max-width: 991px){
  .footer-area .footer_1 img{
  margin-bottom:20px}

}

.footer-area .footer_1 p{
  margin-bottom:15px;
  font-family:"Rubik",sans-serif;
  font-weight:400;
  color:#5c5c5c;
  font-size:16px;
  line-height:28px;
  margin-top:7px;
  margin-bottom:40px}

.footer-area .social_icon{
  margin-top:27px}

.footer-area .social_icon a{
  color:#cccccc;
  font-size:14px;
  margin-right:20px}

.footer-area .social_icon a:hover{
  color:#bb9d53}

.footer-area .footer_3 .footer_img .single_footer_img{
  width:31.33%;
  float:left;
  margin:1%;
  position:relative;
  z-index:2}

@media (max-width: 576px){
  .footer-area .footer_3 .footer_img .single_footer_img{
  width:20%}

.footer-area .footer_3 .footer_img .single_footer_img img{
  width:100%}

}

@media only screen and (min-width: 480px) and (max-width: 767px){
  .footer-area .footer_3 .footer_img .single_footer_img{
  width:20%}

.footer-area .footer_3 .footer_img .single_footer_img img{
  width:100%}

}

@media only screen and (min-width: 768px) and (max-width: 991px){
  .footer-area .footer_3 .footer_img .single_footer_img{
  width:31%}

.footer-area .footer_3 .footer_img .single_footer_img img{
  width:100%}

}

@media only screen and (min-width: 992px) and (max-width: 1200px){
  .footer-area .footer_3 .footer_img .single_footer_img{
  width:31%}

.footer-area .footer_3 .footer_img .single_footer_img img{
  width:100%}

}

@media only screen and (min-width: 1200px) and (max-width: 1440px){
  .footer-area .footer_3 .footer_img .single_footer_img{
  width:20%}

.footer-area .footer_3 .footer_img .single_footer_img img{
  width:100%}

}

.footer-area .footer_3 .footer_img .single_footer_img:after{
  position:absolute;
  left:0;
  top:0;
  content:"";
  background-color:#000;
  width:100%;
  height:100%;
  opacity:0;
  -webkit-transition:.5s;
  transition:.5s}

.footer-area .footer_3 .footer_img .single_footer_img i{
  text-align:center;
  position:absolute;
  top:41%;
  margin:0 auto;
  left:0;
  right:0;
  color:#fff;
  z-index:2;
  opacity:0}

.footer-area .footer_3 .footer_img .single_footer_img:hover:after{
  opacity:0.5}

.footer-area .footer_3 .footer_img .single_footer_img:hover i{
  opacity:1}

.footer-area .contact_info{
  position:relative;
  margin-bottom:20px}

.footer-area .contact_info:last-child{
  margin-bottom:0px}

.footer-area .contact_info p{
  margin-bottom:10px}

.footer-area .contact_info p span{
  color:#2c3033;
  font-size:16px}

.footer-area .btn{
  background-color:#bb9d53;
  color:#fff;
  width:49px;
  border-radius:0px;
  height:40px}

.footer-area span.ti-heart{
  font-size:12px;
  margin:0px 2px}

.footer-area .copyright_part_text{
  background-color:transparent;
  padding:32px 15px;
  margin-top:95px}

.footer-area .copyright_part_text p{
  color:#83868c;
  font-size:14px;
  font-weight:400}

@media (max-width: 576px){
  .footer-area .copyright_part_text{
  margin-top:20px;
  text-align:center}

.footer-area .copyright_part_text p{
  font-size:13px}

}

@media only screen and (min-width: 480px) and (max-width: 767px){
  .footer-area .copyright_part_text{
  text-align:center;
  margin-top:20px;
  padding:32px 15px}

.footer-area .copyright_part_text p{
  font-size:13px}

}

@media only screen and (min-width: 768px) and (max-width: 991px){
  .footer-area .copyright_part_text{
  text-align:center}

}

.footer-area .copyright_part_text a{
  color:#bb9d53}

.footer-area .input-group{
  border:1px solid #45556a;
  padding:5px}

.footer-area .footer_icon p{
  margin-bottom:22px;
  font-size:16px;
  color:#999}

.footer-area .footer_icon ul li{
  margin-bottom:20px}

.footer-area .footer_icon ul li i{
  margin-right:15px}

@media (max-width: 991px){
  .footer_icon{
  margin-top:0px}

}

.footer_menu{
  float:right}

@media (max-width: 576px){
  .footer_menu{
  float:none;
  text-align:center;
  margin-top:15px}

}

@media only screen and (min-width: 480px) and (max-width: 767px){
  .footer_menu{
  float:none;
  text-align:center;
  margin-top:15px}

}

@media only screen and (min-width: 768px) and (max-width: 991px){
  .footer_menu{
  float:none;
  text-align:center;
  margin-top:15px}

}

@media only screen and (min-width: 992px) and (max-width: 1200px){
  .footer_menu{
  float:none;
  text-align:center;
  margin-top:15px}

}

.footer_menu ul li{
  display:inline-block}

.footer_menu ul li a{
  color:#5c5c5c !important;
  padding:0px 22px}

.footer_menu ul li a:hover{
  color:#bb9d53 !important}

@media (max-width: 576px){
  .footer_menu ul li a{
  padding:0px 15px}

}

@media only screen and (min-width: 480px) and (max-width: 767px){
  .footer_menu ul li a{
  padding:0px 15px}

}

@media only screen and (min-width: 768px) and (max-width: 991px){
  .footer_menu ul li a{
  padding:0px 15px}

}

@media only screen and (min-width: 992px) and (max-width: 1200px){
  .footer_menu ul li a{
  padding:0px 15px}

}

.ptb200{
  padding-top:200px;
  padding-bottom:200px}

@media (max-width: 767px){
  .ptb200{
  padding-top:100px;
  padding-bottom:100px}

}

.banner-bg-1{
  background-image:url(../img/banner/banner1.png)}

.breadcrumb{
  background-size:cover;
  margin:0 !important}

.breadcrumb .breadcrumb_iner .breadcrumb_iner_item h2{
  font-size:60px;
  font-weight:500;
  font-family:"Rubik",sans-serif;
  color:#fff}

@media (max-width: 767px){
  .breadcrumb .breadcrumb_iner .breadcrumb_iner_item h2{
  font-size:35px}

}

@media (min-width: 768px) and (max-width: 991px){
  .breadcrumb .breadcrumb_iner .breadcrumb_iner_item h2{
  font-size:45px}

}

.breadcrumb .breadcrumb_iner .breadcrumb_iner_item p{
  color:#fff;
  font-size:16px;
  font-weight:400}

.breadcrumb .breadcrumb_iner .breadcrumb_iner_item p a{
  color:#bb9d53}

.details-bg-1{
  background-image:url(../img/banner/details-banner.jpg)}

.details-banner-area{
  height:760px;
  height:760px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:end;
  -ms-flex-align:end;
  align-items:end}

@media (max-width: 767px){
  .details-banner-area{
  height:460px}

}

@media (min-width: 768px) and (max-width: 991px){
  .details-banner-area{
  height:560px}

}

@media (min-width: 992px) and (max-width: 1200px){
  .details-banner-area{
  height:560px}

}

.details-banner-area .details-banner-text{
  margin-bottom:131px}

.details-banner-area .details-banner-text a{
  font-family:"Rubik",sans-serif;
  color:#bb9d53;
  font-size:16px;
  font-weight:400;
  display:inline-block;
  margin-bottom:13px}

.details-banner-area .details-banner-text h2{
  font-family:"Rubik",sans-serif;
  font-size:60px;
  font-weight:500;
  color:#fff;
  line-height:72px}

@media (max-width: 767px){
  .details-banner-area .details-banner-text h2{
  font-size:25px;
  line-height:40px}

}

@media (min-width: 768px) and (max-width: 991px){
  .details-banner-area .details-banner-text h2{
  font-size:45px;
  line-height:60px}

}

@media (max-width: 767px){
  .details-banner-area .details-banner-text h2 br{
  display:none}

}

@media (min-width: 768px) and (max-width: 991px){
  .details-banner-area .details-banner-text h2 br{
  display:none}

}

@media (min-width: 992px) and (max-width: 1200px){
  .details-banner-area .details-banner-text h2 br{
  display:none}

}

.details-banner-area.details-banner-area2{
  display:table;
  width:100%;
  height:100%;
  height:760px}

.details-banner-area.details-banner-area2 .details-banner-inner2{
  display:table-cell;
  vertical-align:bottom}

@media (max-width: 767px){
  .details-banner-area.details-banner-area2{
  height:460px}

}

@media (min-width: 768px) and (max-width: 991px){
  .details-banner-area.details-banner-area2{
  height:560px}

}

@media (min-width: 992px) and (max-width: 1200px){
  .details-banner-area.details-banner-area2{
  height:560px}

}

@media (max-width: 767px){
  .team-area .single-team{
  margin-bottom:30px}

}

@media (min-width: 768px) and (max-width: 991px){
  .team-area .single-team{
  margin-bottom:30px}

}

.team-area .single-team .team-thumb{
  position:relative;
  overflow:hidden}

.team-area .single-team .team-thumb img{
  width:100%}

.team-area .single-team .team-thumb .team-hover{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  transform:translateY(100px);
  opacity:0;
  visibility:hidden;
  -webkit-transition:.5s;
  -moz-transition:.5s;
  -o-transition:.5s;
  transition:.5s}

.team-area .single-team .team-thumb .team-hover::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#020c26;
  opacity:.8;
  -webkit-transition:.5s;
  -moz-transition:.5s;
  -o-transition:.5s;
  transition:.5s}

.team-area .single-team .team-thumb .team-hover .team-link{
  position:absolute;
  top:50%;
  left:0;
  right:0;
  text-align:center;
  transform:translateY(-50%)}

.team-area .single-team .team-thumb .team-hover .team-link ul li{
  display:inline-block}

.team-area .single-team .team-thumb .team-hover .team-link ul li a{
  color:#fff;
  font-size:18px;
  margin:0 8px}

.team-area .single-team .team-thumb .team-hover .team-link ul li a:hover{
  color:#bb9d53}

.team-area .single-team .team-info{
  margin-top:24px}

.team-area .single-team .team-info h3{
  font-weight:400;
  font-family:"Rubik",sans-serif;
  color:#020c26;
  margin-bottom:8px}

.team-area .single-team .team-info p{
  font-weight:400;
  font-family:"Rubik",sans-serif;
  font-size:16px;
  color:#5c5c5c;
  margin-bottom:0}

.team-area .single-team:hover .team-hover{
  transform:translateY(0px);
  opacity:1;
  visibility:visible}

#accordion button{
  font-size:16px;
  font-size:24px;
  font-family:"Rubik",sans-serif;
  font-weight:400;
  color:#bb9d53}

@media (max-width: 767px){
  #accordion button{
  font-size:14px}

}

#accordion .card{
  margin-bottom:15px;
  border-radius:0;
  border:0 !important}

#accordion .card .card-header{
  background-color:transparent;
  padding:4px 14px;
  border:0 !important}

@media (max-width: 767px){
  #accordion .card .card-header{
  padding:4px 0}

}

#accordion .card .card-body{
  font-size:16px;
  line-height:28px;
  color:#5c5c5c;
  padding:0px 30px 32px;
  font-family:"Rubik",sans-serif;
  line-height:28px}

#accordion .card .collapse.show{
  background:#fff;
  border-bottom:1px solid transparent}

#accordion h5{
  position:relative;
  z-index:1}

#accordion h5 button.btn.btn-link{
  color:#bb9d53}

#accordion h5 button.btn.btn-link:after{
  position:absolute;
  content:"\e646";
  top:50%;
  right:0px;
  height:auto;
  font-family:'themify';
  color:#bb9d53;
  font-size:18px;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%)}

#accordion h5 button.btn.btn-link:focus{
  outline:none;
  text-decoration:none}

@media (max-width: 767px){
  #accordion h5 button.btn.btn-link{
  padding-left:0}

}

#accordion h5 button.btn.btn-link.collapsed{
  color:#020c26}

#accordion h5 button.btn.btn-link.collapsed:after{
  content:"\e61a";
  color:#020c26;
  font-size:18px}

@media (max-width: 767px){
  #accordion h5 button.btn.btn-link.collapsed{
  padding-left:0}

}

#accordion .btn-link:hover{
  color:#182028;
  text-decoration:none}

#accordion .btn{
  text-align:left !important}

.faq-area{
  padding-top:100px;
  padding-bottom:90px}

@media (max-width: 767px){
  .faq-area{
  padding-top:60px;
  padding-bottom:30px}

}

.sample-text-area{
  background:#fff;
  padding:100px 0 70px 0}

.text-heading{
  margin-bottom:30px;
  font-size:24px}

b,sup,sub,u,del{
  color:#bb9d53}

h1{
  font-size:36px}

h2{
  font-size:30px}

h3{
  font-size:24px}

h4{
  font-size:18px}

h5{
  font-size:16px}

h6{
  font-size:14px}

h1,h2,h3,h4,h5,h6{
  line-height:1.2em}

.typography h1,.typography h2,.typography h3,.typography h4,.typography h5,.typography h6{
  color:#828bb2}

.button-area{
  background:#fff}

.button-area .border-top-generic{
  padding:70px 15px;
  border-top:1px dotted #eee}

.button-group-area .genric-btn{
  margin-right:10px;
  margin-top:10px}

.button-group-area .genric-btn:last-child{
  margin-right:0}

.genric-btn{
  display:inline-block;
  outline:none;
  line-height:40px;
  padding:0 30px;
  font-size:.8em;
  text-align:center;
  text-decoration:none;
  font-weight:500;
  cursor:pointer;
  -webkit-transition:all 0.3s ease 0s;
  -moz-transition:all 0.3s ease 0s;
  -o-transition:all 0.3s ease 0s;
  transition:all 0.3s ease 0s}

.genric-btn:focus{
  outline:none}

.genric-btn.e-large{
  padding:0 40px;
  line-height:50px}

.genric-btn.large{
  line-height:45px}

.genric-btn.medium{
  line-height:30px}

.genric-btn.small{
  line-height:25px}

.genric-btn.radius{
  border-radius:3px}

.genric-btn.circle{
  border-radius:20px}

.genric-btn.arrow{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}

.genric-btn.arrow span{
  margin-left:10px}

.genric-btn.default{
  color:#415094;
  background:#f9f9ff;
  border:1px solid transparent}

.genric-btn.default:hover{
  border:1px solid #f9f9ff;
  background:#fff}

.genric-btn.default-border{
  border:1px solid #f9f9ff;
  background:#fff}

.genric-btn.default-border:hover{
  color:#415094;
  background:#f9f9ff;
  border:1px solid transparent}

.genric-btn.primary{
  color:#fff;
  background:#bb9d53;
  border:1px solid transparent}

.genric-btn.primary:hover{
  color:#bb9d53;
  border:1px solid #bb9d53;
  background:#fff}

.genric-btn.primary-border{
  color:#bb9d53;
  border:1px solid #bb9d53;
  background:#fff}

.genric-btn.primary-border:hover{
  color:#fff;
  background:#bb9d53;
  border:1px solid transparent}

.genric-btn.success{
  color:#fff;
  background:#4cd3e3;
  border:1px solid transparent}

.genric-btn.success:hover{
  color:#4cd3e3;
  border:1px solid #4cd3e3;
  background:#fff}

.genric-btn.success-border{
  color:#4cd3e3;
  border:1px solid #4cd3e3;
  background:#fff}

.genric-btn.success-border:hover{
  color:#fff;
  background:#4cd3e3;
  border:1px solid transparent}

.genric-btn.info{
  color:#fff;
  background:#38a4ff;
  border:1px solid transparent}

.genric-btn.info:hover{
  color:#38a4ff;
  border:1px solid #38a4ff;
  background:#fff}

.genric-btn.info-border{
  color:#38a4ff;
  border:1px solid #38a4ff;
  background:#fff}

.genric-btn.info-border:hover{
  color:#fff;
  background:#38a4ff;
  border:1px solid transparent}

.genric-btn.warning{
  color:#fff;
  background:#f4e700;
  border:1px solid transparent}

.genric-btn.warning:hover{
  color:#f4e700;
  border:1px solid #f4e700;
  background:#fff}

.genric-btn.warning-border{
  color:#f4e700;
  border:1px solid #f4e700;
  background:#fff}

.genric-btn.warning-border:hover{
  color:#fff;
  background:#f4e700;
  border:1px solid transparent}

.genric-btn.danger{
  color:#fff;
  background:#f44a40;
  border:1px solid transparent}

.genric-btn.danger:hover{
  color:#f44a40;
  border:1px solid #f44a40;
  background:#fff}

.genric-btn.danger-border{
  color:#f44a40;
  border:1px solid #f44a40;
  background:#fff}

.genric-btn.danger-border:hover{
  color:#fff;
  background:#f44a40;
  border:1px solid transparent}

.genric-btn.link{
  color:#415094;
  background:#f9f9ff;
  text-decoration:underline;
  border:1px solid transparent}

.genric-btn.link:hover{
  color:#415094;
  border:1px solid #f9f9ff;
  background:#fff}

.genric-btn.link-border{
  color:#415094;
  border:1px solid #f9f9ff;
  background:#fff;
  text-decoration:underline}

.genric-btn.link-border:hover{
  color:#415094;
  background:#f9f9ff;
  border:1px solid transparent}

.genric-btn.disable{
  color:#222,0.3;
  background:#f9f9ff;
  border:1px solid transparent;
  cursor:not-allowed}

.generic-blockquote{
  padding:30px 50px 30px 30px;
  background:#f9f9ff;
  border-left:2px solid #bb9d53}

.progress-table-wrap{
  overflow-x:scroll}

.progress-table{
  background:#f9f9ff;
  padding:15px 0px 30px 0px;
  min-width:800px}

.progress-table .serial{
  width:11.83%;
  padding-left:30px}

.progress-table .country{
  width:28.07%}

.progress-table .visit{
  width:19.74%}

.progress-table .percentage{
  width:40.36%;
  padding-right:50px}

.progress-table .table-head{
  display:flex}

.progress-table .table-head .serial,.progress-table .table-head .country,.progress-table .table-head .visit,.progress-table .table-head .percentage{
  color:#415094;
  line-height:40px;
  text-transform:uppercase;
  font-weight:500}

.progress-table .table-row{
  padding:15px 0;
  border-top:1px solid #edf3fd;
  display:flex}

.progress-table .table-row .serial,.progress-table .table-row .country,.progress-table .table-row .visit,.progress-table .table-row .percentage{
  display:flex;
  align-items:center}

.progress-table .table-row .country img{
  margin-right:15px}

.progress-table .table-row .percentage .progress{
  width:80%;
  border-radius:0px;
  background:transparent}

.progress-table .table-row .percentage .progress .progress-bar{
  height:5px;
  line-height:5px}

.progress-table .table-row .percentage .progress .progress-bar.color-1{
  background-color:#6382e6}

.progress-table .table-row .percentage .progress .progress-bar.color-2{
  background-color:#e66686}

.progress-table .table-row .percentage .progress .progress-bar.color-3{
  background-color:#f09359}

.progress-table .table-row .percentage .progress .progress-bar.color-4{
  background-color:#73fbaf}

.progress-table .table-row .percentage .progress .progress-bar.color-5{
  background-color:#73fbaf}

.progress-table .table-row .percentage .progress .progress-bar.color-6{
  background-color:#6382e6}

.progress-table .table-row .percentage .progress .progress-bar.color-7{
  background-color:#a367e7}

.progress-table .table-row .percentage .progress .progress-bar.color-8{
  background-color:#e66686}

.single-gallery-image{
  margin-top:30px;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:cover !important;
  height:200px}

.list-style{
  width:14px;
  height:14px}

.unordered-list li{
  position:relative;
  padding-left:30px;
  line-height:1.82em !important}

.unordered-list li:before{
  content:"";
  position:absolute;
  width:14px;
  height:14px;
  border:3px solid #bb9d53;
  background:#fff;
  top:4px;
  left:0;
  border-radius:50%}

.ordered-list{
  margin-left:30px}

.ordered-list li{
  list-style-type:decimal-leading-zero;
  color:#bb9d53;
  font-weight:500;
  line-height:1.82em !important}

.ordered-list li span{
  font-weight:300;
  color:#828bb2}

.ordered-list-alpha li{
  margin-left:30px;
  list-style-type:lower-alpha;
  color:#bb9d53;
  font-weight:500;
  line-height:1.82em !important}

.ordered-list-alpha li span{
  font-weight:300;
  color:#828bb2}

.ordered-list-roman li{
  margin-left:30px;
  list-style-type:lower-roman;
  color:#bb9d53;
  font-weight:500;
  line-height:1.82em !important}

.ordered-list-roman li span{
  font-weight:300;
  color:#828bb2}

.single-input{
  display:block;
  width:100%;
  line-height:40px;
  border:none;
  outline:none;
  background:#f9f9ff;
  padding:0 20px}

.single-input:focus{
  outline:none}

.input-group-icon{
  position:relative}

.input-group-icon .icon{
  position:absolute;
  left:20px;
  top:0;
  line-height:40px;
  z-index:3}

.input-group-icon .icon i{
  color:#797979}

.input-group-icon .single-input{
  padding-left:45px}

.single-textarea{
  display:block;
  width:100%;
  line-height:40px;
  border:none;
  outline:none;
  background:#f9f9ff;
  padding:0 20px;
  height:100px;
  resize:none}

.single-textarea:focus{
  outline:none}

.single-input-primary{
  display:block;
  width:100%;
  line-height:40px;
  border:1px solid transparent;
  outline:none;
  background:#f9f9ff;
  padding:0 20px}

.single-input-primary:focus{
  outline:none;
  border:1px solid #bb9d53}

.single-input-accent{
  display:block;
  width:100%;
  line-height:40px;
  border:1px solid transparent;
  outline:none;
  background:#f9f9ff;
  padding:0 20px}

.single-input-accent:focus{
  outline:none;
  border:1px solid #bb9d53}

.single-input-secondary{
  display:block;
  width:100%;
  line-height:40px;
  border:1px solid transparent;
  outline:none;
  background:#f9f9ff;
  padding:0 20px}

.single-input-secondary:focus{
  outline:none;
  border:1px solid #f09359}

.default-switch{
  width:35px;
  height:17px;
  border-radius:8.5px;
  background:#f9f9ff;
  position:relative;
  cursor:pointer}

.default-switch input{
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  opacity:0;
  cursor:pointer}

.default-switch input+label{
  position:absolute;
  top:1px;
  left:1px;
  width:15px;
  height:15px;
  border-radius:50%;
  background:#bb9d53;
  -webkit-transition:all 0.2s;
  -moz-transition:all 0.2s;
  -o-transition:all 0.2s;
  transition:all 0.2s;
  box-shadow:0px 4px 5px 0px rgba(0,0,0,0.2);
  cursor:pointer}

.default-switch input:checked+label{
  left:19px}

.primary-switch{
  width:35px;
  height:17px;
  border-radius:8.5px;
  background:#f9f9ff;
  position:relative;
  cursor:pointer}

.primary-switch input{
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  opacity:0}

.primary-switch input+label{
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%}

.primary-switch input+label:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  background:transparent;
  border-radius:8.5px;
  cursor:pointer;
  -webkit-transition:all 0.2s;
  -moz-transition:all 0.2s;
  -o-transition:all 0.2s;
  transition:all 0.2s}

.primary-switch input+label:after{
  content:"";
  position:absolute;
  top:1px;
  left:1px;
  width:15px;
  height:15px;
  border-radius:50%;
  background:#fff;
  -webkit-transition:all 0.2s;
  -moz-transition:all 0.2s;
  -o-transition:all 0.2s;
  transition:all 0.2s;
  box-shadow:0px 4px 5px 0px rgba(0,0,0,0.2);
  cursor:pointer}

.primary-switch input:checked+label:after{
  left:19px}

.primary-switch input:checked+label:before{
  background:#bb9d53}

.confirm-switch{
  width:35px;
  height:17px;
  border-radius:8.5px;
  background:#f9f9ff;
  position:relative;
  cursor:pointer}

.confirm-switch input{
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  opacity:0}

.confirm-switch input+label{
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%}

.confirm-switch input+label:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  background:transparent;
  border-radius:8.5px;
  -webkit-transition:all 0.2s;
  -moz-transition:all 0.2s;
  -o-transition:all 0.2s;
  transition:all 0.2s;
  cursor:pointer}

.confirm-switch input+label:after{
  content:"";
  position:absolute;
  top:1px;
  left:1px;
  width:15px;
  height:15px;
  border-radius:50%;
  background:#fff;
  -webkit-transition:all 0.2s;
  -moz-transition:all 0.2s;
  -o-transition:all 0.2s;
  transition:all 0.2s;
  box-shadow:0px 4px 5px 0px rgba(0,0,0,0.2);
  cursor:pointer}

.confirm-switch input:checked+label:after{
  left:19px}

.confirm-switch input:checked+label:before{
  background:#4cd3e3}

.primary-checkbox{
  width:16px;
  height:16px;
  border-radius:3px;
  background:#f9f9ff;
  position:relative;
  cursor:pointer}

.primary-checkbox input{
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  opacity:0}

.primary-checkbox input+label{
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  border-radius:3px;
  cursor:pointer;
  border:1px solid #f1f1f1}

.primary-checkbox input:checked+label{
  background:url(../img/elements/primary-check.png) no-repeat center center/cover;
  border:none}

.confirm-checkbox{
  width:16px;
  height:16px;
  border-radius:3px;
  background:#f9f9ff;
  position:relative;
  cursor:pointer}

.confirm-checkbox input{
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  opacity:0}

.confirm-checkbox input+label{
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  border-radius:3px;
  cursor:pointer;
  border:1px solid #f1f1f1}

.confirm-checkbox input:checked+label{
  background:url(../img/elements/success-check.png) no-repeat center center/cover;
  border:none}

.disabled-checkbox{
  width:16px;
  height:16px;
  border-radius:3px;
  background:#f9f9ff;
  position:relative;
  cursor:pointer}

.disabled-checkbox input{
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  opacity:0}

.disabled-checkbox input+label{
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  border-radius:3px;
  cursor:pointer;
  border:1px solid #f1f1f1}

.disabled-checkbox input:disabled{
  cursor:not-allowed;
  z-index:3}

.disabled-checkbox input:checked+label{
  background:url(../img/elements/disabled-check.png) no-repeat center center/cover;
  border:none}

.primary-radio{
  width:16px;
  height:16px;
  border-radius:8px;
  background:#f9f9ff;
  position:relative;
  cursor:pointer}

.primary-radio input{
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  opacity:0}

.primary-radio input+label{
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  border-radius:8px;
  cursor:pointer;
  border:1px solid #f1f1f1}

.primary-radio input:checked+label{
  background:url(../img/elements/primary-radio.png) no-repeat center center/cover;
  border:none}

.confirm-radio{
  width:16px;
  height:16px;
  border-radius:8px;
  background:#f9f9ff;
  position:relative;
  cursor:pointer}

.confirm-radio input{
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  opacity:0}

.confirm-radio input+label{
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  border-radius:8px;
  cursor:pointer;
  border:1px solid #f1f1f1}

.confirm-radio input:checked+label{
  background:url(../img/elements/success-radio.png) no-repeat center center/cover;
  border:none}

.disabled-radio{
  width:16px;
  height:16px;
  border-radius:8px;
  background:#f9f9ff;
  position:relative;
  cursor:pointer}

.disabled-radio input{
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  opacity:0}

.disabled-radio input+label{
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  border-radius:8px;
  cursor:pointer;
  border:1px solid #f1f1f1}

.disabled-radio input:disabled{
  cursor:not-allowed;
  z-index:3}

.disabled-radio input:checked+label{
  background:url(../img/elements/disabled-radio.png) no-repeat center center/cover;
  border:none}

.default-select{
  height:40px}

.default-select .nice-select{
  border:none;
  border-radius:0px;
  height:40px;
  background:#f9f9ff;
  padding-left:20px;
  padding-right:40px}

.default-select .nice-select .list{
  margin-top:0;
  border:none;
  border-radius:0px;
  box-shadow:none;
  width:100%;
  padding:10px 0 10px 0px}

.default-select .nice-select .list .option{
  font-weight:300;
  -webkit-transition:all 0.3s ease 0s;
  -moz-transition:all 0.3s ease 0s;
  -o-transition:all 0.3s ease 0s;
  transition:all 0.3s ease 0s;
  line-height:28px;
  min-height:28px;
  font-size:12px;
  padding-left:20px}

.default-select .nice-select .list .option.selected{
  color:#bb9d53;
  background:transparent}

.default-select .nice-select .list .option:hover{
  color:#bb9d53;
  background:transparent}

.default-select .current{
  margin-right:50px;
  font-weight:300}

.default-select .nice-select::after{
  right:20px}

.form-select{
  height:40px;
  width:100%}

.form-select .nice-select{
  border:none;
  border-radius:0px;
  height:40px;
  background:#f9f9ff;
  padding-left:45px;
  padding-right:40px;
  width:100%}

.form-select .nice-select .list{
  margin-top:0;
  border:none;
  border-radius:0px;
  box-shadow:none;
  width:100%;
  padding:10px 0 10px 0px}

.form-select .nice-select .list .option{
  font-weight:300;
  -webkit-transition:all 0.3s ease 0s;
  -moz-transition:all 0.3s ease 0s;
  -o-transition:all 0.3s ease 0s;
  transition:all 0.3s ease 0s;
  line-height:28px;
  min-height:28px;
  font-size:12px;
  padding-left:45px}

.form-select .nice-select .list .option.selected{
  color:#bb9d53;
  background:transparent}

.form-select .nice-select .list .option:hover{
  color:#bb9d53;
  background:transparent}

.form-select .current{
  margin-right:50px;
  font-weight:300}

.form-select .nice-select::after{
  right:20px}

.mt-10{
  margin-top:10px}

.section-top-border{
  padding:50px 0;
  border-top:1px dotted #eee}

.mb-30{
  margin-bottom:30px}

.mt-30{
  margin-top:30px}

.switch-wrap{
  margin-bottom:10px}

.latest-blog-area .area-heading{
  margin-bottom:70px}

.blog_area a{
  color:#666 !important;
  text-decoration:none;
  -webkit-transition:.5s;
  transition:.5s}

.blog_area a:hover,.blog_area a :hover{
  background:-webkit-linear-gradient(131deg, #feb47b 0%, #bb9d53 99%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  text-decoration:none;
  -webkit-transition:.5s;
  transition:.5s}

.single-blog{
  overflow:hidden;
  margin-bottom:30px}

.single-blog:hover{
  box-shadow:0px 10px 20px 0px rgba(42,34,123,0.1)}

.single-blog .thumb{
  overflow:hidden;
  position:relative}

.single-blog .thumb:after{
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:#000;
  opacity:0;
  -webkit-transition:.5s;
  transition:.5s}

.single-blog h4{
  border-bottom:1px solid #dfdfdf;
  padding-bottom:34px;
  margin-bottom:25px}

.single-blog a{
  font-size:20px;
  font-weight:600}

.single-blog .date{
  color:#666666;
  text-align:left;
  display:inline-block;
  font-size:13px;
  font-weight:300}

.single-blog .tag{
  text-align:left;
  display:inline-block;
  float:left;
  font-size:13px;
  font-weight:300;
  margin-right:22px;
  position:relative}

.single-blog .tag:after{
  content:'';
  position:absolute;
  width:1px;
  height:10px;
  background:#acacac;
  right:-12px;
  top:7px}

@media (max-width: 1199px){
  .single-blog .tag{
  margin-right:8px}

.single-blog .tag:after{
  display:none}

}

.single-blog .likes{
  margin-right:16px}

@media (max-width: 800px){
  .single-blog{
  margin-bottom:30px}

}

.single-blog .single-blog-content{
  padding:30px}

.single-blog .single-blog-content .meta-bottom p{
  font-size:13px;
  font-weight:300}

.single-blog .single-blog-content .meta-bottom i{
  color:#fdcb9e;
  font-size:13px;
  margin-right:7px}

@media (max-width: 1199px){
  .single-blog .single-blog-content{
  padding:15px}

}

.single-blog:hover .thumb:after{
  opacity:.7;
  -webkit-transition:.5s;
  transition:.5s}

@media (max-width: 1199px){
  .single-blog h4{
  transition:all 300ms linear 0s;
  border-bottom:1px solid #dfdfdf;
  padding-bottom:14px;
  margin-bottom:12px}

.single-blog h4 a{
  font-size:18px}

}

.full_image.single-blog{
  position:relative}

.full_image.single-blog .single-blog-content{
  position:absolute;
  left:35px;
  bottom:0;
  opacity:0;
  visibility:hidden;
  -webkit-transition:.5s;
  transition:.5s}

@media (min-width: 992px){
  .full_image.single-blog .single-blog-content{
  bottom:100px}

}

.full_image.single-blog h4{
  -webkit-transition:.5s;
  transition:.5s;
  border-bottom:none;
  padding-bottom:5px}

.full_image.single-blog a{
  font-size:20px;
  font-weight:600}

.full_image.single-blog .date{
  color:#fff}

.full_image.single-blog:hover .single-blog-content{
  opacity:1;
  visibility:visible;
  -webkit-transition:.5s;
  transition:.5s}

.l_blog_item .l_blog_text .date{
  margin-top:24px;
  margin-bottom:15px}

.l_blog_item .l_blog_text .date a{
  font-size:12px}

.l_blog_item .l_blog_text h4{
  font-size:18px;
  border-bottom:1px solid #eeeeee;
  margin-bottom:0px;
  padding-bottom:20px;
  -webkit-transition:.5s;
  transition:.5s}

.l_blog_item .l_blog_text p{
  margin-bottom:0px;
  padding-top:20px}

.causes_slider .owl-dots{
  text-align:center;
  margin-top:80px}

.causes_slider .owl-dots .owl-dot{
  height:14px;
  width:14px;
  background:#eeeeee;
  display:inline-block;
  margin-right:7px}

.causes_slider .owl-dots .owl-dot:last-child{
  margin-right:0px}

.causes_item{
  background:#fff}

.causes_item .causes_img{
  position:relative}

.causes_item .causes_img .c_parcent{
  position:absolute;
  bottom:0px;
  width:100%;
  left:0px;
  height:3px;
  background:rgba(255,255,255,0.5)}

.causes_item .causes_img .c_parcent span{
  width:70%;
  height:3px;
  position:absolute;
  left:0px;
  bottom:0px}

.causes_item .causes_img .c_parcent span:before{
  content:"75%";
  position:absolute;
  right:-10px;
  bottom:0px;
  color:#fff;
  padding:0px 5px}

.causes_item .causes_text{
  padding:30px 35px 40px 30px}

.causes_item .causes_text h4{
  font-size:18px;
  font-weight:600;
  margin-bottom:15px;
  cursor:pointer}

.causes_item .causes_text p{
  font-size:14px;
  line-height:24px;
  font-weight:300;
  margin-bottom:0px}

.causes_item .causes_bottom a{
  width:50%;
  border:1px solid;
  text-align:center;
  float:left;
  line-height:50px;
  color:#fff;
  font-size:14px;
  font-weight:500}

.causes_item .causes_bottom a+a{
  border-color:#eeeeee;
  background:#fff;
  font-size:14px}

.latest_blog_area{
  background:#f9f9ff}

.single-recent-blog-post{
  margin-bottom:30px}

.single-recent-blog-post .thumb{
  overflow:hidden}

.single-recent-blog-post .thumb img{
  transition:all 0.7s linear}

.single-recent-blog-post .details{
  padding-top:30px}

.single-recent-blog-post .details .sec_h4{
  line-height:24px;
  padding:10px 0px 13px;
  transition:all 0.3s linear}

.single-recent-blog-post .date{
  font-size:14px;
  line-height:24px;
  font-weight:400}

.single-recent-blog-post:hover img{
  transform:scale(1.23) rotate(10deg)}

.tags .tag_btn{
  font-size:12px;
  font-weight:500;
  line-height:20px;
  border:1px solid #eeeeee;
  display:inline-block;
  padding:1px 18px;
  text-align:center}

.tags .tag_btn+.tag_btn{
  margin-left:2px}

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

@media (min-width: 900px){
  .blog_categorie_area{
  padding-top:80px;
  padding-bottom:80px}

}

@media (min-width: 1100px){
  .blog_categorie_area{
  padding-top:120px;
  padding-bottom:120px}

}

.categories_post{
  position:relative;
  text-align:center;
  cursor:pointer}

.categories_post img{
  max-width:100%}

.categories_post .categories_details{
  position:absolute;
  top:20px;
  left:20px;
  right:20px;
  bottom:20px;
  background:rgba(34,34,34,0.75);
  color:#fff;
  transition:all 0.3s linear;
  display:flex;
  align-items:center;
  justify-content:center}

.categories_post .categories_details h5{
  margin-bottom:0px;
  font-size:18px;
  line-height:26px;
  text-transform:uppercase;
  color:#fff;
  position:relative}

.categories_post .categories_details p{
  font-weight:300;
  font-size:14px;
  line-height:26px;
  margin-bottom:0px}

.categories_post .categories_details .border_line{
  margin:10px 0px;
  background:#fff;
  width:100%;
  height:1px}

.categories_post:hover .categories_details{
  background:#bb9d53}

.blog_item{
  margin-bottom:50px}

.blog_details{
  padding:30px 0 20px 10px;
  box-shadow:0px 10px 20px 0px rgba(221,221,221,0.3)}

@media (min-width: 768px){
  .blog_details{
  padding:60px 30px 35px 35px}

}

.blog_details p{
  margin-bottom:30px}

.blog_details a{
  color:#bb9d53}

.blog_details a:hover{
  color:#bb9d53}

.blog_details h2{
  font-size:18px;
  font-weight:600;
  margin-bottom:8px}

@media (min-width: 768px){
  .blog_details h2{
  font-size:24px;
  margin-bottom:15px}

}

.blog-info-link li{
  float:left;
  font-size:14px}

.blog-info-link li a{
  color:#999999}

.blog-info-link li i,.blog-info-link li span{
  font-size:13px;
  margin-right:5px}

.blog-info-link li::after{
  content:"|";
  padding-left:10px;
  padding-right:10px}

.blog-info-link li:last-child::after{
  display:none}

.blog-info-link::after{
  content:"";
  display:block;
  clear:both;
  display:table}

.blog_item_img{
  position:relative}

.blog_item_img .blog_item_date{
  position:absolute;
  bottom:-10px;
  left:10px;
  display:block;
  color:#fff;
  background-color:#bb9d53;
  padding:8px 15px;
  border-radius:5px}

@media (min-width: 768px){
  .blog_item_img .blog_item_date{
  bottom:-20px;
  left:40px;
  padding:13px 30px}

}

.blog_item_img .blog_item_date h3{
  font-size:22px;
  font-weight:600;
  color:#fff;
  margin-bottom:0;
  line-height:1.2}

@media (min-width: 768px){
  .blog_item_img .blog_item_date h3{
  font-size:30px}

}

.blog_item_img .blog_item_date p{
  font-size:18px;
  margin-bottom:0;
  color:#fff}

@media (min-width: 768px){
  .blog_item_img .blog_item_date p{
  font-size:18px}

}

.blog_right_sidebar .widget_title{
  font-size:20px;
  margin-bottom:40px}

.blog_right_sidebar .widget_title::after{
  content:"";
  display:block;
  padding-top:15px;
  border-bottom:1px solid #f0e9ff}

.blog_right_sidebar .single_sidebar_widget{
  background:#fbf9ff;
  padding:30px;
  margin-bottom:30px}

.blog_right_sidebar .single_sidebar_widget .btn_1{
  margin-top:0px}

.blog_right_sidebar .search_widget .form-control{
  height:50px;
  border-color:#f0e9ff;
  font-size:13px;
  color:#999999;
  padding-left:20px;
  border-radius:0;
  border-right:0}

.blog_right_sidebar .search_widget .form-control::placeholder{
  color:#999999}

.blog_right_sidebar .search_widget .form-control:focus{
  border-color:#f0e9ff;
  outline:0;
  box-shadow:none}

.blog_right_sidebar .search_widget .input-group button{
  background:#fff;
  border-left:0;
  border:1px solid #f0e9ff;
  padding:4px 15px;
  border-left:0}

.blog_right_sidebar .search_widget .input-group button i,.blog_right_sidebar .search_widget .input-group button span{
  font-size:14px;
  color:#999999}

.blog_right_sidebar .newsletter_widget .form-control{
  height:50px;
  border-color:#f0e9ff;
  font-size:13px;
  color:#999999;
  padding-left:20px;
  border-radius:0}

.blog_right_sidebar .newsletter_widget .form-control::placeholder{
  color:#999999}

.blog_right_sidebar .newsletter_widget .form-control:focus{
  border-color:#f0e9ff;
  outline:0;
  box-shadow:none}

.blog_right_sidebar .newsletter_widget .input-group button{
  background:#fff;
  border-left:0;
  border:1px solid #f0e9ff;
  padding:4px 15px;
  border-left:0}

.blog_right_sidebar .newsletter_widget .input-group button i,.blog_right_sidebar .newsletter_widget .input-group button span{
  font-size:14px;
  color:#999999}

.blog_right_sidebar .post_category_widget .cat-list li{
  border-bottom:1px solid #f0e9ff;
  transition:all 0.3s ease 0s;
  padding-bottom:12px}

.blog_right_sidebar .post_category_widget .cat-list li:last-child{
  border-bottom:0}

.blog_right_sidebar .post_category_widget .cat-list li a{
  font-size:14px;
  line-height:20px;
  color:#888888}

.blog_right_sidebar .post_category_widget .cat-list li a p{
  margin-bottom:0px}

.blog_right_sidebar .post_category_widget .cat-list li+li{
  padding-top:15px}

.blog_right_sidebar .popular_post_widget .post_item .media-body{
  justify-content:center;
  align-self:center;
  padding-left:20px}

.blog_right_sidebar .popular_post_widget .post_item .media-body h3{
  font-size:16px;
  line-height:20px;
  margin-bottom:6px;
  transition:all 0.3s linear}

.blog_right_sidebar .popular_post_widget .post_item .media-body a:hover{
  color:#fff}

.blog_right_sidebar .popular_post_widget .post_item .media-body p{
  font-size:14px;
  line-height:21px;
  margin-bottom:0px}

.blog_right_sidebar .popular_post_widget .post_item+.post_item{
  margin-top:20px}

.blog_right_sidebar .tag_cloud_widget ul li{
  display:inline-block}

.blog_right_sidebar .tag_cloud_widget ul li a{
  display:inline-block;
  border:1px solid #eeeeee;
  background:#fff;
  padding:4px 20px;
  margin-bottom:8px;
  margin-right:3px;
  transition:all 0.3s ease 0s;
  color:#888888;
  font-size:13px}

.blog_right_sidebar .tag_cloud_widget ul li a:hover{
  background:#bb9d53;
  color:#fff !important;
  -webkit-text-fill-color:#fff;
  text-decoration:none;
  -webkit-transition:0.5s;
  transition:0.5s}

.blog_right_sidebar .instagram_feeds .instagram_row{
  display:flex;
  margin-right:-6px;
  margin-left:-6px}

.blog_right_sidebar .instagram_feeds .instagram_row li{
  width:33.33%;
  float:left;
  padding-right:6px;
  padding-left:6px;
  margin-bottom:15px}

.blog_right_sidebar .br{
  width:100%;
  height:1px;
  background:#eee;
  margin:30px 0px}

.blog-pagination{
  margin-top:80px}

.blog-pagination .page-link{
  font-size:14px;
  position:relative;
  display:block;
  padding:0;
  text-align:center;
  margin-left:-1px;
  line-height:45px;
  width:45px;
  height:45px;
  border-radius:0 !important;
  color:#8a8a8a;
  border:1px solid #f0e9ff;
  margin-right:10px}

.blog-pagination .page-link i,.blog-pagination .page-link span{
  font-size:13px}

.blog-pagination .page-item.active .page-link{
  background-color:#fbf9ff;
  border-color:#f0e9ff;
  color:#888888}

.blog-pagination .page-item:last-child .page-link{
  margin-right:0}

.single-post-area .blog_details{
  box-shadow:none;
  padding:0}

.single-post-area .social-links{
  padding-top:10px}

.single-post-area .social-links li{
  display:inline-block;
  margin-bottom:10px}

.single-post-area .social-links li a{
  color:#cccccc;
  padding:7px;
  font-size:14px;
  transition:all 0.2s linear}

.single-post-area .blog_details{
  padding-top:26px}

.single-post-area .blog_details p{
  margin-bottom:20px;
  font-size:15px}

.single-post-area .quote-wrapper{
  background:rgba(130,139,178,0.1);
  padding:15px;
  line-height:1.733;
  color:#888888;
  font-style:italic;
  margin-top:25px;
  margin-bottom:25px}

@media (min-width: 768px){
  .single-post-area .quote-wrapper{
  padding:30px}

}

.single-post-area .quotes{
  background:#fff;
  padding:15px 15px 15px 20px;
  border-left:2px solid}

@media (min-width: 768px){
  .single-post-area .quotes{
  padding:25px 25px 25px 30px}

}

.single-post-area .arrow{
  position:absolute}

.single-post-area .arrow .lnr{
  font-size:20px;
  font-weight:600}

.single-post-area .thumb .overlay-bg{
  background:rgba(0,0,0,0.8)}

.single-post-area .navigation-top{
  padding-top:15px;
  border-top:1px solid #f0e9ff}

.single-post-area .navigation-top p{
  margin-bottom:0}

.single-post-area .navigation-top .like-info{
  font-size:14px}

.single-post-area .navigation-top .like-info i,.single-post-area .navigation-top .like-info span{
  font-size:16px;
  margin-right:5px}

.single-post-area .navigation-top .comment-count{
  font-size:14px}

.single-post-area .navigation-top .comment-count i,.single-post-area .navigation-top .comment-count span{
  font-size:16px;
  margin-right:5px}

.single-post-area .navigation-top .social-icons li{
  display:inline-block;
  margin-right:15px}

.single-post-area .navigation-top .social-icons li:last-child{
  margin:0}

.single-post-area .navigation-top .social-icons li i,.single-post-area .navigation-top .social-icons li span{
  font-size:14px;
  color:#999999}

.single-post-area .blog-author{
  padding:40px 30px;
  background:#fbf9ff;
  margin-top:50px}

@media (max-width: 600px){
  .single-post-area .blog-author{
  padding:20px 8px}

}

.single-post-area .blog-author img{
  width:90px;
  height:90px;
  border-radius:50%;
  margin-right:30px}

@media (max-width: 600px){
  .single-post-area .blog-author img{
  margin-right:15px;
  width:45px;
  height:45px}

}

.single-post-area .blog-author a{
  display:inline-block}

.single-post-area .blog-author a:hover{
  color:#bb9d53}

.single-post-area .blog-author p{
  margin-bottom:0;
  font-size:15px}

.single-post-area .blog-author h4{
  font-size:16px}

.single-post-area .navigation-area{
  border-bottom:1px solid #eee;
  padding-bottom:30px;
  margin-top:55px}

.single-post-area .navigation-area p{
  margin-bottom:0px}

.single-post-area .navigation-area h4{
  font-size:18px;
  line-height:25px}

.single-post-area .navigation-area .nav-left{
  text-align:left}

.single-post-area .navigation-area .nav-left .thumb{
  margin-right:20px;
  background:#000}

.single-post-area .navigation-area .nav-left .thumb img{
  -webkit-transition:.5s;
  transition:.5s}

.single-post-area .navigation-area .nav-left .lnr{
  margin-left:20px;
  opacity:0;
  -webkit-transition:.5s;
  transition:.5s}

.single-post-area .navigation-area .nav-left:hover .lnr{
  opacity:1}

.single-post-area .navigation-area .nav-left:hover .thumb img{
  opacity:.5}

@media (max-width: 767px){
  .single-post-area .navigation-area .nav-left{
  margin-bottom:30px}

}

.single-post-area .navigation-area .nav-right{
  text-align:right}

.single-post-area .navigation-area .nav-right .thumb{
  margin-left:20px;
  background:#000}

.single-post-area .navigation-area .nav-right .thumb img{
  -webkit-transition:.5s;
  transition:.5s}

.single-post-area .navigation-area .nav-right .lnr{
  margin-right:20px;
  opacity:0;
  -webkit-transition:.5s;
  transition:.5s}

.single-post-area .navigation-area .nav-right:hover .lnr{
  opacity:1}

.single-post-area .navigation-area .nav-right:hover .thumb img{
  opacity:.5}

@media (max-width: 991px){
  .single-post-area .sidebar-widgets{
  padding-bottom:0px}

}

.comments-area{
  background:transparent;
  border-top:1px solid #eee;
  padding:45px 0;
  margin-top:50px}

@media (max-width: 414px){
  .comments-area{
  padding:50px 8px}

}

.comments-area h4{
  margin-bottom:35px;
  font-size:18px}

.comments-area h5{
  font-size:16px;
  margin-bottom:0px}

.comments-area .comment-list{
  padding-bottom:48px}

.comments-area .comment-list:last-child{
  padding-bottom:0px}

.comments-area .comment-list.left-padding{
  padding-left:25px}

@media (max-width: 413px){
  .comments-area .comment-list .single-comment h5{
  font-size:12px}

.comments-area .comment-list .single-comment .date{
  font-size:11px}

.comments-area .comment-list .single-comment .comment{
  font-size:10px}

}

.comments-area .thumb{
  margin-right:20px}

.comments-area .thumb img{
  width:70px;
  border-radius:50%}

.comments-area .date{
  font-size:14px;
  color:#999999;
  margin-bottom:0;
  margin-left:20px}

.comments-area .comment{
  margin-bottom:10px;
  color:#777777;
  font-size:15px}

.comments-area .btn-reply{
  background-color:transparent;
  color:#888888;
  padding:5px 18px;
  font-size:14px;
  display:block;
  font-weight:400}

.comment-form{
  border-top:1px solid #eee;
  padding-top:45px;
  margin-top:50px;
  margin-bottom:20px}

.comment-form .form-group{
  margin-bottom:30px}

.comment-form h4{
  margin-bottom:40px;
  font-size:18px;
  line-height:22px}

.comment-form .name{
  padding-left:0px}

@media (max-width: 767px){
  .comment-form .name{
  padding-right:0px;
  margin-bottom:1rem}

}

.comment-form .email{
  padding-right:0px}

@media (max-width: 991px){
  .comment-form .email{
  padding-left:0px}

}

.comment-form .form-control{
  border:1px solid #f0e9ff;
  border-radius:5px;
  height:48px;
  padding-left:18px;
  font-size:13px;
  background:transparent}

.comment-form .form-control:focus{
  outline:0;
  box-shadow:none}

.comment-form .form-control::placeholder{
  font-weight:300;
  color:#999999}

.comment-form .form-control::placeholder{
  color:#777777}

.comment-form textarea{
  padding-top:18px;
  border-radius:12px;
  height:100% !important}

.comment-form ::-webkit-input-placeholder{
  font-size:13px;
  color:#777}

.comment-form ::-moz-placeholder{
  font-size:13px;
  color:#777}

.comment-form :-ms-input-placeholder{
  font-size:13px;
  color:#777}

.comment-form :-moz-placeholder{
  font-size:13px;
  color:#777}

.blog_part{
  margin-bottom:140px}

@media (max-width: 576px){
  .blog_part{
  margin-bottom:0px;
  padding:0px 0px 70px}

}

@media only screen and (min-width: 480px) and (max-width: 767px){
  .blog_part{
  margin-bottom:0px;
  padding:0px 0px 70px}

}

@media only screen and (min-width: 768px) and (max-width: 991px){
  .blog_part{
  margin-bottom:0px;
  padding:0px 0px 70px}

}

.blog_part .blog_right_sidebar .widget_title{
  font-size:20px;
  margin-bottom:40px;
  font-style:inherit !important}

@media (max-width: 576px){
  .blog_part .single-home-blog{
  margin-bottom:140px;
  margin-top:20px}

}

@media only screen and (min-width: 480px) and (max-width: 767px){
  .blog_part .single-home-blog{
  margin-bottom:140px;
  margin-top:20px}

}

@media only screen and (min-width: 768px) and (max-width: 991px){
  .blog_part .single-home-blog{
  margin-bottom:140px;
  margin-top:20px}

}

.blog_part .single-home-blog .card-img-top{
  border-radius:0px}

.blog_part .single-home-blog .card{
  border:0px solid transparent;
  border-radius:0px;
  background-color:transparent;
  position:relative}

.blog_part .single-home-blog .card .card-body{
  padding:25px 10px 29px 40px;
  background-color:#fff;
  position:absolute;
  left:20px;
  bottom:-140px;
  box-shadow:-7.552px 9.326px 20px 0px rgba(1,84,85,0.1);
  border-radius:10px}

@media (max-width: 576px){
  .blog_part .single-home-blog .card .card-body{
  padding:15px;
  left:10px;
  bottom:-140px}

}

@media only screen and (min-width: 480px) and (max-width: 767px){
  .blog_part .single-home-blog .card .card-body{
  padding:15px;
  left:10px;
  bottom:-140px}

}

@media only screen and (min-width: 992px) and (max-width: 1200px){
  .blog_part .single-home-blog .card .card-body{
  padding:20px}

}

.blog_part .single-home-blog .card .card-body a{
  color:#bb9d53;
  text-transform:uppercase;
  -webkit-transition:.8s;
  transition:.8s}

.blog_part .single-home-blog .card .card-body a:hover{
  background:-webkit-linear-gradient(131deg, #ff7e5f 0%, #feb47b 99%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent}

.blog_part .single-home-blog .card .dot{
  position:relative;
  padding-left:20px}

.blog_part .single-home-blog .card .dot:after{
  position:absolute;
  content:"";
  width:10px;
  height:10px;
  top:5px;
  left:0;
  background-color:#bb9d53;
  border-radius:50%}

.blog_part .single-home-blog .card span{
  color:#8a8a8a;
  margin-bottom:10px;
  display:inline-block;
  margin-top:10px}

@media (max-width: 576px){
  .blog_part .single-home-blog .card span{
  margin-bottom:5px;
  margin-top:5px}

}

@media only screen and (min-width: 480px) and (max-width: 767px){
  .blog_part .single-home-blog .card span{
  margin-bottom:5px;
  margin-top:5px}

}

@media only screen and (min-width: 768px) and (max-width: 991px){
  .blog_part .single-home-blog .card span{
  margin-bottom:5px;
  margin-top:5px}

}

@media only screen and (min-width: 992px) and (max-width: 1200px){
  .blog_part .single-home-blog .card span{
  margin-bottom:5px;
  margin-top:5px}

}

.blog_part .single-home-blog .card h5{
  font-weight:600;
  line-height:1.5;
  font-size:20px;
  -webkit-transition:.8s;
  transition:.8s;
  /* text-transform:capitalize; */
  margin-bottom:22px}

@media (max-width: 576px){
  .blog_part .single-home-blog .card h5{
  margin-bottom:10px}

}

@media only screen and (min-width: 480px) and (max-width: 767px){
  .blog_part .single-home-blog .card h5{
  margin-bottom:10px;
  font-size:16px}

}

@media only screen and (min-width: 768px) and (max-width: 991px){
  .blog_part .single-home-blog .card h5{
  margin-bottom:10px}

}

@media only screen and (min-width: 992px) and (max-width: 1200px){
  .blog_part .single-home-blog .card h5{
  margin-bottom:10px;
  font-size:18px}

}

.blog_part .single-home-blog .card h5:hover{
  -webkit-transition:.8s;
  transition:.8s;
  background:-webkit-linear-gradient(131deg, #feb47b 0%, #ff7e5f 99%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  -webkit-animation:1s}

.blog_part .single-home-blog .card ul li{
  display:inline-block;
  color:#8a8a8a;
  margin-right:14px}

@media (max-width: 576px){
  .blog_part .single-home-blog .card ul li{
  margin-right:10px}

}

@media only screen and (min-width: 480px) and (max-width: 767px){
  .blog_part .single-home-blog .card ul li{
  margin-right:10px}

}

@media only screen and (min-width: 768px) and (max-width: 991px){
  .blog_part .single-home-blog .card ul li{
  margin-right:10px}

}

@media only screen and (min-width: 992px) and (max-width: 1200px){
  .blog_part .single-home-blog .card ul li{
  margin-right:10px}

}

.blog_part .single-home-blog .card ul li span{
  margin-right:10px;
  font-size:12px}