.ast-container{

    max-width: 100%;

    padding-left: 0px;

    padding-right: 0px;

    min-width: 320px;

}





/*---------- блок фон заголовок --------------*/

.tur-title {

font-size: 5rem;

color: #fff;

text-align: center;

text-transform: uppercase;

line-height: 1;

padding-top: 15px;

font-family: "Oswald", Sans-serif;

font-weight: 400;
padding-bottom: 15px;
padding-left: 10px;
padding-right: 10px;

}







.tur-podzagolovok{



    font-size: 2rem;

color: #ffc01b;

text-align: center;

margin-left: 10px;

margin-right: 10px;

}







.block-top-cena-zakaz{

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-top: 50px;

  flex-direction: row-reverse;

  padding-right: 10%;

  padding-left: 10%;

  padding-bottom: 20px;

}







.inside-circle-stoimost {

  width: 185px;

      height: 185px;

      -webkit-border-radius: 100px;

      -moz-border-radius: 100px;

      border-radius: 100px;

      background: rgba(40, 161, 90, 0.1);

  -webkit-backdrop-filter: blur(20px);

  backdrop-filter: blur(20px);

      border: solid 3px #fff;

      display: flex;

      flex-direction: column;

      align-items: center;

      justify-content: center;

      line-height: 1;

      -ms-hyphens: auto;

-webkit-hyphens: auto;

hyphens: auto;





}



.outside-circle-stoimost {

  width: 205px;

      height: 205px;

      -webkit-border-radius: 100px;

      -moz-border-radius: 100px;

      border-radius: 100px;

      background: rgba(40, 161, 90, 0.4);

  -webkit-backdrop-filter: blur(10px);

  backdrop-filter: blur(10px);

      display: flex;

      align-items: center;

      justify-content: center;

      padding: 5px;

     

}







.vigodno-tur-cena-in-head {

  font-size: 2.2rem;

color: #fff;

text-align: center;

font-family: "Lobster", Sans-serif;

font-weight: 300;

margin-bottom: 3px;

}

@media (max-width: 544px){

.vigodno-tur-cena-in-head {

font-size: 1.8rem;

}

}



.tur-cena-in-head{

   font-size: 2.4rem;

color: #fff;

text-align: center;

font-family: "Oswald", Sans-serif;

font-weight: 400;

}


@media (max-width: 544px){

.tur-cena-in-head {

 font-size: 2.2rem;


}

}



.old-cena{



    font-size: 1.5rem;

color: #ffffff;

text-align: center;

text-decoration: line-through;

opacity: 0.6;

}



.right-side-block-zakaz{

  display: flex;

  flex-direction: column;

  align-items: center;

}



.rectangle-zakaz{

width: 380px;

min-height: 120px;

background: rgba(255, 255, 255, 0.7);

  -webkit-backdrop-filter: blur(10px);

  backdrop-filter: blur(10px);

border-radius: 20px;

opacity: 0.8;

padding: 10px;

padding-left: 50px;

margin-left: -45px;

}







.blok-time-and-transport{

  display: flex;

  align-items: center;

  justify-content: center;

}



.one-block-time-and-transport{

  display: flex;

  margin-right: 5px;

}



.icons-block-zakaz{

   width: 25px;

  height: 25px;

  margin: 3px; 

}



.podpis-icon-block-zakaz{

  color: #000;

 font-family: "Oswald", Sans-serif;

font-weight: 400;

font-size: 1.2rem;

}



.marshrut-block-zakaz{

  color: #000;

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

font-weight: 500;

font-size: 1rem;

line-height: 1.2rem;

text-align: center;

margin-top: 3px;

padding-bottom: 30px;



}



.button-top-zakaz{

  width: 80%;

  padding: 5px;

  background: #ffc01b;

  font-size: 1.3rem;

color: #1e1e1e;

text-align: center;

font-family: "Oswald", Sans-serif;

font-weight: 500;

border-radius: 20px;

border: solid 2px #fff;

margin-top: -25px;

margin-right: 10%;

z-index: 10;

box-shadow:0 0 20px 5px #f5c228;

cursor: pointer;

}



@media (max-width: 544px){

.ast-separate-container #content .ast-container {

    padding-left: 0;

    padding-right: 0;

}

.tur-title{

font-size: 2.5rem;

}

.tur-podzagolovok{

  font-size: 1.5rem;

}

.inside-circle-stoimost{

  width: 150px;

  height: 150px;

}

.outside-circle-stoimost{

  width: 165px;

  height: 165px;

  }

 .rectangle-zakaz{

  width: 270px;

 }

}



@media (max-width: 400px){

.ast-separate-container #content .ast-container {

    padding-left: 0;

    padding-right: 0;

}

.tur-title{

font-size: 2.5rem;

}

.tur-podzagolovok{

  font-size: 1.5rem;

}

.inside-circle-stoimost{

  width: 150px;

  height: 150px;

}

.outside-circle-stoimost{

  width: 165px;

  height: 165px;

  }

 .rectangle-zakaz{

  width: 270px;

  margin-left: 0px;

  padding-left: 10px;

 }

 .block-top-cena-zakaz{

  flex-direction: column-reverse;

 }

 .button-top-zakaz{

  margin-left: 10%;

 }

}





/*---------- Конец блока фон заголовок --------------*/



/*---------- блок преимущества --------------*/

.preimushestva{

  position: relative;

  width: 100%;

  min-width: 320px; 

  background: lightgrey;

  display: flex; 

  flex-direction: column;

  justify-content: center;

-webkit-box-shadow: 0px 29px 11px -22px rgba(2, 2, 2, 0.67) inset;

-moz-box-shadow: 0px 29px 11px -22px rgba(2, 2, 2, 0.67) inset;

box-shadow: 0px 29px 11px -22px rgba(2, 2, 2, 0.67) inset;

padding: 15px;



}



.preimushestvo-header-o-nas{

  display: flex; 

  justify-content: center;

  font-size: 2.5rem;

color: #1e1e1e;

text-align: center;

font-family: "Oswald", Sans-serif;

font-weight: 500;

line-height: 1;

text-transform: uppercase;

margin-top: 10px;



}



.preimushestvo-description-o-nas{

  display: flex; 

  justify-content: center;

  font-size: 1.5rem;

color: #e58406;

text-align: center;

}



.preimushestva-vse{

  display: flex; 

  justify-content: center;

  margin-top: 20px;

  margin-bottom: 20px;

  padding: 20px;

}



@media (max-width: 544px){

.preimushestva-vse {

  flex-direction: column;

   justify-content: center;

}

}







.one-preimushestvo{

  width: 30%;

  display: flex;

  margin: 10px;



}



@media (max-width: 544px){

.one-preimushestvo {

  width: 90%;

}

}





.preimushestvo-right-side{

  display: flex;

  flex-direction: column;

  color: #1e1e1e;

  line-height: 1;



}







.preimushestva-head{

text-align: left;

font-family: "oswald", Sans-serif;

font-weight: 500;

font-size: 1.7rem;

margin-bottom: 5px;

}



.preimushestvo-description{

text-align: left;

font-size: 1.2rem;

font-weight: 400;

}



/*---------- Конец блока преимущества --------------*/





/*---------- блок Программа тура --------------*/



.programma-tura{

  display: flex;

  flex-direction: column;

  align-items: center;



}



.head-block-programma-tura{

  margin-top: 20px;

}



.programm-day{

background: lightgrey;

width: 80%;

border-radius: 20px;

margin-top: 20px;

margin-bottom: 20px;

padding: 10px;

}



.programm-day-header{

  color: #e58406;

  font-family: "Oswald", Sans-serif;

font-weight: 500;

line-height: 1;

font-size: 1.5rem;

text-transform: uppercase;

margin: 10px;

}



.programm-day-description{

background: #fff;

border-radius: 20px;

padding: 10px;

padding-top: 1.2em;

line-height: 1;

font-size: 1.2rem;

 font-family: "roboto", Sans-serif;

}



.programm-day-description p{



margin-bottom: 1.3em;



}

/*----------  Конец блока Программа тура --------------*/





/*---------- блок Что входит в оплату --------------*/



.block-oplata{

  background: lightgrey;

  display: flex;

 justify-content: center;

 padding-top: 20px;

 padding-bottom: 20px;

}



@media (max-width: 544px){

.block-oplata {

  flex-direction: column;

   justify-content: center;

   align-items: center;

}

}



.vhodit-v-stoimost{

  display: flex;

  flex-direction: column;

  margin: 10px;

  width: 40%;

  background: #fff;

  border-radius: 20px;

 padding-top: 15px;

  padding-bottom: 15px;

}



@media (max-width: 544px){

.vhodit-v-stoimost {

 width: 80%;

}

}



.vhodit-v-stoimost-header{

  color: #2e7c49;

  font-family: "Oswald", Sans-serif;

font-weight: 500;

line-height: 1;

font-size: 1.5rem;

text-transform: uppercase;

margin: 10px;

text-align: center

}



.dopolnitelno-oplachivaetsya{

  display: flex;

  flex-direction: column;

  margin: 10px;

  background: #fff;

  border-radius: 20px;

  width: 40%;

  padding-top: 15px;

  padding-bottom: 15px;



}



@media (max-width: 544px){

.dopolnitelno-oplachivaetsya {

 width: 80%;

}

}



.dopolnitelno-oplachivaetsya-header{

  color: #e58406;

  font-family: "Oswald", Sans-serif;

font-weight: 500;

line-height: 1;

font-size: 1.5rem;

text-transform: uppercase;

margin: 10px;

display: flex;

justify-content: center;

text-align: center

}







.stoimost-description{

  padding: 0 20px 20px 30px;

  line-height: 1;

font-size: 0,9rem;

 font-family: "roboto", Sans-serif;

}



.stoimost-description p{



margin-bottom: 0.5em;



}

/*----------  Конец блока Что входит в оплату --------------*/



/* ----------Анимация кнопки---------------- */ 



.custom-btn {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row nowrap;

    flex-flow: row nowrap;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

      

    position: relative;

    text-align: center;

    

    

    overflow: hidden;

    

     -webkit-transition: ease 0.3s;

    transition: ease 0.3s;

}



.custom-btn:before {

    content: "";

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background: #fa4923;

    opacity: 0;

    z-index: 1;

    -webkit-transition: ease 0.3s;

    transition: ease 0.3s;

}



.custom-btn:after {

    content: "";

    display: block;

    width: 10px;

    height: 300px;

    margin-left: 60px;

    background: #fff;

    position: absolute;

    left: -40px;

    top: -150px;

    z-index: 1;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    -webkit-transition: all 0.1s;

    transition: all 0.1s;

    -webkit-animation-name: slideme;

    animation-name: slideme;

    -webkit-animation-duration: 3s;

    animation-duration: 3s;

    -webkit-animation-delay: 0.05s;

    animation-delay: 0.05s;

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

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

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

}



@-webkit-keyframes slideme { 0% { left: -30px; margin-left: 0px; }

  30% { left: 110%; margin-left: 80px; }

  100% { left: 110%; margin-left: 80px; } }



/*---------- Конец анимации кнопки --------------*/