/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 4, 2021, 2:07:53 PM
    Author     : melis
*/

/* Rounded border */
hr.rounded {
  border-top: 8px solid rgb(228 20 222 / 32%);
  border-radius: 5px;
}
/*divider*/
.astrodivider {
  
  width:auto; 
  max-width: 100%;
  position:relative;
  display: inline;
}

.astrodividermask { 
    overflow:hidden; 

}

.astrodividermask:after { 
      content:''; 
      display:block; margin:-25px auto 0;
      width:100%; height:25px;  
        border-radius:125px / 12px;
       box-shadow:0 0 8px  rgb(228 20 222 / 32%);
}
.astrodivider span {
    width:50px; height:50px; 
    position:absolute; 
    bottom:100%; margin-bottom:-25px;
    left:50%; margin-left:-25px;
    border-radius:100%;
   box-shadow:0 2px 4px #4fb39c;
    background:#fff;
}
.astrodivider i {
    position:absolute;
    top:4px; bottom:4px;
    left:4px; right:4px;
    border-radius:100%;
    border:1px dashed #68beaa;
    text-align:center;
    line-height:40px;
    font-style:normal;
    color: rgb(228 20 222 / 32%);
}
.img-responsive2 {
    display: block;
    max-width: 100%;
    width:400px;
    height: 400px;
}


/* Slideshow container */
#slideshow{
      max-width: 225px;
    position: relative;
    margin: 0 371px -220px;
  z-index: 10;


}

  
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
  height: auto;

}
.slideshow-container img{ 
  border-radius: 45px;

  padding: 5px;
  max-width: 1000px;
  box-shadow: 8px 5px rgb(0 0 0 / 20%), -1em 0 0.4em rgb(0 0 0 / 54%);
  
}


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


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

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

.active {
  background-color: #717171;
}

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

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

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

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text 
  {font-size: 11px}
}
   

#contentpurchase{
    width: 50% !important;
    margin: 100px;
    z-index: 8;
}

.tm-contact-left {