@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');



@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');



@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');



@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');



/*-----------------------------------------------------------------------------------



  Theme Name: Ractic Creative HTML 5 Template

  Author: Creative-hunk

  Support: 

  Description: Ractic Creative HTML 5 Template

  Version: 1.0



-----------------------------------------------------------------------------------



    CSS INDEX

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



    1. common

	2. header

	3. hero

	4. category

	5. about

	6. service

	7. counter

	8. skills

	9. portfolio

	10. testimonial

	11. blog

	12. contact

	13. map

	14. footer







-----------------------------------------------------------------------------------*/

@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,600;0,700;1,400&family=Open+Sans:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,900&family=Prata&display=swap");

:root {

  --primary: #FF451B;

  --secondary: #FFB324;

  --white: #fff;

  --black-1: #262525;

  --black-2: #000000;

  --black-3: #0F172A;

  --black-4:#0F172A;

  --navy-1: #F1FAFF;

  --gray-1: #CACDD3;

  --gray-2:#888888;

  --gray-3:#354357;

}



/*



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

    1. common

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



*/

body {

font-family: "Outfit", sans-serif!important;

  font-weight: normal;

  font-style: normal;

  font-size: 16px;

  color: var(--black-1);

  overflow-x: hidden;

}

/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
  display: block;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: .7;
  background: url('../images/loading.gif') center no-repeat #fff;
}

.wstdl-spinner {
  background: url(../images/spinner.gif) no-repeat;
  background-size: 20px 20px;
  display: inline-block;
  visibility: hidden;
  vertical-align: middle;
  opacity: 0.7;
  filter: alpha(opacity=70);
  width: 20px;
  height: 20px;
  margin: 0px 10px 0;
}

.wstdl-spinner.is-active {
  visibility: visible;
}
.msg-entry {
    padding: 5px;
    margin: 5px;
    font-size: 16px;
    color: #FFFFFF;
}
.msg-error {
    background: red;
}
.msg-success {
    background: green;
}

h1, h2, h3, h4, h5{

  

font-family: "Outfit", sans-serif!important;

}

p{

font-size:19px!important;

text-transform:inherit!important;

}

:root {

  --animate-delay: 0.5s;

}



.my-element {

  --animate-duration: 0.5s;

}



/* width */

::-webkit-scrollbar {

  width: 10px;

}



/* Track */

::-webkit-scrollbar-track {

  background: var(--white);

}



/* Handle */

::-webkit-scrollbar-thumb {

  background: var(--primary);

  height: 100px;

}



.img,

img {

  max-width: 100%;

}



a {

  text-decoration: none;

}



a,

.button {

  transition: 0.3s;

}



a:focus,

.button:focus {

  text-decoration: none;

  outline: none;

}



a,

button {

  color: inherit;

  outline: medium none;

}



button:focus,

input:focus,

input:focus,

textarea,

textarea:focus {

  outline: 0;

}



.uppercase {

  text-transform: uppercase;

}



.capitalize {

  text-transform: capitalize;

}



h1,

h2,

h3,

h4,

h5,

h6 {

font-family: "Outfit", sans-serif

  color: var(--black-2);

  font-weight: normal;

  margin-top: 0px;

  font-style: normal;

  font-weight: 400;

  text-transform: normal;

}



h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a {

  color: inherit;

}



h1 {

  font-size: 40px;

  font-weight: 500;

}



h2 {

  font-size: 35px;

}



h3 {

  font-size: 28px;

}



h4 {

  font-size: 22px;

}



h5 {

  font-size: 18px;

}



h6 {

  font-size: 16px;

}



ul {

  margin: 0px;

  padding: 0px;

}



li {

  list-style: none;

}



p {

  font-size: 16px;

  font-weight: normal;

  line-height: 1.75rem;

  color: var(--black-1);

  margin-bottom: 15px;

  text-transform: capitalize;

}



hr {

  border-top: 0 none;

  margin: 30px 0;

  padding: 0;

}



label {

  cursor: pointer;

  font-size: 14px;

  font-weight: 400;

}



*::-moz-selection {

  text-shadow: none;

}



::-moz-selection {

  text-shadow: none;

}



::selection {

  text-shadow: none;

  color: white;

  background: var(--black-2);

}



.transparent-header {

  position: absolute;

  left: 0;

  right: 0;

  top: 40px;

}



a:hover {

  color: inherit;

}



/*

	2. header

*/

.header__inner-1 {

  display: flex;

  justify-content: space-between;

  align-items: center;

  position: relative;

  z-index: 999;

}

.header__menu-1 {

  margin: 0;

  padding: 0;

}

.header__menu-1 li {

  display: inline-block;

  margin-right: 29px;

}

.header__menu-1 li:last-child {

  margin-right: 0;

}

.header__menu-1 li a {

  font-weight: 500;

  font-size: 20px;

  line-height: 21px;

  color: var(--black-1);

  transition: 0.3s ease;

}

.header__menu-1 li a:hover {

  color: var(--primary);

}



/*

    mobile menu css

*/

.responsive_mobile_menu {

  background-color: var(--primary);

}



.mobile_wrapper {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 15px 0;

}



.mobile_info_open {

  max-width: 300px;

  background: var(--white);

  padding: 23px;

  position: fixed;

  top: 0;

  height: 100%;

  width: 300px;

  left: -300px;

  z-index: 9;

  transition: 0.3s ease;

}



.mobile_info_open.show {

  left: 0;

}



.mobile_header {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 30px;

}



.mobile-logo img {

  width: 100px;

}



.mobile-menu li {

  display: block;

  margin-bottom: 15px;

  border-bottom: 1px solid #ededed;

  padding-bottom: 10px;

}



.mobile-menu li a {

  color: var(--black-2);     padding-bottom: 7px!important;

}



.header-sticky.sticky {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  background: var(--white);

  z-index: 99;

  padding: 15px 0;

}



.sticky .teen-logo{    top: 20px;

}



.offcanvas-overlay {

  position: fixed;

  background-color: rgba(0, 0, 0, 0.5);

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  opacity: 0;

  visibility: hidden;

}



.offcanvas-overlay.overlay-open {

  opacity: 1;

  visibility: visible;

}



.mobile-logo img {

  width: 70px;

}



/*

	3. hero

*/

.hero__area-1 {

 

  display: flex;

  align-items: center;

}



.hero1 {

  padding-top: 380px;

  padding-bottom: 300px;

  position: relative;

}

.hero1__subtitle {

  font-family: "Montserrat", sans-serif;

  font-weight: 600;

  font-size: 24px;

  line-height: 0.5;

  letter-spacing: 0.1px;

  text-transform: uppercase;

  color: var(--black-3);

  margin-bottom: 10px;

}

.hero1__title {

  font-family:"Montserrat", sans-serif;

    font-weight: 600;

    font-size: 82px;

    line-height: 1.5;

    letter-spacing: 1.4px;

 

    color: var(--black-3);

    margin-bottom: 30px;

}

.hero1__dis1 {

  font-weight: 700;

  font-size: 24px;

  line-height: 1.5;

  letter-spacing: 0.1px;

  font-family: "Open Sans", sans-serif;

  color: var(--black-4);

  margin-bottom: 30px;

}

.hero1__dis2 {

  font-weight: 400;

  font-size: 18px;

  line-height: 1.5;

  font-family: "Roboto", sans-serif;

  margin-bottom: 30px;

  color: var(--gray-3);

}



.heroright1 {

  position: absolute;

  top: 0;

  left: auto;

  right: 190px;

}



.box1 {

  display: inline-block;

  width: 58px;

  height: 58px;

  background: var(--primary);

  border-radius: 6px;

  transform: rotate(-45deg);

  position: absolute;

  bottom: 146px;

  left: 162px;

}



.box2 {

  display: inline-block;

  width: 58px;

  height: 58px;

  background: var(--secondary);

  border-radius: 6px;

  transform: rotate(-45deg);

  position: absolute;

  top: 263px;

  right: 217px;

}



.box3 {

  display: flex;

  align-items: center;

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

  border-radius: 6px;

  background-color: var(--white);

  width: 211px;

  padding: 20px 30px;

  top: 306px;

  position: absolute;

  left: 105px;

  animation: float-bob-y 5s infinite;

}

.box3__count {

  font-weight: 700;

  font-size: 42px;

  color: var(--primary);

  display: inline-block;

  margin-right: 10px;

}

.box3__years {

  font-weight: 600;

  font-size: 20px;

}



.box3.box4 {

  top: auto;

  bottom: 119px;

  right: 85px;

  width: 237px;

  left: auto;

}

.box3.box4 .box3__count {

  color: var(--secondary);

}



.box5 {

  display: inline-block;

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

  border-radius: 6px;

  background-color: var(--white);

  padding: 30px;

  position: absolute;

  right: 187px;

  top: 349px;

  width: 117px;

  animation: float-bob-y 2s infinite;

}



/*

	4. category

*/

.category__area-1 {

  padding: 50px 0 0;

}

.category__area-1 h2{         text-align: center;

    margin-bottom: 50px;

    margin-top: 20px !important;

	font-size:35px;

}





.category {

 

     transition: 0.3s linear;

    max-width: 352px;

    padding: 10px 10px 40px 10px;

    margin-top: 20px;

    box-shadow: 0 12px 26px #fb510021;

	position:relative;

}



category h2{    text-align: center;

    margin-bottom: 0px;

    padding-bottom: 0px;

    margin-top: 0px;

    font-size: 20px;

    color: #f15d00;

}

.category h4{          text-align: center;
    font-size: 1.71428571rem;
    color: #000;
    margin-top: 57px;
}

.category img{    height: 150px;

    display: block;

    margin: auto;

    width: 150px;

    border-radius: 100px;

    margin-bottom: 10px;

    /* box-shadow: 0 12px 26px #fb510021; */

    z-index: 222;

}

.category:hover {

  transform: translateY(-15px);

}

.category__wrapper-1 {

  display: flex;

  justify-content: space-between;

}

.category__item {

  display: flex;

  justify-content: space-between;

  padding-bottom: 40px;

  border-bottom: 1px solid var(--gray-1);

}

.category__dis {

    margin-top: 0px;
    padding-top: 0px;
    font-size: 19px;
    color: #000;
    font-weight: 500;
    margin-bottom: 5px;
    min-height: 65px;
	text-align:center;

}



.category__dis span{    color: #ff6200;

    font-weight: 600;

    font-size: 17px;

}

.category__count {

  font-weight: 700;

  font-size: 22px;

  font-family: "Open Sans", sans-serif;

  color: var(--primary);

  display: inline-block;

  margin-bottom: 10px;

}

.category__title {

  font-weight: 600;

  font-size: 32px;

  color: var(--black-2);

}



/*

	5. about

*/

.about__area-1 {

  position: relative;

  padding-bottom: 100px;

}

.about__thumb {

  position: relative;

}

.about__main {

  padding-left: 100px;

}

.about__right {

  padding-left: 20px;

}

.about__subtitle {

  font-weight: 500;

  font-size: 18px;

  color: var(--primary);

  display: inline-block;

  margin-bottom: 10px;

}

.about__title {

  font-weight: 500;

  font-size: 48px;

  color: var(--black-2);

}

.about__dis {

  font-weight: 400;

  font-size: 18px;

  color: var(--gray-2);

  padding-top: 10px;

}

.about__wrapperinfo {

  display: flex;

  justify-content: space-between;

  padding-top: 30px;

  max-width: 470px;

}

.about__info li {

  margin-bottom: 15px;

}

.about__info li span {

  font-weight: 700;

  font-size: 18px;

  line-height: 27px;

  color: var(--black-1);

  display: block;

}

.about__info li .name {

  font-weight: 400;

  font-size: 18px;

  line-height: 27px;

  padding-top: 5px;

  display: inline-block;

}



.about__img2 {

  position: absolute;

  bottom: -179px;

  left: 0;

  border-radius: 20px;

}



.about__img3 {

  position: absolute;

  top: -26px;

  right: -31px;

}



.about__img4 {

  position: absolute;

  bottom: -21px;

  right: 25%;

}



.about__img5 {

  position: absolute;

  left: 58px;

  top: 140px;

}



/*

	6. service

*/

.service__area-1 {

  padding-bottom: 100px;

}

.service__area-2 {

  padding-bottom: 100px;

}



.section__wrapper {

  max-width: 800px;

  margin: auto;

  margin-bottom: 60px;

}

.section__wrapper .subtitle {

  font-weight: 500;

  font-size: 22px;

  color: var(--primary);

  margin-bottom: 5px;

}

.section-title {

    font-weight:600;

    font-size: 35px;

    color: var(--black-2);

    margin-bottom: 15px;

}

.section__wrapper .section-dis {

  font-weight: 400;

  font-size: 18px;

  line-height: 27px;

  color: var(--gray-2);

  margin-bottom: 15px;

}



.serviceitem {

  border: 3px solid transparent;

  box-shadow: 0px 0px 20px rgba(255, 69, 27, 0.2);

  border-radius: 10px;

  padding: 70px 87px;

  text-align: center;

  margin-bottom: 30px;

  transition: 0.3s linear;

}

.serviceitem:hover {

  border: 3px solid var(--primary);

}

.serviceitem__thumb {

  margin-bottom: 20px;

}

.serviceitem__thumb img {

  display: inline-block;

  background-color: var(--primary);

  padding: 15px;

  border-radius: 50px;

}

.serviceitem__content__title {

  font-weight: 600;

  font-size: 32px;

  color: var(--black-2);

  font-family: "Open Sans", sans-serif;

  display: inline-block;

  margin-bottom: 10px;

}

.serviceitem__content__price {

  font-weight: 500;

  font-size: 18px;

  color: var(--black-2);

}

.serviceitem__content__price span {

  color: var(--primary);

}

.serviceitem__content__dis {

  color: var(--gray-2);

  font-weight: 400;

  font-size: 18px;

}



/*

    SERVICE TWO

*/

.serviceitem2 {

  text-align: center;

}

.serviceitem2:hover .serviceitem2__thumb img {

  transform: scale(0.7);

}

.serviceitem2:hover .serviceitem2__content__title {

  color: var(--primary);

}

.serviceitem2__thumb {

  margin-bottom: 20px;

  background-image: url("../img/service/s-bg.png");

  height: 127px;

  max-width: 135px;

  margin: auto;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 20px;

}

.serviceitem2__thumb img {

  display: inline-block;

  padding-right: 30px;

  padding-top: 10px;

  transform: scale(1);

  transition: 0.3s;

}

.serviceitem2__content__title {

  font-weight: 600;

  font-size: 24px;

  color: var(--black-2);

  font-family: "Roboto", sans-serif;

  margin-bottom: 10px;

  display: inline-block;

  transition: 0.3s;

}

.serviceitem2__content__dis {

  color: var(--gray-2);

  font-weight: 400;

  font-size: 18px;

}



/*

	7. counter

*/

.counter__area-1 {

  background: linear-gradient(94.16deg, #FF451B -32.52%, #FFB324 134.52%);

  padding: 110px 0;

  margin-bottom: 100px;

}



.counter {

  text-align: center;

  position: relative;

}

.counter__volume {

  font-weight: 700;

  font-size: 72px;

  color: var(--white);

  font-family: "Open Sans", sans-serif;

}

.counter__title {

  font-weight: 600;

  font-size: 32px;

  color: var(--white);

  font-family: "Open Sans", sans-serif;

}

.counter__plus {

  font-weight: 700;

  font-size: 42px;

  position: absolute;

  right: 39px;

  top: -13px;

}



/*

	8. skills

*/

.skills__area-1 {

  padding-bottom: 100px;

}



.skillRight {

  padding-left: 60px;

}



.skills-name {

  margin-bottom: 30px;

  padding-bottom: 8px;

}



.progress-content {

  display: flex;

  justify-content: space-between;

  margin-bottom: 15px;

}



.progress-bar {

  width: 100%;

  margin: 0;

  margin-top: 0;

  background-color: #ddd;

  border-radius: 50px;

  height: 10px;

}



.progress.progress-bar-height {

  height: 100%;

  border-radius: 50px;

  background: linear-gradient(280deg, var(--primary) 0%, var(--secondary) 100%);

}



/*

	9. portfolio

*/

.portfolio__area-1 {

 

    background: #fffbf8;

    padding-top: 50px;



}



.portfolio {

  position: relative;

  margin-bottom: 30px;

  overflow: hidden;

}

.portfolio:hover .portfolio__thumb::before {

  opacity: 1;

  visibility: visible;

}

.portfolio:hover .portfolio__text {

  top: 50%;

}

.portfolio__thumb {

  position: relative;

}

.portfolio__thumb::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  opacity: 0;

  visibility: hidden;

  transition: 0.3s linear;

  background-color: rgba(255, 69, 27, 0.8);

}

.portfolio__text {

  position: absolute;

  left: 50%;

  top: -150%;

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

  text-align: center;

}

.portfolio__text h4, .portfolio__text span {

  font-weight: 600;

  font-size: 22px;

  line-height: 27px;

  color: var(--white);

  font-family: "Open Sans", sans-serif;

}

.portfolio__menu {

  margin-bottom: 60px;

}

.portfolio__menu button {

  border: 0;

  display: inline-block;

  padding: 10px 20px;

  background-color: transparent;

  font-weight: 600;

  font-size: 16px;

  line-height: 27px;

  color: var(--black-2);

  margin-right: 20px;

  transition: 0.3s;

  text-transform: capitalize;

}

.portfolio__menu button:hover {

  color: var(--primary);

}



/*

	10. testimonial

*/

.testimonial__area-1 {

  padding-bottom: 100px;

  position: relative;

}

.testimonial__area-1 .swiper-button-next::after, .testimonial__area-1 .swiper-button-prev::after {

  display: none;

}

.testimonial__area-1 .swiper-button-prev {

  left: 48%;

  right: auto;

  background: #FFFFFF;

  box-shadow: 0px 0px 6.66667px rgba(0, 0, 0, 0.25);

  transform: matrix(-1, 0, 0, 1, 0, 0);

  width: 36px;

  height: 36px;

  border-radius: 50px;

  color: #FF451B;

  transform: translateX(-50%);

  top: auto;

  bottom: -70px;

}

.testimonial__area-1 .swiper-button-next {

  left: 52%;

  right: auto;

  background: #FFFFFF;

  box-shadow: 0px 0px 6.66667px rgba(0, 0, 0, 0.25);

  transform: matrix(-1, 0, 0, 1, 0, 0);

  width: 36px;

  height: 36px;

  border-radius: 50px;

  color: #FF451B;

  transform: translateX(-50%);

  top: auto;

  bottom: -70px;

}

.testimonial__item {

  width: 470px;

  margin: auto;

  text-align: center;

  background-color: var(--white);

  overflow: hidden;

}

.testimonial__item__thumb {

  margin-bottom: 10px;

  display: inline-block;

}

.testimonial__rating {

  margin-bottom: 15px;

}

.testimonial__rating i {

  color: #FFB324;

  font-size: 16px;

}

.testimonial__dis {

  font-weight: 400;

  font-size: 18px;

  line-height: 1.5;

  color: #979797;

  padding-bottom: 20px;

  border-bottom: 2px solid #979797;

}

.testimonial__name {

  font-family: "Open Sans", sans-serif;

  text-transform: capitalize;

  font-weight: 400;

  font-size: 28px;

  line-height: 1.3;

  margin-bottom: 10px;

  color: var(--black-2);

  padding-top: 10px;

}

.testimonial__pos {

  font-weight: 400;

  font-size: 18px;

  line-height: 27px;

  color: #979797;

}

.testimonial__wrapper {

  position: relative;

}



.img-5 {

  bottom: 0;

  left: 0;

}



.img-2 {

  right: 0;

}



/*

	11. blog

*/

.blog__area-1 {

  padding-top: 100px;

  background-color: #F8F9FA;

  margin-top: 100px;

  padding-bottom: 100px;

}



.blog:hover .blog__content__title {

  color: var(--primary);

}

.blog:hover .btn-4 {

  color: var(--primary);

}

.blog:hover .blog__thumb img {

  transform: scale(1.2);

}

.blog__thumb {

  max-width: 100%;

  margin-bottom: 10px;

  max-height: 235px;

  overflow: hidden;

}

.blog__thumb img {

  transform: scale(1);

  transition: 0.3s;

  object-fit: contain;

}

.blog__content {

  box-shadow: 0px 5px 10px rgba(15, 23, 42, 0.05);

  padding: 15px 20px;

}

.blog__content__cat {

  font-weight: 500;

  font-size: 16px;

  color: var(--primary);

  display: inline-block;

  margin-bottom: 10px;

  background: rgba(255, 69, 27, 0.05);

  border-radius: 5px;

  padding: 5px 10px;

}

.blog__content__title {

  font-weight: 500;

  font-size: 24px;

  color: var(--black-2);

  transition: 0.3s linear;

}



/*

	14. footer

*/

.contact_two {

  padding: 15px 0;

}



.categories h4 {

  color: var(--black-2);

  font-weight: 600;

}



.categories_list li {

  margin-bottom: 7px;

}

.categories_list li a {

  text-transform: capitalize;

}



footer{

width:100%;

  background: linear-gradient(94.16deg, #FF451B -32.52%, #ff7524 134.52%);

  }

footer h2{       color: #fff;

    font-size: 20px;

    font-weight: 600;

    text-align: left;

}  

footer ul{

}



footer ul li{

}



footer ul li a{    text-align: left;

    display: block;

    color: #fff;

    font-size: 16px;

    margin: 6px auto;

}



footer ul li a:hover{

color:#000;

}

.copyright_text {



  padding:20px 0;

}

.copyright_text p {

margin-bottom: 0;

    color: var(--white);

    font-size: 16px !important;

}



.google-map {

  margin-bottom: -6px;

}



.social__menu li {

  display: inline-block;

  margin-right: 20px;

}

.social__menu li:last-child {

  margin-right: 0;

}

.social__menu li a {

  color: var(--white);

  display: inline-block;

}

.social__menu li a:hover {

  color: var(--primary);

}



.copyright__wrapper {

      display: flex;

    justify-content: space-between;

    align-items: center;

    margin: 20px auto 0px auto;

}



/*

	13. map

*/

.contact__area-1 {

  padding-top: 100px;

  padding-bottom: 100px;

  background: linear-gradient(94.16deg, #FF451B -32.52%, #FFB324 134.52%);

}

.contact__wrapper {

  max-width: 715px;

}



.social {

  display: flex;

  align-items: center;

  margin-bottom: 30px;

}

.social:hover .social__icon {

  background-color: var(--primary);

  color: var(--white);

}

.social__icon {

  display: inline-block;

  width: 89px;

  height: 89px;

  display: flex;

  justify-content: center;

  align-items: center;

  color: var(--primary);

  background-color: var(--white);

  border-radius: 50px;

  font-size: 30px;

  margin-right: 20px;

  transition: 0.3s;

}

.social__phone * {

  color: var(--white);

}

.social__phone * h4 {

  font-weight: 700;

  font-size: 22px;

  line-height: 27px;

}



.field-wrapper {

  margin-bottom: 15px;

}

.field-wrapper input, .field-wrapper textarea {

  height: 50px;

  padding: 15px;

  width: 100%;

  border-radius: 6px;

  border: 0;

}

.field-wrapper input:focus, .field-wrapper textarea:focus {

  outline: 1px solid var(--secondary);

}

.field-wrapper textarea {

  height: 170px;

}

.field-wrapper input[type=submit] {

  background-color: #0F172A;

  color: var(--white);

  transition: 0.3s;

}

.field-wrapper input[type=submit]:hover {

  background-color: var(--primary);

  border: 0;

  outline: 0;

}



.swiper.testimonial-active.swiper-initialized.swiper-horizontal.swiper-backface-hidden {

  max-width: 470px;

  overflow: hidden;

}



.btn-1  {

display: inline-block;

    padding: 10px 30px 10px 30px;

    color: var(--white);

    background-color: #ff6200;

    font-family: "Roboto", sans-serif;

    border-radius: 6px;

    font-weight: 500;

    text-transform: capitalize;

    display: inline-block;

    border: 2px solid #ff6200;

}



 

.btn-1:hover, .common-btn:hover, .btn-2:hover {

  background-color: var(--secondary);

  color: var(--white);

}



.btn-2 {

    padding: 10px 35px;

    background-color: #008ecf;

    box-shadow: 0px 0px 10px rgba(38, 37, 37, 0.25);

    border-radius: 6px;

    margin-right: 25px;

    display: inline-block;

    border: 2px solid #008ecf;



}

.btn-2:hover {

  background-color: #4fc8ff!important;

  color: var(--white);

}

.btn-2:last-child {

  margin-right: 0;

}



.common-btn {

  font-weight: 700;

  font-size: 18px;

  background-color: transparent;

  transition: 0.3s ease;

  color: var(--black-2);

}

.common-btn:hover {

  background-color: var(--primary);

  color: var(--white);

}



.btn-3 {

  padding: 10px 20px;

  background-color: var(--primary);

  color: var(--white);

  border-radius: 6px;

  margin-top: 25px;

  display: inline-block;

  text-transform: capitalize;

}

.btn-3:hover {

  background-color: var(--secondary);

  color: var(--white);

}



.btn-4 {

  text-transform: capitalize;

  transition: 0.3s linear;

}

.btn-4 i {

  display: inline-block;

  padding-left: 10px;

}



.btn-2.btn-c {

  background-color: transparent;

  color: var(--black-2);

  box-shadow: none;

}

.btn-2:hover:hover {

  background-color: var(--secondary);

  color: var(--white);

}



.close_info {

  display: inline-block;

  height: 30px;

  width: 30px;

  line-height: 30px;

  text-align: center;

  background: var(--primary);

}



/*

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

5.  custom-animation

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

*/

@keyframes square {

  0% {

    transform: translateY(-100px);

    -webkit-transform: translateY(-100px);

    -moz-transform: translateY(-100px);

    -ms-transform: translateY(-100px);

    -o-transform: translateY(-100px);

  }

  100% {

    transform: translateY(0px);

    -webkit-transform: translateY(0px);

    -moz-transform: translateY(0px);

    -ms-transform: translateY(0px);

    -o-transform: translateY(0px);

  }

}

@-webkit-keyframes jump {

  0% {

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

    transform: translate3d(0, 0, 0);

  }

  40% {

    -webkit-transform: translate3d(0, 50%, 0);

    transform: translate3d(0, 50%, 0);

  }

  100% {

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

    transform: translate3d(0, 0, 0);

  }

}

@keyframes jump {

  0% {

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

    transform: translate3d(0, 0, 0);

  }

  40% {

    -webkit-transform: translate3d(0, 50%, 0);

    transform: translate3d(0, 50%, 0);

  }

  100% {

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

    transform: translate3d(0, 0, 0);

  }

}

@-webkit-keyframes rotated {

  0% {

    -webkit-transform: rotate(0);

    transform: rotate(0);

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@keyframes rotated {

  0% {

    -webkit-transform: rotate(0);

    transform: rotate(0);

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@-webkit-keyframes rotatedHalf {

  0% {

    -webkit-transform: rotate(0);

    transform: rotate(0);

  }

  50% {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

  }

  100% {

    -webkit-transform: rotate(0);

    transform: rotate(0);

  }

}

@keyframes rotatedHalf {

  0% {

    -webkit-transform: rotate(0);

    transform: rotate(0);

  }

  50% {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

  }

  100% {

    -webkit-transform: rotate(0);

    transform: rotate(0);

  }

}

@-webkit-keyframes rotatedHalfTwo {

  0% {

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

  }

  100% {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

  }

}

@keyframes rotatedHalfTwo {

  0% {

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

  }

  100% {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

  }

}

.float-bob {

  animation: float-bob-y infinite 3s linear;

}



@-webkit-keyframes scale-upOne {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  100% {

    -webkit-transform: scale(0.2);

    transform: scale(0.2);

  }

}

@keyframes scale-upOne {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  100% {

    -webkit-transform: scale(0.2);

    transform: scale(0.2);

  }

}

@-webkit-keyframes scale-right {

  0% {

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

  }

  50% {

    -webkit-transform: translateX(50%);

    transform: translateX(50%);

  }

  100% {

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

  }

}

@keyframes scale-right {

  0% {

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

  }

  50% {

    -webkit-transform: translateX(50%);

    transform: translateX(50%);

  }

  100% {

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

  }

}

@-webkit-keyframes fade-in {

  0% {

    opacity: 0.7;

  }

  40% {

    opacity: 1;

  }

  100% {

    opacity: 0.7;

  }

}

@keyframes fade-in {

  0% {

    opacity: 0.7;

  }

  40% {

    opacity: 1;

  }

  100% {

    opacity: 0.7;

  }

}

@keyframes hvr-ripple-out {

  0% {

    top: 0px;

    right: 0px;

    bottom: 0px;

    left: 0px;

    opacity: 1;

  }

  100% {

    top: -6px;

    right: -6px;

    bottom: -6px;

    left: -6px;

    opacity: 0;

  }

}

@keyframes hvr-ripple-out-two {

  0% {

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    opacity: 1;

  }

  100% {

    top: -12px;

    right: -12px;

    bottom: -12px;

    left: -12px;

    opacity: 0;

  }

}

@-webkit-keyframes scale-up-one {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  40% {

    -webkit-transform: scale(0.5);

    transform: scale(0.5);

  }

  100% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

@keyframes scale-up-one {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  40% {

    -webkit-transform: scale(0.5);

    transform: scale(0.5);

  }

  100% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

@-webkit-keyframes scale-up-two {

  0% {

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

  }

  40% {

    -webkit-transform: scale(0.8);

    transform: scale(0.8);

  }

  100% {

    -webkit-transform: scale(0.5);

    transform: scale(0.5);

  }

}

@keyframes scale-up-two {

  0% {

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

  }

  40% {

    -webkit-transform: scale(0.8);

    transform: scale(0.8);

  }

  100% {

    -webkit-transform: scale(0.5);

    transform: scale(0.5);

  }

}

@-webkit-keyframes scale-up-three {

  0% {

    -webkit-transform: scale(0.7);

    transform: scale(0.7);

  }

  40% {

    -webkit-transform: scale(0.4);

    transform: scale(0.4);

  }

  100% {

    -webkit-transform: scale(0.7);

    transform: scale(0.7);

  }

}

@keyframes scale-up-three {

  0% {

    -webkit-transform: scale(0.7);

    transform: scale(0.7);

  }

  40% {

    -webkit-transform: scale(0.4);

    transform: scale(0.4);

  }

  100% {

    -webkit-transform: scale(0.7);

    transform: scale(0.7);

  }

}

@-webkit-keyframes scale-up-four {

  0% {

    -webkit-transform: scale(0.6);

    transform: scale(0.6);

  }

  40% {

    -webkit-transform: scale(0.7);

    transform: scale(0.7);

  }

  100% {

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

  }

}

@keyframes scale-up-four {

  0% {

    -webkit-transform: scale(0.6);

    transform: scale(0.6);

  }

  40% {

    -webkit-transform: scale(0.7);

    transform: scale(0.7);

  }

  100% {

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

  }

}

@-webkit-keyframes scale-up-five {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  40% {

    -webkit-transform: scale(0.4);

    transform: scale(0.4);

  }

  100% {

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

  }

}

@keyframes scale-up-five {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  40% {

    -webkit-transform: scale(0.5);

    transform: scale(0.5);

  }

  100% {

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

  }

}

@keyframes animationFramesOne {

  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);

  }

}

@-webkit-keyframes animationFramesOne {

  0% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

  }

  20% {

    -webkit-transform: translate(73px, -1px) rotate(36deg);

  }

  40% {

    -webkit-transform: translate(141px, 72px) rotate(72deg);

  }

  60% {

    -webkit-transform: translate(83px, 122px) rotate(108deg);

  }

  80% {

    -webkit-transform: translate(-40px, 72px) rotate(144deg);

  }

  100% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

  }

}

@keyframes animationFramesTwo {

  0% {

    transform: translate(0px, 0px) rotate(0deg) scale(1);

  }

  20% {

    transform: translate(73px, -1px) rotate(36deg) scale(0.9);

  }

  40% {

    transform: translate(141px, 72px) rotate(72deg) scale(1);

  }

  60% {

    transform: translate(83px, 122px) rotate(108deg) scale(1.2);

  }

  80% {

    transform: translate(-40px, 72px) rotate(144deg) scale(1.1);

  }

  100% {

    transform: translate(0px, 0px) rotate(0deg) scale(1);

  }

}

@-webkit-keyframes animationFramesTwo {

  0% {

    -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);

  }

  20% {

    -webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9);

  }

  40% {

    -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1);

  }

  60% {

    -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2);

  }

  80% {

    -webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1);

  }

  100% {

    -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);

  }

}

@keyframes animationFramesThree {

  0% {

    transform: translate(165px, -179px);

  }

  100% {

    transform: translate(-346px, 617px);

  }

}

@-webkit-keyframes animationFramesThree {

  0% {

    -webkit-transform: translate(165px, -179px);

  }

  100% {

    -webkit-transform: translate(-346px, 617px);

  }

}

@keyframes animationFramesFour {

  0% {

    transform: translate(-300px, 151px) rotate(0deg);

  }

  100% {

    transform: translate(251px, -200px) rotate(180deg);

  }

}

@-webkit-keyframes animationFramesFour {

  0% {

    -webkit-transform: translate(-300px, 151px) rotate(0deg);

  }

  100% {

    -webkit-transform: translate(251px, -200px) rotate(180deg);

  }

}

@keyframes animationFramesFive {

  0% {

    transform: translate(61px, -99px) rotate(0deg);

  }

  21% {

    transform: translate(4px, -190px) rotate(38deg);

  }

  41% {

    transform: translate(-139px, -200px) rotate(74deg);

  }

  60% {

    transform: translate(-263px, -164px) rotate(108deg);

  }

  80% {

    transform: translate(-195px, -49px) rotate(144deg);

  }

  100% {

    transform: translate(-1px, 0px) rotate(180deg);

  }

}

@-webkit-keyframes animationFramesFive {

  0% {

    -webkit-transform: translate(61px, -99px) rotate(0deg);

  }

  21% {

    -webkit-transform: translate(4px, -190px) rotate(38deg);

  }

  41% {

    -webkit-transform: translate(-139px, -200px) rotate(74deg);

  }

  60% {

    -webkit-transform: translate(-263px, -164px) rotate(108deg);

  }

  80% {

    -webkit-transform: translate(-195px, -49px) rotate(144deg);

  }

  100% {

    -webkit-transform: translate(-1px, 0px) rotate(180deg);

  }

}

@keyframes gradientBG {

  0% {

    background-position: 0 0;

  }

  50% {

    background-position: 300% 0;

  }

  100% {

    background-position: 0 0;

  }

}

@-webkit-keyframes gradientBG {

  0% {

    background-position: 0 0;

  }

  50% {

    background-position: 300% 0;

  }

  100% {

    background-position: 0 0;

  }

}

@keyframes imageBgAnim {

  0% {

    background-position: 0 0;

  }

  50% {

    background-position: 120% 0;

  }

  100% {

    background-position: 0 0;

  }

}

@-webkit-keyframes gradientBG {

  0% {

    background-position: 0 0;

  }

  50% {

    background-position: 120% 0;

  }

  100% {

    background-position: 0 0;

  }

}

:root {

  --animate-duration: 1s;

  --animate-delay: 1s;

  --animate-repeat: 1 ;

}



.animate__animated {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-duration: var(--animate-duration);

  animation-duration: var(--animate-duration);

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}



.animate__animated.animate__infinite {

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}



.animate__animated.animate__repeat-1 {

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1;

  -webkit-animation-iteration-count: var(--animate-repeat);

  animation-iteration-count: var(--animate-repeat);

}



.animate__animated.animate__repeat-2 {

  -webkit-animation-iteration-count: 2;

  animation-iteration-count: 2;

  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);

  animation-iteration-count: calc(var(--animate-repeat) * 2);

}



.animate__animated.animate__repeat-3 {

  -webkit-animation-iteration-count: 3;

  animation-iteration-count: 3;

  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);

  animation-iteration-count: calc(var(--animate-repeat) * 3);

}



.animate__animated.animate__delay-1s {

  -webkit-animation-delay: 1s;

  animation-delay: 1s;

  -webkit-animation-delay: var(--animate-delay);

  animation-delay: var(--animate-delay);

}



.animate__animated.animate__delay-2s {

  -webkit-animation-delay: 2s;

  animation-delay: 2s;

  -webkit-animation-delay: calc(var(--animate-delay) * 2);

  animation-delay: calc(var(--animate-delay) * 2);

}



.animate__animated.animate__delay-3s {

  -webkit-animation-delay: 3s;

  animation-delay: 3s;

  -webkit-animation-delay: calc(var(--animate-delay) * 3);

  animation-delay: calc(var(--animate-delay) * 3);

}



.animate__animated.animate__delay-4s {

  -webkit-animation-delay: 4s;

  animation-delay: 4s;

  -webkit-animation-delay: calc(var(--animate-delay) * 4);

  animation-delay: calc(var(--animate-delay) * 4);

}



.animate__animated.animate__delay-5s {

  -webkit-animation-delay: 5s;

  animation-delay: 5s;

  -webkit-animation-delay: calc(var(--animate-delay) * 5);

  animation-delay: calc(var(--animate-delay) * 5);

}



.animate__animated.animate__faster {

  -webkit-animation-duration: 0.5s;

  animation-duration: 0.5s;

  -webkit-animation-duration: calc(var(--animate-duration) / 2);

  animation-duration: calc(var(--animate-duration) / 2);

}



.animate__animated.animate__fast {

  -webkit-animation-duration: 0.8s;

  animation-duration: 0.8s;

  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);

  animation-duration: calc(var(--animate-duration) * 0.8);

}



.animate__animated.animate__slow {

  -webkit-animation-duration: 2s;

  animation-duration: 2s;

  -webkit-animation-duration: calc(var(--animate-duration) * 2);

  animation-duration: calc(var(--animate-duration) * 2);

}



.animate__animated.animate__slower {

  -webkit-animation-duration: 3s;

  animation-duration: 3s;

  -webkit-animation-duration: calc(var(--animate-duration) * 3);

  animation-duration: calc(var(--animate-duration) * 3);

}



@media (prefers-reduced-motion: reduce), print {

  .animate__animated {

    -webkit-animation-duration: 1ms !important;

    animation-duration: 1ms !important;

    -webkit-transition-duration: 1ms !important;

    transition-duration: 1ms !important;

    -webkit-animation-iteration-count: 1 !important;

    animation-iteration-count: 1 !important;

  }

  .animate__animated[class*=Out] {

    opacity: 0;

  }

}

@-webkit-keyframes bounce {

  0%, 20%, 53%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  40%, 43% {

    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);

    transform: translate3d(0, -30px, 0) scaleY(1.1);

  }

  70% {

    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);

    transform: translate3d(0, -15px, 0) scaleY(1.05);

  }

  80% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    -webkit-transform: translateZ(0) scaleY(0.95);

    transform: translateZ(0) scaleY(0.95);

  }

  90% {

    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);

    transform: translate3d(0, -4px, 0) scaleY(1.02);

  }

}

@keyframes bounce {

  0%, 20%, 53%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  40%, 43% {

    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);

    transform: translate3d(0, -30px, 0) scaleY(1.1);

  }

  70% {

    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);

    transform: translate3d(0, -15px, 0) scaleY(1.05);

  }

  80% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    -webkit-transform: translateZ(0) scaleY(0.95);

    transform: translateZ(0) scaleY(0.95);

  }

  90% {

    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);

    transform: translate3d(0, -4px, 0) scaleY(1.02);

  }

}

.animate__bounce {

  -webkit-animation-name: bounce;

  animation-name: bounce;

  -webkit-transform-origin: center bottom;

  transform-origin: center bottom;

}



@-webkit-keyframes flash {

  0%, 50%, to {

    opacity: 1;

  }

  25%, 75% {

    opacity: 0;

  }

}

@keyframes flash {

  0%, 50%, to {

    opacity: 1;

  }

  25%, 75% {

    opacity: 0;

  }

}

.animate__flash {

  -webkit-animation-name: flash;

  animation-name: flash;

}



@-webkit-keyframes pulse {

  0% {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

  50% {

    -webkit-transform: scale3d(1.05, 1.05, 1.05);

    transform: scale3d(1.05, 1.05, 1.05);

  }

  to {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

}

@keyframes pulse {

  0% {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

  50% {

    -webkit-transform: scale3d(1.05, 1.05, 1.05);

    transform: scale3d(1.05, 1.05, 1.05);

  }

  to {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

}

.animate__pulse {

  -webkit-animation-name: pulse;

  animation-name: pulse;

  -webkit-animation-timing-function: ease-in-out;

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

}



@-webkit-keyframes rubberBand {

  0% {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

  30% {

    -webkit-transform: scale3d(1.25, 0.75, 1);

    transform: scale3d(1.25, 0.75, 1);

  }

  40% {

    -webkit-transform: scale3d(0.75, 1.25, 1);

    transform: scale3d(0.75, 1.25, 1);

  }

  50% {

    -webkit-transform: scale3d(1.15, 0.85, 1);

    transform: scale3d(1.15, 0.85, 1);

  }

  65% {

    -webkit-transform: scale3d(0.95, 1.05, 1);

    transform: scale3d(0.95, 1.05, 1);

  }

  75% {

    -webkit-transform: scale3d(1.05, 0.95, 1);

    transform: scale3d(1.05, 0.95, 1);

  }

  to {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

}

@keyframes rubberBand {

  0% {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

  30% {

    -webkit-transform: scale3d(1.25, 0.75, 1);

    transform: scale3d(1.25, 0.75, 1);

  }

  40% {

    -webkit-transform: scale3d(0.75, 1.25, 1);

    transform: scale3d(0.75, 1.25, 1);

  }

  50% {

    -webkit-transform: scale3d(1.15, 0.85, 1);

    transform: scale3d(1.15, 0.85, 1);

  }

  65% {

    -webkit-transform: scale3d(0.95, 1.05, 1);

    transform: scale3d(0.95, 1.05, 1);

  }

  75% {

    -webkit-transform: scale3d(1.05, 0.95, 1);

    transform: scale3d(1.05, 0.95, 1);

  }

  to {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

}

.animate__rubberBand {

  -webkit-animation-name: rubberBand;

  animation-name: rubberBand;

}



@-webkit-keyframes shakeX {

  0%, to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  10%, 30%, 50%, 70%, 90% {

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

    transform: translate3d(-10px, 0, 0);

  }

  20%, 40%, 60%, 80% {

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

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

  }

}

@keyframes shakeX {

  0%, to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  10%, 30%, 50%, 70%, 90% {

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

    transform: translate3d(-10px, 0, 0);

  }

  20%, 40%, 60%, 80% {

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

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

  }

}

.animate__shakeX {

  -webkit-animation-name: shakeX;

  animation-name: shakeX;

}



@-webkit-keyframes shakeY {

  0%, to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  10%, 30%, 50%, 70%, 90% {

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

    transform: translate3d(0, -10px, 0);

  }

  20%, 40%, 60%, 80% {

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

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

  }

}

@keyframes shakeY {

  0%, to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  10%, 30%, 50%, 70%, 90% {

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

    transform: translate3d(0, -10px, 0);

  }

  20%, 40%, 60%, 80% {

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

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

  }

}

.animate__shakeY {

  -webkit-animation-name: shakeY;

  animation-name: shakeY;

}



@-webkit-keyframes headShake {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  6.5% {

    -webkit-transform: translateX(-6px) rotateY(-9deg);

    transform: translateX(-6px) rotateY(-9deg);

  }

  18.5% {

    -webkit-transform: translateX(5px) rotateY(7deg);

    transform: translateX(5px) rotateY(7deg);

  }

  31.5% {

    -webkit-transform: translateX(-3px) rotateY(-5deg);

    transform: translateX(-3px) rotateY(-5deg);

  }

  43.5% {

    -webkit-transform: translateX(2px) rotateY(3deg);

    transform: translateX(2px) rotateY(3deg);

  }

  50% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

@keyframes headShake {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  6.5% {

    -webkit-transform: translateX(-6px) rotateY(-9deg);

    transform: translateX(-6px) rotateY(-9deg);

  }

  18.5% {

    -webkit-transform: translateX(5px) rotateY(7deg);

    transform: translateX(5px) rotateY(7deg);

  }

  31.5% {

    -webkit-transform: translateX(-3px) rotateY(-5deg);

    transform: translateX(-3px) rotateY(-5deg);

  }

  43.5% {

    -webkit-transform: translateX(2px) rotateY(3deg);

    transform: translateX(2px) rotateY(3deg);

  }

  50% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

.animate__headShake {

  -webkit-animation-timing-function: ease-in-out;

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

  -webkit-animation-name: headShake;

  animation-name: headShake;

}



@-webkit-keyframes swing {

  20% {

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg);

  }

  40% {

    -webkit-transform: rotate(-10deg);

    transform: rotate(-10deg);

  }

  60% {

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg);

  }

  80% {

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }

  to {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

}

@keyframes swing {

  20% {

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg);

  }

  40% {

    -webkit-transform: rotate(-10deg);

    transform: rotate(-10deg);

  }

  60% {

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg);

  }

  80% {

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }

  to {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

}

.animate__swing {

  -webkit-transform-origin: top center;

  transform-origin: top center;

  -webkit-animation-name: swing;

  animation-name: swing;

}



@-webkit-keyframes tada {

  0% {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

  10%, 20% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);

    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);

  }

  30%, 50%, 70%, 90% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);

  }

  40%, 60%, 80% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);

  }

  to {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

}

@keyframes tada {

  0% {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

  10%, 20% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);

    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);

  }

  30%, 50%, 70%, 90% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);

  }

  40%, 60%, 80% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);

  }

  to {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

}

.animate__tada {

  -webkit-animation-name: tada;

  animation-name: tada;

}



@-webkit-keyframes wobble {

  0% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  15% {

    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);

    transform: translate3d(-25%, 0, 0) rotate(-5deg);

  }

  30% {

    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);

    transform: translate3d(20%, 0, 0) rotate(3deg);

  }

  45% {

    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);

    transform: translate3d(-15%, 0, 0) rotate(-3deg);

  }

  60% {

    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);

    transform: translate3d(10%, 0, 0) rotate(2deg);

  }

  75% {

    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);

    transform: translate3d(-5%, 0, 0) rotate(-1deg);

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes wobble {

  0% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  15% {

    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);

    transform: translate3d(-25%, 0, 0) rotate(-5deg);

  }

  30% {

    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);

    transform: translate3d(20%, 0, 0) rotate(3deg);

  }

  45% {

    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);

    transform: translate3d(-15%, 0, 0) rotate(-3deg);

  }

  60% {

    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);

    transform: translate3d(10%, 0, 0) rotate(2deg);

  }

  75% {

    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);

    transform: translate3d(-5%, 0, 0) rotate(-1deg);

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.animate__wobble {

  -webkit-animation-name: wobble;

  animation-name: wobble;

}



@-webkit-keyframes jello {

  0%, 11.1%, to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

    transform: skewX(-12.5deg) skewY(-12.5deg);

  }

  33.3% {

    -webkit-transform: skewX(6.25deg) skewY(6.25deg);

    transform: skewX(6.25deg) skewY(6.25deg);

  }

  44.4% {

    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

    transform: skewX(-3.125deg) skewY(-3.125deg);

  }

  55.5% {

    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

    transform: skewX(1.5625deg) skewY(1.5625deg);

  }

  66.6% {

    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

    transform: skewX(-0.78125deg) skewY(-0.78125deg);

  }

  77.7% {

    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

    transform: skewX(0.390625deg) skewY(0.390625deg);

  }

  88.8% {

    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

  }

}

@keyframes jello {

  0%, 11.1%, to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

    transform: skewX(-12.5deg) skewY(-12.5deg);

  }

  33.3% {

    -webkit-transform: skewX(6.25deg) skewY(6.25deg);

    transform: skewX(6.25deg) skewY(6.25deg);

  }

  44.4% {

    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

    transform: skewX(-3.125deg) skewY(-3.125deg);

  }

  55.5% {

    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

    transform: skewX(1.5625deg) skewY(1.5625deg);

  }

  66.6% {

    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

    transform: skewX(-0.78125deg) skewY(-0.78125deg);

  }

  77.7% {

    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

    transform: skewX(0.390625deg) skewY(0.390625deg);

  }

  88.8% {

    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

  }

}

.animate__jello {

  -webkit-animation-name: jello;

  animation-name: jello;

  -webkit-transform-origin: center;

  transform-origin: center;

}



@-webkit-keyframes heartBeat {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  14% {

    -webkit-transform: scale(1.3);

    transform: scale(1.3);

  }

  28% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  42% {

    -webkit-transform: scale(1.3);

    transform: scale(1.3);

  }

  70% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

@keyframes heartBeat {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  14% {

    -webkit-transform: scale(1.3);

    transform: scale(1.3);

  }

  28% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  42% {

    -webkit-transform: scale(1.3);

    transform: scale(1.3);

  }

  70% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

.animate__heartBeat {

  -webkit-animation-name: heartBeat;

  animation-name: heartBeat;

  -webkit-animation-duration: 1.3s;

  animation-duration: 1.3s;

  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);

  animation-duration: calc(var(--animate-duration) * 1.3);

  -webkit-animation-timing-function: ease-in-out;

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

}



@-webkit-keyframes backInDown {

  0% {

    -webkit-transform: translateY(-1200px) scale(0.7);

    transform: translateY(-1200px) scale(0.7);

    opacity: 0.7;

  }

  80% {

    -webkit-transform: translateY(0) scale(0.7);

    transform: translateY(0) scale(0.7);

    opacity: 0.7;

  }

  to {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1;

  }

}

@keyframes backInDown {

  0% {

    -webkit-transform: translateY(-1200px) scale(0.7);

    transform: translateY(-1200px) scale(0.7);

    opacity: 0.7;

  }

  80% {

    -webkit-transform: translateY(0) scale(0.7);

    transform: translateY(0) scale(0.7);

    opacity: 0.7;

  }

  to {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1;

  }

}

.animate__backInDown {

  -webkit-animation-name: backInDown;

  animation-name: backInDown;

}



@-webkit-keyframes backInLeft {

  0% {

    -webkit-transform: translateX(-2000px) scale(0.7);

    transform: translateX(-2000px) scale(0.7);

    opacity: 0.7;

  }

  80% {

    -webkit-transform: translateX(0) scale(0.7);

    transform: translateX(0) scale(0.7);

    opacity: 0.7;

  }

  to {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1;

  }

}

@keyframes backInLeft {

  0% {

    -webkit-transform: translateX(-2000px) scale(0.7);

    transform: translateX(-2000px) scale(0.7);

    opacity: 0.7;

  }

  80% {

    -webkit-transform: translateX(0) scale(0.7);

    transform: translateX(0) scale(0.7);

    opacity: 0.7;

  }

  to {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1;

  }

}

.animate__backInLeft {

  -webkit-animation-name: backInLeft;

  animation-name: backInLeft;

}



@-webkit-keyframes backInRight {

  0% {

    -webkit-transform: translateX(2000px) scale(0.7);

    transform: translateX(2000px) scale(0.7);

    opacity: 0.7;

  }

  80% {

    -webkit-transform: translateX(0) scale(0.7);

    transform: translateX(0) scale(0.7);

    opacity: 0.7;

  }

  to {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1;

  }

}

@keyframes backInRight {

  0% {

    -webkit-transform: translateX(2000px) scale(0.7);

    transform: translateX(2000px) scale(0.7);

    opacity: 0.7;

  }

  80% {

    -webkit-transform: translateX(0) scale(0.7);

    transform: translateX(0) scale(0.7);

    opacity: 0.7;

  }

  to {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1;

  }

}

.animate__backInRight {

  -webkit-animation-name: backInRight;

  animation-name: backInRight;

}



@-webkit-keyframes backInUp {

  0% {

    -webkit-transform: translateY(1200px) scale(0.7);

    transform: translateY(1200px) scale(0.7);

    opacity: 0.7;

  }

  80% {

    -webkit-transform: translateY(0) scale(0.7);

    transform: translateY(0) scale(0.7);

    opacity: 0.7;

  }

  to {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1;

  }

}

@keyframes backInUp {

  0% {

    -webkit-transform: translateY(1200px) scale(0.7);

    transform: translateY(1200px) scale(0.7);

    opacity: 0.7;

  }

  80% {

    -webkit-transform: translateY(0) scale(0.7);

    transform: translateY(0) scale(0.7);

    opacity: 0.7;

  }

  to {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1;

  }

}

.animate__backInUp {

  -webkit-animation-name: backInUp;

  animation-name: backInUp;

}



@-webkit-keyframes backOutDown {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1;

  }

  20% {

    -webkit-transform: translateY(0) scale(0.7);

    transform: translateY(0) scale(0.7);

    opacity: 0.7;

  }

  to {

    -webkit-transform: translateY(700px) scale(0.7);

    transform: translateY(700px) scale(0.7);

    opacity: 0.7;

  }

}

@keyframes backOutDown {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1;

  }

  20% {

    -webkit-transform: translateY(0) scale(0.7);

    transform: translateY(0) scale(0.7);

    opacity: 0.7;

  }

  to {

    -webkit-transform: translateY(700px) scale(0.7);

    transform: translateY(700px) scale(0.7);

    opacity: 0.7;

  }

}

.animate__backOutDown {

  -webkit-animation-name: backOutDown;

  animation-name: backOutDown;

}



@-webkit-keyframes backOutLeft {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1;

  }

  20% {

    -webkit-transform: translateX(0) scale(0.7);

    transform: translateX(0) scale(0.7);

    opacity: 0.7;

  }

  to {

    -webkit-transform: translateX(-2000px) scale(0.7);

    transform: translateX(-2000px) scale(0.7);

    opacity: 0.7;

  }

}

@keyframes backOutLeft {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1;

  }

  20% {

    -webkit-transform: translateX(0) scale(0.7);

    transform: translateX(0) scale(0.7);

    opacity: 0.7;

  }

  to {

    -webkit-transform: translateX(-2000px) scale(0.7);

    transform: translateX(-2000px) scale(0.7);

    opacity: 0.7;

  }

}

.animate__backOutLeft {

  -webkit-animation-name: backOutLeft;

  animation-name: backOutLeft;

}



@-webkit-keyframes backOutRight {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1;

  }

  20% {

    -webkit-transform: translateX(0) scale(0.7);

    transform: translateX(0) scale(0.7);

    opacity: 0.7;

  }

  to {

    -webkit-transform: translateX(2000px) scale(0.7);

    transform: translateX(2000px) scale(0.7);

    opacity: 0.7;

  }

}

@keyframes backOutRight {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1;

  }

  20% {

    -webkit-transform: translateX(0) scale(0.7);

    transform: translateX(0) scale(0.7);

    opacity: 0.7;

  }

  to {

    -webkit-transform: translateX(2000px) scale(0.7);

    transform: translateX(2000px) scale(0.7);

    opacity: 0.7;

  }

}

.animate__backOutRight {

  -webkit-animation-name: backOutRight;

  animation-name: backOutRight;

}



@-webkit-keyframes backOutUp {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1;

  }

  20% {

    -webkit-transform: translateY(0) scale(0.7);

    transform: translateY(0) scale(0.7);

    opacity: 0.7;

  }

  to {

    -webkit-transform: translateY(-700px) scale(0.7);

    transform: translateY(-700px) scale(0.7);

    opacity: 0.7;

  }

}

@keyframes backOutUp {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1;

  }

  20% {

    -webkit-transform: translateY(0) scale(0.7);

    transform: translateY(0) scale(0.7);

    opacity: 0.7;

  }

  to {

    -webkit-transform: translateY(-700px) scale(0.7);

    transform: translateY(-700px) scale(0.7);

    opacity: 0.7;

  }

}

.animate__backOutUp {

  -webkit-animation-name: backOutUp;

  animation-name: backOutUp;

}



@-webkit-keyframes bounceIn {

  0%, 20%, 40%, 60%, 80%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3);

  }

  20% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1);

  }

  40% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9);

    transform: scale3d(0.9, 0.9, 0.9);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(1.03, 1.03, 1.03);

    transform: scale3d(1.03, 1.03, 1.03);

  }

  80% {

    -webkit-transform: scale3d(0.97, 0.97, 0.97);

    transform: scale3d(0.97, 0.97, 0.97);

  }

  to {

    opacity: 1;

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

}

@keyframes bounceIn {

  0%, 20%, 40%, 60%, 80%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3);

  }

  20% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1);

  }

  40% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9);

    transform: scale3d(0.9, 0.9, 0.9);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(1.03, 1.03, 1.03);

    transform: scale3d(1.03, 1.03, 1.03);

  }

  80% {

    -webkit-transform: scale3d(0.97, 0.97, 0.97);

    transform: scale3d(0.97, 0.97, 0.97);

  }

  to {

    opacity: 1;

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

}

.animate__bounceIn {

  -webkit-animation-duration: 0.75s;

  animation-duration: 0.75s;

  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);

  animation-duration: calc(var(--animate-duration) * 0.75);

  -webkit-animation-name: bounceIn;

  animation-name: bounceIn;

}



@-webkit-keyframes bounceInDown {

  0%, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);

    transform: translate3d(0, -3000px, 0) scaleY(3);

  }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);

    transform: translate3d(0, 25px, 0) scaleY(0.9);

  }

  75% {

    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);

    transform: translate3d(0, -10px, 0) scaleY(0.95);

  }

  90% {

    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);

    transform: translate3d(0, 5px, 0) scaleY(0.985);

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes bounceInDown {

  0%, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);

    transform: translate3d(0, -3000px, 0) scaleY(3);

  }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);

    transform: translate3d(0, 25px, 0) scaleY(0.9);

  }

  75% {

    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);

    transform: translate3d(0, -10px, 0) scaleY(0.95);

  }

  90% {

    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);

    transform: translate3d(0, 5px, 0) scaleY(0.985);

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.animate__bounceInDown {

  -webkit-animation-name: bounceInDown;

  animation-name: bounceInDown;

}



@-webkit-keyframes bounceInLeft {

  0%, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);

    transform: translate3d(-3000px, 0, 0) scaleX(3);

  }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);

    transform: translate3d(25px, 0, 0) scaleX(1);

  }

  75% {

    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);

    transform: translate3d(-10px, 0, 0) scaleX(0.98);

  }

  90% {

    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);

    transform: translate3d(5px, 0, 0) scaleX(0.995);

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes bounceInLeft {

  0%, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);

    transform: translate3d(-3000px, 0, 0) scaleX(3);

  }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);

    transform: translate3d(25px, 0, 0) scaleX(1);

  }

  75% {

    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);

    transform: translate3d(-10px, 0, 0) scaleX(0.98);

  }

  90% {

    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);

    transform: translate3d(5px, 0, 0) scaleX(0.995);

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.animate__bounceInLeft {

  -webkit-animation-name: bounceInLeft;

  animation-name: bounceInLeft;

}



@-webkit-keyframes bounceInRight {

  0%, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);

    transform: translate3d(3000px, 0, 0) scaleX(3);

  }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);

    transform: translate3d(-25px, 0, 0) scaleX(1);

  }

  75% {

    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);

    transform: translate3d(10px, 0, 0) scaleX(0.98);

  }

  90% {

    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);

    transform: translate3d(-5px, 0, 0) scaleX(0.995);

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes bounceInRight {

  0%, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);

    transform: translate3d(3000px, 0, 0) scaleX(3);

  }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);

    transform: translate3d(-25px, 0, 0) scaleX(1);

  }

  75% {

    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);

    transform: translate3d(10px, 0, 0) scaleX(0.98);

  }

  90% {

    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);

    transform: translate3d(-5px, 0, 0) scaleX(0.995);

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.animate__bounceInRight {

  -webkit-animation-name: bounceInRight;

  animation-name: bounceInRight;

}



@-webkit-keyframes bounceInUp {

  0%, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);

    transform: translate3d(0, 3000px, 0) scaleY(5);

  }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);

    transform: translate3d(0, -20px, 0) scaleY(0.9);

  }

  75% {

    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);

    transform: translate3d(0, 10px, 0) scaleY(0.95);

  }

  90% {

    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);

    transform: translate3d(0, -5px, 0) scaleY(0.985);

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes bounceInUp {

  0%, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);

    transform: translate3d(0, 3000px, 0) scaleY(5);

  }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);

    transform: translate3d(0, -20px, 0) scaleY(0.9);

  }

  75% {

    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);

    transform: translate3d(0, 10px, 0) scaleY(0.95);

  }

  90% {

    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);

    transform: translate3d(0, -5px, 0) scaleY(0.985);

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.animate__bounceInUp {

  -webkit-animation-name: bounceInUp;

  animation-name: bounceInUp;

}



@-webkit-keyframes bounceOut {

  20% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9);

    transform: scale3d(0.9, 0.9, 0.9);

  }

  50%, 55% {

    opacity: 1;

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1);

  }

  to {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3);

  }

}

@keyframes bounceOut {

  20% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9);

    transform: scale3d(0.9, 0.9, 0.9);

  }

  50%, 55% {

    opacity: 1;

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1);

  }

  to {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3);

  }

}

.animate__bounceOut {

  -webkit-animation-duration: 0.75s;

  animation-duration: 0.75s;

  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);

  animation-duration: calc(var(--animate-duration) * 0.75);

  -webkit-animation-name: bounceOut;

  animation-name: bounceOut;

}



@-webkit-keyframes bounceOutDown {

  20% {

    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);

    transform: translate3d(0, 10px, 0) scaleY(0.985);

  }

  40%, 45% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);

    transform: translate3d(0, -20px, 0) scaleY(0.9);

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);

    transform: translate3d(0, 2000px, 0) scaleY(3);

  }

}

@keyframes bounceOutDown {

  20% {

    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);

    transform: translate3d(0, 10px, 0) scaleY(0.985);

  }

  40%, 45% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);

    transform: translate3d(0, -20px, 0) scaleY(0.9);

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);

    transform: translate3d(0, 2000px, 0) scaleY(3);

  }

}

.animate__bounceOutDown {

  -webkit-animation-name: bounceOutDown;

  animation-name: bounceOutDown;

}



@-webkit-keyframes bounceOutLeft {

  20% {

    opacity: 1;

    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);

    transform: translate3d(20px, 0, 0) scaleX(0.9);

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);

    transform: translate3d(-2000px, 0, 0) scaleX(2);

  }

}

@keyframes bounceOutLeft {

  20% {

    opacity: 1;

    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);

    transform: translate3d(20px, 0, 0) scaleX(0.9);

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);

    transform: translate3d(-2000px, 0, 0) scaleX(2);

  }

}

.animate__bounceOutLeft {

  -webkit-animation-name: bounceOutLeft;

  animation-name: bounceOutLeft;

}



@-webkit-keyframes bounceOutRight {

  20% {

    opacity: 1;

    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);

    transform: translate3d(-20px, 0, 0) scaleX(0.9);

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);

    transform: translate3d(2000px, 0, 0) scaleX(2);

  }

}

@keyframes bounceOutRight {

  20% {

    opacity: 1;

    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);

    transform: translate3d(-20px, 0, 0) scaleX(0.9);

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);

    transform: translate3d(2000px, 0, 0) scaleX(2);

  }

}

.animate__bounceOutRight {

  -webkit-animation-name: bounceOutRight;

  animation-name: bounceOutRight;

}



@-webkit-keyframes bounceOutUp {

  20% {

    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);

    transform: translate3d(0, -10px, 0) scaleY(0.985);

  }

  40%, 45% {

    opacity: 1;

    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);

    transform: translate3d(0, 20px, 0) scaleY(0.9);

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);

    transform: translate3d(0, -2000px, 0) scaleY(3);

  }

}

@keyframes bounceOutUp {

  20% {

    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);

    transform: translate3d(0, -10px, 0) scaleY(0.985);

  }

  40%, 45% {

    opacity: 1;

    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);

    transform: translate3d(0, 20px, 0) scaleY(0.9);

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);

    transform: translate3d(0, -2000px, 0) scaleY(3);

  }

}

.animate__bounceOutUp {

  -webkit-animation-name: bounceOutUp;

  animation-name: bounceOutUp;

}



@-webkit-keyframes fadeIn {

  0% {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}

@keyframes fadeIn {

  0% {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}

.animate__fadeIn {

  -webkit-animation-name: fadeIn;

  animation-name: fadeIn;

}



@-webkit-keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.animate__fadeInDown {

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown;

}



@-webkit-keyframes fadeInDownBig {

  0% {

    opacity: 0;

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

    transform: translate3d(0, -2000px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes fadeInDownBig {

  0% {

    opacity: 0;

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

    transform: translate3d(0, -2000px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.animate__fadeInDownBig {

  -webkit-animation-name: fadeInDownBig;

  animation-name: fadeInDownBig;

}



@-webkit-keyframes fadeInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes fadeInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.animate__fadeInLeft {

  -webkit-animation-name: fadeInLeft;

  animation-name: fadeInLeft;

}



@-webkit-keyframes fadeInLeftBig {

  0% {

    opacity: 0;

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

    transform: translate3d(-2000px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes fadeInLeftBig {

  0% {

    opacity: 0;

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

    transform: translate3d(-2000px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.animate__fadeInLeftBig {

  -webkit-animation-name: fadeInLeftBig;

  animation-name: fadeInLeftBig;

}



@-webkit-keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.animate__fadeInRight {

  -webkit-animation-name: fadeInRight;

  animation-name: fadeInRight;

}



@-webkit-keyframes fadeInRightBig {

  0% {

    opacity: 0;

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

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

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes fadeInRightBig {

  0% {

    opacity: 0;

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

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

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.animate__fadeInRightBig {

  -webkit-animation-name: fadeInRightBig;

  animation-name: fadeInRightBig;

}



@-webkit-keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.animate__fadeInUp {

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

}



@-webkit-keyframes fadeInUpBig {

  0% {

    opacity: 0;

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

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

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes fadeInUpBig {

  0% {

    opacity: 0;

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

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

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.animate__fadeInUpBig {

  -webkit-animation-name: fadeInUpBig;

  animation-name: fadeInUpBig;

}



@-webkit-keyframes fadeInTopLeft {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, -100%, 0);

    transform: translate3d(-100%, -100%, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes fadeInTopLeft {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, -100%, 0);

    transform: translate3d(-100%, -100%, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.animate__fadeInTopLeft {

  -webkit-animation-name: fadeInTopLeft;

  animation-name: fadeInTopLeft;

}



@-webkit-keyframes fadeInTopRight {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(100%, -100%, 0);

    transform: translate3d(100%, -100%, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes fadeInTopRight {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(100%, -100%, 0);

    transform: translate3d(100%, -100%, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.animate__fadeInTopRight {

  -webkit-animation-name: fadeInTopRight;

  animation-name: fadeInTopRight;

}



@-webkit-keyframes fadeInBottomLeft {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 100%, 0);

    transform: translate3d(-100%, 100%, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes fadeInBottomLeft {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 100%, 0);

    transform: translate3d(-100%, 100%, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.animate__fadeInBottomLeft {

  -webkit-animation-name: fadeInBottomLeft;

  animation-name: fadeInBottomLeft;

}



@-webkit-keyframes fadeInBottomRight {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(100%, 100%, 0);

    transform: translate3d(100%, 100%, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes fadeInBottomRight {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(100%, 100%, 0);

    transform: translate3d(100%, 100%, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.animate__fadeInBottomRight {

  -webkit-animation-name: fadeInBottomRight;

  animation-name: fadeInBottomRight;

}



@-webkit-keyframes fadeOut {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

  }

}

@keyframes fadeOut {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

  }

}

.animate__fadeOut {

  -webkit-animation-name: fadeOut;

  animation-name: fadeOut;

}



@-webkit-keyframes fadeOutDown {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

}

@keyframes fadeOutDown {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

}

.animate__fadeOutDown {

  -webkit-animation-name: fadeOutDown;

  animation-name: fadeOutDown;

}



@-webkit-keyframes fadeOutDownBig {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

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

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

  }

}

@keyframes fadeOutDownBig {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

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

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

  }

}

.animate__fadeOutDownBig {

  -webkit-animation-name: fadeOutDownBig;

  animation-name: fadeOutDownBig;

}



@-webkit-keyframes fadeOutLeft {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }

}

@keyframes fadeOutLeft {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }

}

.animate__fadeOutLeft {

  -webkit-animation-name: fadeOutLeft;

  animation-name: fadeOutLeft;

}



@-webkit-keyframes fadeOutLeftBig {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

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

    transform: translate3d(-2000px, 0, 0);

  }

}

@keyframes fadeOutLeftBig {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

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

    transform: translate3d(-2000px, 0, 0);

  }

}

.animate__fadeOutLeftBig {

  -webkit-animation-name: fadeOutLeftBig;

  animation-name: fadeOutLeftBig;

}



@-webkit-keyframes fadeOutRight {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }

}

@keyframes fadeOutRight {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }

}

.animate__fadeOutRight {

  -webkit-animation-name: fadeOutRight;

  animation-name: fadeOutRight;

}



@-webkit-keyframes fadeOutRightBig {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

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

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

  }

}

@keyframes fadeOutRightBig {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

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

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

  }

}

.animate__fadeOutRightBig {

  -webkit-animation-name: fadeOutRightBig;

  animation-name: fadeOutRightBig;

}



@-webkit-keyframes fadeOutUp {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

}

@keyframes fadeOutUp {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

}

.animate__fadeOutUp {

  -webkit-animation-name: fadeOutUp;

  animation-name: fadeOutUp;

}



@-webkit-keyframes fadeOutUpBig {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

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

    transform: translate3d(0, -2000px, 0);

  }

}

@keyframes fadeOutUpBig {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

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

    transform: translate3d(0, -2000px, 0);

  }

}

.animate__fadeOutUpBig {

  -webkit-animation-name: fadeOutUpBig;

  animation-name: fadeOutUpBig;

}



@-webkit-keyframes fadeOutTopLeft {

  0% {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-100%, -100%, 0);

    transform: translate3d(-100%, -100%, 0);

  }

}

@keyframes fadeOutTopLeft {

  0% {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-100%, -100%, 0);

    transform: translate3d(-100%, -100%, 0);

  }

}

.animate__fadeOutTopLeft {

  -webkit-animation-name: fadeOutTopLeft;

  animation-name: fadeOutTopLeft;

}



@-webkit-keyframes fadeOutTopRight {

  0% {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, -100%, 0);

    transform: translate3d(100%, -100%, 0);

  }

}

@keyframes fadeOutTopRight {

  0% {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, -100%, 0);

    transform: translate3d(100%, -100%, 0);

  }

}

.animate__fadeOutTopRight {

  -webkit-animation-name: fadeOutTopRight;

  animation-name: fadeOutTopRight;

}



@-webkit-keyframes fadeOutBottomRight {

  0% {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 100%, 0);

    transform: translate3d(100%, 100%, 0);

  }

}

@keyframes fadeOutBottomRight {

  0% {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 100%, 0);

    transform: translate3d(100%, 100%, 0);

  }

}

.animate__fadeOutBottomRight {

  -webkit-animation-name: fadeOutBottomRight;

  animation-name: fadeOutBottomRight;

}



@-webkit-keyframes fadeOutBottomLeft {

  0% {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 100%, 0);

    transform: translate3d(-100%, 100%, 0);

  }

}

@keyframes fadeOutBottomLeft {

  0% {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 100%, 0);

    transform: translate3d(-100%, 100%, 0);

  }

}

.animate__fadeOutBottomLeft {

  -webkit-animation-name: fadeOutBottomLeft;

  animation-name: fadeOutBottomLeft;

}



@-webkit-keyframes flip {

  0% {

    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);

    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

  40% {

    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);

    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

  50% {

    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);

    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  80% {

    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);

    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  to {

    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);

    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

}

@keyframes flip {

  0% {

    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);

    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

  40% {

    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);

    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

  50% {

    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);

    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  80% {

    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);

    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  to {

    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);

    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

}

.animate__animated.animate__flip {

  -webkit-backface-visibility: visible;

  backface-visibility: visible;

  -webkit-animation-name: flip;

  animation-name: flip;

}



@-webkit-keyframes flipInX {

  0% {

    -webkit-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0;

  }

  40% {

    -webkit-transform: perspective(400px) rotateX(-20deg);

    transform: perspective(400px) rotateX(-20deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  60% {

    -webkit-transform: perspective(400px) rotateX(10deg);

    transform: perspective(400px) rotateX(10deg);

    opacity: 1;

  }

  80% {

    -webkit-transform: perspective(400px) rotateX(-5deg);

    transform: perspective(400px) rotateX(-5deg);

  }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

}

@keyframes flipInX {

  0% {

    -webkit-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0;

  }

  40% {

    -webkit-transform: perspective(400px) rotateX(-20deg);

    transform: perspective(400px) rotateX(-20deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  60% {

    -webkit-transform: perspective(400px) rotateX(10deg);

    transform: perspective(400px) rotateX(10deg);

    opacity: 1;

  }

  80% {

    -webkit-transform: perspective(400px) rotateX(-5deg);

    transform: perspective(400px) rotateX(-5deg);

  }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

}

.animate__flipInX {

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipInX;

  animation-name: flipInX;

}



@-webkit-keyframes flipInY {

  0% {

    -webkit-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0;

  }

  40% {

    -webkit-transform: perspective(400px) rotateY(-20deg);

    transform: perspective(400px) rotateY(-20deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  60% {

    -webkit-transform: perspective(400px) rotateY(10deg);

    transform: perspective(400px) rotateY(10deg);

    opacity: 1;

  }

  80% {

    -webkit-transform: perspective(400px) rotateY(-5deg);

    transform: perspective(400px) rotateY(-5deg);

  }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

}

@keyframes flipInY {

  0% {

    -webkit-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0;

  }

  40% {

    -webkit-transform: perspective(400px) rotateY(-20deg);

    transform: perspective(400px) rotateY(-20deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  60% {

    -webkit-transform: perspective(400px) rotateY(10deg);

    transform: perspective(400px) rotateY(10deg);

    opacity: 1;

  }

  80% {

    -webkit-transform: perspective(400px) rotateY(-5deg);

    transform: perspective(400px) rotateY(-5deg);

  }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

}

.animate__flipInY {

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipInY;

  animation-name: flipInY;

}



@-webkit-keyframes flipOutX {

  0% {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

  30% {

    -webkit-transform: perspective(400px) rotateX(-20deg);

    transform: perspective(400px) rotateX(-20deg);

    opacity: 1;

  }

  to {

    -webkit-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0;

  }

}

@keyframes flipOutX {

  0% {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

  30% {

    -webkit-transform: perspective(400px) rotateX(-20deg);

    transform: perspective(400px) rotateX(-20deg);

    opacity: 1;

  }

  to {

    -webkit-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0;

  }

}

.animate__flipOutX {

  -webkit-animation-duration: 0.75s;

  animation-duration: 0.75s;

  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);

  animation-duration: calc(var(--animate-duration) * 0.75);

  -webkit-animation-name: flipOutX;

  animation-name: flipOutX;

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

}



@-webkit-keyframes flipOutY {

  0% {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

  30% {

    -webkit-transform: perspective(400px) rotateY(-15deg);

    transform: perspective(400px) rotateY(-15deg);

    opacity: 1;

  }

  to {

    -webkit-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    opacity: 0;

  }

}

@keyframes flipOutY {

  0% {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

  30% {

    -webkit-transform: perspective(400px) rotateY(-15deg);

    transform: perspective(400px) rotateY(-15deg);

    opacity: 1;

  }

  to {

    -webkit-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    opacity: 0;

  }

}

.animate__flipOutY {

  -webkit-animation-duration: 0.75s;

  animation-duration: 0.75s;

  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);

  animation-duration: calc(var(--animate-duration) * 0.75);

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipOutY;

  animation-name: flipOutY;

}



@-webkit-keyframes lightSpeedInRight {

  0% {

    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

    transform: translate3d(100%, 0, 0) skewX(-30deg);

    opacity: 0;

  }

  60% {

    -webkit-transform: skewX(20deg);

    transform: skewX(20deg);

    opacity: 1;

  }

  80% {

    -webkit-transform: skewX(-5deg);

    transform: skewX(-5deg);

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes lightSpeedInRight {

  0% {

    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

    transform: translate3d(100%, 0, 0) skewX(-30deg);

    opacity: 0;

  }

  60% {

    -webkit-transform: skewX(20deg);

    transform: skewX(20deg);

    opacity: 1;

  }

  80% {

    -webkit-transform: skewX(-5deg);

    transform: skewX(-5deg);

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.animate__lightSpeedInRight {

  -webkit-animation-name: lightSpeedInRight;

  animation-name: lightSpeedInRight;

  -webkit-animation-timing-function: ease-out;

  animation-timing-function: ease-out;

}



@-webkit-keyframes lightSpeedInLeft {

  0% {

    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);

    transform: translate3d(-100%, 0, 0) skewX(30deg);

    opacity: 0;

  }

  60% {

    -webkit-transform: skewX(-20deg);

    transform: skewX(-20deg);

    opacity: 1;

  }

  80% {

    -webkit-transform: skewX(5deg);

    transform: skewX(5deg);

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes lightSpeedInLeft {

  0% {

    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);

    transform: translate3d(-100%, 0, 0) skewX(30deg);

    opacity: 0;

  }

  60% {

    -webkit-transform: skewX(-20deg);

    transform: skewX(-20deg);

    opacity: 1;

  }

  80% {

    -webkit-transform: skewX(5deg);

    transform: skewX(5deg);

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.animate__lightSpeedInLeft {

  -webkit-animation-name: lightSpeedInLeft;

  animation-name: lightSpeedInLeft;

  -webkit-animation-timing-function: ease-out;

  animation-timing-function: ease-out;

}



@-webkit-keyframes lightSpeedOutRight {

  0% {

    opacity: 1;

  }

  to {

    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

    transform: translate3d(100%, 0, 0) skewX(30deg);

    opacity: 0;

  }

}

@keyframes lightSpeedOutRight {

  0% {

    opacity: 1;

  }

  to {

    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

    transform: translate3d(100%, 0, 0) skewX(30deg);

    opacity: 0;

  }

}

.animate__lightSpeedOutRight {

  -webkit-animation-name: lightSpeedOutRight;

  animation-name: lightSpeedOutRight;

  -webkit-animation-timing-function: ease-in;

  animation-timing-function: ease-in;

}



@-webkit-keyframes lightSpeedOutLeft {

  0% {

    opacity: 1;

  }

  to {

    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);

    transform: translate3d(-100%, 0, 0) skewX(-30deg);

    opacity: 0;

  }

}

@keyframes lightSpeedOutLeft {

  0% {

    opacity: 1;

  }

  to {

    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);

    transform: translate3d(-100%, 0, 0) skewX(-30deg);

    opacity: 0;

  }

}

.animate__lightSpeedOutLeft {

  -webkit-animation-name: lightSpeedOutLeft;

  animation-name: lightSpeedOutLeft;

  -webkit-animation-timing-function: ease-in;

  animation-timing-function: ease-in;

}



@-webkit-keyframes rotateIn {

  0% {

    -webkit-transform: rotate(-200deg);

    transform: rotate(-200deg);

    opacity: 0;

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    opacity: 1;

  }

}

@keyframes rotateIn {

  0% {

    -webkit-transform: rotate(-200deg);

    transform: rotate(-200deg);

    opacity: 0;

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    opacity: 1;

  }

}

.animate__rotateIn {

  -webkit-animation-name: rotateIn;

  animation-name: rotateIn;

  -webkit-transform-origin: center;

  transform-origin: center;

}



@-webkit-keyframes rotateInDownLeft {

  0% {

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    opacity: 0;

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    opacity: 1;

  }

}

@keyframes rotateInDownLeft {

  0% {

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    opacity: 0;

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    opacity: 1;

  }

}

.animate__rotateInDownLeft {

  -webkit-animation-name: rotateInDownLeft;

  animation-name: rotateInDownLeft;

  -webkit-transform-origin: left bottom;

  transform-origin: left bottom;

}



@-webkit-keyframes rotateInDownRight {

  0% {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    opacity: 0;

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    opacity: 1;

  }

}

@keyframes rotateInDownRight {

  0% {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    opacity: 0;

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    opacity: 1;

  }

}

.animate__rotateInDownRight {

  -webkit-animation-name: rotateInDownRight;

  animation-name: rotateInDownRight;

  -webkit-transform-origin: right bottom;

  transform-origin: right bottom;

}



@-webkit-keyframes rotateInUpLeft {

  0% {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    opacity: 0;

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    opacity: 1;

  }

}

@keyframes rotateInUpLeft {

  0% {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    opacity: 0;

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    opacity: 1;

  }

}

.animate__rotateInUpLeft {

  -webkit-animation-name: rotateInUpLeft;

  animation-name: rotateInUpLeft;

  -webkit-transform-origin: left bottom;

  transform-origin: left bottom;

}



@-webkit-keyframes rotateInUpRight {

  0% {

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0;

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    opacity: 1;

  }

}

@keyframes rotateInUpRight {

  0% {

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0;

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    opacity: 1;

  }

}

.animate__rotateInUpRight {

  -webkit-animation-name: rotateInUpRight;

  animation-name: rotateInUpRight;

  -webkit-transform-origin: right bottom;

  transform-origin: right bottom;

}



@-webkit-keyframes rotateOut {

  0% {

    opacity: 1;

  }

  to {

    -webkit-transform: rotate(200deg);

    transform: rotate(200deg);

    opacity: 0;

  }

}

@keyframes rotateOut {

  0% {

    opacity: 1;

  }

  to {

    -webkit-transform: rotate(200deg);

    transform: rotate(200deg);

    opacity: 0;

  }

}

.animate__rotateOut {

  -webkit-animation-name: rotateOut;

  animation-name: rotateOut;

  -webkit-transform-origin: center;

  transform-origin: center;

}



@-webkit-keyframes rotateOutDownLeft {

  0% {

    opacity: 1;

  }

  to {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    opacity: 0;

  }

}

@keyframes rotateOutDownLeft {

  0% {

    opacity: 1;

  }

  to {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    opacity: 0;

  }

}

.animate__rotateOutDownLeft {

  -webkit-animation-name: rotateOutDownLeft;

  animation-name: rotateOutDownLeft;

  -webkit-transform-origin: left bottom;

  transform-origin: left bottom;

}



@-webkit-keyframes rotateOutDownRight {

  0% {

    opacity: 1;

  }

  to {

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    opacity: 0;

  }

}

@keyframes rotateOutDownRight {

  0% {

    opacity: 1;

  }

  to {

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    opacity: 0;

  }

}

.animate__rotateOutDownRight {

  -webkit-animation-name: rotateOutDownRight;

  animation-name: rotateOutDownRight;

  -webkit-transform-origin: right bottom;

  transform-origin: right bottom;

}



@-webkit-keyframes rotateOutUpLeft {

  0% {

    opacity: 1;

  }

  to {

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    opacity: 0;

  }

}

@keyframes rotateOutUpLeft {

  0% {

    opacity: 1;

  }

  to {

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    opacity: 0;

  }

}

.animate__rotateOutUpLeft {

  -webkit-animation-name: rotateOutUpLeft;

  animation-name: rotateOutUpLeft;

  -webkit-transform-origin: left bottom;

  transform-origin: left bottom;

}



@-webkit-keyframes rotateOutUpRight {

  0% {

    opacity: 1;

  }

  to {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0;

  }

}

@keyframes rotateOutUpRight {

  0% {

    opacity: 1;

  }

  to {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0;

  }

}

.animate__rotateOutUpRight {

  -webkit-animation-name: rotateOutUpRight;

  animation-name: rotateOutUpRight;

  -webkit-transform-origin: right bottom;

  transform-origin: right bottom;

}



@-webkit-keyframes hinge {

  0% {

    -webkit-animation-timing-function: ease-in-out;

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

  }

  20%, 60% {

    -webkit-transform: rotate(80deg);

    transform: rotate(80deg);

    -webkit-animation-timing-function: ease-in-out;

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

  }

  40%, 80% {

    -webkit-transform: rotate(60deg);

    transform: rotate(60deg);

    -webkit-animation-timing-function: ease-in-out;

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

    opacity: 1;

  }

  to {

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

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

    opacity: 0;

  }

}

@keyframes hinge {

  0% {

    -webkit-animation-timing-function: ease-in-out;

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

  }

  20%, 60% {

    -webkit-transform: rotate(80deg);

    transform: rotate(80deg);

    -webkit-animation-timing-function: ease-in-out;

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

  }

  40%, 80% {

    -webkit-transform: rotate(60deg);

    transform: rotate(60deg);

    -webkit-animation-timing-function: ease-in-out;

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

    opacity: 1;

  }

  to {

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

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

    opacity: 0;

  }

}

.animate__hinge {

  -webkit-animation-duration: 2s;

  animation-duration: 2s;

  -webkit-animation-duration: calc(var(--animate-duration) * 2);

  animation-duration: calc(var(--animate-duration) * 2);

  -webkit-animation-name: hinge;

  animation-name: hinge;

  -webkit-transform-origin: top left;

  transform-origin: top left;

}



@-webkit-keyframes jackInTheBox {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.1) rotate(30deg);

    transform: scale(0.1) rotate(30deg);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

  }

  50% {

    -webkit-transform: rotate(-10deg);

    transform: rotate(-10deg);

  }

  70% {

    -webkit-transform: rotate(3deg);

    transform: rotate(3deg);

  }

  to {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

@keyframes jackInTheBox {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.1) rotate(30deg);

    transform: scale(0.1) rotate(30deg);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

  }

  50% {

    -webkit-transform: rotate(-10deg);

    transform: rotate(-10deg);

  }

  70% {

    -webkit-transform: rotate(3deg);

    transform: rotate(3deg);

  }

  to {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

.animate__jackInTheBox {

  -webkit-animation-name: jackInTheBox;

  animation-name: jackInTheBox;

}



@-webkit-keyframes rollIn {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);

    transform: translate3d(-100%, 0, 0) rotate(-120deg);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes rollIn {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);

    transform: translate3d(-100%, 0, 0) rotate(-120deg);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.animate__rollIn {

  -webkit-animation-name: rollIn;

  animation-name: rollIn;

}



@-webkit-keyframes rollOut {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);

    transform: translate3d(100%, 0, 0) rotate(120deg);

  }

}

@keyframes rollOut {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);

    transform: translate3d(100%, 0, 0) rotate(120deg);

  }

}

.animate__rollOut {

  -webkit-animation-name: rollOut;

  animation-name: rollOut;

}



@-webkit-keyframes zoomIn {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3);

  }

  50% {

    opacity: 1;

  }

}

@keyframes zoomIn {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3);

  }

  50% {

    opacity: 1;

  }

}

.animate__zoomIn {

  -webkit-animation-name: zoomIn;

  animation-name: zoomIn;

}



@-webkit-keyframes zoomInDown {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

@keyframes zoomInDown {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

.animate__zoomInDown {

  -webkit-animation-name: zoomInDown;

  animation-name: zoomInDown;

}



@-webkit-keyframes zoomInLeft {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

@keyframes zoomInLeft {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

.animate__zoomInLeft {

  -webkit-animation-name: zoomInLeft;

  animation-name: zoomInLeft;

}



@-webkit-keyframes zoomInRight {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

@keyframes zoomInRight {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

.animate__zoomInRight {

  -webkit-animation-name: zoomInRight;

  animation-name: zoomInRight;

}



@-webkit-keyframes zoomInUp {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

@keyframes zoomInUp {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

.animate__zoomInUp {

  -webkit-animation-name: zoomInUp;

  animation-name: zoomInUp;

}



@-webkit-keyframes zoomOut {

  0% {

    opacity: 1;

  }

  50% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3);

  }

  to {

    opacity: 0;

  }

}

@keyframes zoomOut {

  0% {

    opacity: 1;

  }

  50% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3);

  }

  to {

    opacity: 0;

  }

}

.animate__zoomOut {

  -webkit-animation-name: zoomOut;

  animation-name: zoomOut;

}



@-webkit-keyframes zoomOutDown {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  to {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

@keyframes zoomOutDown {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  to {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

.animate__zoomOutDown {

  -webkit-animation-name: zoomOutDown;

  animation-name: zoomOutDown;

  -webkit-transform-origin: center bottom;

  transform-origin: center bottom;

}



@-webkit-keyframes zoomOutLeft {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

  }

  to {

    opacity: 0;

    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);

    transform: scale(0.1) translate3d(-2000px, 0, 0);

  }

}

@keyframes zoomOutLeft {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

  }

  to {

    opacity: 0;

    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);

    transform: scale(0.1) translate3d(-2000px, 0, 0);

  }

}

.animate__zoomOutLeft {

  -webkit-animation-name: zoomOutLeft;

  animation-name: zoomOutLeft;

  -webkit-transform-origin: left center;

  transform-origin: left center;

}



@-webkit-keyframes zoomOutRight {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

  }

  to {

    opacity: 0;

    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);

    transform: scale(0.1) translate3d(2000px, 0, 0);

  }

}

@keyframes zoomOutRight {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

  }

  to {

    opacity: 0;

    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);

    transform: scale(0.1) translate3d(2000px, 0, 0);

  }

}

.animate__zoomOutRight {

  -webkit-animation-name: zoomOutRight;

  animation-name: zoomOutRight;

  -webkit-transform-origin: right center;

  transform-origin: right center;

}



@-webkit-keyframes zoomOutUp {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  to {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

@keyframes zoomOutUp {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  to {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

.animate__zoomOutUp {

  -webkit-animation-name: zoomOutUp;

  animation-name: zoomOutUp;

  -webkit-transform-origin: center bottom;

  transform-origin: center bottom;

}



@-webkit-keyframes slideInDown {

  0% {

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

    visibility: visible;

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes slideInDown {

  0% {

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

    visibility: visible;

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.animate__slideInDown {

  -webkit-animation-name: slideInDown;

  animation-name: slideInDown;

}



@-webkit-keyframes slideInLeft {

  0% {

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

    visibility: visible;

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes slideInLeft {

  0% {

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

    visibility: visible;

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.animate__slideInLeft {

  -webkit-animation-name: slideInLeft;

  animation-name: slideInLeft;

}



@-webkit-keyframes slideInRight {

  0% {

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

    visibility: visible;

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes slideInRight {

  0% {

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

    visibility: visible;

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.animate__slideInRight {

  -webkit-animation-name: slideInRight;

  animation-name: slideInRight;

}



@-webkit-keyframes slideInUp {

  0% {

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

    visibility: visible;

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes slideInUp {

  0% {

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

    visibility: visible;

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.animate__slideInUp {

  -webkit-animation-name: slideInUp;

  animation-name: slideInUp;

}



@-webkit-keyframes slideOutDown {

  0% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

}

@keyframes slideOutDown {

  0% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

}

.animate__slideOutDown {

  -webkit-animation-name: slideOutDown;

  animation-name: slideOutDown;

}



@-webkit-keyframes slideOutLeft {

  0% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }

}

@keyframes slideOutLeft {

  0% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }

}

.animate__slideOutLeft {

  -webkit-animation-name: slideOutLeft;

  animation-name: slideOutLeft;

}



@-webkit-keyframes slideOutRight {

  0% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }

}

@keyframes slideOutRight {

  0% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }

}

.animate__slideOutRight {

  -webkit-animation-name: slideOutRight;

  animation-name: slideOutRight;

}



@-webkit-keyframes slideOutUp {

  0% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

}

@keyframes slideOutUp {

  0% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

}

.animate__slideOutUp {

  -webkit-animation-name: slideOutUp;

  animation-name: slideOutUp;

}



@keyframes float-bob-y {

  0% {

    -webkit-transform: translateY(-20px);

    transform: translateY(-20px);

  }

  50% {

    -webkit-transform: translateY(-10px);

    transform: translateY(-10px);

  }

  100% {

    -webkit-transform: translateY(-20px);

    transform: translateY(-20px);

  }

}

@keyframes float-bob-x {

  0% {

    -webkit-transform: translateX(-100px);

    transform: translateX(-100px);

  }

  50% {

    -webkit-transform: translateX(-10px);

    transform: translateX(-10px);

  }

  100% {

    -webkit-transform: translateX(-100px);

    transform: translateX(-100px);

  }

}

/*--- end of custom attributes ---*/

.dark #preloader {

  background-color: #232323;

}



#preloader {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #f7f7f7;

  z-index: 999999;

}



.preloader {

  width: 50px;

  height: 50px;

  display: inline-block;

  padding: 0px;

  text-align: left;

  box-sizing: border-box;

  position: absolute;

  top: 50%;

  left: 50%;

  margin-left: -25px;

  margin-top: -25px;

}



.preloader span {

  position: absolute;

  display: inline-block;

  width: 50px;

  height: 50px;

  border-radius: 100%;

  background: #4c80fa;

  -webkit-animation: preloader 1.3s linear infinite;

  animation: preloader 1.3s linear infinite;

}



.preloader span:last-child {

  animation-delay: -0.8s;

  -webkit-animation-delay: -0.8s;

}



@keyframes preloader {

  0% {

    transform: scale(0, 0);

    opacity: 0.5;

  }

  100% {

    transform: scale(1, 1);

    opacity: 0;

  }

}

@-webkit-keyframes preloader {

  0% {

    -webkit-transform: scale(0, 0);

    opacity: 0.5;

  }

  100% {

    -webkit-transform: scale(1, 1);

    opacity: 0;

  }

}



/*# sourceMappingURL=style.css.map */







.btn-1{

    padding: 8px 15px 8px 15px;

}





















.contact-form-wrapper {

  padding: 100px 0;

}



.contact-form {

    padding: 30px 40px;

    background-color: #ffffff;

    border-radius: 12px;

    max-width: inherit;

    margin-top: 160px;

    margin-bottom: 60px;

    float: right;

    box-shadow: 0 0 1em rgb(0 0 0 / 4%);

    width: 100%;

}





.contact-form  label{

}



.ui.fluid.dropdown {

    display: block;

    width: 100%;

    min-width: 0;

    margin: 10px 0px;

}



.contact-form textarea {

resize: none;

    margin-top: 25px;

    margin-bottom: 30px;

}



.contact-form .form-input,

.form-text-area {

background-color: #ffffff;

    height: 50px;

    padding-left: 16px;

    border: 1px solid #dfdfdf !important;

}



.contact-form .form-text-area {

  background-color: #f0f4f5;

  height: auto;

  padding-left: 16px;

}



.contact-form .form-control::placeholder {

  color: #aeb4b9;

  font-weight: 500;

  opacity: 1;

}



.contact-form .form-control:-ms-input-placeholder {

  color: #aeb4b9;

  font-weight: 500;

}



.contact-form .form-control::-ms-input-placeholder {

  color: #aeb4b9;

  font-weight: 500;

}



.contact-form .form-control:focus {

  border-color: #f33fb0;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07), 0 0 8px #ff6200;

}



.contact-form .title {

    text-align: left;

    font-size: 26px;

    font-weight: 800;

}



.contact-form .description {

  color: #aeb4b9;

  font-size: 14px;

  text-align: center;

}



.contact-form .submit-button-wrapper {

  text-align: center;

}



.contact-form .submit-button-wrapper input {

border: none;

    border-radius: 4px;

    background-color: #ff6200;

    color: white;

    text-transform: uppercase;

    padding: 10px 60px;

    font-weight: 500;

    letter-spacing: 2px;

    width: 70%;

}



.contact-form .submit-button-wrapper input:hover {

  background-color: #ffb205;

}





.item{

padding:10px;

}



.owl-theme .owl-nav [class*=owl-]{

background: #ff6200!important;



}



.service__area-2{

padding-bottom: 0px;

    background: #fff4ed;

    margin-bottom: auto;

    overflow: hidden;

    padding-top: 60px;

}



.advice-box{  padding: 30px 40px;

    background-color: #ffffff;

    border-radius: 12px;

    max-width: inherit;

    margin-top:30px;

    float: right;

    box-shadow: 0 0 1em rgb(0 0 0 / 4%);

    margin-bottom: 50px;



}





.advice-box h3{font-size: 21px;

    margin-top: 10px;

}



.advice-box p{      color: #2e2e2e;

 



}



.btn-book{display: inline-block;

    padding: 10px 30px 10px 30px;

    color: var(--white);

    background-color: #ff6200;

    font-family: "Roboto", sans-serif;

    border-radius: 6px;

    font-weight: 500;

    text-transform: capitalize;

    display: inline-block;



}







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

    .ui.selection.dropdown .menu {

/*      max-height: 8.01428571rem; /* + 1.335714285 to 9.349999995rem */

/*      max-height: 9.349999995rem; /* Adds a half */

        max-height: 16.02857142rem; /* Double size */

    }

}

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

    .ui.selection.dropdown .menu {

/*         max-height: 10.68571429rem; /* + 1.3357142863 to 12.0214285763rem */

      max-height: 12.0214285763rem;

    }

}

@media only screen and (min-width: 992px) {

    .ui.selection.dropdown .menu {

      max-height: 16.02857143rem; /* + 1.3357142858 to 17.3642857158rem */

    }

}

@media only screen and (min-width: 1920px) {

    .ui.selection.dropdown .menu {

        max-height: 21.37142857rem; /* + 1.3357142856 to 22.7071428556rem */

    }

}





.ui.multiple.dropdown>.label{

background: #ff6200;

    color: #fff;

    opacity: 12;

}



.ui.label>.close.icon, .ui.label>.delete.icon{

    opacity: 12;



}



.tree{

    position: absolute;

    top: 150px;

}

.hero__area-1 h3{

    font-family: Outfit, sans-serif!important;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0px;
    background-color: initial;
	text-align:center;
	
	
	
	
	
	
	
	
	
	

}



.hero__area-1 span  h3 {

color:red;

}

	 

.hero__area-1 h3 span{        color: #e74d00;

    font-size: 21px;

    margin-top: 4px;

    display: block;

    line-height: 30px;

}	

	.hero1__title{

	    text-transform:inherit;

    letter-spacing: inherit;

	}

	

.prog-box{    margin-bottom: 30px;

    box-shadow: 0 0 1em rgb(0 0 0 / 20%);

    padding: 29px;



}	



.prog-box h3{    padding: 0px;

    margin: 10px 0px;



}



.prog-box h4{       padding: 0px;

    margin: 2px 0px 15px;

	



}



.buy{    color: #ffffff;

    font-size: 13px;

    font-weight: 500;

    background: #ff6200;

    padding: 8px 32px;

    border-radius: 5px;

    margin-top: 0px;

    display: inline-block;

    font-family: "Roboto", sans-serif;

    font-size: 16px;

}

	

.buy:hover{

background:#000;

color:#fff;

}



.teen-logo{position: absolute;

    right: 0;

    width: 100px;

    top: 0;

}



.teen-logo img{    max-width: 100%;

}	







.right_link_survey-teens {

    background: #92278f !important;

    height: 118px !important;

    top: 35%;

}

 

.right_link {

        text-align: center;

    text-decoration: none;

    color: #fff;

    font-weight: normal;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px 0;

    border-radius: 0px;

    margin-right: 20px;

    top: 50%;

    position: fixed;

    right: -25px;

    z-index: 99999;

    font-size: 16px;

    padding: 0px;

    height: 0px;

    margin-top: -24px;

    cursor: pointer !important;

    background: #ff6303;

    font-weight: 600;

    width: 46px;

    padding-top: 10px;

    text-align: center;

}





.banner-top{

    background-image: linear-gradient(to top, #d2f0ff 0%, #fff1eb 100%);
    min-height: 740px;

}



.ani{position: absolute !important;

    top: -42px;

    z-index: 1;

    left: 53px;

    width: 250px !important;

    height: 250px !important;

    box-shadow: none !important;



}



.header-sticky.sticky{

    z-index:5 !important;

}

.crs-box {

}



.crs-box h2{       background: #ffb511;

    color: #fff;

    text-align: left;

    display: inline-table;

    padding: 6px 10px;

    font-size: 16px;



}



.crs-box span{

}



.crs-box-new{      padding: 10px 50px;

    box-shadow: 0 4.8px 12px 0 rgba(32, 33, 37, .1);

    margin: 10px 25px;

}

.crs-box-new:hover{

box-shadow:1px 1px 8px 2px rgba(32,33,36,.1);

}

.crs-box-new img{           width: 300px;

    height: 300px;

    display: block;

    margin: auto;

    border-radius: 100%;

    border: 2px dashed #ffa468;

    padding: 10px;

}

.crs-box-new-box-h2{    background: #fff;

    color: #ff6200;

    display: table;

    margin: auto;

    font-size: 17px;

    padding: 5px 16px;

    border: 2px solid #ff6200;



}

.crs-box-new h3{        padding: 0px;

    margin-top: 19px;

    font-size: 21px;

    color: #ff6200;

    margin-bottom: 0px;

}



.crs-box-new h4{    margin-top: 0px;

    padding-top: 0px;

    font-size: 18px;

}



.crs-box-new-box{    display: flex;

    text-align: center;

    justify-content: center;



}



.contact-form label{    cursor: pointer;

    font-size: 16px;

    font-weight: 500;

    color: #000;

}



.testimonial-title h2{

color:#000;

}

.display-6{

color:#000;

}



.display-1{

    color: #ff6200;

}

.category__area-1 h2{

font-size:35px;

}



















.slick-slide {

    margin: 0px 20px;

}



.slick-slide img {

    width: 100%;

}



.slick-slider

{

    position: relative;

    display: block;

    box-sizing: border-box;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

            user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

        touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;

}



.slick-list

{

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 0;

}

.slick-list:focus

{

    outline: none;

}

.slick-list.dragging

{

    cursor: pointer;

    cursor: hand;

}



.slick-slider .slick-track,

.slick-slider .slick-list

{

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

       -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

         -o-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

}



.slick-track

{

    position: relative;

    top: 0;

    left: 0;

    display: block;

}

.slick-track:before,

.slick-track:after

{

    display: table;

    content: '';

}

.slick-track:after

{

    clear: both;

}

.slick-loading .slick-track

{

    visibility: hidden;

}



.slick-slide

{

    display: none;

    float: left;

    height: 100%;

    min-height: 1px;

}

[dir='rtl'] .slick-slide

{

    float: right;

}

.slick-slide img

{

    display: block;

}

.slick-slide.slick-loading img

{

    display: none;

}

.slick-slide.dragging img

{

    pointer-events: none;

}

.slick-initialized .slick-slide

{

    display: block;

}

.slick-loading .slick-slide

{

    visibility: hidden;

}

.slick-vertical .slick-slide

{

    display: block;

    height: auto;

    border: 1px solid transparent;

}

.slick-arrow.slick-hidden {

    display: none;

}



.nav-pills .nav-link.active, .nav-pills .show>.nav-link{

    color: #fff;

    background-color: #ffffff;

    border-bottom: 2px solid #ff6200;

    border-radius: 0px;

}

.nav-pills .nav-link{

 background: 0 0;

    border: 0;

    border-radius: .25rem;

    color: #000 !important;

    font-weight: 600;

    font-size: 23px;



}

.prog-bx{    padding: 10px;
    background-color: #ffffff;
    border-radius: 0px;
    max-width: inherit;
    margin-top: 0px;
    margin-bottom: 20px;
    float: right;
    min-height: 460px;
    box-shadow: 0 0 1em rgb(0 0 0 / 4%);
    position: relative;

}



.prog-bx h2{    color: #000;

    margin-top: 10px;

    margin-bottom: 0px;

}



.prog-bx h3{    margin-top: 0px;

    padding-top: 0px;

    font-size: 19px;

    color: #000;

    font-weight: 500;

    margin-bottom: 5px;

    min-height: 65px;

}



.prog-bx h4{margin-top: 0px;

    padding-top: 0px;

    font-size: 18px;

    color: #ff6200;

    margin-bottom: 0px;

}



.prog-bx label{    display: block;

    font-size: 21px;

    margin-top: 8px;

    color: #000;

    font-weight: 600;

}

.prog-bx .btn{    background: #ff6200;
    color: #fff;
    margin-top: 13px;
    font-size: 16px;
    padding: 5px 18px;
    position: absolute;
    bottom: 5px;



}

.category__area-1-b{    width: 100%;

    padding-top: 110px;

    padding-bottom: 50px;

}

category__area-1-b h2{

margin-bottom:10px;

}



 


.category__area-1-b p{        line-height: inherit;
    text-align: justify;
    padding: 20px;
    color: #333;
    font-family: Outfit, sans-serif !important;
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
    font-weight: 400;
    transition: .3s;
    text-transform: inherit;
    font-size: 22px;
	    font-size: 22px;
    text-align: center;
    margin-bottom: 10px !important;

}



 





.category__area-1-b p:hover{

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

  transform: scale(1.05,1.01); background: #fff2f2;

}



.category__area-1-age{



}

.age {

padding-bottom:50px;

}

.age h4 { color: #000000 !important;

    margin-top: 0px !important;

    margin-bottom: 0px;

    font-size: 30px;



}

.age h4  span{    color: #ff6200;



}

.age h5{

text-align: center;

    margin-top: 0px;

    padding-top: 0px;

    font-size: 19px;

}



.tab-pane h2{

color:#000;

}



.portfolio__area-1 .nav{ justify-content: center;



}





.modal-content {

  width: 80%;

  margin: 0 auto;

}

.modal-body {

  padding: 0;

}

.btn-close {

  position: absolute;

  right: 0;

  padding: 1em;

}

 

.myform {

    padding: 2em;

    max-width: 100%;

    color: #fff;

    box-shadow: 0 4px 6px 0 rgba(22, 22, 26, 0.18);

    background:#ff6200;

}

@media (max-width: 576px) {

  .myform {

    max-width: 90%;

    margin: 0 auto;

  }

}

 

.myform .btn {

width: 100%;
    font-weight: 800;
    background-color: #ff6200!important;
    border-radius: 0;
    padding: 0.5em 0;
    border: 2px solid!important;

}

.myform .btn:hover {

  background-color: inherit;

  color: #fff;

  border-color: #fff;

}



.category-interest{    min-height: 500px;

}

.category-interest img {    padding: 0px;

    margin: 0px;

    width: auto;

    height: auto;

    border-radius: 0px;

}



.category-interest  h4{text-align: center;

    font-size: 1.71428571rem;

    color: #000;

	margin-top:10px!important;     margin-bottom: 0px;

	

}











.ticker-wrap {

  display: flex;

  width: 90%;



  padding:0px;

}

.ticker-head {

  width: calc(4em + 8px);

  font-style: italic;

  color: dodgerblue;

  line-height: 30px;

  padding: 0 4px;

}

.ticker {

  width: 100%;

  height: 30px;

  font-size: 15px;

 

  line-height: 30px;

  padding: 0 6px;

  overflow: hidden;

}

.ticker ul {

  position: relative;

  list-style: none;

  height: 100%;

  padding: 0;

  margin: 0;

}

.ticker-item {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  padding-right: 0;

  opacity: 0;

}

.ticker-item a {

  display: inline-block;

  width: auto;

  color: #333;

  white-space: nowrap;

  text-decoration: none;

  transition: transform 5s linear;

}

.ticker-date {

  font-weight: bold;

}

.ticker-title {

  margin-left: 10px;

}

.ticker-new {

  color: red;

  margin-left: 10px;

  animation: blink 1s ease-in-out infinite alternate;

}

.fadeInDown {

  opacity: 0;

}

.fadeInDown.run {

  animation: fadeInDown 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;

}

.fadeOutDown {

  opacity: 1;

}

.fadeOutDown.run {

  animation: fadeOutDown 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;

}

@keyframes fadeInDown {

  0% {

    opacity: 0;

    transform: translateY(-30px);

  }

  100% {

    opacity: 1;

    transform: translateY(0);

  }

}

@keyframes fadeOutDown {

  0% {

    opacity: 1;

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    transform: translateY(30px);

  }

}

@keyframes blink {

  0%, 100% {

    opacity: 1;

  }

  50% {

    opacity: 0;

  }

} 























.newxs{

background: #ed4400;

    padding: 10px;

    margin-top: 10px;

}

 .newxs h1{    color: #fff;
    font-size: 18px;
    font-weight: 500;
 
 }
 .newxs .news-inp{background: #fff;
    border: 1px solid #fff !important;
    padding-right: 0px;
    margin-right: 10px;
    width: 100%;
    font-size: 13px;
 
 }
 
 .newxs .news-btn{background: #040200;
    color: #fff;
    border: 1px solid #e6e6e6;
    padding: 4px 13px;
    font-size: 12px;
    font-weight: 600;
    padding-top: 6px;
 }

.one-one{    padding: 30px;
}

.one-one h2{    font-size: 35px;
    color: #000;
    padding-top: 20px;
}

.one-one p{
}
.one-one img{
max-width:100%;
}


.one-one .btn{
background: #ff6200;
    color: #fff;
    margin-top: 13px;
    font-size: 16px;
    padding: 5px 18px;
	}

.testimonial-slider .modal-content {

}

.testimonial-slider .myform{

}


.inner-pages{width: 100%;
    padding-top: 20px;

}

.inner-pages h2{

font-weight: 600;
    font-size: 25px;
    color: #000;
    margin-bottom: 0px;
    padding: 10px 20px 10px 20px;
	}

.inner-box{  box-shadow: 0px 1px 6px rgba(0,0,0,0.1)!important;
margin-top: 0px!important;
    padding-top: 20px!important;
}

.inner-pages p{  box-shadow: none !important;
    padding: 0px 20px 0px 20px;
	text-align:left; line-height: 28px;
}
.inner-pages p:hover{

  box-shadow:none!important;

  transform:inherit!important; background:#fff!important;
 
}

.inner-box h3{     padding: 0px 20px 0px 23px;
    font-size: 23px;
    color: #e55800;
}

.inner-box h1{     padding: 20px 20px 0px 23px;
 
 
}


.inner-box ul{    padding: 20px;
}

.inner-box ul li{    font-size: 19px !important;
    line-height: 32px;
    border-bottom: 10px;
 list-style-position: inside;
 
    padding-bottom: 5px;
    padding-top: 5px;     list-style-type: circle;
}

.new-reality-content-2{ 
}
.discv_bx{

}

.discv_bx {
}

.discv_bx h1{    padding-top: 40px;
    text-align: center;
}

.discv_bx h2{font-size: 16px;
    text-align: center;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 30px;
}

.bx_dsc{    box-shadow:0 0 1em rgb(0 0 0 / 7%);
    padding: 20px;
    text-align: center;
    min-height: 320px;
}

.bx_dsc img{    width: 67px;
    text-align: center;
    display: block;
    margin: auto;
}

.bx_dsc h3{text-align: center;
}

.bx_dsc p{    text-align: center;
}
#team{
}
.card-pro{     width: 90%;
    position: relative;
    border: 1px solid #e2e2e2;
    margin: 25px;
    box-shadow: inset 1px 0px 14px 6px #ffeaea !important;
}
.card-pro h2{        margin-bottom: 0px;
    padding-bottom: 4px;
    position: absolute;
    top: 278px;
    z-index: 9999;
    background: #000000;
    color: #fff;
    width: 94%;
    font-size: 17px;
    text-align: center;
    padding-top: 5px;
    border-bottom: 1px solid #000;
    left: 10px;
}
.card-pro p{height: 250px;
    overflow-x: auto;
}
.card-pro i{margin-top: 0px;
    top: 14px;
    color: #fff;
    background: #ff6200;
    display: inline;
    right: 20px;
    padding: 5px 10px;
    position: absolute;
    font-style: inherit;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}


.data p{      text-align: justify;
    padding-top: 3px;
 
}
.card-pro  img{           height: 300px;
    margin: 10px;
    width: 301px;
 
}

.kids-plan-box{    position: relative;

    box-shadow: 0 5px 18px 3px rgb(0 0 0 / 10%);
    width: 100%;
    display: block;
    overflow: hidden;
    padding-bottom: 21px;
    margin-bottom: 40px;
    margin-top: 40px;
    background: #fff;
    text-align: center;
    position: relative;
    min-height: 497px !important;




}

.poplr{    position: absolute;
}


.kids-plan-box {
}

.kids-plan-box .btn{        padding: 1px 15px;
    font-size: 15px;
    background: #ff6200;
    color: #fff;
    margin: 10px 20px;
    position: absolute;
    bottom: 10px;
    left: 100px;

}
.kids-plan-box h3{
}
.kids-plan-box   h5{padding: 0px 20px;
    font-size: 19px;
    position: absolute;
    bottom: 60px;
    left: 0px;
    font-weight: 600;
    width: 100%;
}

.kids-plan-box h3{
}

.dropdown-item{
    text-transform: uppercase!important;
    font-size: 14px!important;
}

.select2-container--default .select2-selection--multiple{
    margin-top: 10px!important;
	    margin-bottom: 10px!important;
}
.slick-slide{
height:40%;
}


.prog-read{
    display: block;
    font-size: 14px;
    text-transform: capitalize;
    position: absolute;
    bottom: 9px;
    right: 8px;
    color: #008ecf;
}

.prog-bx img{    height: 160px;
    width: 100%;
}









.select2-container--default .select2-selection--multiple .select2-selection__choice
{
background-color: #f05c00!important;
    border: 1px solid #fff!important;
    border-radius: 0px!important;
    box-sizing: border-box!important;
    display: inline-block!important;
    margin-left: 5px!important;
    margin-top: 5px!important;
    padding: 4px 4px 4px 0px!important;
    padding-left: 0px!important;
    position: relative!important;
    max-width: inherit!important;
    text-overflow: ellipsis!important;
    vertical-align: bottom!important;
    white-space: nowrap!important;
    color: #fff!important;
    overflow: inherit!important;
    text-align: center!important;
font-size: 12px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove
{
    position: absolute;
 

}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{
background:none;
}

.select2-selection__choice__remove span{
    background: #000 !important;
    position: absolute !important;
    height: 12px !important;
    line-height: 12px !important;
    width: 12px !important;
    border-radius: 100px !important;
    top: -5px!important;
    left: -4px !important;
    font-size: 13px !important;
 
}

.select2-selection__choice__remove:hover{
background:none!important;
}

.select2-selection__choice__remove{

}
.select2-container .select2-search--inline .select2-search__field{
height:22px!important;
}


.about-section{
}

.survery_form{    background: #fffaf8;
    padding: 20px;
    margin-right: 10px;
    margin-top: 10px;
}

.survery_form h1{padding-left: 0px;
    margin-top: 0px;
    padding-top: 0px;
    color: #ff6200;
}

.survery_form  p{ padding-left: 0px;
}

.survery_form .form-group{    margin-bottom: 11px;
}

.survery_form label{    font-size: 18px;
    margin-bottom: 6px;
}

.survery_form .form-control{    border-bottom: 1px solid #000;
    border-radius: 0px;
    background: none;
    box-shadow: none;
    border-top: none;
    border-left: 0px;
    border-right: 0px;
    padding-left: 0px;
}

.survery_form .form-control:active{ border-bottom: 1px solid #ff6200;

}

.survery_form .btn

{
    background: #ff6200;
    color: #fff;
    margin-top: 13px;
    font-size: 16px;
    padding: 5px 18px;
 
    bottom: 5px;
}




.survey_land_bx h1{
}
.survey_land_bx h2{margin-top: 0px;
    padding-top: 0px;
    font-size: 23px;
}

.survey_ebook{background: #fff6f1;
    padding: 20px;
    margin: 20px;
    border: 1px solid #ff6200;
}

.survey_ebook h1{text-align: center;
    color: #ff6200;
}

.survey_ebook h2{   font-size: 21px;
    text-align: center;
}

.survey_ebook h3{
    margin-top: 0px;
    margin-bottom: 0px;

}

.flyer-hm {
}

.flyer-hm .prog-bx{    height: 630px;
}
.flyer-hm .prog-bx img{height: auto;
}
.flyer-hm h2{font-size: 24px;
    text-align: center;
}


.mstr_bx{
}

.mstr_bx h3{
}

.mstr_bx img{
}


.inner-box-contact{
}

.contact-general{    padding: 20px;


}

.contact-general .form-group{    margin-bottom: 12px;

}

.contact-general  label{font-size: 17px;
    margin-bottom: 8px;

}
.contact-general .form-control{       border-radius: 0px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #bababa;
    padding-left: 0px;
    color: #e2e2e2;

}
.contact-general .btn{

background: #ff6200;
    color: #fff;
    margin-top: 13px;
    font-size: 16px;
    padding: 5px 18px;
 
    bottom: 5px;
	border:none;
	}
	
.post-featured-item{     padding: 0px 20px;
}

.blog_bx{
    margin-bottom: 20px;
    border-bottom: 1px dashed #cdcdcde2;
}	

.read_more{
background: #ffffff;
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
    color: #ff6200;
    border: 1px solid #ff6200;
    margin-bottom: 10px;
    display: inline-block;
	
	}
.read_more:hover{    color: #fff;
text-decoration:none;
background:#ff6200;
}

.blog_bx h3{
    padding: 0px 20px 0px 23px;
    font-size: 37px;
    color: #e55800;
    font-weight: 300;
	}
	
	

.blog_right h2 {
    font-size: 17px;
    border-bottom: none;
    padding-bottom: 4px;
    margin-top: 0px;
    text-align: center;
    font-weight: normal;
	position:relative;
    text-transform: uppercase;
}


.blog_right h2:before{
    background-color: #333333;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
	}
.blog_right h2 span{
    background-color: #fff;
    display: inline-block;
    padding: 6px 15px;
    position: relative;
    z-index: 1;
	}
.size_50_50{
    width: 80px;
    height: auto;
    float: left;
    margin-right: 10px;
	}
.size_50_50 img{
    width: 80px;
    height: 70px;
    max-width: inherit;
    border: 1px solid #e2e2e2;
    padding: 5px;
}





.blog_right ul {
    margin: 0px;
    padding-left: 0px;
    list-style-type: none;
}
.blog_right ul li{
    margin-bottom: 20px !important;
    width: 100%;
    float: left;
    display: flex
;
    align-items: center;

}

.blog_right ul li h4{
margin-top:0px !important;
}
.blog_right ul li a {
    margin-bottom: 0px;
    display: block;
    width: 100%;
    font-size: 17px;
    color: #3c3c3c;
    line-height: 21px;
    font-weight: 400;
}

.blog_right ul li a:hover{
color:#ff6201;

}
	
.blog_bx p{
padding:0px!important;

}	

.dm-list-post-body p{    padding: 0px 20px !important;
}

.date-author p{
margin-bottom:20px!important;
}
	
.contact label{margin: 6px 0px;
    font-size: 17px;

}	
	
.contact label .form-control{

}
.label-error{
background: red;
    border: 1px solid;
    margin-top: 4px;
    padding: 0px 7px;
	}
	
.glide__track .col-md{
}



.jdo img {
    max-width: 100%;
    box-shadow: 0 2.5rem 2rem -2rem hsl(200deg 50% 20% / 40%);
}

.jdo  label{    text-align: center;
    display: block;
    margin-bottom: 14px;
    font-size: 31px !important;
}

.btn-social_lft {
    padding: 0px 2px;
    margin-top: 4px;
    margin-bottom: 10px;
}


.btn-social_lft a {
    margin-top: 20px;
}


.btn-facebook {
    background-color: #135cb6;
    color: #fff;
}

.btn-social_lft a {
    margin-top: 20px;
}
.btn-linkedin {
    background-color: #147BB7;
    color: #fff;
}

.btn-twitter {
    background-color: #000;
    color: #fff;
}

.btn-whats {
    background-color: #25D366;
    color: #fff;
}


.btn-whats {
    background-color: #25D366;
    color: #fff;
}

.btn-social_lft h1{
text-align:center;
}
.btn-social_lft  .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.blog_bx span{
    padding: 0px 20px 20px 23px;
    display: block;
}

.t-post-asid{

}

	
@media only screen and (max-width : 1300px){
	
 
	
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {
 .flt_info{    bottom: 110px!important;
 }
}

@media (orientation: portrait) {
 .flt_info{    bottom: 110px!important;
 }
}

@media screen and (max-width: 1024px) {
 .flt_info{    bottom: 110px!important;
 }
}


 @media only screen and (min-width: 960px) and (max-width: 1199px) {
 
	 
	 
 }
@media only screen and (min-width: 768px) and (max-width: 999px){
 
	
}

@media only screen and (min-width: 480px) and (max-width: 767px){
	
	 
	
}


@media only screen and (max-width: 479px){
.glide__bullet--active img{width: 100px;
    margin-bottom: 20px;

}


.right_link_survey-jdo {
 
 
    position: absolute!important;
    margin-top: 0%;
    z-index: 1!important;
    top: 20px!important; right: 50px !important;
}
.right_link_survey-jdo img{max-width: 70%;
}


 .hero__area-1{
 display:block!important;
 } 
 .hero__area-1 .col-lg-7{
 
 margin-top: 33px!important;
 }
 .hero1__title{
     font-size: 23px!important;
 }
 
 .sub-title{
     font-size: 18px !important;
 }
 
 .select2-container{
 width:280px!important;
 }
.prog-bx{
width:auto!important;
    min-height: 450px!important;
} 


.category__area-1-b
{
    padding-top: 28px!important;
	
	}
 
 .inner-box h2{
 
     font-size: 21px!important;
    text-align: center!important;
    padding-bottom: 0px!important;
	}
 
 .prog-read{
        font-size: 17px !important;
        position: static !important;
        margin: 14px 12px;
	 
 }
	
.prog-bx .btn{
position: static!important;
    bottom: -38px!important;
    margin: 0px 10px!important;
}	


.owl-theme .owl-nav{
    margin-top: -50px!important;
}

.owl-theme .owl-nav{
    margin-top: -20px!important;     position: relative;
    z-index: 1;
}

.prog-bx h2{
text-align:left!important;
}
	
.flyer-hm .prog-bx{
height:	580px!important;
	
}

.col-md{        width: 80px;
}
.right-side-pro-detail h2{
text-align:left!important;
}


}