/*-----------------------------------------------------------------------------------
    
    Template Name: Caprice - eCommerce HTML Template
    Version: 1.0
    
-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
    1. Template default CSS
    2. Header style
    3. Slider style
    4. Section title style
    5. Product style
    6. Banner style
    7. Video style
    8. Blog style
    9. Subscribe style
    10. Footer style
    11. Instagram style
    12. Service style
    13. Categories style
    14. Brand logo style
    15. Testimonial style
    16. Bookstore style
    17. Others style
    18. About style
    19. Product details style
    20. Breadcrumb style
    22. Shop style
    23. Sidebar style
    24. Cart style
    25. Order tracking style
    26. Login register style
    27. My account style
    28. Checkout style
    29. Coming soon style
    30. Contact style
    31. Faq style
    32. Compare style
    33. landing page style
    
-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  1. Template default CSS
/*----------------------------------------*/
/*-- Google Font --*/
/*-- Common Style --*/
*,
*::after,
*::before {
  box-sizing: border-box; }

html,
body {
  height: 100%; }

body {
  line-height: 24px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #666;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #666;
  font-weight: 400;
  margin-top: 0;
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif; }

p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #666;
  margin-bottom: 15px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }

h1 {
  font-size: 80px; }

h2 {
  font-size: 42px; }

h3 {
  font-size: 24px; }

h4 {
  font-size: 18px; }

h5 {
  font-size: 14px; }

h6 {
  font-size: 12px; }

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

a,
button {
  color: inherit;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
  color: #393939; }

a,
button,
img,
input,
span {
  transition: all .3s ease 0s; }

img {
  width: auto;
  max-width: 100%; }

*:focus {
  outline: none !important; }

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

a:hover {
  text-decoration: none; }

button,
input[type="submit"] {
  cursor: pointer; }

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

/*-- 
    - Common Classes
-----------------------------------------*/
.fix {
  overflow: hidden; }

.hidden {
  display: none; }

.clear {
  clear: both; }

.section {
  float: left;
  width: 100%; }

.f-right {
  float: right; }

.capitalize {
  text-transform: capitalize; }

.uppercase {
  text-transform: uppercase; }

.bg-img {
  background-position: center center;
  background-size: cover; }

.position-relative {
  position: relative; }

.border-top-1 {
  border-top: 1px solid #d8d8d8; }

.border-top-2 {
  border-top: 1px solid #b6b6b6; }

.border-top-3 {
  border-top: 1px solid #8b8b8b; }

.border-top-4 {
  border-top: 1px solid #454545; }

.round-border-1 {
  border: 1px solid #979797; }

.border-bottom-1 {
  border-bottom: 1px solid #d8d8d8; }

a:hover {
  color: #D4A843; }

/*************************
  Basic margin padding
*************************/
.m-0 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0; }

.p-0 {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0; }

/*************************
         Margin top
*************************/
.mt-0 {
  margin-top: 0; }

.mt-5 {
  margin-top: 5px !important; }

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

.mt-12 {
  margin-top: 12px; }

.mt-15 {
  margin-top: 15px; }

.mt-20 {
  margin-top: 20px; }

.mt-25 {
  margin-top: 25px; }

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

.mt-35 {
  margin-top: 35px; }

.mt-40 {
  margin-top: 40px; }

.mt-45 {
  margin-top: 45px; }

.mt-50 {
  margin-top: 50px; }

.mt-55 {
  margin-top: 55px; }

.mt-60 {
  margin-top: 60px; }

.mt-65 {
  margin-top: 65px; }

.mt-70 {
  margin-top: 70px; }

.mt-80 {
  margin-top: 80px; }

.mt-90 {
  margin-top: 90px; }

.mt-100 {
  margin-top: 100px; }
  @media only screen and (max-width: 767px) {
    .mt-100 {
      margin-top: 50px; } }

.mt-110 {
  margin-top: 110px; }

.mt-120 {
  margin-top: 120px; }

.mt-130 {
  margin-top: 130px; }

.mt-140 {
  margin-top: 140px; }

.mt-150 {
  margin-top: 150px; }

.mt-160 {
  margin-top: 160px; }

.mt-155 {
  margin-top: 155px; }

.mt-175 {
  margin-top: 175px; }

/*************************
      Margin right
*************************/
.mr-0 {
  margin-right: 0px; }

.mr-10 {
  margin-right: 10px; }

.mr-12 {
  margin-right: 12px; }

.mr-15 {
  margin-right: 15px; }

.mr-20 {
  margin-right: 20px; }

.mr-25 {
  margin-right: 25px; }

.mr-30 {
  margin-right: 30px; }

.mr-35 {
  margin-right: 35px; }

.mr-40 {
  margin-right: 40px; }

.mr-45 {
  margin-right: 45px; }

.mr-50 {
  margin-right: 50px; }

.mr-55 {
  margin-right: 55px; }

.mr-60 {
  margin-right: 60px; }

.mr-65 {
  margin-right: 65px; }

.mr-70 {
  margin-right: 70px; }

.mr-80 {
  margin-right: 80px; }

.mr-90 {
  margin-right: 90px; }

.mr-100 {
  margin-right: 100px; }

.mr-110 {
  margin-right: 110px; }

.mr-120 {
  margin-right: 120px; }

.mr-130 {
  margin-right: 130px; }

.mr-140 {
  margin-right: 140px; }

.mr-150 {
  margin-right: 150px; }

/*************************
      Margin bottom
*************************/
.mb-0 {
  margin-bottom: 0; }

.mb-10 {
  margin-bottom: 10px; }

.mb-12 {
  margin-bottom: 12px; }

.mb-15 {
  margin-bottom: 15px; }

.mb-20 {
  margin-bottom: 20px; }

.mb-25 {
  margin-bottom: 25px; }

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

.mb-35 {
  margin-bottom: 35px; }

.mb-40 {
  margin-bottom: 40px; }

.mb-37 {
  margin-bottom: 37px; }

.mb-45 {
  margin-bottom: 45px; }

.mb-50 {
  margin-bottom: 50px; }

.mb-55 {
  margin-bottom: 55px; }

.mb-60 {
  margin-bottom: 60px; }

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

.mb-70 {
  margin-bottom: 70px; }

.mb-75 {
  margin-bottom: 75px; }

.mb-80 {
  margin-bottom: 80px; }

.mb-85 {
  margin-bottom: 85px; }

.mb-90 {
  margin-bottom: 90px; }

.mb-95 {
  margin-bottom: 95px; }

.mb-100 {
  margin-bottom: 100px; }

.mb-110 {
  margin-bottom: 110px; }

.mb-120 {
  margin-bottom: 120px; }

.mb-130 {
  margin-bottom: 130px; }

.mb-140 {
  margin-bottom: 140px; }

.mb-150 {
  margin-bottom: 150px; }

/*************************
        Margin left
*************************/
.ml-0 {
  margin-left: 0; }

.ml-10 {
  margin-left: 10px; }

.ml-12 {
  margin-left: 12px; }

.ml-15 {
  margin-left: 15px; }

.ml-20 {
  margin-left: 20px; }

.ml-25 {
  margin-left: 25px; }

.ml-30 {
  margin-left: 30px; }

.ml-35 {
  margin-left: 35px; }

.ml-40 {
  margin-left: 40px; }

.ml-45 {
  margin-left: 45px; }

.ml-50 {
  margin-left: 50px; }

.ml-55 {
  margin-left: 55px; }

.ml-60 {
  margin-left: 60px; }

.ml-70 {
  margin-left: 70px; }

.ml-75 {
  margin-left: 75px; }

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

.ml-90 {
  margin-left: 90px; }

.ml-95 {
  margin-left: 95px; }

.ml-100 {
  margin-left: 100px; }

.ml-105 {
  margin-left: 105px; }

.ml-110 {
  margin-left: 110px; }

.ml-120 {
  margin-left: 120px; }

.ml-130 {
  margin-left: 130px; }

.ml-135 {
  margin-left: 135px; }

.ml-140 {
  margin-left: 140px; }

.ml-145 {
  margin-left: 145px; }

.ml-150 {
  margin-left: 150px; }

.ml-200 {
  margin-left: 200px; }

.ml-300 {
  margin-left: 300px; }

.ml-ntv5 {
  margin-left: -5px; }

/*************************
        Padding top
*************************/
.pt-0 {
  padding-top: 0; }

.pt-5 {
  padding-top: 5px !important; }

.pt-10 {
  padding-top: 10px; }

.pt-15 {
  padding-top: 15px; }

.pt-20 {
  padding-top: 20px; }

.pt-25 {
  padding-top: 25px; }

.pt-30 {
  padding-top: 30px; }

.pt-35 {
  padding-top: 35px; }

.pt-40 {
  padding-top: 40px; }

.pt-45 {
  padding-top: 45px; }

.pt-50 {
  padding-top: 50px; }
  @media only screen and (max-width: 767px) {
    .pt-50 {
      padding-top: 40px; } }

.pt-55 {
  padding-top: 55px; }

.pt-60 {
  padding-top: 60px; }
  @media only screen and (max-width: 767px) {
    .pt-60 {
      padding-top: 30px; } }

.pt-65 {
  padding-top: 65px; }

.pt-70 {
  padding-top: 70px; }

.pt-75 {
  padding-top: 75px; }

.pt-85 {
  padding-top: 85px; }
  @media only screen and (max-width: 767px) {
    .pt-85 {
      padding-top: 45px; } }

.pt-80 {
  padding-top: 80px; }
  @media only screen and (max-width: 767px) {
    .pt-80 {
      padding-top: 50px; } }

.pt-95 {
  padding-top: 95px; }
  @media only screen and (max-width: 767px) {
    .pt-95 {
      padding-top: 45px; } }

.pt-90 {
  padding-top: 90px; }
  @media only screen and (max-width: 767px) {
    .pt-90 {
      padding-top: 40px; } }

.pt-100 {
  padding-top: 100px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pt-100 {
      padding-top: 100px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt-100 {
      padding-top: 80px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pt-100 {
      padding-top: 50px; } }
  @media only screen and (max-width: 540px) {
    .pt-100 {
      padding-top: 50px; } }

.pt-105 {
  padding-top: 105px; }
  @media only screen and (max-width: 767px) {
    .pt-105 {
      padding-top: 45px; } }

.pt-110 {
  padding-top: 110px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt-110 {
      padding-top: 60px; } }
  @media only screen and (max-width: 767px) {
    .pt-110 {
      padding-top: 50px; } }

.pt-115 {
  padding-top: 115px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt-115 {
      padding-top: 65px; } }
  @media only screen and (max-width: 767px) {
    .pt-115 {
      padding-top: 45px; } }

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

.pt-125 {
  padding-top: 125px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt-125 {
      padding-top: 75px; } }
  @media only screen and (max-width: 767px) {
    .pt-125 {
      padding-top: 45px; } }

.pt-128 {
  padding-top: 128px; }

.pt-130 {
  padding-top: 130px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt-130 {
      padding-top: 80px; } }
  @media only screen and (max-width: 767px) {
    .pt-130 {
      padding-top: 50px; } }

.pt-135 {
  padding-top: 135px; }

.pt-165 {
  padding-top: 165px; }

.pt-140 {
  padding-top: 140px; }

.pt-150 {
  padding-top: 150px; }

.pt-155 {
  padding-top: 155px; }

.pt-160 {
  padding-top: 160px; }

.pt-170 {
  padding-top: 170px; }

.pt-180 {
  padding-top: 180px; }

.pt-185 {
  padding-top: 185px; }

.pt-190 {
  padding-top: 190px; }

.pt-195 {
  padding-top: 195px; }

.pt-200 {
  padding-top: 200px; }

.pt-220 {
  padding-top: 220px; }

.pt-250 {
  padding-top: 250px; }

.pt-210 {
  padding-top: 210px; }

.pt-230 {
  padding-top: 230px; }

.pt-270 {
  padding-top: 270px; }

.pt-240 {
  padding-top: 240px; }

.pt-365 {
  padding-top: 365px; }

.pt-370 {
  padding-top: 370px; }

.pt-380 {
  padding-top: 380px; }

/*************************
        Padding right
*************************/
.pr-0 {
  padding-right: 0; }

.pr-10 {
  padding-right: 10px; }

.pr-15 {
  padding-right: 15px; }

.pr-20 {
  padding-right: 20px; }

.pr-30 {
  padding-right: 30px; }

.pr-40 {
  padding-right: 40px; }

.pr-50 {
  padding-right: 50px; }

.pr-60 {
  padding-right: 60px; }

.pr-70 {
  padding-right: 70px; }

.pr-80 {
  padding-right: 80px; }

.pr-90 {
  padding-right: 90px; }

.pr-100 {
  padding-right: 100px; }

.pr-110 {
  padding-right: 110px; }

.pr-120 {
  padding-right: 120px; }

.pr-130 {
  padding-right: 130px; }

.pr-140 {
  padding-right: 140px; }

.pr-155 {
  padding-right: 155px; }

.pr-270 {
  padding-right: 270px; }

/*************************
        Padding bottom
*************************/
.pb-0 {
  padding-bottom: 0; }

.pb-5 {
  padding-bottom: 5px !important; }

.pb-10 {
  padding-bottom: 10px; }

.pb-15 {
  padding-bottom: 15px; }

.pb-20 {
  padding-bottom: 20px; }

.pb-25 {
  padding-bottom: 25px; }

.pb-30 {
  padding-bottom: 30px; }

.pb-35 {
  padding-bottom: 35px; }

.pb-40 {
  padding-bottom: 40px; }

.pb-45 {
  padding-bottom: 45px; }

.pb-50 {
  padding-bottom: 50px; }
  @media only screen and (max-width: 767px) {
    .pb-50 {
      padding-bottom: 30px; } }

.pb-55 {
  padding-bottom: 55px; }

.pb-60 {
  padding-bottom: 60px; }

.pb-65 {
  padding-bottom: 65px; }

.pb-70 {
  padding-bottom: 70px; }

.pb-75 {
  padding-bottom: 75px; }

.pb-80 {
  padding-bottom: 80px; }
  @media only screen and (max-width: 767px) {
    .pb-80 {
      padding-bottom: 40px; } }

.pb-85 {
  padding-bottom: 85px; }

.pb-90 {
  padding-bottom: 90px; }
  @media only screen and (max-width: 767px) {
    .pb-90 {
      padding-bottom: 40px; } }

.pb-95 {
  padding-bottom: 95px; }
  @media only screen and (max-width: 767px) {
    .pb-95 {
      padding-bottom: 45px; } }

.pb-100 {
  padding-bottom: 100px; }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pb-100 {
      padding-bottom: 60px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb-100 {
      padding-bottom: 40px; } }
  @media only screen and (max-width: 540px) {
    .pb-100 {
      padding-bottom: 50px; } }

.pb-105 {
  padding-bottom: 105px; }

.pb-110 {
  padding-bottom: 110px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb-110 {
      padding-bottom: 60px; } }
  @media only screen and (max-width: 767px) {
    .pb-110 {
      padding-bottom: 40px; } }

.pb-115 {
  padding-bottom: 115px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb-115 {
      padding-bottom: 65px; } }
  @media only screen and (max-width: 767px) {
    .pb-115 {
      padding-bottom: 45px; } }

.pb-120 {
  padding-bottom: 120px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb-120 {
      padding-bottom: 70px; } }
  @media only screen and (max-width: 767px) {
    .pb-120 {
      padding-bottom: 40px; } }

.pb-125 {
  padding-bottom: 125px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb-125 {
      padding-bottom: 75px; } }
  @media only screen and (max-width: 767px) {
    .pb-125 {
      padding-bottom: 45px; } }

.pb-130 {
  padding-bottom: 130px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb-130 {
      padding-bottom: 80px; } }
  @media only screen and (max-width: 767px) {
    .pb-130 {
      padding-bottom: 50px; } }

.pb-135 {
  padding-bottom: 135px; }
  @media only screen and (max-width: 767px) {
    .pb-135 {
      padding-bottom: 86px; } }

.pb-140 {
  padding-bottom: 140px; }

.pb-145 {
  padding-bottom: 145px; }

.pb-150 {
  padding-bottom: 150px; }

.pb-160 {
  padding-bottom: 160px; }

.pb-170 {
  padding-bottom: 170px; }

.pb-190 {
  padding-bottom: 190px; }

.pb-175 {
  padding-bottom: 175px; }

.pb-180 {
  padding-bottom: 180px; }

.pb-280 {
  padding-bottom: 280px; }

.pb-200 {
  padding-bottom: 200px; }

.pb-205 {
  padding-bottom: 205px; }

.pb-210 {
  padding-bottom: 210px; }

.pb-215 {
  padding-bottom: 215px; }

.pb-285 {
  padding-bottom: 285px; }

.pb-270 {
  padding-bottom: 270px; }

.pb-290 {
  padding-bottom: 290px; }

/*************************
    Padding left
*************************/
.pl-0 {
  padding-left: 0; }

.pl-10 {
  padding-left: 10px; }

.pl-15 {
  padding-left: 15px; }

.pl-20 {
  padding-left: 20px; }

.pl-30 {
  padding-left: 30px; }

.pl-35 {
  padding-left: 35px; }

.pl-40 {
  padding-left: 40px; }

.pl-45 {
  padding-left: 45px; }

.pl-50 {
  padding-left: 50px; }

.pl-60 {
  padding-left: 60px; }

.pl-70 {
  padding-left: 70px; }

.pl-80 {
  padding-left: 80px; }

.pl-90 {
  padding-left: 90px; }

.pl-100 {
  padding-left: 100px; }

.pl-110 {
  padding-left: 110px; }

.pl-120 {
  padding-left: 120px; }

.pl-130 {
  padding-left: 130px; }

.pl-140 {
  padding-left: 140px; }

.pl-150 {
  padding-left: 150px; }

.pl-155 {
  padding-left: 155px; }

.pl-190 {
  padding-left: 190px; }

/***************************
    Page section padding 
****************************/
.ptb-0 {
  padding: 0; }

.ptb-10 {
  padding: 10px 0; }

.ptb-20 {
  padding: 20px 0; }

.ptb-30 {
  padding: 30px 0; }

.ptb-35 {
  padding: 35px 0; }

.ptb-32 {
  padding: 32px 0; }

.ptb-40 {
  padding: 40px 0; }

.ptb-50 {
  padding: 50px 0; }

.ptb-60 {
  padding: 60px 0; }

.ptb-70 {
  padding: 70px 0; }

.ptb-80 {
  padding: 80px 0; }

.ptb-90 {
  padding: 90px 0; }

.ptb-100 {
  padding: 100px 0; }

.ptb-110 {
  padding: 110px 0; }

.ptb-120 {
  padding: 120px 0; }

.ptb-130 {
  padding: 130px 0; }

.ptb-140 {
  padding: 140px 0; }

.ptb-150 {
  padding: 150px 0; }

.ptb-160 {
  padding: 160px 0; }

.ptb-170 {
  padding: 170px 0; }

.ptb-177 {
  padding: 177px 0; }

.ptb-180 {
  padding: 180px 0; }

.ptb-190 {
  padding: 190px 0; }

.ptb-200 {
  padding: 200px 0; }

.ptb-210 {
  padding: 210px 0; }

.ptb-220 {
  padding: 220px 0; }

.ptb-290 {
  padding: 290px 0; }

.ptb-310 {
  padding: 310px 0; }

/***************************
    Page section margin 
****************************/
.mtb-0 {
  margin: 0; }

.mtb-10 {
  margin: 10px 0; }

.mtb-15 {
  margin: 15px 0; }

.mtb-20 {
  margin: 20px 0; }

.mtb-30 {
  margin: 30px 0; }

.mtb-40 {
  margin: 40px 0; }

.mtb-50 {
  margin: 50px 0; }

.mtb-60 {
  margin: 60px 0; }

.mtb-70 {
  margin: 70px 0; }

.mtb-80 {
  margin: 80px 0; }

.mtb-90 {
  margin: 90px 0; }

.mtb-100 {
  margin: 100px 0; }

.mtb-110 {
  margin: 110px 0; }

.mtb-120 {
  margin: 120px 0; }

.mtb-130 {
  margin: 130px 0; }

.mtb-140 {
  margin: 140px 0; }

.mtb-150 {
  margin: 150px 0; }

.mtb-290 {
  margin: 290px 0; }

/*-- 
    - Input Placeholder
-----------------------------------------*/
input:-moz-placeholder,
textarea:-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

input {
  background: #eceff8;
  border: 2px solid #eceff8;
  height: 45px;
  box-shadow: none;
  padding-left: 10px;
  font-size: 14px;
  color: #ffffff;
  width: 100%; }

select {
  width: 100%;
  background: transparent;
  border: 0px solid #eceff8;
  box-shadow: none;
  font-size: 14px;
  color: #737373; }

option {
  background: #fff;
  border: 0px solid #626262;
  padding-left: 10px;
  font-size: 14px; }

input:focus {
  background: #fff; }

textarea {
  resize: vertical;
  background: #eceff8;
  border: 2px solid #eceff8;
  padding: 10px;
  width: 100%;
  font-size: 14px;
  color: #737373; }

textarea:focus {
  background: transparent;
  border: 2px solid #4FC1F0;
  outline: none; }

.custom-col-5 {
  flex: 0 0 20%;
  max-width: 20%;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  width: 100%;
  min-height: 1px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .custom-col-5 {
      flex: 0 0 25%;
      max-width: 25%; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .custom-col-5 {
      flex: 0 0 25%;
      max-width: 25%; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .custom-col-5 {
      flex: 0 0 33.333%;
      max-width: 33.333%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .custom-col-5 {
      flex: 0 0 50%;
      max-width: 50%; }
      .custom-col-5.custom-col-md-33 {
        flex: 0 0 33.333%;
        max-width: 33.333%; } }
  @media only screen and (max-width: 767px) {
    .custom-col-5 {
      padding-right: 15px;
      padding-left: 15px;
      flex: 0 0 100%;
      max-width: 100%; }
      .custom-col-5.custom-col-xs-50 {
        flex: 0 0 50%;
        max-width: 50%; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .custom-col-5 {
      flex: 0 0 50%;
      max-width: 50%; }
      .custom-col-5.custom-col-sm-33 {
        flex: 0 0 33.333%;
        max-width: 33.333%; } }

/*-- 
    Scroll Up / Back to top 
-----------------------------------------*/
#scrollUp,
.kck-back-to-top {
  position: fixed;
  z-index: 2147483647;
  right: 20px;
  bottom: 20px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #D4A843;
  color: #1a1f3d;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: opacity .3s ease, visibility .3s ease, transform .3s ease, background-color .3s ease;
  text-decoration: none;
  cursor: pointer; }
  #scrollUp:hover,
  .kck-back-to-top:hover {
    background-color: #e7bd5e;
    color: #1a1f3d;
    transform: translateY(-3px); }
  #scrollUp svg,
  .kck-back-to-top svg {
    display: block;
    pointer-events: none; }
  @media only screen and (max-width: 767px) {
    #scrollUp,
    .kck-back-to-top {
      width: 52px;
      height: 52px;
      right: 16px;
      bottom: 16px; } }
  #scrollUp.visible,
  .kck-back-to-top.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); }

/* Old rotated text back-to-top no longer used; keep selector hidden if any plugin re-adds it */
#scrollUp .qodef-back-to-top-text {
  display: none; }

.height-100vh {
  height: 100vh; }

.transparent-bar {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99; }

/*--
    Background Color
------------------------------------------*/
.bg-white {
  background-color: #ffffff; }

.bg-gray {
  background-color: #f1eee7; }

.bg-gray-2 {
  background-color: #f9faff; }

.bg-gray-3 {
  background-color: #fffdf9; }

.bg-gray-4 {
  background-color: #f2f7f8; }

.bg-black {
  background-color: #000000; }

.bg-black-2 {
  background-color: #161616; }

.bg-blue {
  background-color: #1631bd; }

.bg-red {
  background-color: #810000; }

.bg-tan {
  background-color: #e8e3d7; }

.bg-light-green {
  background-color: #e6f6f2; }

.bg-light-pink {
  background-color: #fcf5f5; }

.bg-light-apricot {
  background-color: #ffc68b; }

.bg-light-yellow {
  background-color: #fff6e1; }

.bg-light-yellow-2 {
  background-color: #fff0cd; }

.bg-main {
  background-color: #1a1f3d; }

.bg-main2 {
  background-color: #D4A843; }

.default-overlay {
  position: relative; }
  .default-overlay:before {
    content: "";
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 250ms ease-out;
    z-index: 9; }

@media only screen and (max-width: 767px) {
  .res-white-overly-xs {
    position: relative; }
    .res-white-overly-xs:before {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      content: "";
      background-color: #fff;
      opacity: .5;
      z-index: 9; } }
@media only screen and (max-width: 767px) {
  .res-black-overly-xs {
    position: relative; }
    .res-black-overly-xs:before {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      content: "";
      background-color: #000;
      opacity: .5;
      z-index: 9; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .res-white-overly-md {
    position: relative; }
    .res-white-overly-md:after {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      content: "";
      background-color: #fff;
      opacity: .5;
      z-index: 1; } }
.padding-55-row-col .row {
  margin-right: -27.5px;
  margin-left: -27.5px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .padding-55-row-col .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .padding-55-row-col .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .padding-55-row-col .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (max-width: 767px) {
    .padding-55-row-col .row {
      margin-right: -15px;
      margin-left: -15px; } }
  .padding-55-row-col .row div[class^="col-"] {
    padding-left: 27.5px;
    padding-right: 27.5px; }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .padding-55-row-col .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .padding-55-row-col .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .padding-55-row-col .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .padding-55-row-col .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }

.padding-60-row-col .row {
  margin-right: -30px;
  margin-left: -30px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .padding-60-row-col .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .padding-60-row-col .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .padding-60-row-col .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (max-width: 767px) {
    .padding-60-row-col .row {
      margin-right: -15px;
      margin-left: -15px; } }
  .padding-60-row-col .row div[class^="col-"] {
    padding-left: 30px;
    padding-right: 30px; }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .padding-60-row-col .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .padding-60-row-col .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .padding-60-row-col .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .padding-60-row-col .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }

.padding-37-row-col .row {
  margin-right: -18.5px;
  margin-left: -18.5px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .padding-37-row-col .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .padding-37-row-col .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .padding-37-row-col .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (max-width: 767px) {
    .padding-37-row-col .row {
      margin-right: -15px;
      margin-left: -15px; } }
  .padding-37-row-col .row div[class^="col-"] {
    padding-left: 18.5px;
    padding-right: 18.5px; }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .padding-37-row-col .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .padding-37-row-col .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .padding-37-row-col .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .padding-37-row-col .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }

.padding-46-row-col .row {
  margin-right: -23px;
  margin-left: -23px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .padding-46-row-col .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .padding-46-row-col .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .padding-46-row-col .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (max-width: 767px) {
    .padding-46-row-col .row {
      margin-right: -15px;
      margin-left: -15px; } }
  .padding-46-row-col .row div[class^="col-"] {
    padding-left: 23px;
    padding-right: 23px; }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .padding-46-row-col .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .padding-46-row-col .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .padding-46-row-col .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .padding-46-row-col .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }

.padding-20-row-col .row {
  margin-right: -10px;
  margin-left: -10px; }
  @media only screen and (max-width: 767px) {
    .padding-20-row-col .row {
      margin-right: -15px;
      margin-left: -15px; } }
  .padding-20-row-col .row div[class^="col-"] {
    padding-left: 10px;
    padding-right: 10px; }
    @media only screen and (max-width: 767px) {
      .padding-20-row-col .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }

.padding-10-row-col .row {
  margin-right: -5px;
  margin-left: -5px; }
  @media only screen and (max-width: 767px) {
    .padding-10-row-col .row {
      margin-right: -15px;
      margin-left: -15px; } }
  .padding-10-row-col .row div[class^="col-"] {
    padding-left: 5px;
    padding-right: 5px; }
    @media only screen and (max-width: 767px) {
      .padding-10-row-col .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }

.padding-52-row-col .row {
  margin-right: -26px;
  margin-left: -26px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .padding-52-row-col .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .padding-52-row-col .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .padding-52-row-col .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (max-width: 767px) {
    .padding-52-row-col .row {
      margin-right: -15px;
      margin-left: -15px; } }
  .padding-52-row-col .row div[class^="col-"] {
    padding-left: 26px;
    padding-right: 26px; }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .padding-52-row-col .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .padding-52-row-col .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .padding-52-row-col .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .padding-52-row-col .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }

.padding-44-row-col .row {
  margin-right: -22px;
  margin-left: -22px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .padding-44-row-col .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .padding-44-row-col .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .padding-44-row-col .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (max-width: 767px) {
    .padding-44-row-col .row {
      margin-right: -15px;
      margin-left: -15px; } }
  .padding-44-row-col .row div[class^="col-"] {
    padding-left: 22px;
    padding-right: 22px; }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .padding-44-row-col .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .padding-44-row-col .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .padding-44-row-col .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .padding-44-row-col .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }

.custom-d-flex {
  display: flex; }

.height-100-percent {
  height: 100%; }

.width-100-percent {
  width: 100%; }

@media (min-width: 1500px) {
  .container {
    max-width: 1470px; } }

.section-padding-1 .container-fluid {
  padding: 0 120px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .section-padding-1 .container-fluid {
      padding: 0 40px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .section-padding-1 .container-fluid {
      padding: 0 15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-padding-1 .container-fluid {
      padding: 0 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-padding-1 .container-fluid {
      padding: 0 40px; } }
  @media only screen and (max-width: 767px) {
    .section-padding-1 .container-fluid {
      padding: 0 15px; } }

.section-padding-2 .container-fluid {
  padding: 0 80px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .section-padding-2 .container-fluid {
      padding: 0 40px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .section-padding-2 .container-fluid {
      padding: 0 15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-padding-2 .container-fluid {
      padding: 0 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-padding-2 .container-fluid {
      padding: 0 40px; } }
  @media only screen and (max-width: 767px) {
    .section-padding-2 .container-fluid {
      padding: 0 15px; } }

.section-padding-3 .container-fluid {
  padding: 0 200px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .section-padding-3 .container-fluid {
      padding: 0 40px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .section-padding-3 .container-fluid {
      padding: 0 15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-padding-3 .container-fluid {
      padding: 0 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-padding-3 .container-fluid {
      padding: 0 40px; } }
  @media only screen and (max-width: 767px) {
    .section-padding-3 .container-fluid {
      padding: 0 15px; } }

.section-padding-4 .container-fluid {
  padding: 0 40px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .section-padding-4 .container-fluid {
      padding: 0 40px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .section-padding-4 .container-fluid {
      padding: 0 15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-padding-4 .container-fluid {
      padding: 0 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-padding-4 .container-fluid {
      padding: 0 40px; } }
  @media only screen and (max-width: 767px) {
    .section-padding-4 .container-fluid {
      padding: 0 15px; } }

.section-padding-5 .container-fluid {
  padding: 0 145px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .section-padding-5 .container-fluid {
      padding: 0 40px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .section-padding-5 .container-fluid {
      padding: 0 15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-padding-5 .container-fluid {
      padding: 0 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-padding-5 .container-fluid {
      padding: 0 40px; } }
  @media only screen and (max-width: 767px) {
    .section-padding-5 .container-fluid {
      padding: 0 15px; } }

.section-padding-6 .container-fluid {
  padding: 0 50px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .section-padding-6 .container-fluid {
      padding: 0 40px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .section-padding-6 .container-fluid {
      padding: 0 15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-padding-6 .container-fluid {
      padding: 0 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-padding-6 .container-fluid {
      padding: 0 40px; } }
  @media only screen and (max-width: 767px) {
    .section-padding-6 .container-fluid {
      padding: 0 15px; } }

.section-padding-7 .container-fluid {
  padding: 0 230px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .section-padding-7 .container-fluid {
      padding: 0 40px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .section-padding-7 .container-fluid {
      padding: 0 15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-padding-7 .container-fluid {
      padding: 0 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-padding-7 .container-fluid {
      padding: 0 40px; } }
  @media only screen and (max-width: 767px) {
    .section-padding-7 .container-fluid {
      padding: 0 15px; } }

.section-padding-8 .container-fluid {
  padding: 0 160px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .section-padding-8 .container-fluid {
      padding: 0 40px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .section-padding-8 .container-fluid {
      padding: 0 15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-padding-8 .container-fluid {
      padding: 0 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-padding-8 .container-fluid {
      padding: 0 40px; } }
  @media only screen and (max-width: 767px) {
    .section-padding-8 .container-fluid {
      padding: 0 15px; } }

.section-padding-9 .container-fluid {
  padding: 0 340px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .section-padding-9 .container-fluid {
      padding: 0 40px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .section-padding-9 .container-fluid {
      padding: 0 15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-padding-9 .container-fluid {
      padding: 0 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-padding-9 .container-fluid {
      padding: 0 40px; } }
  @media only screen and (max-width: 767px) {
    .section-padding-9 .container-fluid {
      padding: 0 15px; } }

.default-mlr-120 {
  margin: 0 120px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .default-mlr-120 {
      margin: 0 40px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .default-mlr-120 {
      margin: 0 15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .default-mlr-120 {
      margin: 0 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .default-mlr-120 {
      margin: 0 40px; } }
  @media only screen and (max-width: 767px) {
    .default-mlr-120 {
      margin: 0 15px; } }

.btn-style-3 a {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  z-index: 2; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .btn-style-3 a {
      font-size: 14px; } }
  @media only screen and (max-width: 767px) {
    .btn-style-3 a {
      font-size: 14px; } }
  .btn-style-3 a.font-dec {
    font-size: 12px; }
  .btn-style-3 a.bs3-weight-dec {
    font-weight: 400; }
  .btn-style-3 a.bs3-white-text {
    color: #fff; }
    .btn-style-3 a.bs3-white-text:hover {
      color: #393939; }
  .btn-style-3 a.bs3-black-text {
    color: #ffffff;
    background-color: #1a1f3d; }
    .btn-style-3 a.bs3-black-text:hover {
      color: #000000; }
  .btn-style-3 a.bs3-gray-text {
    color: #8b8b8b; }
    .btn-style-3 a.bs3-gray-text:hover {
      color: #fff; }
  .btn-style-3 a.bs3-gray-bg {
    background-color: #e8e8e8; }
  .btn-style-3 a.bs3-white-bg {
    background-color: #fff; }
  .btn-style-3 a.bs3-red-bg {
    background-color: #1a1f3d; }
  .btn-style-3 a.bs3-ptb {
    padding: 15px 36px 17px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .btn-style-3 a.bs3-ptb {
        padding: 15px 40px 19px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .btn-style-3 a.bs3-ptb {
        padding: 12px 35px 14px; } }
    @media only screen and (max-width: 767px) {
      .btn-style-3 a.bs3-ptb {
        padding: 12px 30px 14px; } }
  .btn-style-3 a.bs3-ptb-2 {
    padding: 12px 30px 15px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .btn-style-3 a.bs3-ptb-2 {
        padding: 10px 20px 13px; } }
    @media only screen and (max-width: 767px) {
      .btn-style-3 a.bs3-ptb-2 {
        padding: 9px 20px 11px; } }
  .btn-style-3 a.bs3-ptb-3 {
    padding: 11px 25px 13px; }
  .btn-style-3 a.bs3-ptb-4 {
    padding: 20px 54px 24px; }
    @media only screen and (max-width: 767px) {
      .btn-style-3 a.bs3-ptb-4 {
        padding: 16px 40px 20px; } }
    .btn-style-3 a.bs3-ptb-4.hover-text-white:hover {
      color: #fff; }
  .btn-style-3 a.bs3-ptb-5 {
    padding: 21px 64px 21px; }
    @media only screen and (max-width: 767px) {
      .btn-style-3 a.bs3-ptb-5 {
        padding: 15px 40px 15px; } }
    .btn-style-3 a.bs3-ptb-5.hover-text-white:hover {
      color: #fff; }
  .btn-style-3 a.bs3-border-2-pixel {
    border: 2px solid #1b1b1b;
    transition: all 0.4s; }
    .btn-style-3 a.bs3-border-2-pixel:hover {
      border: 2px solid #D4A843; }

.btn-hover-2 a {
  position: relative; }
  .btn-hover-2 a::after {
    width: 0;
    height: 103%;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%);
    content: '';
    position: absolute;
    z-index: -1;
    transition: all 0.4s; }
  .btn-hover-2 a.ptb-2-white-hover::after {
    background: #D4A843; }
  .btn-hover-2 a.ptb-3-black-hover::after {
    background: #1b1b1b; }
  .btn-hover-2 a.ptb-2-theme-hover::after {
    background: #1a1f3d; }
  .btn-hover-2 a.ptb-2-yellow-2-hover::after {
    background: #D4A843; }
  .btn-hover-2 a:hover::after {
    width: 100%;
    opacity: 1; }

.btn-style-4 a {
  display: inline-block;
  line-height: 1;
  border: 2px solid #1d1d1d;
  color: #1d1d1d;
  font-weight: bold; }
.btn-style-4.btn-style-4-ptb1 a {
  padding: 14px 26px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .btn-style-4.btn-style-4-ptb1 a {
      padding: 10px 12px; } }
  @media only screen and (max-width: 767px) {
    .btn-style-4.btn-style-4-ptb1 a {
      padding: 10px 12px; } }

/* img bounce */
@-webkit-keyframes bounce-img {
  0% {
    opacity: 1;
    transform: translateY(0px); }
  50% {
    opacity: 1;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0px); } }
@keyframes bounce-img {
  0% {
    opacity: 1;
    transform: translateY(0px); }
  50% {
    opacity: 1;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0px); } }
/* img bounce 2 */
@-webkit-keyframes bounce-img-2 {
  0% {
    opacity: 1;
    transform: translateX(0px); }
  50% {
    opacity: 1;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0px); } }
@keyframes bounce-img-2 {
  0% {
    opacity: 1;
    transform: translateX(0px); }
  50% {
    opacity: 1;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0px); } }
/* img bounce 3 */
@-webkit-keyframes bounce-img-3 {
  0% {
    opacity: 1;
    transform: translateY(0px); }
  50% {
    opacity: 1;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0px); } }
@keyframes bounce-img-3 {
  0% {
    opacity: 1;
    transform: translateY(0px); }
  50% {
    opacity: 1;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0px); } }
.jarallax-img {
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat; }

@media only screen and (max-width: 767px) {
  .res-xs-mt-10 {
    margin-top: 10px; }

  .res-xs-mt-30 {
    margin-top: 30px; }

  .res-xs-mt-40 {
    margin-top: 40px; } }
/*------- img move 1 -------*/
.move-1 {
  position: absolute;
  top: 5%;
  left: 3%;
  animation: moveOne .3s infinite linear; }

@-webkit-keyframes moveOne {
  0% {
    transform: translate(0px, 0px) rotate(0deg); }
  20% {
    transform: translate(73px, -1px) rotate(36deg); }
  40% {
    transform: translate(141px, 72px) rotate(72deg); }
  60% {
    transform: translate(83px, 122px) rotate(108deg); }
  80% {
    transform: translate(-40px, 72px) rotate(144deg); }
  100% {
    transform: translate(0px, 0px) rotate(0deg); } }
@keyframes moveOne {
  0% {
    transform: translate(0px, 0px) rotate(0deg); }
  20% {
    transform: translate(73px, -1px) rotate(36deg); }
  40% {
    transform: translate(141px, 72px) rotate(72deg); }
  60% {
    transform: translate(83px, 122px) rotate(108deg); }
  80% {
    transform: translate(-40px, 72px) rotate(144deg); }
  100% {
    transform: translate(0px, 0px) rotate(0deg); } }