.padding{padding:20px 60px}

/* google icons */
/* .tdb-icon{font-family: 'Material Icons';text-transform: none;} */


.swal-button{border-radius: 0 !important;background-color: black;}
.swal-button:hover{background-color:black !important;opacity: 0.8;}
.swal-modal{border-radius: 0 !important;}

/* loaders */
.myloader{margin:auto;width: 50px;height: 50px;-webkit-animation: spin 10s linear infinite; /* Safari */animation: spin 1s linear infinite;}
.loader1 {border-radius: 50%;border: 8px solid #ffffff;border-top: 8px solid black;border-bottom: 8px solid black;}
.loader2 {border-radius: 50%;border: 8px solid #c0c0c0bd;border-top: 8px solid black;}
.loader3 {border-radius: 50%;border: 0px solid #c0c0c0bd;border-top: 8px solid black;}
.loader4 {border-radius: 50%;border: 8px solid #c0c0c0bd;border-top: 5px solid black;}
.loader5 {border-radius: 0%;border: 8px solid #c0c0c0bd;border-top: 5px solid black;border-bottom: 5px solid black;}
.loader6 {border-radius: 0%;border: 0px solid #c0c0c0bd;border-top: 5px solid black;border-bottom: 5px solid black;}
.loader7 {border-radius: 0%;border: 0px solid #c0c0c0bd;border: 5px solid black;}

/* Safari */
@-webkit-keyframes spin {0% { -webkit-transform: rotate(0deg);}100% { -webkit-transform: rotate(360deg);}}
/* chrome */
@keyframes spin {0% { transform: rotate(0deg);}100% { transform: rotate(360deg);}}
@keyframes animation{0% {margin-left: 0%;width:30px;}50% {width:100px;}90% {margin-left: 100%;width:50px}
}

/* nav bar *//* nav bar *//* nav bar *//* nav bar *//* nav bar */
.nav {z-index: 1000;}
.nav span {display: inline-block;}
.nav .mylink {cursor: pointer;}
/* submenu */
.nav .expend {display: none;z-index: 1000;position: absolute;padding: 25px 20px 10px 25px;margin-top: 15px;min-width: 150px}
.nav .expend a p {display: block;letter-spacing: 1px;padding: 0 0px 0px 0;margin: 0}
/* mobile side menu */
/* .nav .sidebar {border-radius: 0 0 0 0;z-index: 10500;display: none;animation: side 0.2s;padding: 0px;overflow-x: hidden;box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);position: fixed;top: 0px;left: 0;width: 310px;height: 100%;
} */
/* transparent cover */
.nav .cover {display: none;position: fixed;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.158);z-index: 1000;top: 0;left: 0}
/* toggle button */
.nav .toggle {font-size: 19px;cursor: pointer;display: none;z-index: 1000}
/* mobile links */
.anchor {padding: 15px;display: block;}
.fixed-bottom {display: none;}
@media screen and (max-width:768px) {
.fixed-bottom {display: block;}
.nav #toggle41 {display: inline-block;}
.nav #toggle42 {display: none;}
.links {display: none}
}

/* swipable sidebar */
.container {position: fixed;height: 100%;left: 0;top:0;z-index: 999;-webkit-transition: left 0.2s ease-in-out;-moz-transition: left 0.2s ease-in-out;-ms-transition: left 0.2s ease-in-out;-o-transition: left 0.2s ease-in-out;transition: left 0.2s ease-in-out;}
.container.open-sidebar {left: 300px;}
.swipe-area {position: absolute;width: 20px;left: 0;top: 85px;bottom:70px;background: #ffffff00;z-index: 0;}
#sidebar {background: #ffffff;position: absolute;width: 300px;height: 100%;left: -300px;box-sizing: border-box;-moz-box-sizing: border-box;}

/* common *//* common *//* common *//* common *//* common */
:root{
    /* font-families */
     /*--heading:myfont;*/
     /* 'Maven Pro', sans-serif; */
     --heading:'Playfair Display', serif;
     --font-one:'Playfair Display', serif;
     --font-two:'Alex Brush', cursive;
    --font-three: 'Playfair Display', serif;

     /*section padding*/
     --section-padding-top:60px;
     --section-padding-bottom:60px;
}
* {box-sizing:border-box}
.splide__pagination {display: none}
/* sizes */
.fixed{max-width:1600px;margin:auto;overflow-x: hidden;}
.wide{max-width:1900;margin:auto;overflow-x: hidden;}
.full{max-width:2200px;margin:auto;overflow-x: hidden;}
/* section padding */
section{padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom);}
*{font-family: var(--font-one);}
.font-tdb-two{font-family: var(--font-two);}
.font-tdb-three{font-family: var(--font-three) !important;}


h1,h2,h3,h4,h5,h6{font-family: var(--heading) !important;margin:0px 0px 0px 0px}
p{margin:5px 0 5px 0}
*{-webkit-tap-highlight-color: transparent;background-repeat: no-repeat;box-sizing: border-box !important;}
a {color: inherit;transition:0.3s;text-decoration: none;}
a:hover{text-decoration:none;opacity: 0.6;}
a:active{opacity:1}

/* fixed bottom *//* fixed bottom *//* fixed bottom *//* fixed bottom */



/* circular progress bar *//* circular progress bar *//* circular progress bar */
.circle-bg {fill: none;stroke: #eee;stroke-width: 3.8;}
.circle {fill: none;stroke-width: 3.8;stroke-linecap: round;animation: progress 1s ease-out forwards;}
@keyframes progress {0% {stroke-dasharray: 0 100;}}
.percentage {fill: #666;font-family: sans-serif;font-size: 0.5em;text-anchor: middle;}
  
/*pagination*/
/*pagination*/
.arrow{border:solid #000000 1px;border-radius:50%;width:35px;height:35px;padding:5px !important;}
.arrow:hover{background-color:#000000 ;color:rgb(255, 255, 255);border:solid #000000 1px;}


/* pulse */
.pulse {transform: scale(1);animation: pulse 2s infinite;}
@keyframes pulse {0% {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);}
50% {box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.2);}
100% {box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);}}




/* slider */

/* Next & previous buttons */
.prev, .next,.prev1, .next1 {
	background-color: transparent;
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: 30px;
  height:30px;
  margin-top: -10px;
  padding: 8px;
  text-align: center;
  color: rgb(94, 94, 94);
  font-weight: bold;
  font-size: 10px;
  transition: 0.6s ease;
  border-radius: 50%;
  user-select: none;
}

/* Position the "next button" to the right */
.next,.next1 {
  right: 10px;
  border-radius: 50%;
}

.prev,.prev1 {
	left: 10px;
  }

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover,.prev1:hover, .next1:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot,.dot1 {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active,.active1, .dot:hover,.dot1:hover {
  background-color: #717171;
}

/* Fading animation */
.fade,.fade1 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/* animation */
.updown {
  animation: upDown 4s ease-in-out infinite
}

@keyframes upDown {
  0% {
      transform: translate3d(0, 10px, 0)
  }

  50% {
      transform: translateZ(0)
  }

  to {
      transform: translate3d(0, 10px, 0)
  }
}

/* splide.js */
@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__container{position:relative;box-sizing:border-box}.splide__list{margin:0!important;padding:0!important;width:-webkit-max-content;width:max-content;will-change:transform}.splide.is-active .splide__list{display:flex}.splide__pagination{display:inline-flex;align-items:center;width:95%;flex-wrap:wrap;justify-content:center;margin:0}.splide__pagination li{list-style-type:none;display:inline-block;line-height:1;margin:0}.splide{visibility:hidden}.splide,.splide__slide{position:relative;outline:none}.splide__slide{box-sizing:border-box;list-style-type:none!important;margin:0;flex-shrink:0}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid #999;border-left-color:transparent;animation:splide-loading 1s linear infinite}.splide__track{position:relative;z-index:0;overflow:hidden}.splide--draggable>.splide__track>.splide__list>.splide__slide{-webkit-user-select:none;user-select:none}.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__track>.splide__list>.splide__slide{position:absolute;top:0;left:0;z-index:0;opacity:0}.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{position:relative;z-index:1;opacity:1}.splide--rtl{direction:rtl}.splide--ttb>.splide__track>.splide__list{display:block}.splide--ttb>.splide__pagination{width:auto}
.splide__arrow{display:none;color:white !important;position:absolute;z-index:1;top:50%;transform:translateY(-50%);width:2em;height:2em;border-radius:50%;align-items:center;justify-content:center;border:none;padding:0;opacity:.7;background:rgba(192, 192, 192, 0.411)}
.splide__arrow svg{width:1.2em;height:1.2em}
.splide__arrow:hover{cursor:pointer;opacity:.9}
.splide__arrow:focus{outline:none}
.splide__arrow--prev{left:1em}
.splide__arrow--prev svg{transform:scaleX(-1)}
.splide__arrow--next{right:1em}

.splide__pagination{position:absolute;z-index:1;bottom:.5em;left:50%;transform:translateX(-50%);padding:0}.splide__pagination__page{display:inline-block;width:8px;height:8px;background:#ccc;border-radius:50%;margin:3px;padding:0;transition:transform .2s linear;border:none;opacity:.7}.splide__pagination__page.is-active{transform:scale(1.4);background:#fff}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus{outline:none}.splide__progress__bar{width:0;height:3px;background:#ccc}.splide--nav>.splide__track>.splide__list>.splide__slide{border:3px solid transparent}.splide--nav>.splide__track>.splide__list>.splide__slide.is-active{border-color:#000}.splide--nav>.splide__track>.splide__list>.splide__slide:focus{outline:none}.splide--rtl>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev{right:1em;left:auto}.splide--rtl>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:scaleX(1)}.splide--rtl>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next{left:1em;right:auto}.splide--rtl>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg{transform:scaleX(-1)}.splide--ttb>.splide__arrows .splide__arrow,.splide--ttb>.splide__track>.splide__arrows .splide__arrow{left:50%;transform:translate(-50%)}.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev{top:1em}.splide--ttb>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:rotate(-90deg)}.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next{top:auto;bottom:1em}.splide--ttb>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg{transform:rotate(90deg)}.splide--ttb>.splide__pagination{display:flex;flex-direction:column;bottom:50%;left:auto;right:.5em;transform:translateY(50%)}