/* ===================================
    Google font
====================================== */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
/* 
.main-font {
  font-family: 'Poppins', sans-serif;
}

.alt-font {
  font-family: 'Roboto', sans-serif;
} */

/* ===================================
    Scrollbar
====================================== */

.fancybox__button--zoom {

  display: none;
}

.fancybox__button--slideshow {
  display: none;
}

.fancybox__button--fullscreen {
  display: none;

}

.fancybox__button--thumbs {
  display: none;
}

/* ===================================
    Image Hover
====================================== */



/* Use in BLog */


/* Use in BLog */




/* ===================================
    General
====================================== */

body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #202020;
  font-weight: 300;
  line-height: 25px;
  width: 100%;
  overflow-x: hidden
}





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

.rev_slider_wrapper {
  width: 100% !important;
}

.btn.focus,
.btn:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

p:last-child {
  margin-bottom: 0 !important;
  font-family: 'Roboto', sans-serif;
}





li {
  list-style: none;
  text-decoration: none;
}



/* transition none */
.no-transition * {
  transition-timing-function: initial;
  -moz-transition-timing-function: initial;
  -webkit-transition-timing-function: initial;
  -o-transition-timing-function: initial;
  -ms-transition-timing-function: initial;
  transition-duration: 0s;
  -moz-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s;
  -ms-transition-duration: 0s;
}

/* overlay */

/*font-weight*/

/* button */
.btn {
  -webkit-appearance: initial;
  overflow: hidden;
  position: -webkit-sticky;
  position: sticky;
  z-index: 2;
  display: inline-block;
  font-size: 16px;
  border: 2px solid transparent;
  letter-spacing: .5px;
  line-height: inherit;
  border-radius: 0;
  text-transform: capitalize;
  width: auto;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease !important;
  transition: all .5s ease !important;
}

/* Pink button */

/* Transparent button */

/* button size */


/* Text color */


/* Background color */

/* Font */




/* ===================================
        Header
   ====================================== */

/* nav top default */

header a.logo img {
  max-width: 80px;
  vertical-align: sub;
}

.nav-button {
  margin: 0 1.5rem;
}

.navbar-top-default {
  position: absolute;
  top: 15px;
  z-index: 99;
  overflow: hidden;
  height: 100px;
  width: 100%;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.other-page .navbar-top-default {
  background-color: #c32865;
}









/*Navbar Simple*/







/*nav line*/


/* ===================================
    Side Menu
====================================== */

.side-menu {
  width: 100%;
  position: fixed;
  right: 0;
  top: 0;
  background: #171717;
  z-index: 1032;
  height: 100vh;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  -webkit-transition: -webkit-transform .5s ease;
  transition: -webkit-transform .5s ease;
  -o-transition: -o-transform .5s ease;
  -o-transition: transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease;
  overflow: hidden;
}



.side-menu .side-nav .navbar-nav {
  text-align: center;
  margin-right: 0px;
  padding-top: 20px;
}



.side-footer {
  text-align: center;
}

.side-menu.left {
  left: 0;
  right: auto;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}



.side-menu.side-menu-active,
.side-menu.before-side {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.pul-menu .side-menu.side-menu-active {
  visibility: visible;
  opacity: 1;
}

.side-menu .navbar-brand {
  margin: 0 0 2.5rem 0;
}

/*Side overlay*/
#close_side_menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #2f2f2f;
  -webkit-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
  -o-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
  display: none;
  z-index: 1031;
  opacity: 0.4;
}

/*side clode btn*/
.side-menu .btn-close {
  position: absolute;
  right: 46px;
  top: 44px;
  color: #ffffff;
  font-size: 30px;
  cursor: pointer;
  z-index: 1111;
}














.side-nav .navbar-nav .nav-item {
  display: block;
  margin: 20px 0;
  padding: 0 !important;
  opacity: 0;
  -webkit-transition: all 0.8s ease 500ms;
  -o-transition: all 0.8s ease 500ms;
  transition: all 0.8s ease 500ms;

  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}

/* 
.side-nav .navbar-nav .nav-item:first-child {
  -webkit-transition-delay: .1s;
  -o-transition-delay: .1s;
  transition-delay: .1s;
}

.side-nav .navbar-nav .nav-item:nth-child(2) {
  -webkit-transition-delay: .2s;
  -o-transition-delay: .2s;
  transition-delay: .2s;
}

.side-nav .navbar-nav .nav-item:nth-child(3) {
  -webkit-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s;
}

.side-nav .navbar-nav .nav-item:nth-child(4) {
  -webkit-transition-delay: .4s;
  -o-transition-delay: .4s;
  transition-delay: .4s;
}

.side-nav .navbar-nav .nav-item:nth-child(5) {
  -webkit-transition-delay: .5s;
  -o-transition-delay: .5s;
  transition-delay: .5s;
}

.side-nav .navbar-nav .nav-item:nth-child(6) {
  -webkit-transition-delay: .6s;
  -o-transition-delay: .6s;
  transition-delay: .6s;
}

.side-nav .navbar-nav .nav-item:nth-child(7) {
  -webkit-transition-delay: .7s;
  -o-transition-delay: .7s;
  transition-delay: .7s;
}

.side-nav .navbar-nav .nav-item:nth-child(8) {
  -webkit-transition-delay: .8s;
  -o-transition-delay: .8s;
  transition-delay: .8s;
}

.side-nav .navbar-nav .nav-item:nth-child(9) {
  -webkit-transition-delay: .9s;
  -o-transition-delay: .9s;
  transition-delay: .9s;
} */

.side-menu.side-menu-active .side-nav .navbar-nav .nav-item {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.side-nav .navbar-nav .nav-link {
  display: inline-table;
  color: #ffffff;
  padding: 2px 0 3px 0 !important;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: normal;
  position: relative;
  border-radius: 0;
  text-decoration: none;
}






.social-icons-simple li {
  display: inline-block;
}

.social-icons-simple li a {
  font-size: 16px;
  justify-content: center;
  color: #ffffff;
  height: 46px;
  line-height: 38px;
  width: 46px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  align-items: center;
  display: flex;
}

@-webkit-keyframes animationFade {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes animationFade {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.side-menu .side-footer p {
  color: #ffffff;
}

.push-slider-up {
  margin-top: 100vh;
}

.navigation-toggle span {
  width: 25px;
  background-color: #ffffff;
  height: 2px;
  display: block;
  margin-top: 3px;
  -webkit-transition: .8s ease;
  -o-transition: .8s ease;
  transition: .8s ease;
  margin-left: auto;
  margin-right: auto;
  -webkit-animation: .8s zoomIn;
  animation: .8s zoomIn;
}





/*Side Menu Animation*/





/* ===================================
    About Us
====================================== */


/* ===================================
       Blog Section
====================================== */



/* ===================================
       Contact Us
====================================== */

/* ===================================
       Google-Map
====================================== */



/* ===================================
   Footer
====================================== */


/* ===================================
   Scroll Top
====================================== */

.go-top {
  position: fixed;
  cursor: pointer;
  bottom: 15px;
  right: 15px;
  color: #ffffff;
  background-color: #222120;
  border-radius: 50%;
  z-index: 4;
  width: 40px;
  text-align: center;
  height: 42px;
  line-height: 42px;
  opacity: 0;
  border: white;
  visibility: hidden;
  -webkit-transition: .9s;
  -o-transition: .9s;
  transition: .9s;
  -webkit-transform: translateY(150px);
  -ms-transform: translateY(150px);
  transform: translateY(150px);
  border: 1px solid;
}

.go-top.active {
  -webkit-animation: bounceInDown 2s;
  animation: bounceInDown 2s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.go-top i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.go-top i:last-child {
  opacity: 0;
  visibility: hidden;
  top: 60%;
}

.go-top::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #4b4b4b;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  border-radius: 50%;
}

.go-top:hover,
.go-top:focus {
  color: #ffffff;
}

.go-top:hover::before,
.go-top:focus::before {
  opacity: 1;
  visibility: visible;
}

.go-top:hover i:first-child,
.go-top:focus i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}

.go-top:hover i:last-child,
.go-top:focus i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

/* ===================================
     Stand Alone
====================================== */


/* ===================================
    Blog Page
====================================== */

/* ===================================
   Loader
====================================== */
.loader-bg {
  position: fixed;
  z-index: 99999;
  background-color: #171717;
  width: 100%;
  height: 100%;
}

.loader {
  border: 0 solid transparent;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.loader:before,
.loader:after {
  content: '';
  border: 1em solid #c32865;
  border-radius: 50%;
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  left: 0;
  animation: load 2s linear infinite;
  opacity: 0;
}

.loader:before {
  animation-delay: .5s;
}

@keyframes load {
  0% {
    transform: scale(0);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    transform: scale(1);
    opacity: 0;
  }
}

/* ===================================
   Media & Queries
====================================== */

@media (min-width: 1800px) {}

@media (max-width: 1280px) and (min-width: 992px) {}

@media (max-width: 1280px) and (min-width: 992px) {}

@media screen and (max-width: 991px) and (min-width: 768px) {

  /* Nav */
  .round-nav {
    border-radius: 0;
  }

  .navbar-top-default {
    background: #171717;
    top: 0;
  }

  .navigation-toggle span {
    background-color: #ffffff;
  }

  .side-menu .btn-close {
    right: 48px;
    top: 32px;
  }

  .side-menu .side-nav .navbar-nav li a {
    font-size: 22px;
  }

  .get-started-btn {
    margin: 20px;
  }

  /* Slider */

}

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

  /* Font adjustment for small screens */
  .font-10 {
    font-size: 10px;
  }

  .font-15 {
    font-size: 12px;
  }

  .font-14 {
    font-size: 14px;
  }

  .font-16 {
    font-size: 16px;
  }

  .font-18 {
    font-size: 16px;
  }

  .font-20 {
    font-size: 16px;
  }

  .font-22 {
    font-size: 22px;
  }

  .font-24 {
    font-size: 24px;
  }

  .font-40 {
    font-size: 28px;
  }

  .font-45 {
    font-size: 45px;
  }

  .tp-caption>.font-18 {
    font-size: 14px;
  }

  body {
    text-align: center;
  }

  section {
    padding: 4.5rem 0;
  }

  .padding-top {
    padding-top: 4.5rem;
  }

  .h1,
  h1 {
    font-size: 1.5rem;
  }

  /* Nav */
  .round-nav {
    border-radius: 0;
  }

  .navbar-top-default {
    background: #171717;
    top: 0;
    height: 80px;
  }

  .header-appear .navbar-top-default {
    height: 80px;
  }

  .navigation-toggle span {
    background-color: #ffffff;
  }

  .side-menu .mega-title {
    display: none;
  }

  .side-nav .navbar-nav .nav-item {
    margin: 18px 0;
  }

  .side-footer p {
    font-size: 14px;
  }

  .side-menu .side-nav .navbar-nav li a {
    font-size: 18px;
  }

  .sidemenu_btn {
    right: 8px;
    top: 25px;
  }

  .side-menu .btn-close {
    right: 26px;
    top: 28px;
  }

  .tp-caption>.font-40 {
    font-size: 35px;
  }

  .side-menu .mega-title h2 {
    font-size: 54px;
  }

  .side-menu .mega-title {
    animation: none;
    left: 50%;
  }

  .side-menu .side-nav .navbar-nav .get-started-btn a {
    font-size: 12px;
  }

  .quote-content {
    padding: 30px 20px;
    margin: 0;
  }

  .quote-content #quote_submit_btn {
    margin-bottom: 0;
  }

  .quote-content .form-check {
    padding: 10px 0 40px 0;
  }

  .get-started-btn {
    margin-top: 20px;
  }

  /* About Us */
  .about-box {
    margin-top: 20px;
  }

  .about-margin {
    margin: 4.5rem 0;
  }

  .about-box h5 {
    font-size: 20px;
  }

  /* Client */
  .skill-box {
    max-width: 540px;
    padding: 4.5rem 0;
  }

  .stats-bg,
  .parallax-img {
    background-size: cover;
  }

  /* Parallax */
  .paragraph {
    font-size: 14px;
  }

  /* Blog Section */
  .blog-bg {
    background-size: cover;
  }

  /* Portfolio */
  .nav-pills .nav-link {
    padding: .6rem 1.4rem;
  }

  /* Contact Form */
  .contact-sec {
    padding-bottom: 60px;
  }

  /* Footer */
  .footer-social a {
    margin: 0;
  }

  /* Standalone */
  .standalone-detail {
    padding-bottom: 70px;
  }

  .standalone-area .gradient-text1 {
    font-size: 30px;
  }

  .standalone-detail .heading {
    font-size: 30px;
  }

  .standalone-area .sub-heading {
    margin-top: 3rem;
  }

  .standalone-row .stand-img-des {
    padding-left: 0;
    padding-right: 0;
  }

  .standalone-row:nth-child(2) .stand-img-des {
    padding-left: 0;
    padding-right: 0;
  }

  .standalone-row:nth-child(2) {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .page-title h2 {
    font-size: 2.5rem;
  }

  .standalone-area .heading-text {
    font-size: 30px;
  }

  /* Blog */
  .news_desc {
    text-align: center;
  }

  .author-avatar {
    float: none;
    margin-bottom: 25px;
    overflow: visible;
  }

  .agency-author {
    padding: 30px;
  }

  .author-content {
    padding: 0;
  }

  .widget-blog h5 {
    text-align: center;
  }
}

@media (max-width: 575.98px) {

  /* Side Nav */


}

@media (max-width: 320px) {}