* {}

.btn {
  color: goldenrod;
  margin-left: 360px;
}

.btn1 {
  color: goldenrod;
  margin-left: -530px;
}

.rm {
  color: goldenrod;
}

.quick {
  margin-left: -380px;
}


.text h1 {
  font-family: initial;
  padding: 30px;
  color: goldenrod;
}

.text h6 {
  font-family: initial;
  color: goldenrod;
  margin-top: -100px;
  padding: 10px;
}

.row h4 {
  font-family: cursive;
  color: goldenrod;
}

.row p {
  font-family: serif;
  color: goldenrod;
}

.main {
  background: linear-gradient(rgba(0, 0, 0, 0.667), rgba(0, 0, 0, 0.457)), url(bg.6.jpg);

  height: 500px;
  width: 100%;
  background-size: 100% 100%;
}

.manii {

  background: linear-gradient(rgba(0, 0, 0, 0.701), rgba(31, 29, 29, 0.705)), url(tt1.jpg);
  height: 500px;
  width: 100%;
  background-size: 100% 100%;

}

.mani {

  background: linear-gradient(rgba(0, 0, 0, 0.701), rgba(31, 29, 29, 0.705)), url(bnnn1.jpg);
  height: 400px;
  width: 100%;
  background-size: 100% 100%;
  background-attachment: fixed;

}

.mannu img {
  width: 100%;
  
}



.text2 h1 {

  background-color: black;
  padding: 13px;
  color: goldenrod;
  font-family: initial;
}
.tenu img{
/* width: 350px; */
width: 100%;
/* margin-left: 20px; */
}
.benu img{
  width: 100%;
  margin-left: 10px;
  }
.special h1 {
  padding: 25px;
  color: goldenrod;
  font-family: initial;
}

.special p {
  margin-bottom: 50px;
  color: goldenrod;
  font-family: monospace;
}

.furo h2 {
  position: relative;
  color: goldenrod;
  margin-top: -300px;
  background-color: #000;
}

.furo1 h2 {
  position: relative;
  color: goldenrod;
  margin-top: -300px;
  background-color: #000;
}

.furo2 h2 {
  position: relative;
  color: goldenrod;
  margin-top: -300px;
  background-color: #000;
}


.row img {
  border-radius: 10px;
  box-shadow: 5px 5px 10px goldenrod;
}

.Text3 {
  color: goldenrod;
  font-family: initial;
}

.text4 {
  color: goldenrod;
  font-family: initial;
}


.form {
  color: goldenrod;
  margin-left: 150px;
  margin-top: 100px;
}

.banner {
  min-height: 100vh;
  background: linear-gradient(rgba(28, 1, 1, 0.539), rgba(29, 1, 1, 0.562)), url("banner.jpg")center/cover no-repeat goldenrod;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: black;
  padding-bottom: 20px;

}

.bookss img {
  border-radius: 30px;

}

.banner h2 {
  text-decoration: underline;
  font-size: 40px;
  font-family: inherit;
  color: rgb(222, 138, 12);
  padding-bottom: 40px;
  margin-bottom: 20px;
}

.card-content {
  border-radius: 40px;
  background: black;
  height: 330px;
}

.card-content h3 {
  text-align: center;
  color: goldenrod;
  padding: 25px 0 10px 0;
  font-size: 26px;
  font-weight: 500;
}

.form-row {
  display: flex;
  width: 90%;
  margin: 0 auto;

}

form select,
form input {
  border-radius: 50px;
  display: block;
  width: 100%;
  margin: 15px 12px;
  padding: 5px;
  font-size: 15px;
  font-family: 'Poppins', sans-serif;
  outline: none;
  border: none;
  border-bottom: 1px solid goldenrod;
  font-weight: 300;
}

form input[type=text],
form input[type=number],
form input::placeholder,
select {
  color: goldenrod;
}

form input[type=submit] {
  color: black;
  background: goldenrod;
  padding: 12px 0;
  border-radius: 30px;
  cursor: pointer;
}

form input[type=submit]:hover {
  opacity: 0.9;
  color: black;
}

.cnt h1 {
  font-family: sans-serif;
  margin-top: -105px;
  color: black;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 12px;
  line-height: 30px;
  color: goldenrod;
  background: goldenrod;
}

.container {
  max-width: 200px;
  margin: 0 auto;
  position: relative;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea,
#contact button[type="submit"] {
  font: 400 12px/16px "Open Sans", Helvetica, Arial, sans-serif;
}

#contact {

  margin-left: 50px;
  width: 400px;
  border-radius: 50px;
  background: black;
  padding: 25px;
  margin: 50px 0;
}

#contact h3 {
  color: goldenrod;
  display: block;
  font-size: 30px;
  font-weight: 400;
}

#contact h4 {
  margin: 5px 0 15px;
  display: block;
  font-size: 13px;
}

fieldset {
  border: medium none !important;
  margin: 0 0 10px;
  min-width: 100%;
  padding: 0;
  width: 100%;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea {
  width: 100%;
  border: 1px solid #CCC;
  background: #FFF;
  margin: 0 0 5px;
  padding: 10px;
}

#contact input[type="text"]:hover,
#contact input[type="email"]:hover,
#contact input[type="tel"]:hover,
#contact input[type="url"]:hover,
#contact textarea:hover {
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;

}

#contact textarea {
  border-radius: 10px;
  height: 70px;
  max-width: 100%;
  resize: none;

}

#contact button[type="submit"] {
  border-radius: 20px;
  cursor: pointer;
  width: 100%;
  border: none;
  background: goldenrod;
  color: #FFF;
  margin: 0 0 5px;
  padding: 10px;
  font-size: 15px;
}

#contact button[type="submit"]:hover {
  background: grey;
  -webkit-transition: background 0.1s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active {
  box-shadow: inset 0 1px 3px rgba(26, 13, 214, 0.5);
}

#contact input:focus,
#contact textarea:focus {
  outline: 0;
  border: 1px solid #999;
}

::-webkit-input-placeholder {
  color: black;
}

:-moz-placeholder {
  color: black;
}

::-moz-placeholder {
  color: black;
}

:-ms-input-placeholder {
  color: black;
}

.pannel img {
  border-radius: 30px;
  margin-top: 50px;
  margin-left: 40px;
  box-shadow: 20px 20px 20px goldenrod;
}

.hero p {
  font-family: sans-serif;
  margin-top: 80px;
}

.container {
  max-width: 1170px;

  margin: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
}

ul {
  list-style: none;
}

.footer {
  background-color: black;
  padding: 70px 0;
}

.fotter-col {
  width: 25%;
  padding: 0 15px;
}

.fotter-col h4 {
  font-size: 18px;
  color: goldenrod;
  text-transform: capitalize;
  margin-bottom: 35px;
  font-weight: 500;
  position: relative;

}

.fotter-col h4::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -10px;
  background-color: #ef0e59;
  height: 2px;
  box-sizing: border-box;
  width: 50px;

}

.fotter-col ul li:not(:last-child) {
  margin-bottom: 10px;

}

.fotter-col ul li a {
  font-size: 16px;
  text-transform: capitalize;
  counter-reset: gold;
  text-decoration: none;
  font-weight: 300;
  color: #bbbbbb;
  display: block;
  transition: all 0, 3s ease;
  margin-left: -30px;

}

.fotter-col ul li a:hover {
  color: goldenrod;
  padding-left: 8px;
}

.fotter-col .social-links a {
  display: inline-block;
  height: 40px;
  width: 40px;
  background-color: rgba(255, 255, 255 0.2);
  margin: 10px 10px 0;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  color: #ffffff;
  transition: all 0.5s ease;

}

.fotter-col .social-links a:hover {
  color: #24262b;
  background-color: #ffffff;
}

/*responsive*/
@media(max-width:584px) {
  .fotter-col {
    width: 100%;
  }
}

@media only screen and (max-width:767px) {
  #contact {
    margin-left: -30px;
  }

  .text {
    margin-top: 60px;
  }

  .search {
    margin-left: -17px !important;
  }

  .searches {
    margin-left: 1px !important;
  }

  .submit {
    margin-left: 1px !important;
    margin-top: 10px;
  }
  .ghennu{
    margin-left: -50px;
    margin-top: -230px;
  }

}

@media only screen and (min-width:768px) and (max-width:1024px) {
  .hero p {
    margin-top: -10px;
    font-size: 13px !important;
  }

  .hero img {
    margin-top: 50px !important;
  }

  .heros p {
    margin-top: 30px !important;
    font-size: 14px !important;
  }

  .fotter-col {
    margin-top: 40px;
  }

  .heross {
    height: 570px;
  }
  .ghennu{
    margin-left: -50px;
    margin-top: -230px;
  }


}

/* buttons */
.doll {

  border: none;
  outline: none;
  width: 170px;
  border: 2px solid rgb(190, 20, 20);
  cursor: pointer;
  position: relative;
  z-index: 0;
  border-radius: 10px;
  height: 60px;
  font-size: 10px;
  margin-left: 120px;
  border-radius: 12px;
}
.dolls {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  overflow: hidden;
  transform: scale(1.5);
  width: 110px;
  margin-left: 60px;
  border-radius: 5px;
  color: white;
  font-size: 20px;
  color: black;
  margin-top: 10px;
  background-color: transparent;
  margin-left: 29px;

}

.doll::after {
  content: "";
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 50px;

}

.doll::before {
  content: "";
  background: linear-gradient(45deg,
      goldenrod, rgb(224, 65, 26), goldenrod, goldenrod,
      goldenrod, rgb(220, 40, 20), goldenrod, rgb(194, 57, 19));
  position: absolute;
  top: -2px;
  left: -2px;
  background-size: 600%;
  z-index: -1;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  filter: blur(8px);
  animation: glowing 20s linear infinite;
  transition: opacity .3s ease-in-out;
  border-radius: 1px;
  opacity: 1;
}

@keyframes glowing {
  0% {
    background-position: 0 0;
  }

  50% {
    background-position: 400% 0;
  }

  100% {
    background-position: 0 0;
  }
}

.doll:hover::before {
  opacity: 1;
}

.doll:active::after {
  background: transparent;
}

.doll:active {
  color: #000;
  font-weight: bold;
}

/* animation */
.Ai {
  position: relative;
  width: 100%;
  height: 205px;
  margin: 5rem auto;
  margin-top: 0px;
  background-color: black;
  overflow: hidden;
  box-shadow: 5px 5px 10px goldenrod;
  border-radius: 22px;
}
.At{
  position: relative;
  width: 70%;
  height: 205px;
  margin: 5rem auto;
  margin-top: 0px;
  background-color: black;
  overflow: hidden;
  box-shadow: 5px 5px 10px goldenrod;
  border-radius: 80%;
}

.pic {

  height: 250px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.1s;
}

.mesages {
  position: absolute;
  top: auto;
  bottom: 0;
  border-radius: 10%;
  opacity: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(222, 173, 49, 0.717);
  padding: 36px 0 15px;
  text-align: center;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.1s 0.3s, -webkit-transform 0.4s;
  transition: opacity 0.1s 0.3s, -webkit-transform 0.4s;
  transition: transform 0.4s, opacity 0.1s 0.3s;
  transition: transform 0.4s, opacity 0.1s 0.3s, -webkit-transform 0.4s;
}

.msg-content {

  margin: 20% 4%;
  color: #fff;
}

.slide-up:hover .pic {
  -webkit-transform: translateY(0);
  transform: translateY(0px);
}

.slide-up:hover .mesages {
  text-align: center;
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: opacity 0.1s, -webkit-transform 0.4s;
  transition: opacity 0.1s, -webkit-transform 0.4s;
  transition: transform 0.4s, opacity 0.1s;
  transition: transform 0.4s, opacity 0.1s, -webkit-transform 0.4s;
}

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




/* 2nd slider animation */
*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}










.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.5em;
}

.menu {
  font-family: "Inter", sans-serif;
  font-size: 14px;
}

.menu-group-heading {
  margin: 0;
  padding-bottom: 1em;
  border-bottom: 2px solid goldenrod;
}

.menu-group {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5em;
  padding: 1.5em 0;
}

.menu-item {
  display: flex;
}

.menu-item-image {
  width: 80px;
  height: 80px;
  flex-shrink: 0;
  object-fit: cover;
  margin-right: 1.5em;
}

.menu-item-text {
  flex-grow: 1;
}

.menu-item-heading {
  display: flex;
  justify-content: space-between;
  margin: 0;
}

.menu-item-name {
  margin-right: 1.5em;
}

.menu-item-description {
  line-height: 1.6;
  
}

@media screen and (min-width: 992px) {
  .menu {
    font-size: 16px;
  }

  .menu-group {
    grid-template-columns: repeat(2, 1fr);
  }

  .menu-item-image {
    width: 125px;
    height: 125px;
  }
}

.testim {
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translatey(-50%);
  -moz-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  -o-transform: translatey(-50%);
  transform: translatey(-50%);
}                                      

.testim .wrap {
  position: relative;
  width: 100%;
  max-width: 1020px;
  padding: 40px 20px;
  margin: auto;
}

.testim .arrow {
  display: block;
  position: absolute;
  color: #333;
  cursor: pointer;
  font-size: 2em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  padding: 5px;
  z-index: 22222222;
}

.testim .arrow:before {
  cursor: pointer;
}

.testim .arrow:hover {

  color: goldenrod;
}


.testim .arrow.left {
  left: 70px;
}

.testim .arrow.right {
  right: 70px;
}

.testim .dots {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 60px;
  left: 0;
  display: block;
  z-index: 3333;
  height: 12px;
}

.testim .dots .dot {
  list-style-type: none;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  /* border: 1px solid green; */
  border: 1px solid goldenrod;
  margin: 0 10px;
  cursor: pointer;
  -webkit-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {

  background-color: goldenrod;
  border-color: goldenrod;
}

.testim .dots .dot.active {
  -webkit-animation: testim-scale .5s ease-in-out forwards;
  -moz-animation: testim-scale .5s ease-in-out forwards;
  -ms-animation: testim-scale .5s ease-in-out forwards;
  -o-animation: testim-scale .5s ease-in-out forwards;
  animation: testim-scale .5s ease-in-out forwards;
}

.testim .cont {
  position: relative;
  overflow: hidden;
}

.testim .cont>div {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 0 70px 0;
  opacity: 0;
}

.testim .cont>div.inactive {
  opacity: 1;
}


.testim .cont>div.active {
  position: relative;
  opacity: 1;
}


.testim .cont div .img img {
  display: block;
  width: 100px;
  height: 100px;
  margin: auto;
  border-radius: 50%;
}

.testim .cont div h2 {

  font-size: 1em;
  margin: 15px 0;
}

.testim .cont div p {
  font-size: 1.15em;
  /* color: #333; */
  width: 70%;
  margin: auto;
}

.testim .cont div.active .img img {
  -webkit-animation: testim-show .5s ease-in-out forwards;
  -moz-animation: testim-show .5s ease-in-out forwards;
  -ms-animation: testim-show .5s ease-in-out forwards;
  -o-animation: testim-show .5s ease-in-out forwards;
  animation: testim-show .5s ease-in-out forwards;
}

.testim .cont div.active h2 {
  -webkit-animation: testim-content-in .4s ease-in-out forwards;
  -moz-animation: testim-content-in .4s ease-in-out forwards;
  -ms-animation: testim-content-in .4s ease-in-out forwards;
  -o-animation: testim-content-in .4s ease-in-out forwards;
  animation: testim-content-in .4s ease-in-out forwards;
}

.testim .cont div.active p {
  -webkit-animation: testim-content-in .5s ease-in-out forwards;
  -moz-animation: testim-content-in .5s ease-in-out forwards;
  -ms-animation: testim-content-in .5s ease-in-out forwards;
  -o-animation: testim-content-in .5s ease-in-out forwards;
  animation: testim-content-in .5s ease-in-out forwards;
}

.testim .cont div.inactive .img img {
  -webkit-animation: testim-hide .5s ease-in-out forwards;
  -moz-animation: testim-hide .5s ease-in-out forwards;
  -ms-animation: testim-hide .5s ease-in-out forwards;
  -o-animation: testim-hide .5s ease-in-out forwards;
  animation: testim-hide .5s ease-in-out forwards;
}

.testim .cont div.inactive h2 {
  -webkit-animation: testim-content-out .4s ease-in-out forwards;
  -moz-animation: testim-content-out .4s ease-in-out forwards;
  -ms-animation: testim-content-out .4s ease-in-out forwards;
  -o-animation: testim-content-out .4s ease-in-out forwards;
  animation: testim-content-out .4s ease-in-out forwards;
}

.testim .cont div.inactive p {
  -webkit-animation: testim-content-out .5s ease-in-out forwards;
  -moz-animation: testim-content-out .5s ease-in-out forwards;
  -ms-animation: testim-content-out .5s ease-in-out forwards;
  -o-animation: testim-content-out .5s ease-in-out forwards;
  animation: testim-content-out .5s ease-in-out forwards;
}

.cont img {
  height: 150px !important;
  width: 20% !important;
}

.cont h2 {
  color: goldenrod !important;
}

.cont p {
  color: goldenrod !important;
}

@-webkit-keyframes testim-scale {
  0% {
    -webkit-box-shadow: 0px 0px 0px 0px #e81d1d;
    box-shadow: 0px 0px 0px 0px #e20505;
  }

  35% {
    -webkit-box-shadow: 0px 0px 10px 5px #eee;
    box-shadow: 0px 0px 10px 5px #eee;
  }

  70% {
    -webkit-box-shadow: 0px 0px 10px 5px #f78a0c;
    box-shadow: 0px 0px 10px 5px #ea830e;
  }

  100% {
    -webkit-box-shadow: 0px 0px 0px 0px #ea830e;
    box-shadow: 0px 0px 0px 0px #ea830e;
  }
}

@-moz-keyframes testim-scale {
  0% {
    -moz-box-shadow: 0px 0px 0px 0px #eee;
    box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
    -moz-box-shadow: 0px 0px 10px 5px #eee;
    box-shadow: 0px 0px 10px 5px #eee;
  }

  70% {
    -moz-box-shadow: 0px 0px 10px 5px #ea830e;
    box-shadow: 0px 0px 10px 5px #ea830e;
  }

  100% {
    -moz-box-shadow: 0px 0px 0px 0px #ea830e;
    box-shadow: 0px 0px 0px 0px #ea830e;
  }
}

@-ms-keyframes testim-scale {
  0% {
    -ms-box-shadow: 0px 0px 0px 0px #eee;
    box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
    -ms-box-shadow: 0px 0px 10px 5px #eee;
    box-shadow: 0px 0px 10px 5px #eee;
  }

  70% {
    -ms-box-shadow: 0px 0px 10px 5px #ea830e;
    box-shadow: 0px 0px 10px 5px #ea830e;
  }

  100% {
    -ms-box-shadow: 0px 0px 0px 0px #ea830e;
    box-shadow: 0px 0px 0px 0px #ea830e;
  }
}

@-o-keyframes testim-scale {
  0% {
    -o-box-shadow: 0px 0px 0px 0px #eee;
    box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
    -o-box-shadow: 0px 0px 10px 5px #eee;
    box-shadow: 0px 0px 10px 5px #eee;
  }

  70% {
    -o-box-shadow: 0px 0px 10px 5px #ea830e;
    box-shadow: 0px 0px 10px 5px #ea830e;
  }

  100% {
    -o-box-shadow: 0px 0px 0px 0px #ea830e;
    box-shadow: 0px 0px 0px 0px #ea830e;
  }
}

@keyframes testim-scale {
  0% {
    box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
    box-shadow: 0px 0px 10px 5px #eee;
  }

  70% {
    box-shadow: 0px 0px 10px 5px #ea830e;
  }

  100% {
    box-shadow: 0px 0px 0px 0px #ea830e;
  }
}

@-webkit-keyframes testim-content-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-moz-keyframes testim-content-in {
  from {
    opacity: 0;
    -moz-transform: translateY(100%);
    transform: translateY(100%);
  }

  to {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}

@-ms-keyframes testim-content-in {
  from {
    opacity: 0;
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }

  to {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@-o-keyframes testim-content-in {
  from {
    opacity: 0;
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }

  to {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes testim-content-in {
  from {
    opacity: 0;
    transform: translateY(100%);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes testim-content-out {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@-moz-keyframes testim-content-out {
  from {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    opacity: 0;
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@-ms-keyframes testim-content-out {
  from {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    opacity: 0;
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@-o-keyframes testim-content-out {
  from {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    opacity: 0;
    transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@keyframes testim-content-out {
  from {
    opacity: 1;
    transform: translateY(0);
  }

  to {
    opacity: 0;
    transform: translateY(-100%);
  }
}

@-webkit-keyframes testim-show {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-moz-keyframes testim-show {
  from {
    opacity: 0;
    -moz-transform: scale(0);
    transform: scale(0);
  }

  to {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1);
  }
}

@-ms-keyframes testim-show {
  from {
    opacity: 0;
    -ms-transform: scale(0);
    transform: scale(0);
  }

  to {
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

@-o-keyframes testim-show {
  from {
    opacity: 0;
    -o-transform: scale(0);
    transform: scale(0);
  }

  to {
    opacity: 1;
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes testim-show {
  from {
    opacity: 0;
    transform: scale(0);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@-webkit-keyframes testim-hide {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

@-moz-keyframes testim-hide {
  from {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1);
  }

  to {
    opacity: 0;
    -moz-transform: scale(0);
    transform: scale(0);
  }
}

@-ms-keyframes testim-hide {
  from {
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1);
  }

  to {
    opacity: 0;
    -ms-transform: scale(0);
    transform: scale(0);
  }
}

@-o-keyframes testim-hide {
  from {
    opacity: 1;
    -o-transform: scale(1);
    transform: scale(1);
  }

  to {
    opacity: 0;
    -o-transform: scale(0);
    transform: scale(0);
  }
}

@keyframes testim-hide {
  from {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: 0;
    transform: scale(0);
  }
}