html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	font-size: 100%;
	vertical-align: baseline
}
dd{
  margin-left: 20px !important;
}

body {
	line-height: 1;
	color: #000;
}

ol,
ul {
	list-style: none
}

table {
	border-collapse: separate;
	border-spacing: 0;
	vertical-align: middle
}

caption,
th,
td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle
}

a img {
	border: none
}

a {
	color: inherit;
	-webkit-transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
	text-decoration: none;
}

a:hover, a:focus {
	text-decoration: none;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}



.clearfix {
	zoom: 1
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table
}

.clearfix:after {
	clear: both
}

body,
html {
	font-family: 'Open-Sans', helvetica, Arial, sans-serif;
	font-size: 15px;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	color: #444;
}


nav#menu {
	position: relative;
	top: 0;
	left: 0;
	background-color: #036646;
	-webkit-transition: all 0.45s ease-out;
	-moz-transition: all 0.45s ease-out;
	-o-transition: all 0.45s ease-out;
	-ms-transition: all 0.45s ease-out;
	transition: all 0.45s ease-out;
	zoom: 1;
}

a.brand-navbar {
    margin-left: 5%;
}

/*botón-arriba nuestra-historia*/
#myBtn {
  display: none;
  position: fixed;
  bottom: 10%; 
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color:#f5b334;
  color: white;
  cursor: pointer;
  height: 50px;
  width: 50px;
  border-radius:50%;
  font-weight: bold;
  }
  


div#mainMenu {justify-content: flex-end;margin-right: 5%;}

div#mainMenu li.nav-item {
    border: 1px solid white;
    border-width: 0px 1px 0px 0px;
}

div#mainMenu li.nav-item:last-child {
    border: none;
}

nav#menu a.nav-link {
    color: white;
    font-family: 'TipografiaRamis-Rams';
    font-size: 20px
}

/*************menu**********/
#menu-final{
  position: relative;
  right: 100px;
}

@media screen and (max-width:440px){
  #menu-final{
    right: 0;
  }
}

/*****************************/

.navbar ul li.nav-item {
    border: 1px solid white;
    border-width: 0px 1px 0px 0px;
    padding: 0px 2%;
}

.navbar ul li.nav-item:last-child {
    border: none;
}

.navbar ul li.nav-item.active a {
    border: 1px solid #f5b334;
    border-width: 0px 0px 2px 0px;
}

nav#menu:after {
	clear: both
}

ul.dropdown-menu.show {
  top: 178%;
  left: -39%;
  background: #036647;
  color: white;
  padding: 0px;
}

ul.dropdown-menu.show li {
    padding: 5%;
    border: 1px solid white;
    border-width: 0px 0px 1px 0px;
}

ul.dropdown-menu.show li:last-child {
    border: none;
}

li .active ul.dropdown-menu.show li a {
    border: none;
}

.navbar ul li.nav-item.active {
    border: none;
}

/*subsecciones 100 años*/
.navbar ul li.nav-item.active a.dropdown-item {
    border: none;
    font-size: 20px;
    font-family: 'TipografiaRamis-Rams';
}

@media screen and (max-width: 440px){
  .navbar ul li.nav-item.active a.dropdown-item{
    text-align: center;
  }
}

.navbar ul li.nav-item a.dropdown-item {
    color: white;
}

ul.dropdown-menu.show li:hover {
    background: #f1b235;
}

.navbar ul li.nav-item a.dropdown-item:hover, .navbar ul li.nav-item a.dropdown-item:focus{
    color: #036647;
    background: none;
}

.title1{font-size: 3em; color: white; 	font-family: 'Open-Sans-Bold', helvetica, Arial, sans-serif;
}
.title2{font-size: 2em; color:#F7B500; 	font-family: 'Open-Sans-Bold', helvetica, Arial, sans-serif;
}
.title3{font-size: 2em; color:white; 	font-family: 'Open-Sans-Bold', helvetica, Arial, sans-serif;
}

.verde .title-oro {font-family: 'Open-Sans-Bold', helvetica, Arial, sans-serif !important; }

section p {
    color: white;
}

.txt1 p, .videoGal p {
    padding: 5%;
    line-height: initial;
    text-align: justify;
}

.frase-v{
  text-align: justify !important;
}

nav#menu h1 span {
	display: none
}

nav#menu h1 img {
	width: 140px
}

section.txt1 {
    padding: 20px 0px;
}

section.titInfo{
	margin: 4% 0px;
}

span.titInfo.text-center p{
	margin: 2% auto;
  line-height: 1.3;
}

.titInfo h2 {
    color: #F5B335;
    font-size: 8rem;
    letter-spacing: -5px;
    text-align: center;
    font-weight: bold;
    padding: 0px;
    line-height: 1;
    font-family: 'Open-Sans-Bold';
}

.titInfo h4 {
    color: #F5B335;
    text-align: center;
    font-size: 3rem;
    font-style: italic;
    font-family: 'Open-Sans-Light';
}


section.infoLeft:after {
    content: url(../imagenes/brillo.png);
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 12%;
    top: 0px;
}

section.infoLeft {
    position: relative;
}


.infoLeft h3{
    color: #019A2B;
    font-size: 5rem;
    font-family: 'Open-Sans-Bold';
    font-weight: bolder;
}



.infoLeft .imgInfoI {
    vertical-align: middle;
}

.infoLeft span.txtInfoI {
    vertical-align: middle;
    color: white;
    font-size: .8rem;
    line-height: 1.3;
    text-align: justify;
    border: 1px solid #009a2a;
    border-width: 0px 0px 0px 1px;
    position: relative;
}

.infoLeft span.txtInfoI:before {
    content: '•';
    display: block;
    font-size: x-large;
    color: #009a2a;
    top: -1.1rem;
    left: -0.35rem;
    position: absolute;
}

.infoLeft span.txtInfoI:after {
    content: '•';
    display: block;
    font-size: x-large;
    color: #009a2a;
    bottom: -1.1rem;
    left: -0.35rem;
    position: absolute;
}




span.txtInfoL {
   font-size: .85rem;
    line-height: 1.3;
    background-color: #F5B335;
    color: #434142;
    padding: 2%;
    display: block;
    border-radius: 15px
}

.plecaBg, {padding: 5% 4%;}

.novcinco .plecaBg {padding:5% 5px;}

.dosquince .plecaBg {padding:10% 10px;}

.dosveinte .plecaBg2 {padding:2% 5px;}

.plecaBg2{
  border: 1px solid #f5b334;
    border-width: 0px 0px 0px 1px;
    position: relative;
    padding:3% 5px;
}

.noventauno .plecaBg2{
  padding:5% 5px
}


.plecaBg2:before{
  content: '•';
    display: block;
    font-size: x-large;
    color: #f5b334;
    top: -1.1rem;
    left: -0.35rem;
    position: absolute;
  }
.plecaBg2:after{
   content: '•';
    display: block;
    font-size: x-large;
    color: #f5b334;
    bottom: -1.1rem;
    left: -0.35rem;
    position: absolute;
}

span.txtInfoLsB, .plecaBg {
    font-size: .85rem;
    line-height: 1.3;
    color: white;
    padding: 2%;
    display: block;
    border: 1px solid #f5b334;
    border-width: 0px 1px 0px 0px;
    position: relative;
  }  

span.txtInfoLsB:before, .plecaBg:before{
	  content: '•';
    display: block;
    font-size: x-large;
    color: #f5b334;
    top: -1.1rem;
    right: -0.35rem;
    position: absolute;
}
span.txtInfoLsB:after, .plecaBg:after{
	 content: '•';
    display: block;
    font-size: x-large;
    color: #f5b334;
    bottom: -1.1rem;
    right: -0.35rem;
    position: absolute;
}


.ama{
	color:#F5B335;
  font-family: 'Open-Sans-Bold';
}

span.p-2.seisocho {
   background-color: #F5B335;
    color: #434142;
    border-radius: 15px;
    position: relative;
    font-size: .8rem;
    line-height: 1.3;
    text-align: justify;
}

span.p-2.seisocho:after {
    content: '';
    display: block;
    width: 50%;
    height: 100%;
    background: #F5B335;
    position: absolute;
    right: -99px;
    top: 0px;
    z-index: -1;
}

.sixeight .imgInfoI img {
    margin-left: -70px;
}


b{font-family: 'Open-Sans-Bold';}




.infoRight h3, .infoRightDos h3, .infoRightTres h3  {
	text-align: right;
	font-size: 5.5rem;
    color: #F5B335;
    font-family: 'Open-Sans-Bold';
}

.infoRightDos span.txtInfoL {
	background: none;
	color: white;
}

/***animacion Nuestra Historia****/

.reveal {
  position: relative;
  opacity: 0;
}
.reveal.active {
  opacity: 1;
}
.active.fade-bottom {
  animation: fade-bottom 1s ease-in;
}
.active.fade-left {
  animation: fade-left 1s ease-in;
}
.active.fade-right {
  animation: fade-right 1s ease-in;
}

@keyframes fade-bottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-left {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-right {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

/***animate particles***/



.circle-container {
  position: absolute;
  transform: translateY(-10vh);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.circle-container .circle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  mix-blend-mode: screen;
  background-image: radial-gradient(#FF8F00, #FEC780 10%, rgba(254, 199, 128, 0) 56%);
  -webkit-animation: fadein-frames 100ms infinite, scale-frames 2s infinite;
          animation: fadein-frames 100ms infinite, scale-frames 2s infinite;
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes scale-frames {
  0% {
    transform: scale3d(0.4, 0.4, 1);
  }
  50% {
    transform: scale3d(2.2, 2.2, 1);
  }
  100% {
    transform: scale3d(0.4, 0.4, 1);
  }
}
@keyframes scale-frames {
  0% {
    transform: scale3d(0.4, 0.4, 1);
  }
  50% {
    transform: scale3d(2.2, 2.2, 1);
  }
  100% {
    transform: scale3d(0.4, 0.4, 1);
  }
}
.circle-container:nth-child(1) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-1;
          animation-name: move-frames-1;
  -webkit-animation-duration: 30951ms;
          animation-duration: 30951ms;
  -webkit-animation-delay: 28327ms;
          animation-delay: 28327ms;
}
@-webkit-keyframes move-frames-1 {
  from {
    transform: translate3d(54vw, 106vh, 0);
  }
  to {
    transform: translate3d(27vw, -129vh, 0);
  }
}
@keyframes move-frames-1 {
  from {
    transform: translate3d(54vw, 106vh, 0);
  }
  to {
    transform: translate3d(27vw, -129vh, 0);
  }
}
.circle-container:nth-child(1) .circle {
  -webkit-animation-delay: 3535ms;
          animation-delay: 3535ms;
}
.circle-container:nth-child(2) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-2;
          animation-name: move-frames-2;
  -webkit-animation-duration: 34143ms;
          animation-duration: 34143ms;
  -webkit-animation-delay: 13082ms;
          animation-delay: 13082ms;
}
@-webkit-keyframes move-frames-2 {
  from {
    transform: translate3d(40vw, 101vh, 0);
  }
  to {
    transform: translate3d(96vw, -129vh, 0);
  }
}
@keyframes move-frames-2 {
  from {
    transform: translate3d(40vw, 101vh, 0);
  }
  to {
    transform: translate3d(96vw, -129vh, 0);
  }
}
.circle-container:nth-child(2) .circle {
  -webkit-animation-delay: 464ms;
          animation-delay: 464ms;
}
.circle-container:nth-child(3) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-3;
          animation-name: move-frames-3;
  -webkit-animation-duration: 30848ms;
          animation-duration: 30848ms;
  -webkit-animation-delay: 7279ms;
          animation-delay: 7279ms;
}
@-webkit-keyframes move-frames-3 {
  from {
    transform: translate3d(8vw, 107vh, 0);
  }
  to {
    transform: translate3d(25vw, -111vh, 0);
  }
}
@keyframes move-frames-3 {
  from {
    transform: translate3d(8vw, 107vh, 0);
  }
  to {
    transform: translate3d(25vw, -111vh, 0);
  }
}
.circle-container:nth-child(3) .circle {
  -webkit-animation-delay: 364ms;
          animation-delay: 364ms;
}
.circle-container:nth-child(4) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-4;
          animation-name: move-frames-4;
  -webkit-animation-duration: 30368ms;
          animation-duration: 30368ms;
  -webkit-animation-delay: 24066ms;
          animation-delay: 24066ms;
}
@-webkit-keyframes move-frames-4 {
  from {
    transform: translate3d(17vw, 107vh, 0);
  }
  to {
    transform: translate3d(16vw, -120vh, 0);
  }
}
@keyframes move-frames-4 {
  from {
    transform: translate3d(17vw, 107vh, 0);
  }
  to {
    transform: translate3d(16vw, -120vh, 0);
  }
}
.circle-container:nth-child(4) .circle {
  -webkit-animation-delay: 2266ms;
          animation-delay: 2266ms;
}
.circle-container:nth-child(5) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-5;
          animation-name: move-frames-5;
  -webkit-animation-duration: 32951ms;
          animation-duration: 32951ms;
  -webkit-animation-delay: 31303ms;
          animation-delay: 31303ms;
}
@-webkit-keyframes move-frames-5 {
  from {
    transform: translate3d(99vw, 106vh, 0);
  }
  to {
    transform: translate3d(78vw, -107vh, 0);
  }
}
@keyframes move-frames-5 {
  from {
    transform: translate3d(99vw, 106vh, 0);
  }
  to {
    transform: translate3d(78vw, -107vh, 0);
  }
}
.circle-container:nth-child(5) .circle {
  -webkit-animation-delay: 1219ms;
          animation-delay: 1219ms;
}
.circle-container:nth-child(6) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-6;
          animation-name: move-frames-6;
  -webkit-animation-duration: 36289ms;
          animation-duration: 36289ms;
  -webkit-animation-delay: 23624ms;
          animation-delay: 23624ms;
}
@-webkit-keyframes move-frames-6 {
  from {
    transform: translate3d(1vw, 109vh, 0);
  }
  to {
    transform: translate3d(66vw, -130vh, 0);
  }
}
@keyframes move-frames-6 {
  from {
    transform: translate3d(1vw, 109vh, 0);
  }
  to {
    transform: translate3d(66vw, -130vh, 0);
  }
}
.circle-container:nth-child(6) .circle {
  -webkit-animation-delay: 979ms;
          animation-delay: 979ms;
}
.circle-container:nth-child(7) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-7;
          animation-name: move-frames-7;
  -webkit-animation-duration: 35328ms;
          animation-duration: 35328ms;
  -webkit-animation-delay: 12613ms;
          animation-delay: 12613ms;
}
@-webkit-keyframes move-frames-7 {
  from {
    transform: translate3d(56vw, 105vh, 0);
  }
  to {
    transform: translate3d(2vw, -119vh, 0);
  }
}
@keyframes move-frames-7 {
  from {
    transform: translate3d(56vw, 105vh, 0);
  }
  to {
    transform: translate3d(2vw, -119vh, 0);
  }
}
.circle-container:nth-child(7) .circle {
  -webkit-animation-delay: 1813ms;
          animation-delay: 1813ms;
}
.circle-container:nth-child(8) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-8;
          animation-name: move-frames-8;
  -webkit-animation-duration: 30638ms;
          animation-duration: 30638ms;
  -webkit-animation-delay: 25067ms;
          animation-delay: 25067ms;
}
@-webkit-keyframes move-frames-8 {
  from {
    transform: translate3d(46vw, 104vh, 0);
  }
  to {
    transform: translate3d(38vw, -111vh, 0);
  }
}
@keyframes move-frames-8 {
  from {
    transform: translate3d(46vw, 104vh, 0);
  }
  to {
    transform: translate3d(38vw, -111vh, 0);
  }
}
.circle-container:nth-child(8) .circle {
  -webkit-animation-delay: 3200ms;
          animation-delay: 3200ms;
}
.circle-container:nth-child(9) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-9;
          animation-name: move-frames-9;
  -webkit-animation-duration: 34382ms;
          animation-duration: 34382ms;
  -webkit-animation-delay: 3823ms;
          animation-delay: 3823ms;
}
@-webkit-keyframes move-frames-9 {
  from {
    transform: translate3d(72vw, 109vh, 0);
  }
  to {
    transform: translate3d(49vw, -126vh, 0);
  }
}
@keyframes move-frames-9 {
  from {
    transform: translate3d(72vw, 109vh, 0);
  }
  to {
    transform: translate3d(49vw, -126vh, 0);
  }
}
.circle-container:nth-child(9) .circle {
  -webkit-animation-delay: 2090ms;
          animation-delay: 2090ms;
}
.circle-container:nth-child(10) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-10;
          animation-name: move-frames-10;
  -webkit-animation-duration: 34077ms;
          animation-duration: 34077ms;
  -webkit-animation-delay: 27404ms;
          animation-delay: 27404ms;
}
@-webkit-keyframes move-frames-10 {
  from {
    transform: translate3d(85vw, 103vh, 0);
  }
  to {
    transform: translate3d(30vw, -131vh, 0);
  }
}
@keyframes move-frames-10 {
  from {
    transform: translate3d(85vw, 103vh, 0);
  }
  to {
    transform: translate3d(30vw, -131vh, 0);
  }
}
.circle-container:nth-child(10) .circle {
  -webkit-animation-delay: 2227ms;
          animation-delay: 2227ms;
}
.circle-container:nth-child(11) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-11;
          animation-name: move-frames-11;
  -webkit-animation-duration: 30205ms;
          animation-duration: 30205ms;
  -webkit-animation-delay: 20723ms;
          animation-delay: 20723ms;
}
@-webkit-keyframes move-frames-11 {
  from {
    transform: translate3d(95vw, 109vh, 0);
  }
  to {
    transform: translate3d(87vw, -134vh, 0);
  }
}
@keyframes move-frames-11 {
  from {
    transform: translate3d(95vw, 109vh, 0);
  }
  to {
    transform: translate3d(87vw, -134vh, 0);
  }
}
.circle-container:nth-child(11) .circle {
  -webkit-animation-delay: 2252ms;
          animation-delay: 2252ms;
}
.circle-container:nth-child(12) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-12;
          animation-name: move-frames-12;
  -webkit-animation-duration: 36640ms;
          animation-duration: 36640ms;
  -webkit-animation-delay: 6374ms;
          animation-delay: 6374ms;
}
@-webkit-keyframes move-frames-12 {
  from {
    transform: translate3d(26vw, 102vh, 0);
  }
  to {
    transform: translate3d(52vw, -105vh, 0);
  }
}
@keyframes move-frames-12 {
  from {
    transform: translate3d(26vw, 102vh, 0);
  }
  to {
    transform: translate3d(52vw, -105vh, 0);
  }
}
.circle-container:nth-child(12) .circle {
  -webkit-animation-delay: 2089ms;
          animation-delay: 2089ms;
}
.circle-container:nth-child(13) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-13;
          animation-name: move-frames-13;
  -webkit-animation-duration: 29963ms;
          animation-duration: 29963ms;
  -webkit-animation-delay: 31948ms;
          animation-delay: 31948ms;
}
@-webkit-keyframes move-frames-13 {
  from {
    transform: translate3d(28vw, 103vh, 0);
  }
  to {
    transform: translate3d(17vw, -111vh, 0);
  }
}
@keyframes move-frames-13 {
  from {
    transform: translate3d(28vw, 103vh, 0);
  }
  to {
    transform: translate3d(17vw, -111vh, 0);
  }
}
.circle-container:nth-child(13) .circle {
  -webkit-animation-delay: 3613ms;
          animation-delay: 3613ms;
}
.circle-container:nth-child(14) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-14;
          animation-name: move-frames-14;
  -webkit-animation-duration: 31424ms;
          animation-duration: 31424ms;
  -webkit-animation-delay: 5695ms;
          animation-delay: 5695ms;
}
@-webkit-keyframes move-frames-14 {
  from {
    transform: translate3d(47vw, 107vh, 0);
  }
  to {
    transform: translate3d(94vw, -129vh, 0);
  }
}
@keyframes move-frames-14 {
  from {
    transform: translate3d(47vw, 107vh, 0);
  }
  to {
    transform: translate3d(94vw, -129vh, 0);
  }
}
.circle-container:nth-child(14) .circle {
  -webkit-animation-delay: 1323ms;
          animation-delay: 1323ms;
}
.circle-container:nth-child(15) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-15;
          animation-name: move-frames-15;
  -webkit-animation-duration: 30894ms;
          animation-duration: 30894ms;
  -webkit-animation-delay: 12361ms;
          animation-delay: 12361ms;
}
@-webkit-keyframes move-frames-15 {
  from {
    transform: translate3d(23vw, 106vh, 0);
  }
  to {
    transform: translate3d(40vw, -114vh, 0);
  }
}
@keyframes move-frames-15 {
  from {
    transform: translate3d(23vw, 106vh, 0);
  }
  to {
    transform: translate3d(40vw, -114vh, 0);
  }
}
.circle-container:nth-child(15) .circle {
  -webkit-animation-delay: 3305ms;
          animation-delay: 3305ms;
}
.circle-container:nth-child(16) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-16;
          animation-name: move-frames-16;
  -webkit-animation-duration: 36479ms;
          animation-duration: 36479ms;
  -webkit-animation-delay: 919ms;
          animation-delay: 919ms;
}
@-webkit-keyframes move-frames-16 {
  from {
    transform: translate3d(91vw, 110vh, 0);
  }
  to {
    transform: translate3d(18vw, -140vh, 0);
  }
}
@keyframes move-frames-16 {
  from {
    transform: translate3d(91vw, 110vh, 0);
  }
  to {
    transform: translate3d(18vw, -140vh, 0);
  }
}
.circle-container:nth-child(16) .circle {
  -webkit-animation-delay: 2327ms;
          animation-delay: 2327ms;
}
.circle-container:nth-child(17) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-17;
          animation-name: move-frames-17;
  -webkit-animation-duration: 32796ms;
          animation-duration: 32796ms;
  -webkit-animation-delay: 25869ms;
          animation-delay: 25869ms;
}
@-webkit-keyframes move-frames-17 {
  from {
    transform: translate3d(67vw, 101vh, 0);
  }
  to {
    transform: translate3d(7vw, -123vh, 0);
  }
}
@keyframes move-frames-17 {
  from {
    transform: translate3d(67vw, 101vh, 0);
  }
  to {
    transform: translate3d(7vw, -123vh, 0);
  }
}
.circle-container:nth-child(17) .circle {
  -webkit-animation-delay: 3538ms;
          animation-delay: 3538ms;
}
.circle-container:nth-child(18) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-18;
          animation-name: move-frames-18;
  -webkit-animation-duration: 29296ms;
          animation-duration: 29296ms;
  -webkit-animation-delay: 13973ms;
          animation-delay: 13973ms;
}
@-webkit-keyframes move-frames-18 {
  from {
    transform: translate3d(74vw, 103vh, 0);
  }
  to {
    transform: translate3d(17vw, -112vh, 0);
  }
}
@keyframes move-frames-18 {
  from {
    transform: translate3d(74vw, 103vh, 0);
  }
  to {
    transform: translate3d(17vw, -112vh, 0);
  }
}
.circle-container:nth-child(18) .circle {
  -webkit-animation-delay: 3945ms;
          animation-delay: 3945ms;
}
.circle-container:nth-child(19) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-19;
          animation-name: move-frames-19;
  -webkit-animation-duration: 28268ms;
          animation-duration: 28268ms;
  -webkit-animation-delay: 28962ms;
          animation-delay: 28962ms;
}
@-webkit-keyframes move-frames-19 {
  from {
    transform: translate3d(42vw, 106vh, 0);
  }
  to {
    transform: translate3d(15vw, -120vh, 0);
  }
}
@keyframes move-frames-19 {
  from {
    transform: translate3d(42vw, 106vh, 0);
  }
  to {
    transform: translate3d(15vw, -120vh, 0);
  }
}
.circle-container:nth-child(19) .circle {
  -webkit-animation-delay: 3949ms;
          animation-delay: 3949ms;
}
.circle-container:nth-child(20) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-20;
          animation-name: move-frames-20;
  -webkit-animation-duration: 28132ms;
          animation-duration: 28132ms;
  -webkit-animation-delay: 10561ms;
          animation-delay: 10561ms;
}
@-webkit-keyframes move-frames-20 {
  from {
    transform: translate3d(72vw, 102vh, 0);
  }
  to {
    transform: translate3d(85vw, -125vh, 0);
  }
}
@keyframes move-frames-20 {
  from {
    transform: translate3d(72vw, 102vh, 0);
  }
  to {
    transform: translate3d(85vw, -125vh, 0);
  }
}
.circle-container:nth-child(20) .circle {
  -webkit-animation-delay: 1170ms;
          animation-delay: 1170ms;
}
.circle-container:nth-child(21) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-21;
          animation-name: move-frames-21;
  -webkit-animation-duration: 34440ms;
          animation-duration: 34440ms;
  -webkit-animation-delay: 31963ms;
          animation-delay: 31963ms;
}
@-webkit-keyframes move-frames-21 {
  from {
    transform: translate3d(91vw, 102vh, 0);
  }
  to {
    transform: translate3d(15vw, -120vh, 0);
  }
}
@keyframes move-frames-21 {
  from {
    transform: translate3d(91vw, 102vh, 0);
  }
  to {
    transform: translate3d(15vw, -120vh, 0);
  }
}
.circle-container:nth-child(21) .circle {
  -webkit-animation-delay: 1248ms;
          animation-delay: 1248ms;
}
.circle-container:nth-child(22) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-22;
          animation-name: move-frames-22;
  -webkit-animation-duration: 32494ms;
          animation-duration: 32494ms;
  -webkit-animation-delay: 24485ms;
          animation-delay: 24485ms;
}
@-webkit-keyframes move-frames-22 {
  from {
    transform: translate3d(28vw, 104vh, 0);
  }
  to {
    transform: translate3d(28vw, -107vh, 0);
  }
}
@keyframes move-frames-22 {
  from {
    transform: translate3d(28vw, 104vh, 0);
  }
  to {
    transform: translate3d(28vw, -107vh, 0);
  }
}
.circle-container:nth-child(22) .circle {
  -webkit-animation-delay: 987ms;
          animation-delay: 987ms;
}
.circle-container:nth-child(23) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-23;
          animation-name: move-frames-23;
  -webkit-animation-duration: 28379ms;
          animation-duration: 28379ms;
  -webkit-animation-delay: 7488ms;
          animation-delay: 7488ms;
}
@-webkit-keyframes move-frames-23 {
  from {
    transform: translate3d(87vw, 109vh, 0);
  }
  to {
    transform: translate3d(96vw, -130vh, 0);
  }
}
@keyframes move-frames-23 {
  from {
    transform: translate3d(87vw, 109vh, 0);
  }
  to {
    transform: translate3d(96vw, -130vh, 0);
  }
}
.circle-container:nth-child(23) .circle {
  -webkit-animation-delay: 2047ms;
          animation-delay: 2047ms;
}
.circle-container:nth-child(24) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-24;
          animation-name: move-frames-24;
  -webkit-animation-duration: 33641ms;
          animation-duration: 33641ms;
  -webkit-animation-delay: 9488ms;
          animation-delay: 9488ms;
}
@-webkit-keyframes move-frames-24 {
  from {
    transform: translate3d(8vw, 105vh, 0);
  }
  to {
    transform: translate3d(77vw, -118vh, 0);
  }
}
@keyframes move-frames-24 {
  from {
    transform: translate3d(8vw, 105vh, 0);
  }
  to {
    transform: translate3d(77vw, -118vh, 0);
  }
}
.circle-container:nth-child(24) .circle {
  -webkit-animation-delay: 3078ms;
          animation-delay: 3078ms;
}
.circle-container:nth-child(25) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-25;
          animation-name: move-frames-25;
  -webkit-animation-duration: 31353ms;
          animation-duration: 31353ms;
  -webkit-animation-delay: 14539ms;
          animation-delay: 14539ms;
}
@-webkit-keyframes move-frames-25 {
  from {
    transform: translate3d(70vw, 108vh, 0);
  }
  to {
    transform: translate3d(59vw, -137vh, 0);
  }
}
@keyframes move-frames-25 {
  from {
    transform: translate3d(70vw, 108vh, 0);
  }
  to {
    transform: translate3d(59vw, -137vh, 0);
  }
}
.circle-container:nth-child(25) .circle {
  -webkit-animation-delay: 180ms;
          animation-delay: 180ms;
}
.circle-container:nth-child(26) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-26;
          animation-name: move-frames-26;
  -webkit-animation-duration: 30104ms;
          animation-duration: 30104ms;
  -webkit-animation-delay: 30250ms;
          animation-delay: 30250ms;
}
@-webkit-keyframes move-frames-26 {
  from {
    transform: translate3d(93vw, 109vh, 0);
  }
  to {
    transform: translate3d(14vw, -113vh, 0);
  }
}
@keyframes move-frames-26 {
  from {
    transform: translate3d(93vw, 109vh, 0);
  }
  to {
    transform: translate3d(14vw, -113vh, 0);
  }
}
.circle-container:nth-child(26) .circle {
  -webkit-animation-delay: 2508ms;
          animation-delay: 2508ms;
}
.circle-container:nth-child(27) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-27;
          animation-name: move-frames-27;
  -webkit-animation-duration: 31423ms;
          animation-duration: 31423ms;
  -webkit-animation-delay: 21028ms;
          animation-delay: 21028ms;
}
@-webkit-keyframes move-frames-27 {
  from {
    transform: translate3d(64vw, 102vh, 0);
  }
  to {
    transform: translate3d(20vw, -118vh, 0);
  }
}
@keyframes move-frames-27 {
  from {
    transform: translate3d(64vw, 102vh, 0);
  }
  to {
    transform: translate3d(20vw, -118vh, 0);
  }
}
.circle-container:nth-child(27) .circle {
  -webkit-animation-delay: 3969ms;
          animation-delay: 3969ms;
}
.circle-container:nth-child(28) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-28;
          animation-name: move-frames-28;
  -webkit-animation-duration: 30515ms;
          animation-duration: 30515ms;
  -webkit-animation-delay: 24457ms;
          animation-delay: 24457ms;
}
@-webkit-keyframes move-frames-28 {
  from {
    transform: translate3d(45vw, 107vh, 0);
  }
  to {
    transform: translate3d(47vw, -131vh, 0);
  }
}
@keyframes move-frames-28 {
  from {
    transform: translate3d(45vw, 107vh, 0);
  }
  to {
    transform: translate3d(47vw, -131vh, 0);
  }
}
.circle-container:nth-child(28) .circle {
  -webkit-animation-delay: 3242ms;
          animation-delay: 3242ms;
}
.circle-container:nth-child(29) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-29;
          animation-name: move-frames-29;
  -webkit-animation-duration: 33240ms;
          animation-duration: 33240ms;
  -webkit-animation-delay: 29263ms;
          animation-delay: 29263ms;
}
@-webkit-keyframes move-frames-29 {
  from {
    transform: translate3d(17vw, 108vh, 0);
  }
  to {
    transform: translate3d(17vw, -133vh, 0);
  }
}
@keyframes move-frames-29 {
  from {
    transform: translate3d(17vw, 108vh, 0);
  }
  to {
    transform: translate3d(17vw, -133vh, 0);
  }
}
.circle-container:nth-child(29) .circle {
  -webkit-animation-delay: 3923ms;
          animation-delay: 3923ms;
}
.circle-container:nth-child(30) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-30;
          animation-name: move-frames-30;
  -webkit-animation-duration: 30225ms;
          animation-duration: 30225ms;
  -webkit-animation-delay: 29669ms;
          animation-delay: 29669ms;
}
@-webkit-keyframes move-frames-30 {
  from {
    transform: translate3d(95vw, 103vh, 0);
  }
  to {
    transform: translate3d(76vw, -123vh, 0);
  }
}
@keyframes move-frames-30 {
  from {
    transform: translate3d(95vw, 103vh, 0);
  }
  to {
    transform: translate3d(76vw, -123vh, 0);
  }
}
.circle-container:nth-child(30) .circle {
  -webkit-animation-delay: 2688ms;
          animation-delay: 2688ms;
}
.circle-container:nth-child(31) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-31;
          animation-name: move-frames-31;
  -webkit-animation-duration: 36297ms;
          animation-duration: 36297ms;
  -webkit-animation-delay: 30606ms;
          animation-delay: 30606ms;
}
@-webkit-keyframes move-frames-31 {
  from {
    transform: translate3d(84vw, 110vh, 0);
  }
  to {
    transform: translate3d(62vw, -127vh, 0);
  }
}
@keyframes move-frames-31 {
  from {
    transform: translate3d(84vw, 110vh, 0);
  }
  to {
    transform: translate3d(62vw, -127vh, 0);
  }
}
.circle-container:nth-child(31) .circle {
  -webkit-animation-delay: 539ms;
          animation-delay: 539ms;
}
.circle-container:nth-child(32) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-32;
          animation-name: move-frames-32;
  -webkit-animation-duration: 34780ms;
          animation-duration: 34780ms;
  -webkit-animation-delay: 6001ms;
          animation-delay: 6001ms;
}
@-webkit-keyframes move-frames-32 {
  from {
    transform: translate3d(41vw, 103vh, 0);
  }
  to {
    transform: translate3d(55vw, -131vh, 0);
  }
}
@keyframes move-frames-32 {
  from {
    transform: translate3d(41vw, 103vh, 0);
  }
  to {
    transform: translate3d(55vw, -131vh, 0);
  }
}
.circle-container:nth-child(32) .circle {
  -webkit-animation-delay: 2126ms;
          animation-delay: 2126ms;
}
.circle-container:nth-child(33) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-33;
          animation-name: move-frames-33;
  -webkit-animation-duration: 34207ms;
          animation-duration: 34207ms;
  -webkit-animation-delay: 11895ms;
          animation-delay: 11895ms;
}
@-webkit-keyframes move-frames-33 {
  from {
    transform: translate3d(49vw, 108vh, 0);
  }
  to {
    transform: translate3d(74vw, -115vh, 0);
  }
}
@keyframes move-frames-33 {
  from {
    transform: translate3d(49vw, 108vh, 0);
  }
  to {
    transform: translate3d(74vw, -115vh, 0);
  }
}
.circle-container:nth-child(33) .circle {
  -webkit-animation-delay: 2099ms;
          animation-delay: 2099ms;
}
.circle-container:nth-child(34) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-34;
          animation-name: move-frames-34;
  -webkit-animation-duration: 33579ms;
          animation-duration: 33579ms;
  -webkit-animation-delay: 35824ms;
          animation-delay: 35824ms;
}
@-webkit-keyframes move-frames-34 {
  from {
    transform: translate3d(5vw, 110vh, 0);
  }
  to {
    transform: translate3d(4vw, -127vh, 0);
  }
}
@keyframes move-frames-34 {
  from {
    transform: translate3d(5vw, 110vh, 0);
  }
  to {
    transform: translate3d(4vw, -127vh, 0);
  }
}
.circle-container:nth-child(34) .circle {
  -webkit-animation-delay: 1930ms;
          animation-delay: 1930ms;
}
.circle-container:nth-child(35) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-35;
          animation-name: move-frames-35;
  -webkit-animation-duration: 29369ms;
          animation-duration: 29369ms;
  -webkit-animation-delay: 24545ms;
          animation-delay: 24545ms;
}
@-webkit-keyframes move-frames-35 {
  from {
    transform: translate3d(66vw, 102vh, 0);
  }
  to {
    transform: translate3d(48vw, -104vh, 0);
  }
}
@keyframes move-frames-35 {
  from {
    transform: translate3d(66vw, 102vh, 0);
  }
  to {
    transform: translate3d(48vw, -104vh, 0);
  }
}
.circle-container:nth-child(35) .circle {
  -webkit-animation-delay: 1836ms;
          animation-delay: 1836ms;
}
.circle-container:nth-child(36) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-36;
          animation-name: move-frames-36;
  -webkit-animation-duration: 32749ms;
          animation-duration: 32749ms;
  -webkit-animation-delay: 28009ms;
          animation-delay: 28009ms;
}
@-webkit-keyframes move-frames-36 {
  from {
    transform: translate3d(32vw, 102vh, 0);
  }
  to {
    transform: translate3d(27vw, -105vh, 0);
  }
}
@keyframes move-frames-36 {
  from {
    transform: translate3d(32vw, 102vh, 0);
  }
  to {
    transform: translate3d(27vw, -105vh, 0);
  }
}
.circle-container:nth-child(36) .circle {
  -webkit-animation-delay: 3284ms;
          animation-delay: 3284ms;
}
.circle-container:nth-child(37) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-37;
          animation-name: move-frames-37;
  -webkit-animation-duration: 30827ms;
          animation-duration: 30827ms;
  -webkit-animation-delay: 11147ms;
          animation-delay: 11147ms;
}
@-webkit-keyframes move-frames-37 {
  from {
    transform: translate3d(45vw, 110vh, 0);
  }
  to {
    transform: translate3d(47vw, -130vh, 0);
  }
}
@keyframes move-frames-37 {
  from {
    transform: translate3d(45vw, 110vh, 0);
  }
  to {
    transform: translate3d(47vw, -130vh, 0);
  }
}
.circle-container:nth-child(37) .circle {
  -webkit-animation-delay: 3562ms;
          animation-delay: 3562ms;
}
.circle-container:nth-child(38) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-38;
          animation-name: move-frames-38;
  -webkit-animation-duration: 31102ms;
          animation-duration: 31102ms;
  -webkit-animation-delay: 7353ms;
          animation-delay: 7353ms;
}
@-webkit-keyframes move-frames-38 {
  from {
    transform: translate3d(18vw, 108vh, 0);
  }
  to {
    transform: translate3d(18vw, -134vh, 0);
  }
}
@keyframes move-frames-38 {
  from {
    transform: translate3d(18vw, 108vh, 0);
  }
  to {
    transform: translate3d(18vw, -134vh, 0);
  }
}
.circle-container:nth-child(38) .circle {
  -webkit-animation-delay: 2547ms;
          animation-delay: 2547ms;
}
.circle-container:nth-child(39) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-39;
          animation-name: move-frames-39;
  -webkit-animation-duration: 34424ms;
          animation-duration: 34424ms;
  -webkit-animation-delay: 35901ms;
          animation-delay: 35901ms;
}
@-webkit-keyframes move-frames-39 {
  from {
    transform: translate3d(56vw, 103vh, 0);
  }
  to {
    transform: translate3d(31vw, -122vh, 0);
  }
}
@keyframes move-frames-39 {
  from {
    transform: translate3d(56vw, 103vh, 0);
  }
  to {
    transform: translate3d(31vw, -122vh, 0);
  }
}
.circle-container:nth-child(39) .circle {
  -webkit-animation-delay: 2976ms;
          animation-delay: 2976ms;
}
.circle-container:nth-child(40) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-40;
          animation-name: move-frames-40;
  -webkit-animation-duration: 28273ms;
          animation-duration: 28273ms;
  -webkit-animation-delay: 34533ms;
          animation-delay: 34533ms;
}
@-webkit-keyframes move-frames-40 {
  from {
    transform: translate3d(6vw, 103vh, 0);
  }
  to {
    transform: translate3d(83vw, -112vh, 0);
  }
}
@keyframes move-frames-40 {
  from {
    transform: translate3d(6vw, 103vh, 0);
  }
  to {
    transform: translate3d(83vw, -112vh, 0);
  }
}
.circle-container:nth-child(40) .circle {
  -webkit-animation-delay: 1343ms;
          animation-delay: 1343ms;
}
.circle-container:nth-child(41) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-41;
          animation-name: move-frames-41;
  -webkit-animation-duration: 29072ms;
          animation-duration: 29072ms;
  -webkit-animation-delay: 430ms;
          animation-delay: 430ms;
}
@-webkit-keyframes move-frames-41 {
  from {
    transform: translate3d(87vw, 104vh, 0);
  }
  to {
    transform: translate3d(59vw, -109vh, 0);
  }
}
@keyframes move-frames-41 {
  from {
    transform: translate3d(87vw, 104vh, 0);
  }
  to {
    transform: translate3d(59vw, -109vh, 0);
  }
}
.circle-container:nth-child(41) .circle {
  -webkit-animation-delay: 3553ms;
          animation-delay: 3553ms;
}
.circle-container:nth-child(42) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-42;
          animation-name: move-frames-42;
  -webkit-animation-duration: 34633ms;
          animation-duration: 34633ms;
  -webkit-animation-delay: 25407ms;
          animation-delay: 25407ms;
}
@-webkit-keyframes move-frames-42 {
  from {
    transform: translate3d(61vw, 107vh, 0);
  }
  to {
    transform: translate3d(6vw, -125vh, 0);
  }
}
@keyframes move-frames-42 {
  from {
    transform: translate3d(61vw, 107vh, 0);
  }
  to {
    transform: translate3d(6vw, -125vh, 0);
  }
}
.circle-container:nth-child(42) .circle {
  -webkit-animation-delay: 687ms;
          animation-delay: 687ms;
}
.circle-container:nth-child(43) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-43;
          animation-name: move-frames-43;
  -webkit-animation-duration: 36158ms;
          animation-duration: 36158ms;
  -webkit-animation-delay: 134ms;
          animation-delay: 134ms;
}
@-webkit-keyframes move-frames-43 {
  from {
    transform: translate3d(46vw, 110vh, 0);
  }
  to {
    transform: translate3d(63vw, -134vh, 0);
  }
}
@keyframes move-frames-43 {
  from {
    transform: translate3d(46vw, 110vh, 0);
  }
  to {
    transform: translate3d(63vw, -134vh, 0);
  }
}
.circle-container:nth-child(43) .circle {
  -webkit-animation-delay: 726ms;
          animation-delay: 726ms;
}
.circle-container:nth-child(44) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-44;
          animation-name: move-frames-44;
  -webkit-animation-duration: 35086ms;
          animation-duration: 35086ms;
  -webkit-animation-delay: 31168ms;
          animation-delay: 31168ms;
}
@-webkit-keyframes move-frames-44 {
  from {
    transform: translate3d(97vw, 105vh, 0);
  }
  to {
    transform: translate3d(28vw, -119vh, 0);
  }
}
@keyframes move-frames-44 {
  from {
    transform: translate3d(97vw, 105vh, 0);
  }
  to {
    transform: translate3d(28vw, -119vh, 0);
  }
}
.circle-container:nth-child(44) .circle {
  -webkit-animation-delay: 2360ms;
          animation-delay: 2360ms;
}
.circle-container:nth-child(45) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-45;
          animation-name: move-frames-45;
  -webkit-animation-duration: 35684ms;
          animation-duration: 35684ms;
  -webkit-animation-delay: 11763ms;
          animation-delay: 11763ms;
}
@-webkit-keyframes move-frames-45 {
  from {
    transform: translate3d(50vw, 107vh, 0);
  }
  to {
    transform: translate3d(15vw, -134vh, 0);
  }
}
@keyframes move-frames-45 {
  from {
    transform: translate3d(50vw, 107vh, 0);
  }
  to {
    transform: translate3d(15vw, -134vh, 0);
  }
}
.circle-container:nth-child(45) .circle {
  -webkit-animation-delay: 2482ms;
          animation-delay: 2482ms;
}
.circle-container:nth-child(46) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-46;
          animation-name: move-frames-46;
  -webkit-animation-duration: 33423ms;
          animation-duration: 33423ms;
  -webkit-animation-delay: 26557ms;
          animation-delay: 26557ms;
}
@-webkit-keyframes move-frames-46 {
  from {
    transform: translate3d(41vw, 110vh, 0);
  }
  to {
    transform: translate3d(42vw, -135vh, 0);
  }
}
@keyframes move-frames-46 {
  from {
    transform: translate3d(41vw, 110vh, 0);
  }
  to {
    transform: translate3d(42vw, -135vh, 0);
  }
}
.circle-container:nth-child(46) .circle {
  -webkit-animation-delay: 1166ms;
          animation-delay: 1166ms;
}
.circle-container:nth-child(47) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-47;
          animation-name: move-frames-47;
  -webkit-animation-duration: 28921ms;
          animation-duration: 28921ms;
  -webkit-animation-delay: 575ms;
          animation-delay: 575ms;
}
@-webkit-keyframes move-frames-47 {
  from {
    transform: translate3d(20vw, 105vh, 0);
  }
  to {
    transform: translate3d(57vw, -117vh, 0);
  }
}
@keyframes move-frames-47 {
  from {
    transform: translate3d(20vw, 105vh, 0);
  }
  to {
    transform: translate3d(57vw, -117vh, 0);
  }
}
.circle-container:nth-child(47) .circle {
  -webkit-animation-delay: 3938ms;
          animation-delay: 3938ms;
}
.circle-container:nth-child(48) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-48;
          animation-name: move-frames-48;
  -webkit-animation-duration: 28313ms;
          animation-duration: 28313ms;
  -webkit-animation-delay: 35600ms;
          animation-delay: 35600ms;
}
@-webkit-keyframes move-frames-48 {
  from {
    transform: translate3d(41vw, 109vh, 0);
  }
  to {
    transform: translate3d(34vw, -123vh, 0);
  }
}
@keyframes move-frames-48 {
  from {
    transform: translate3d(41vw, 109vh, 0);
  }
  to {
    transform: translate3d(34vw, -123vh, 0);
  }
}
.circle-container:nth-child(48) .circle {
  -webkit-animation-delay: 1737ms;
          animation-delay: 1737ms;
}
.circle-container:nth-child(49) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-49;
          animation-name: move-frames-49;
  -webkit-animation-duration: 32047ms;
          animation-duration: 32047ms;
  -webkit-animation-delay: 18374ms;
          animation-delay: 18374ms;
}
@-webkit-keyframes move-frames-49 {
  from {
    transform: translate3d(87vw, 106vh, 0);
  }
  to {
    transform: translate3d(49vw, -119vh, 0);
  }
}
@keyframes move-frames-49 {
  from {
    transform: translate3d(87vw, 106vh, 0);
  }
  to {
    transform: translate3d(49vw, -119vh, 0);
  }
}
.circle-container:nth-child(49) .circle {
  -webkit-animation-delay: 3403ms;
          animation-delay: 3403ms;
}
.circle-container:nth-child(50) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-50;
          animation-name: move-frames-50;
  -webkit-animation-duration: 30570ms;
          animation-duration: 30570ms;
  -webkit-animation-delay: 24410ms;
          animation-delay: 24410ms;
}
@-webkit-keyframes move-frames-50 {
  from {
    transform: translate3d(80vw, 109vh, 0);
  }
  to {
    transform: translate3d(14vw, -122vh, 0);
  }
}
@keyframes move-frames-50 {
  from {
    transform: translate3d(80vw, 109vh, 0);
  }
  to {
    transform: translate3d(14vw, -122vh, 0);
  }
}
.circle-container:nth-child(50) .circle {
  -webkit-animation-delay: 2234ms;
          animation-delay: 2234ms;
}
.circle-container:nth-child(51) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-51;
          animation-name: move-frames-51;
  -webkit-animation-duration: 33471ms;
          animation-duration: 33471ms;
  -webkit-animation-delay: 4690ms;
          animation-delay: 4690ms;
}
@-webkit-keyframes move-frames-51 {
  from {
    transform: translate3d(31vw, 107vh, 0);
  }
  to {
    transform: translate3d(44vw, -108vh, 0);
  }
}
@keyframes move-frames-51 {
  from {
    transform: translate3d(31vw, 107vh, 0);
  }
  to {
    transform: translate3d(44vw, -108vh, 0);
  }
}
.circle-container:nth-child(51) .circle {
  -webkit-animation-delay: 2061ms;
          animation-delay: 2061ms;
}
.circle-container:nth-child(52) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-52;
          animation-name: move-frames-52;
  -webkit-animation-duration: 29068ms;
          animation-duration: 29068ms;
  -webkit-animation-delay: 31109ms;
          animation-delay: 31109ms;
}
@-webkit-keyframes move-frames-52 {
  from {
    transform: translate3d(55vw, 106vh, 0);
  }
  to {
    transform: translate3d(5vw, -119vh, 0);
  }
}
@keyframes move-frames-52 {
  from {
    transform: translate3d(55vw, 106vh, 0);
  }
  to {
    transform: translate3d(5vw, -119vh, 0);
  }
}
.circle-container:nth-child(52) .circle {
  -webkit-animation-delay: 1301ms;
          animation-delay: 1301ms;
}
.circle-container:nth-child(53) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-53;
          animation-name: move-frames-53;
  -webkit-animation-duration: 30855ms;
          animation-duration: 30855ms;
  -webkit-animation-delay: 36779ms;
          animation-delay: 36779ms;
}
@-webkit-keyframes move-frames-53 {
  from {
    transform: translate3d(59vw, 101vh, 0);
  }
  to {
    transform: translate3d(32vw, -122vh, 0);
  }
}
@keyframes move-frames-53 {
  from {
    transform: translate3d(59vw, 101vh, 0);
  }
  to {
    transform: translate3d(32vw, -122vh, 0);
  }
}
.circle-container:nth-child(53) .circle {
  -webkit-animation-delay: 3826ms;
          animation-delay: 3826ms;
}
.circle-container:nth-child(54) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-54;
          animation-name: move-frames-54;
  -webkit-animation-duration: 34409ms;
          animation-duration: 34409ms;
  -webkit-animation-delay: 15924ms;
          animation-delay: 15924ms;
}
@-webkit-keyframes move-frames-54 {
  from {
    transform: translate3d(11vw, 108vh, 0);
  }
  to {
    transform: translate3d(90vw, -116vh, 0);
  }
}
@keyframes move-frames-54 {
  from {
    transform: translate3d(11vw, 108vh, 0);
  }
  to {
    transform: translate3d(90vw, -116vh, 0);
  }
}
.circle-container:nth-child(54) .circle {
  -webkit-animation-delay: 3187ms;
          animation-delay: 3187ms;
}
.circle-container:nth-child(55) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-55;
          animation-name: move-frames-55;
  -webkit-animation-duration: 36724ms;
          animation-duration: 36724ms;
  -webkit-animation-delay: 23729ms;
          animation-delay: 23729ms;
}
@-webkit-keyframes move-frames-55 {
  from {
    transform: translate3d(41vw, 109vh, 0);
  }
  to {
    transform: translate3d(94vw, -121vh, 0);
  }
}
@keyframes move-frames-55 {
  from {
    transform: translate3d(41vw, 109vh, 0);
  }
  to {
    transform: translate3d(94vw, -121vh, 0);
  }
}
.circle-container:nth-child(55) .circle {
  -webkit-animation-delay: 3254ms;
          animation-delay: 3254ms;
}
.circle-container:nth-child(56) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-56;
          animation-name: move-frames-56;
  -webkit-animation-duration: 32193ms;
          animation-duration: 32193ms;
  -webkit-animation-delay: 30676ms;
          animation-delay: 30676ms;
}
@-webkit-keyframes move-frames-56 {
  from {
    transform: translate3d(26vw, 109vh, 0);
  }
  to {
    transform: translate3d(60vw, -112vh, 0);
  }
}
@keyframes move-frames-56 {
  from {
    transform: translate3d(26vw, 109vh, 0);
  }
  to {
    transform: translate3d(60vw, -112vh, 0);
  }
}
.circle-container:nth-child(56) .circle {
  -webkit-animation-delay: 2029ms;
          animation-delay: 2029ms;
}
.circle-container:nth-child(57) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-57;
          animation-name: move-frames-57;
  -webkit-animation-duration: 31520ms;
          animation-duration: 31520ms;
  -webkit-animation-delay: 31086ms;
          animation-delay: 31086ms;
}
@-webkit-keyframes move-frames-57 {
  from {
    transform: translate3d(55vw, 105vh, 0);
  }
  to {
    transform: translate3d(5vw, -129vh, 0);
  }
}
@keyframes move-frames-57 {
  from {
    transform: translate3d(55vw, 105vh, 0);
  }
  to {
    transform: translate3d(5vw, -129vh, 0);
  }
}
.circle-container:nth-child(57) .circle {
  -webkit-animation-delay: 3258ms;
          animation-delay: 3258ms;
}
.circle-container:nth-child(58) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-58;
          animation-name: move-frames-58;
  -webkit-animation-duration: 32353ms;
          animation-duration: 32353ms;
  -webkit-animation-delay: 21355ms;
          animation-delay: 21355ms;
}
@-webkit-keyframes move-frames-58 {
  from {
    transform: translate3d(31vw, 109vh, 0);
  }
  to {
    transform: translate3d(8vw, -130vh, 0);
  }
}
@keyframes move-frames-58 {
  from {
    transform: translate3d(31vw, 109vh, 0);
  }
  to {
    transform: translate3d(8vw, -130vh, 0);
  }
}
.circle-container:nth-child(58) .circle {
  -webkit-animation-delay: 1336ms;
          animation-delay: 1336ms;
}
.circle-container:nth-child(59) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-59;
          animation-name: move-frames-59;
  -webkit-animation-duration: 32473ms;
          animation-duration: 32473ms;
  -webkit-animation-delay: 24485ms;
          animation-delay: 24485ms;
}
@-webkit-keyframes move-frames-59 {
  from {
    transform: translate3d(43vw, 106vh, 0);
  }
  to {
    transform: translate3d(59vw, -121vh, 0);
  }
}
@keyframes move-frames-59 {
  from {
    transform: translate3d(43vw, 106vh, 0);
  }
  to {
    transform: translate3d(59vw, -121vh, 0);
  }
}
.circle-container:nth-child(59) .circle {
  -webkit-animation-delay: 2123ms;
          animation-delay: 2123ms;
}
.circle-container:nth-child(60) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-60;
          animation-name: move-frames-60;
  -webkit-animation-duration: 29774ms;
          animation-duration: 29774ms;
  -webkit-animation-delay: 10441ms;
          animation-delay: 10441ms;
}
@-webkit-keyframes move-frames-60 {
  from {
    transform: translate3d(26vw, 101vh, 0);
  }
  to {
    transform: translate3d(93vw, -123vh, 0);
  }
}
@keyframes move-frames-60 {
  from {
    transform: translate3d(26vw, 101vh, 0);
  }
  to {
    transform: translate3d(93vw, -123vh, 0);
  }
}
.circle-container:nth-child(60) .circle {
  -webkit-animation-delay: 2558ms;
          animation-delay: 2558ms;
}
.circle-container:nth-child(61) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-61;
          animation-name: move-frames-61;
  -webkit-animation-duration: 29074ms;
          animation-duration: 29074ms;
  -webkit-animation-delay: 16497ms;
          animation-delay: 16497ms;
}
@-webkit-keyframes move-frames-61 {
  from {
    transform: translate3d(44vw, 107vh, 0);
  }
  to {
    transform: translate3d(85vw, -127vh, 0);
  }
}
@keyframes move-frames-61 {
  from {
    transform: translate3d(44vw, 107vh, 0);
  }
  to {
    transform: translate3d(85vw, -127vh, 0);
  }
}
.circle-container:nth-child(61) .circle {
  -webkit-animation-delay: 1174ms;
          animation-delay: 1174ms;
}
.circle-container:nth-child(62) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-62;
          animation-name: move-frames-62;
  -webkit-animation-duration: 35026ms;
          animation-duration: 35026ms;
  -webkit-animation-delay: 3835ms;
          animation-delay: 3835ms;
}
@-webkit-keyframes move-frames-62 {
  from {
    transform: translate3d(83vw, 101vh, 0);
  }
  to {
    transform: translate3d(34vw, -113vh, 0);
  }
}
@keyframes move-frames-62 {
  from {
    transform: translate3d(83vw, 101vh, 0);
  }
  to {
    transform: translate3d(34vw, -113vh, 0);
  }
}
.circle-container:nth-child(62) .circle {
  -webkit-animation-delay: 1844ms;
          animation-delay: 1844ms;
}
.circle-container:nth-child(63) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-63;
          animation-name: move-frames-63;
  -webkit-animation-duration: 35045ms;
          animation-duration: 35045ms;
  -webkit-animation-delay: 32553ms;
          animation-delay: 32553ms;
}
@-webkit-keyframes move-frames-63 {
  from {
    transform: translate3d(41vw, 103vh, 0);
  }
  to {
    transform: translate3d(89vw, -119vh, 0);
  }
}
@keyframes move-frames-63 {
  from {
    transform: translate3d(41vw, 103vh, 0);
  }
  to {
    transform: translate3d(89vw, -119vh, 0);
  }
}
.circle-container:nth-child(63) .circle {
  -webkit-animation-delay: 1329ms;
          animation-delay: 1329ms;
}
.circle-container:nth-child(64) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-64;
          animation-name: move-frames-64;
  -webkit-animation-duration: 35190ms;
          animation-duration: 35190ms;
  -webkit-animation-delay: 26855ms;
          animation-delay: 26855ms;
}
@-webkit-keyframes move-frames-64 {
  from {
    transform: translate3d(85vw, 101vh, 0);
  }
  to {
    transform: translate3d(43vw, -119vh, 0);
  }
}
@keyframes move-frames-64 {
  from {
    transform: translate3d(85vw, 101vh, 0);
  }
  to {
    transform: translate3d(43vw, -119vh, 0);
  }
}
.circle-container:nth-child(64) .circle {
  -webkit-animation-delay: 2847ms;
          animation-delay: 2847ms;
}
.circle-container:nth-child(65) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-65;
          animation-name: move-frames-65;
  -webkit-animation-duration: 33019ms;
          animation-duration: 33019ms;
  -webkit-animation-delay: 6501ms;
          animation-delay: 6501ms;
}
@-webkit-keyframes move-frames-65 {
  from {
    transform: translate3d(50vw, 101vh, 0);
  }
  to {
    transform: translate3d(29vw, -131vh, 0);
  }
}
@keyframes move-frames-65 {
  from {
    transform: translate3d(50vw, 101vh, 0);
  }
  to {
    transform: translate3d(29vw, -131vh, 0);
  }
}
.circle-container:nth-child(65) .circle {
  -webkit-animation-delay: 1682ms;
          animation-delay: 1682ms;
}
.circle-container:nth-child(66) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-66;
          animation-name: move-frames-66;
  -webkit-animation-duration: 32982ms;
          animation-duration: 32982ms;
  -webkit-animation-delay: 36157ms;
          animation-delay: 36157ms;
}
@-webkit-keyframes move-frames-66 {
  from {
    transform: translate3d(73vw, 107vh, 0);
  }
  to {
    transform: translate3d(93vw, -118vh, 0);
  }
}
@keyframes move-frames-66 {
  from {
    transform: translate3d(73vw, 107vh, 0);
  }
  to {
    transform: translate3d(93vw, -118vh, 0);
  }
}
.circle-container:nth-child(66) .circle {
  -webkit-animation-delay: 468ms;
          animation-delay: 468ms;
}
.circle-container:nth-child(67) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-67;
          animation-name: move-frames-67;
  -webkit-animation-duration: 29454ms;
          animation-duration: 29454ms;
  -webkit-animation-delay: 18060ms;
          animation-delay: 18060ms;
}
@-webkit-keyframes move-frames-67 {
  from {
    transform: translate3d(66vw, 109vh, 0);
  }
  to {
    transform: translate3d(51vw, -122vh, 0);
  }
}
@keyframes move-frames-67 {
  from {
    transform: translate3d(66vw, 109vh, 0);
  }
  to {
    transform: translate3d(51vw, -122vh, 0);
  }
}
.circle-container:nth-child(67) .circle {
  -webkit-animation-delay: 1148ms;
          animation-delay: 1148ms;
}
.circle-container:nth-child(68) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-68;
          animation-name: move-frames-68;
  -webkit-animation-duration: 32569ms;
          animation-duration: 32569ms;
  -webkit-animation-delay: 4978ms;
          animation-delay: 4978ms;
}
@-webkit-keyframes move-frames-68 {
  from {
    transform: translate3d(18vw, 102vh, 0);
  }
  to {
    transform: translate3d(76vw, -114vh, 0);
  }
}
@keyframes move-frames-68 {
  from {
    transform: translate3d(18vw, 102vh, 0);
  }
  to {
    transform: translate3d(76vw, -114vh, 0);
  }
}
.circle-container:nth-child(68) .circle {
  -webkit-animation-delay: 645ms;
          animation-delay: 645ms;
}
.circle-container:nth-child(69) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-69;
          animation-name: move-frames-69;
  -webkit-animation-duration: 31144ms;
          animation-duration: 31144ms;
  -webkit-animation-delay: 5579ms;
          animation-delay: 5579ms;
}
@-webkit-keyframes move-frames-69 {
  from {
    transform: translate3d(25vw, 109vh, 0);
  }
  to {
    transform: translate3d(31vw, -115vh, 0);
  }
}
@keyframes move-frames-69 {
  from {
    transform: translate3d(25vw, 109vh, 0);
  }
  to {
    transform: translate3d(31vw, -115vh, 0);
  }
}
.circle-container:nth-child(69) .circle {
  -webkit-animation-delay: 2193ms;
          animation-delay: 2193ms;
}
.circle-container:nth-child(70) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-70;
          animation-name: move-frames-70;
  -webkit-animation-duration: 28187ms;
          animation-duration: 28187ms;
  -webkit-animation-delay: 10525ms;
          animation-delay: 10525ms;
}
@-webkit-keyframes move-frames-70 {
  from {
    transform: translate3d(1vw, 108vh, 0);
  }
  to {
    transform: translate3d(97vw, -113vh, 0);
  }
}
@keyframes move-frames-70 {
  from {
    transform: translate3d(1vw, 108vh, 0);
  }
  to {
    transform: translate3d(97vw, -113vh, 0);
  }
}
.circle-container:nth-child(70) .circle {
  -webkit-animation-delay: 744ms;
          animation-delay: 744ms;
}
.circle-container:nth-child(71) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-71;
          animation-name: move-frames-71;
  -webkit-animation-duration: 29007ms;
          animation-duration: 29007ms;
  -webkit-animation-delay: 30497ms;
          animation-delay: 30497ms;
}
@-webkit-keyframes move-frames-71 {
  from {
    transform: translate3d(75vw, 105vh, 0);
  }
  to {
    transform: translate3d(89vw, -116vh, 0);
  }
}
@keyframes move-frames-71 {
  from {
    transform: translate3d(75vw, 105vh, 0);
  }
  to {
    transform: translate3d(89vw, -116vh, 0);
  }
}
.circle-container:nth-child(71) .circle {
  -webkit-animation-delay: 434ms;
          animation-delay: 434ms;
}
.circle-container:nth-child(72) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-72;
          animation-name: move-frames-72;
  -webkit-animation-duration: 29330ms;
          animation-duration: 29330ms;
  -webkit-animation-delay: 5358ms;
          animation-delay: 5358ms;
}
@-webkit-keyframes move-frames-72 {
  from {
    transform: translate3d(100vw, 101vh, 0);
  }
  to {
    transform: translate3d(78vw, -127vh, 0);
  }
}
@keyframes move-frames-72 {
  from {
    transform: translate3d(100vw, 101vh, 0);
  }
  to {
    transform: translate3d(78vw, -127vh, 0);
  }
}
.circle-container:nth-child(72) .circle {
  -webkit-animation-delay: 52ms;
          animation-delay: 52ms;
}
.circle-container:nth-child(73) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-73;
          animation-name: move-frames-73;
  -webkit-animation-duration: 32052ms;
          animation-duration: 32052ms;
  -webkit-animation-delay: 33629ms;
          animation-delay: 33629ms;
}
@-webkit-keyframes move-frames-73 {
  from {
    transform: translate3d(13vw, 104vh, 0);
  }
  to {
    transform: translate3d(96vw, -105vh, 0);
  }
}
@keyframes move-frames-73 {
  from {
    transform: translate3d(13vw, 104vh, 0);
  }
  to {
    transform: translate3d(96vw, -105vh, 0);
  }
}
.circle-container:nth-child(73) .circle {
  -webkit-animation-delay: 689ms;
          animation-delay: 689ms;
}
.circle-container:nth-child(74) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-74;
          animation-name: move-frames-74;
  -webkit-animation-duration: 36877ms;
          animation-duration: 36877ms;
  -webkit-animation-delay: 26513ms;
          animation-delay: 26513ms;
}
@-webkit-keyframes move-frames-74 {
  from {
    transform: translate3d(58vw, 102vh, 0);
  }
  to {
    transform: translate3d(94vw, -108vh, 0);
  }
}
@keyframes move-frames-74 {
  from {
    transform: translate3d(58vw, 102vh, 0);
  }
  to {
    transform: translate3d(94vw, -108vh, 0);
  }
}
.circle-container:nth-child(74) .circle {
  -webkit-animation-delay: 418ms;
          animation-delay: 418ms;
}
.circle-container:nth-child(75) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-75;
          animation-name: move-frames-75;
  -webkit-animation-duration: 34671ms;
          animation-duration: 34671ms;
  -webkit-animation-delay: 17913ms;
          animation-delay: 17913ms;
}
@-webkit-keyframes move-frames-75 {
  from {
    transform: translate3d(41vw, 107vh, 0);
  }
  to {
    transform: translate3d(61vw, -111vh, 0);
  }
}
@keyframes move-frames-75 {
  from {
    transform: translate3d(41vw, 107vh, 0);
  }
  to {
    transform: translate3d(61vw, -111vh, 0);
  }
}
.circle-container:nth-child(75) .circle {
  -webkit-animation-delay: 2856ms;
          animation-delay: 2856ms;
}
.circle-container:nth-child(76) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-76;
          animation-name: move-frames-76;
  -webkit-animation-duration: 31919ms;
          animation-duration: 31919ms;
  -webkit-animation-delay: 7857ms;
          animation-delay: 7857ms;
}
@-webkit-keyframes move-frames-76 {
  from {
    transform: translate3d(16vw, 105vh, 0);
  }
  to {
    transform: translate3d(51vw, -114vh, 0);
  }
}
@keyframes move-frames-76 {
  from {
    transform: translate3d(16vw, 105vh, 0);
  }
  to {
    transform: translate3d(51vw, -114vh, 0);
  }
}
.circle-container:nth-child(76) .circle {
  -webkit-animation-delay: 3306ms;
          animation-delay: 3306ms;
}
.circle-container:nth-child(77) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-77;
          animation-name: move-frames-77;
  -webkit-animation-duration: 30792ms;
          animation-duration: 30792ms;
  -webkit-animation-delay: 2679ms;
          animation-delay: 2679ms;
}
@-webkit-keyframes move-frames-77 {
  from {
    transform: translate3d(51vw, 102vh, 0);
  }
  to {
    transform: translate3d(22vw, -103vh, 0);
  }
}
@keyframes move-frames-77 {
  from {
    transform: translate3d(51vw, 102vh, 0);
  }
  to {
    transform: translate3d(22vw, -103vh, 0);
  }
}
.circle-container:nth-child(77) .circle {
  -webkit-animation-delay: 3516ms;
          animation-delay: 3516ms;
}
.circle-container:nth-child(78) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-78;
          animation-name: move-frames-78;
  -webkit-animation-duration: 34495ms;
          animation-duration: 34495ms;
  -webkit-animation-delay: 18318ms;
          animation-delay: 18318ms;
}
@-webkit-keyframes move-frames-78 {
  from {
    transform: translate3d(41vw, 103vh, 0);
  }
  to {
    transform: translate3d(100vw, -132vh, 0);
  }
}
@keyframes move-frames-78 {
  from {
    transform: translate3d(41vw, 103vh, 0);
  }
  to {
    transform: translate3d(100vw, -132vh, 0);
  }
}
.circle-container:nth-child(78) .circle {
  -webkit-animation-delay: 3258ms;
          animation-delay: 3258ms;
}
.circle-container:nth-child(79) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-79;
          animation-name: move-frames-79;
  -webkit-animation-duration: 34224ms;
          animation-duration: 34224ms;
  -webkit-animation-delay: 13277ms;
          animation-delay: 13277ms;
}
@-webkit-keyframes move-frames-79 {
  from {
    transform: translate3d(87vw, 109vh, 0);
  }
  to {
    transform: translate3d(64vw, -129vh, 0);
  }
}
@keyframes move-frames-79 {
  from {
    transform: translate3d(87vw, 109vh, 0);
  }
  to {
    transform: translate3d(64vw, -129vh, 0);
  }
}
.circle-container:nth-child(79) .circle {
  -webkit-animation-delay: 1592ms;
          animation-delay: 1592ms;
}
.circle-container:nth-child(80) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-80;
          animation-name: move-frames-80;
  -webkit-animation-duration: 35193ms;
          animation-duration: 35193ms;
  -webkit-animation-delay: 7380ms;
          animation-delay: 7380ms;
}
@-webkit-keyframes move-frames-80 {
  from {
    transform: translate3d(33vw, 107vh, 0);
  }
  to {
    transform: translate3d(11vw, -122vh, 0);
  }
}
@keyframes move-frames-80 {
  from {
    transform: translate3d(33vw, 107vh, 0);
  }
  to {
    transform: translate3d(11vw, -122vh, 0);
  }
}
.circle-container:nth-child(80) .circle {
  -webkit-animation-delay: 2318ms;
          animation-delay: 2318ms;
}
.circle-container:nth-child(81) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-81;
          animation-name: move-frames-81;
  -webkit-animation-duration: 35561ms;
          animation-duration: 35561ms;
  -webkit-animation-delay: 35866ms;
          animation-delay: 35866ms;
}
@-webkit-keyframes move-frames-81 {
  from {
    transform: translate3d(57vw, 108vh, 0);
  }
  to {
    transform: translate3d(13vw, -133vh, 0);
  }
}
@keyframes move-frames-81 {
  from {
    transform: translate3d(57vw, 108vh, 0);
  }
  to {
    transform: translate3d(13vw, -133vh, 0);
  }
}
.circle-container:nth-child(81) .circle {
  -webkit-animation-delay: 1787ms;
          animation-delay: 1787ms;
}
.circle-container:nth-child(82) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-82;
          animation-name: move-frames-82;
  -webkit-animation-duration: 31643ms;
          animation-duration: 31643ms;
  -webkit-animation-delay: 29046ms;
          animation-delay: 29046ms;
}
@-webkit-keyframes move-frames-82 {
  from {
    transform: translate3d(86vw, 109vh, 0);
  }
  to {
    transform: translate3d(24vw, -118vh, 0);
  }
}
@keyframes move-frames-82 {
  from {
    transform: translate3d(86vw, 109vh, 0);
  }
  to {
    transform: translate3d(24vw, -118vh, 0);
  }
}
.circle-container:nth-child(82) .circle {
  -webkit-animation-delay: 2817ms;
          animation-delay: 2817ms;
}
.circle-container:nth-child(83) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-83;
          animation-name: move-frames-83;
  -webkit-animation-duration: 34206ms;
          animation-duration: 34206ms;
  -webkit-animation-delay: 36043ms;
          animation-delay: 36043ms;
}
@-webkit-keyframes move-frames-83 {
  from {
    transform: translate3d(93vw, 106vh, 0);
  }
  to {
    transform: translate3d(77vw, -116vh, 0);
  }
}
@keyframes move-frames-83 {
  from {
    transform: translate3d(93vw, 106vh, 0);
  }
  to {
    transform: translate3d(77vw, -116vh, 0);
  }
}
.circle-container:nth-child(83) .circle {
  -webkit-animation-delay: 629ms;
          animation-delay: 629ms;
}
.circle-container:nth-child(84) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-84;
          animation-name: move-frames-84;
  -webkit-animation-duration: 30229ms;
          animation-duration: 30229ms;
  -webkit-animation-delay: 7766ms;
          animation-delay: 7766ms;
}
@-webkit-keyframes move-frames-84 {
  from {
    transform: translate3d(64vw, 109vh, 0);
  }
  to {
    transform: translate3d(46vw, -123vh, 0);
  }
}
@keyframes move-frames-84 {
  from {
    transform: translate3d(64vw, 109vh, 0);
  }
  to {
    transform: translate3d(46vw, -123vh, 0);
  }
}
.circle-container:nth-child(84) .circle {
  -webkit-animation-delay: 2526ms;
          animation-delay: 2526ms;
}
.circle-container:nth-child(85) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-85;
          animation-name: move-frames-85;
  -webkit-animation-duration: 29886ms;
          animation-duration: 29886ms;
  -webkit-animation-delay: 23198ms;
          animation-delay: 23198ms;
}
@-webkit-keyframes move-frames-85 {
  from {
    transform: translate3d(56vw, 104vh, 0);
  }
  to {
    transform: translate3d(31vw, -108vh, 0);
  }
}
@keyframes move-frames-85 {
  from {
    transform: translate3d(56vw, 104vh, 0);
  }
  to {
    transform: translate3d(31vw, -108vh, 0);
  }
}
.circle-container:nth-child(85) .circle {
  -webkit-animation-delay: 3842ms;
          animation-delay: 3842ms;
}
.circle-container:nth-child(86) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-86;
          animation-name: move-frames-86;
  -webkit-animation-duration: 31733ms;
          animation-duration: 31733ms;
  -webkit-animation-delay: 7585ms;
          animation-delay: 7585ms;
}
@-webkit-keyframes move-frames-86 {
  from {
    transform: translate3d(67vw, 105vh, 0);
  }
  to {
    transform: translate3d(29vw, -112vh, 0);
  }
}
@keyframes move-frames-86 {
  from {
    transform: translate3d(67vw, 105vh, 0);
  }
  to {
    transform: translate3d(29vw, -112vh, 0);
  }
}
.circle-container:nth-child(86) .circle {
  -webkit-animation-delay: 2120ms;
          animation-delay: 2120ms;
}
.circle-container:nth-child(87) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-87;
          animation-name: move-frames-87;
  -webkit-animation-duration: 34414ms;
          animation-duration: 34414ms;
  -webkit-animation-delay: 13859ms;
          animation-delay: 13859ms;
}
@-webkit-keyframes move-frames-87 {
  from {
    transform: translate3d(57vw, 105vh, 0);
  }
  to {
    transform: translate3d(10vw, -113vh, 0);
  }
}
@keyframes move-frames-87 {
  from {
    transform: translate3d(57vw, 105vh, 0);
  }
  to {
    transform: translate3d(10vw, -113vh, 0);
  }
}
.circle-container:nth-child(87) .circle {
  -webkit-animation-delay: 1360ms;
          animation-delay: 1360ms;
}
.circle-container:nth-child(88) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-88;
          animation-name: move-frames-88;
  -webkit-animation-duration: 34471ms;
          animation-duration: 34471ms;
  -webkit-animation-delay: 11157ms;
          animation-delay: 11157ms;
}
@-webkit-keyframes move-frames-88 {
  from {
    transform: translate3d(69vw, 107vh, 0);
  }
  to {
    transform: translate3d(85vw, -124vh, 0);
  }
}
@keyframes move-frames-88 {
  from {
    transform: translate3d(69vw, 107vh, 0);
  }
  to {
    transform: translate3d(85vw, -124vh, 0);
  }
}
.circle-container:nth-child(88) .circle {
  -webkit-animation-delay: 559ms;
          animation-delay: 559ms;
}
.circle-container:nth-child(89) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-89;
          animation-name: move-frames-89;
  -webkit-animation-duration: 30955ms;
          animation-duration: 30955ms;
  -webkit-animation-delay: 17241ms;
          animation-delay: 17241ms;
}
@-webkit-keyframes move-frames-89 {
  from {
    transform: translate3d(35vw, 107vh, 0);
  }
  to {
    transform: translate3d(13vw, -130vh, 0);
  }
}
@keyframes move-frames-89 {
  from {
    transform: translate3d(35vw, 107vh, 0);
  }
  to {
    transform: translate3d(13vw, -130vh, 0);
  }
}
.circle-container:nth-child(89) .circle {
  -webkit-animation-delay: 1447ms;
          animation-delay: 1447ms;
}
.circle-container:nth-child(90) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-90;
          animation-name: move-frames-90;
  -webkit-animation-duration: 31792ms;
          animation-duration: 31792ms;
  -webkit-animation-delay: 26924ms;
          animation-delay: 26924ms;
}
@-webkit-keyframes move-frames-90 {
  from {
    transform: translate3d(93vw, 102vh, 0);
  }
  to {
    transform: translate3d(36vw, -111vh, 0);
  }
}
@keyframes move-frames-90 {
  from {
    transform: translate3d(93vw, 102vh, 0);
  }
  to {
    transform: translate3d(36vw, -111vh, 0);
  }
}
.circle-container:nth-child(90) .circle {
  -webkit-animation-delay: 3698ms;
          animation-delay: 3698ms;
}
.circle-container:nth-child(91) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-91;
          animation-name: move-frames-91;
  -webkit-animation-duration: 29175ms;
          animation-duration: 29175ms;
  -webkit-animation-delay: 3951ms;
          animation-delay: 3951ms;
}
@-webkit-keyframes move-frames-91 {
  from {
    transform: translate3d(5vw, 109vh, 0);
  }
  to {
    transform: translate3d(15vw, -119vh, 0);
  }
}
@keyframes move-frames-91 {
  from {
    transform: translate3d(5vw, 109vh, 0);
  }
  to {
    transform: translate3d(15vw, -119vh, 0);
  }
}
.circle-container:nth-child(91) .circle {
  -webkit-animation-delay: 3107ms;
          animation-delay: 3107ms;
}
.circle-container:nth-child(92) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-92;
          animation-name: move-frames-92;
  -webkit-animation-duration: 31907ms;
          animation-duration: 31907ms;
  -webkit-animation-delay: 9365ms;
          animation-delay: 9365ms;
}
@-webkit-keyframes move-frames-92 {
  from {
    transform: translate3d(3vw, 104vh, 0);
  }
  to {
    transform: translate3d(80vw, -105vh, 0);
  }
}
@keyframes move-frames-92 {
  from {
    transform: translate3d(3vw, 104vh, 0);
  }
  to {
    transform: translate3d(80vw, -105vh, 0);
  }
}
.circle-container:nth-child(92) .circle {
  -webkit-animation-delay: 3996ms;
          animation-delay: 3996ms;
}
.circle-container:nth-child(93) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-93;
          animation-name: move-frames-93;
  -webkit-animation-duration: 32557ms;
          animation-duration: 32557ms;
  -webkit-animation-delay: 24685ms;
          animation-delay: 24685ms;
}
@-webkit-keyframes move-frames-93 {
  from {
    transform: translate3d(75vw, 109vh, 0);
  }
  to {
    transform: translate3d(38vw, -139vh, 0);
  }
}
@keyframes move-frames-93 {
  from {
    transform: translate3d(75vw, 109vh, 0);
  }
  to {
    transform: translate3d(38vw, -139vh, 0);
  }
}
.circle-container:nth-child(93) .circle {
  -webkit-animation-delay: 3862ms;
          animation-delay: 3862ms;
}
.circle-container:nth-child(94) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-94;
          animation-name: move-frames-94;
  -webkit-animation-duration: 33319ms;
          animation-duration: 33319ms;
  -webkit-animation-delay: 16125ms;
          animation-delay: 16125ms;
}
@-webkit-keyframes move-frames-94 {
  from {
    transform: translate3d(47vw, 104vh, 0);
  }
  to {
    transform: translate3d(28vw, -132vh, 0);
  }
}
@keyframes move-frames-94 {
  from {
    transform: translate3d(47vw, 104vh, 0);
  }
  to {
    transform: translate3d(28vw, -132vh, 0);
  }
}
.circle-container:nth-child(94) .circle {
  -webkit-animation-delay: 3661ms;
          animation-delay: 3661ms;
}
.circle-container:nth-child(95) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-95;
          animation-name: move-frames-95;
  -webkit-animation-duration: 29991ms;
          animation-duration: 29991ms;
  -webkit-animation-delay: 9409ms;
          animation-delay: 9409ms;
}
@-webkit-keyframes move-frames-95 {
  from {
    transform: translate3d(77vw, 109vh, 0);
  }
  to {
    transform: translate3d(85vw, -118vh, 0);
  }
}
@keyframes move-frames-95 {
  from {
    transform: translate3d(77vw, 109vh, 0);
  }
  to {
    transform: translate3d(85vw, -118vh, 0);
  }
}
.circle-container:nth-child(95) .circle {
  -webkit-animation-delay: 2291ms;
          animation-delay: 2291ms;
}
.circle-container:nth-child(96) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-96;
          animation-name: move-frames-96;
  -webkit-animation-duration: 30369ms;
          animation-duration: 30369ms;
  -webkit-animation-delay: 35108ms;
          animation-delay: 35108ms;
}
@-webkit-keyframes move-frames-96 {
  from {
    transform: translate3d(60vw, 101vh, 0);
  }
  to {
    transform: translate3d(79vw, -106vh, 0);
  }
}
@keyframes move-frames-96 {
  from {
    transform: translate3d(60vw, 101vh, 0);
  }
  to {
    transform: translate3d(79vw, -106vh, 0);
  }
}
.circle-container:nth-child(96) .circle {
  -webkit-animation-delay: 2632ms;
          animation-delay: 2632ms;
}
.circle-container:nth-child(97) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-97;
          animation-name: move-frames-97;
  -webkit-animation-duration: 30978ms;
          animation-duration: 30978ms;
  -webkit-animation-delay: 15070ms;
          animation-delay: 15070ms;
}
@-webkit-keyframes move-frames-97 {
  from {
    transform: translate3d(7vw, 108vh, 0);
  }
  to {
    transform: translate3d(49vw, -130vh, 0);
  }
}
@keyframes move-frames-97 {
  from {
    transform: translate3d(7vw, 108vh, 0);
  }
  to {
    transform: translate3d(49vw, -130vh, 0);
  }
}
.circle-container:nth-child(97) .circle {
  -webkit-animation-delay: 1924ms;
          animation-delay: 1924ms;
}
.circle-container:nth-child(98) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-98;
          animation-name: move-frames-98;
  -webkit-animation-duration: 31982ms;
          animation-duration: 31982ms;
  -webkit-animation-delay: 8458ms;
          animation-delay: 8458ms;
}
@-webkit-keyframes move-frames-98 {
  from {
    transform: translate3d(23vw, 107vh, 0);
  }
  to {
    transform: translate3d(18vw, -121vh, 0);
  }
}
@keyframes move-frames-98 {
  from {
    transform: translate3d(23vw, 107vh, 0);
  }
  to {
    transform: translate3d(18vw, -121vh, 0);
  }
}
.circle-container:nth-child(98) .circle {
  -webkit-animation-delay: 3798ms;
          animation-delay: 3798ms;
}
.circle-container:nth-child(99) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-99;
          animation-name: move-frames-99;
  -webkit-animation-duration: 29559ms;
          animation-duration: 29559ms;
  -webkit-animation-delay: 461ms;
          animation-delay: 461ms;
}
@-webkit-keyframes move-frames-99 {
  from {
    transform: translate3d(55vw, 108vh, 0);
  }
  to {
    transform: translate3d(15vw, -137vh, 0);
  }
}
@keyframes move-frames-99 {
  from {
    transform: translate3d(55vw, 108vh, 0);
  }
  to {
    transform: translate3d(15vw, -137vh, 0);
  }
}
.circle-container:nth-child(99) .circle {
  -webkit-animation-delay: 2776ms;
          animation-delay: 2776ms;
}
.circle-container:nth-child(100) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-100;
          animation-name: move-frames-100;
  -webkit-animation-duration: 30276ms;
          animation-duration: 30276ms;
  -webkit-animation-delay: 3520ms;
          animation-delay: 3520ms;
}
@-webkit-keyframes move-frames-100 {
  from {
    transform: translate3d(57vw, 105vh, 0);
  }
  to {
    transform: translate3d(21vw, -124vh, 0);
  }
}
@keyframes move-frames-100 {
  from {
    transform: translate3d(57vw, 105vh, 0);
  }
  to {
    transform: translate3d(21vw, -124vh, 0);
  }
}
.circle-container:nth-child(100) .circle {
  -webkit-animation-delay: 3538ms;
          animation-delay: 3538ms;
}
.circle-container:nth-child(101) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-101;
          animation-name: move-frames-101;
  -webkit-animation-duration: 31820ms;
          animation-duration: 31820ms;
  -webkit-animation-delay: 14208ms;
          animation-delay: 14208ms;
}
@-webkit-keyframes move-frames-101 {
  from {
    transform: translate3d(90vw, 110vh, 0);
  }
  to {
    transform: translate3d(65vw, -138vh, 0);
  }
}
@keyframes move-frames-101 {
  from {
    transform: translate3d(90vw, 110vh, 0);
  }
  to {
    transform: translate3d(65vw, -138vh, 0);
  }
}
.circle-container:nth-child(101) .circle {
  -webkit-animation-delay: 14ms;
          animation-delay: 14ms;
}
.circle-container:nth-child(102) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-102;
          animation-name: move-frames-102;
  -webkit-animation-duration: 35826ms;
          animation-duration: 35826ms;
  -webkit-animation-delay: 31020ms;
          animation-delay: 31020ms;
}
@-webkit-keyframes move-frames-102 {
  from {
    transform: translate3d(64vw, 102vh, 0);
  }
  to {
    transform: translate3d(85vw, -126vh, 0);
  }
}
@keyframes move-frames-102 {
  from {
    transform: translate3d(64vw, 102vh, 0);
  }
  to {
    transform: translate3d(85vw, -126vh, 0);
  }
}
.circle-container:nth-child(102) .circle {
  -webkit-animation-delay: 2656ms;
          animation-delay: 2656ms;
}
.circle-container:nth-child(103) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-103;
          animation-name: move-frames-103;
  -webkit-animation-duration: 34519ms;
          animation-duration: 34519ms;
  -webkit-animation-delay: 19819ms;
          animation-delay: 19819ms;
}
@-webkit-keyframes move-frames-103 {
  from {
    transform: translate3d(39vw, 110vh, 0);
  }
  to {
    transform: translate3d(88vw, -117vh, 0);
  }
}
@keyframes move-frames-103 {
  from {
    transform: translate3d(39vw, 110vh, 0);
  }
  to {
    transform: translate3d(88vw, -117vh, 0);
  }
}
.circle-container:nth-child(103) .circle {
  -webkit-animation-delay: 74ms;
          animation-delay: 74ms;
}
.circle-container:nth-child(104) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-104;
          animation-name: move-frames-104;
  -webkit-animation-duration: 35091ms;
          animation-duration: 35091ms;
  -webkit-animation-delay: 4683ms;
          animation-delay: 4683ms;
}
@-webkit-keyframes move-frames-104 {
  from {
    transform: translate3d(13vw, 104vh, 0);
  }
  to {
    transform: translate3d(29vw, -106vh, 0);
  }
}
@keyframes move-frames-104 {
  from {
    transform: translate3d(13vw, 104vh, 0);
  }
  to {
    transform: translate3d(29vw, -106vh, 0);
  }
}
.circle-container:nth-child(104) .circle {
  -webkit-animation-delay: 2944ms;
          animation-delay: 2944ms;
}
.circle-container:nth-child(105) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-105;
          animation-name: move-frames-105;
  -webkit-animation-duration: 36548ms;
          animation-duration: 36548ms;
  -webkit-animation-delay: 18705ms;
          animation-delay: 18705ms;
}
@-webkit-keyframes move-frames-105 {
  from {
    transform: translate3d(14vw, 108vh, 0);
  }
  to {
    transform: translate3d(40vw, -135vh, 0);
  }
}
@keyframes move-frames-105 {
  from {
    transform: translate3d(14vw, 108vh, 0);
  }
  to {
    transform: translate3d(40vw, -135vh, 0);
  }
}
.circle-container:nth-child(105) .circle {
  -webkit-animation-delay: 1149ms;
          animation-delay: 1149ms;
}
.circle-container:nth-child(106) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-106;
          animation-name: move-frames-106;
  -webkit-animation-duration: 35732ms;
          animation-duration: 35732ms;
  -webkit-animation-delay: 8494ms;
          animation-delay: 8494ms;
}
@-webkit-keyframes move-frames-106 {
  from {
    transform: translate3d(87vw, 107vh, 0);
  }
  to {
    transform: translate3d(75vw, -136vh, 0);
  }
}
@keyframes move-frames-106 {
  from {
    transform: translate3d(87vw, 107vh, 0);
  }
  to {
    transform: translate3d(75vw, -136vh, 0);
  }
}
.circle-container:nth-child(106) .circle {
  -webkit-animation-delay: 2857ms;
          animation-delay: 2857ms;
}
.circle-container:nth-child(107) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-107;
          animation-name: move-frames-107;
  -webkit-animation-duration: 35355ms;
          animation-duration: 35355ms;
  -webkit-animation-delay: 18618ms;
          animation-delay: 18618ms;
}
@-webkit-keyframes move-frames-107 {
  from {
    transform: translate3d(38vw, 110vh, 0);
  }
  to {
    transform: translate3d(80vw, -128vh, 0);
  }
}
@keyframes move-frames-107 {
  from {
    transform: translate3d(38vw, 110vh, 0);
  }
  to {
    transform: translate3d(80vw, -128vh, 0);
  }
}
.circle-container:nth-child(107) .circle {
  -webkit-animation-delay: 1214ms;
          animation-delay: 1214ms;
}
.circle-container:nth-child(108) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-108;
          animation-name: move-frames-108;
  -webkit-animation-duration: 30665ms;
          animation-duration: 30665ms;
  -webkit-animation-delay: 13648ms;
          animation-delay: 13648ms;
}
@-webkit-keyframes move-frames-108 {
  from {
    transform: translate3d(44vw, 108vh, 0);
  }
  to {
    transform: translate3d(97vw, -128vh, 0);
  }
}
@keyframes move-frames-108 {
  from {
    transform: translate3d(44vw, 108vh, 0);
  }
  to {
    transform: translate3d(97vw, -128vh, 0);
  }
}
.circle-container:nth-child(108) .circle {
  -webkit-animation-delay: 3092ms;
          animation-delay: 3092ms;
}
.circle-container:nth-child(109) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-109;
          animation-name: move-frames-109;
  -webkit-animation-duration: 29441ms;
          animation-duration: 29441ms;
  -webkit-animation-delay: 33628ms;
          animation-delay: 33628ms;
}
@-webkit-keyframes move-frames-109 {
  from {
    transform: translate3d(43vw, 103vh, 0);
  }
  to {
    transform: translate3d(5vw, -126vh, 0);
  }
}
@keyframes move-frames-109 {
  from {
    transform: translate3d(43vw, 103vh, 0);
  }
  to {
    transform: translate3d(5vw, -126vh, 0);
  }
}
.circle-container:nth-child(109) .circle {
  -webkit-animation-delay: 41ms;
          animation-delay: 41ms;
}
.circle-container:nth-child(110) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-110;
          animation-name: move-frames-110;
  -webkit-animation-duration: 35251ms;
          animation-duration: 35251ms;
  -webkit-animation-delay: 8013ms;
          animation-delay: 8013ms;
}
@-webkit-keyframes move-frames-110 {
  from {
    transform: translate3d(89vw, 106vh, 0);
  }
  to {
    transform: translate3d(24vw, -115vh, 0);
  }
}
@keyframes move-frames-110 {
  from {
    transform: translate3d(89vw, 106vh, 0);
  }
  to {
    transform: translate3d(24vw, -115vh, 0);
  }
}
.circle-container:nth-child(110) .circle {
  -webkit-animation-delay: 2958ms;
          animation-delay: 2958ms;
}
.circle-container:nth-child(111) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-111;
          animation-name: move-frames-111;
  -webkit-animation-duration: 29898ms;
          animation-duration: 29898ms;
  -webkit-animation-delay: 27518ms;
          animation-delay: 27518ms;
}
@-webkit-keyframes move-frames-111 {
  from {
    transform: translate3d(68vw, 103vh, 0);
  }
  to {
    transform: translate3d(52vw, -128vh, 0);
  }
}
@keyframes move-frames-111 {
  from {
    transform: translate3d(68vw, 103vh, 0);
  }
  to {
    transform: translate3d(52vw, -128vh, 0);
  }
}
.circle-container:nth-child(111) .circle {
  -webkit-animation-delay: 1042ms;
          animation-delay: 1042ms;
}
.circle-container:nth-child(112) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-112;
          animation-name: move-frames-112;
  -webkit-animation-duration: 36276ms;
          animation-duration: 36276ms;
  -webkit-animation-delay: 7972ms;
          animation-delay: 7972ms;
}
@-webkit-keyframes move-frames-112 {
  from {
    transform: translate3d(1vw, 101vh, 0);
  }
  to {
    transform: translate3d(26vw, -128vh, 0);
  }
}
@keyframes move-frames-112 {
  from {
    transform: translate3d(1vw, 101vh, 0);
  }
  to {
    transform: translate3d(26vw, -128vh, 0);
  }
}
.circle-container:nth-child(112) .circle {
  -webkit-animation-delay: 2907ms;
          animation-delay: 2907ms;
}
.circle-container:nth-child(113) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-113;
          animation-name: move-frames-113;
  -webkit-animation-duration: 32236ms;
          animation-duration: 32236ms;
  -webkit-animation-delay: 8761ms;
          animation-delay: 8761ms;
}
@-webkit-keyframes move-frames-113 {
  from {
    transform: translate3d(20vw, 105vh, 0);
  }
  to {
    transform: translate3d(92vw, -111vh, 0);
  }
}
@keyframes move-frames-113 {
  from {
    transform: translate3d(20vw, 105vh, 0);
  }
  to {
    transform: translate3d(92vw, -111vh, 0);
  }
}
.circle-container:nth-child(113) .circle {
  -webkit-animation-delay: 1303ms;
          animation-delay: 1303ms;
}
.circle-container:nth-child(114) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-114;
          animation-name: move-frames-114;
  -webkit-animation-duration: 32377ms;
          animation-duration: 32377ms;
  -webkit-animation-delay: 28313ms;
          animation-delay: 28313ms;
}
@-webkit-keyframes move-frames-114 {
  from {
    transform: translate3d(14vw, 108vh, 0);
  }
  to {
    transform: translate3d(21vw, -132vh, 0);
  }
}
@keyframes move-frames-114 {
  from {
    transform: translate3d(14vw, 108vh, 0);
  }
  to {
    transform: translate3d(21vw, -132vh, 0);
  }
}
.circle-container:nth-child(114) .circle {
  -webkit-animation-delay: 1669ms;
          animation-delay: 1669ms;
}
.circle-container:nth-child(115) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-115;
          animation-name: move-frames-115;
  -webkit-animation-duration: 34368ms;
          animation-duration: 34368ms;
  -webkit-animation-delay: 8692ms;
          animation-delay: 8692ms;
}
@-webkit-keyframes move-frames-115 {
  from {
    transform: translate3d(70vw, 106vh, 0);
  }
  to {
    transform: translate3d(75vw, -125vh, 0);
  }
}
@keyframes move-frames-115 {
  from {
    transform: translate3d(70vw, 106vh, 0);
  }
  to {
    transform: translate3d(75vw, -125vh, 0);
  }
}
.circle-container:nth-child(115) .circle {
  -webkit-animation-delay: 2879ms;
          animation-delay: 2879ms;
}
.circle-container:nth-child(116) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-116;
          animation-name: move-frames-116;
  -webkit-animation-duration: 34801ms;
          animation-duration: 34801ms;
  -webkit-animation-delay: 7343ms;
          animation-delay: 7343ms;
}
@-webkit-keyframes move-frames-116 {
  from {
    transform: translate3d(58vw, 108vh, 0);
  }
  to {
    transform: translate3d(14vw, -124vh, 0);
  }
}
@keyframes move-frames-116 {
  from {
    transform: translate3d(58vw, 108vh, 0);
  }
  to {
    transform: translate3d(14vw, -124vh, 0);
  }
}
.circle-container:nth-child(116) .circle {
  -webkit-animation-delay: 1106ms;
          animation-delay: 1106ms;
}
.circle-container:nth-child(117) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-117;
          animation-name: move-frames-117;
  -webkit-animation-duration: 34269ms;
          animation-duration: 34269ms;
  -webkit-animation-delay: 3600ms;
          animation-delay: 3600ms;
}
@-webkit-keyframes move-frames-117 {
  from {
    transform: translate3d(7vw, 107vh, 0);
  }
  to {
    transform: translate3d(42vw, -109vh, 0);
  }
}
@keyframes move-frames-117 {
  from {
    transform: translate3d(7vw, 107vh, 0);
  }
  to {
    transform: translate3d(42vw, -109vh, 0);
  }
}
.circle-container:nth-child(117) .circle {
  -webkit-animation-delay: 1567ms;
          animation-delay: 1567ms;
}
.circle-container:nth-child(118) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-118;
          animation-name: move-frames-118;
  -webkit-animation-duration: 32339ms;
          animation-duration: 32339ms;
  -webkit-animation-delay: 19614ms;
          animation-delay: 19614ms;
}
@-webkit-keyframes move-frames-118 {
  from {
    transform: translate3d(15vw, 109vh, 0);
  }
  to {
    transform: translate3d(30vw, -133vh, 0);
  }
}
@keyframes move-frames-118 {
  from {
    transform: translate3d(15vw, 109vh, 0);
  }
  to {
    transform: translate3d(30vw, -133vh, 0);
  }
}
.circle-container:nth-child(118) .circle {
  -webkit-animation-delay: 1202ms;
          animation-delay: 1202ms;
}
.circle-container:nth-child(119) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-119;
          animation-name: move-frames-119;
  -webkit-animation-duration: 29197ms;
          animation-duration: 29197ms;
  -webkit-animation-delay: 6684ms;
          animation-delay: 6684ms;
}
@-webkit-keyframes move-frames-119 {
  from {
    transform: translate3d(79vw, 101vh, 0);
  }
  to {
    transform: translate3d(88vw, -127vh, 0);
  }
}
@keyframes move-frames-119 {
  from {
    transform: translate3d(79vw, 101vh, 0);
  }
  to {
    transform: translate3d(88vw, -127vh, 0);
  }
}
.circle-container:nth-child(119) .circle {
  -webkit-animation-delay: 3477ms;
          animation-delay: 3477ms;
}
.circle-container:nth-child(120) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-120;
          animation-name: move-frames-120;
  -webkit-animation-duration: 29383ms;
          animation-duration: 29383ms;
  -webkit-animation-delay: 36086ms;
          animation-delay: 36086ms;
}
@-webkit-keyframes move-frames-120 {
  from {
    transform: translate3d(54vw, 107vh, 0);
  }
  to {
    transform: translate3d(29vw, -115vh, 0);
  }
}
@keyframes move-frames-120 {
  from {
    transform: translate3d(54vw, 107vh, 0);
  }
  to {
    transform: translate3d(29vw, -115vh, 0);
  }
}
.circle-container:nth-child(120) .circle {
  -webkit-animation-delay: 3128ms;
          animation-delay: 3128ms;
}
.circle-container:nth-child(121) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-121;
          animation-name: move-frames-121;
  -webkit-animation-duration: 31643ms;
          animation-duration: 31643ms;
  -webkit-animation-delay: 793ms;
          animation-delay: 793ms;
}
@-webkit-keyframes move-frames-121 {
  from {
    transform: translate3d(78vw, 107vh, 0);
  }
  to {
    transform: translate3d(20vw, -121vh, 0);
  }
}
@keyframes move-frames-121 {
  from {
    transform: translate3d(78vw, 107vh, 0);
  }
  to {
    transform: translate3d(20vw, -121vh, 0);
  }
}
.circle-container:nth-child(121) .circle {
  -webkit-animation-delay: 422ms;
          animation-delay: 422ms;
}
.circle-container:nth-child(122) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-122;
          animation-name: move-frames-122;
  -webkit-animation-duration: 36415ms;
          animation-duration: 36415ms;
  -webkit-animation-delay: 22634ms;
          animation-delay: 22634ms;
}
@-webkit-keyframes move-frames-122 {
  from {
    transform: translate3d(78vw, 108vh, 0);
  }
  to {
    transform: translate3d(71vw, -132vh, 0);
  }
}
@keyframes move-frames-122 {
  from {
    transform: translate3d(78vw, 108vh, 0);
  }
  to {
    transform: translate3d(71vw, -132vh, 0);
  }
}
.circle-container:nth-child(122) .circle {
  -webkit-animation-delay: 1681ms;
          animation-delay: 1681ms;
}
.circle-container:nth-child(123) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-123;
          animation-name: move-frames-123;
  -webkit-animation-duration: 30723ms;
          animation-duration: 30723ms;
  -webkit-animation-delay: 21783ms;
          animation-delay: 21783ms;
}
@-webkit-keyframes move-frames-123 {
  from {
    transform: translate3d(35vw, 102vh, 0);
  }
  to {
    transform: translate3d(20vw, -106vh, 0);
  }
}
@keyframes move-frames-123 {
  from {
    transform: translate3d(35vw, 102vh, 0);
  }
  to {
    transform: translate3d(20vw, -106vh, 0);
  }
}
.circle-container:nth-child(123) .circle {
  -webkit-animation-delay: 1564ms;
          animation-delay: 1564ms;
}
.circle-container:nth-child(124) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-124;
          animation-name: move-frames-124;
  -webkit-animation-duration: 36312ms;
          animation-duration: 36312ms;
  -webkit-animation-delay: 20856ms;
          animation-delay: 20856ms;
}
@-webkit-keyframes move-frames-124 {
  from {
    transform: translate3d(35vw, 106vh, 0);
  }
  to {
    transform: translate3d(76vw, -135vh, 0);
  }
}
@keyframes move-frames-124 {
  from {
    transform: translate3d(35vw, 106vh, 0);
  }
  to {
    transform: translate3d(76vw, -135vh, 0);
  }
}
.circle-container:nth-child(124) .circle {
  -webkit-animation-delay: 2280ms;
          animation-delay: 2280ms;
}
.circle-container:nth-child(125) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-125;
          animation-name: move-frames-125;
  -webkit-animation-duration: 28516ms;
          animation-duration: 28516ms;
  -webkit-animation-delay: 20082ms;
          animation-delay: 20082ms;
}
@-webkit-keyframes move-frames-125 {
  from {
    transform: translate3d(23vw, 110vh, 0);
  }
  to {
    transform: translate3d(42vw, -120vh, 0);
  }
}
@keyframes move-frames-125 {
  from {
    transform: translate3d(23vw, 110vh, 0);
  }
  to {
    transform: translate3d(42vw, -120vh, 0);
  }
}
.circle-container:nth-child(125) .circle {
  -webkit-animation-delay: 2370ms;
          animation-delay: 2370ms;
}
.circle-container:nth-child(126) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-126;
          animation-name: move-frames-126;
  -webkit-animation-duration: 28507ms;
          animation-duration: 28507ms;
  -webkit-animation-delay: 12473ms;
          animation-delay: 12473ms;
}
@-webkit-keyframes move-frames-126 {
  from {
    transform: translate3d(47vw, 105vh, 0);
  }
  to {
    transform: translate3d(91vw, -113vh, 0);
  }
}
@keyframes move-frames-126 {
  from {
    transform: translate3d(47vw, 105vh, 0);
  }
  to {
    transform: translate3d(91vw, -113vh, 0);
  }
}
.circle-container:nth-child(126) .circle {
  -webkit-animation-delay: 1350ms;
          animation-delay: 1350ms;
}
.circle-container:nth-child(127) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-127;
          animation-name: move-frames-127;
  -webkit-animation-duration: 29314ms;
          animation-duration: 29314ms;
  -webkit-animation-delay: 4847ms;
          animation-delay: 4847ms;
}
@-webkit-keyframes move-frames-127 {
  from {
    transform: translate3d(52vw, 107vh, 0);
  }
  to {
    transform: translate3d(37vw, -117vh, 0);
  }
}
@keyframes move-frames-127 {
  from {
    transform: translate3d(52vw, 107vh, 0);
  }
  to {
    transform: translate3d(37vw, -117vh, 0);
  }
}
.circle-container:nth-child(127) .circle {
  -webkit-animation-delay: 456ms;
          animation-delay: 456ms;
}
.circle-container:nth-child(128) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-128;
          animation-name: move-frames-128;
  -webkit-animation-duration: 29130ms;
          animation-duration: 29130ms;
  -webkit-animation-delay: 32669ms;
          animation-delay: 32669ms;
}
@-webkit-keyframes move-frames-128 {
  from {
    transform: translate3d(49vw, 102vh, 0);
  }
  to {
    transform: translate3d(6vw, -107vh, 0);
  }
}
@keyframes move-frames-128 {
  from {
    transform: translate3d(49vw, 102vh, 0);
  }
  to {
    transform: translate3d(6vw, -107vh, 0);
  }
}
.circle-container:nth-child(128) .circle {
  -webkit-animation-delay: 63ms;
          animation-delay: 63ms;
}
.circle-container:nth-child(129) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-129;
          animation-name: move-frames-129;
  -webkit-animation-duration: 28167ms;
          animation-duration: 28167ms;
  -webkit-animation-delay: 36472ms;
          animation-delay: 36472ms;
}
@-webkit-keyframes move-frames-129 {
  from {
    transform: translate3d(27vw, 106vh, 0);
  }
  to {
    transform: translate3d(16vw, -133vh, 0);
  }
}
@keyframes move-frames-129 {
  from {
    transform: translate3d(27vw, 106vh, 0);
  }
  to {
    transform: translate3d(16vw, -133vh, 0);
  }
}
.circle-container:nth-child(129) .circle {
  -webkit-animation-delay: 3394ms;
          animation-delay: 3394ms;
}
.circle-container:nth-child(130) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-130;
          animation-name: move-frames-130;
  -webkit-animation-duration: 34747ms;
          animation-duration: 34747ms;
  -webkit-animation-delay: 12747ms;
          animation-delay: 12747ms;
}
@-webkit-keyframes move-frames-130 {
  from {
    transform: translate3d(50vw, 106vh, 0);
  }
  to {
    transform: translate3d(62vw, -131vh, 0);
  }
}
@keyframes move-frames-130 {
  from {
    transform: translate3d(50vw, 106vh, 0);
  }
  to {
    transform: translate3d(62vw, -131vh, 0);
  }
}
.circle-container:nth-child(130) .circle {
  -webkit-animation-delay: 444ms;
          animation-delay: 444ms;
}
.circle-container:nth-child(131) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-131;
          animation-name: move-frames-131;
  -webkit-animation-duration: 31815ms;
          animation-duration: 31815ms;
  -webkit-animation-delay: 21724ms;
          animation-delay: 21724ms;
}
@-webkit-keyframes move-frames-131 {
  from {
    transform: translate3d(53vw, 109vh, 0);
  }
  to {
    transform: translate3d(27vw, -127vh, 0);
  }
}
@keyframes move-frames-131 {
  from {
    transform: translate3d(53vw, 109vh, 0);
  }
  to {
    transform: translate3d(27vw, -127vh, 0);
  }
}
.circle-container:nth-child(131) .circle {
  -webkit-animation-delay: 1088ms;
          animation-delay: 1088ms;
}
.circle-container:nth-child(132) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-132;
          animation-name: move-frames-132;
  -webkit-animation-duration: 36971ms;
          animation-duration: 36971ms;
  -webkit-animation-delay: 5358ms;
          animation-delay: 5358ms;
}
@-webkit-keyframes move-frames-132 {
  from {
    transform: translate3d(6vw, 107vh, 0);
  }
  to {
    transform: translate3d(49vw, -119vh, 0);
  }
}
@keyframes move-frames-132 {
  from {
    transform: translate3d(6vw, 107vh, 0);
  }
  to {
    transform: translate3d(49vw, -119vh, 0);
  }
}
.circle-container:nth-child(132) .circle {
  -webkit-animation-delay: 3929ms;
          animation-delay: 3929ms;
}
.circle-container:nth-child(133) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-133;
          animation-name: move-frames-133;
  -webkit-animation-duration: 31387ms;
          animation-duration: 31387ms;
  -webkit-animation-delay: 34233ms;
          animation-delay: 34233ms;
}
@-webkit-keyframes move-frames-133 {
  from {
    transform: translate3d(34vw, 108vh, 0);
  }
  to {
    transform: translate3d(72vw, -131vh, 0);
  }
}
@keyframes move-frames-133 {
  from {
    transform: translate3d(34vw, 108vh, 0);
  }
  to {
    transform: translate3d(72vw, -131vh, 0);
  }
}
.circle-container:nth-child(133) .circle {
  -webkit-animation-delay: 1764ms;
          animation-delay: 1764ms;
}
.circle-container:nth-child(134) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-134;
          animation-name: move-frames-134;
  -webkit-animation-duration: 35379ms;
          animation-duration: 35379ms;
  -webkit-animation-delay: 23228ms;
          animation-delay: 23228ms;
}
@-webkit-keyframes move-frames-134 {
  from {
    transform: translate3d(45vw, 101vh, 0);
  }
  to {
    transform: translate3d(88vw, -107vh, 0);
  }
}
@keyframes move-frames-134 {
  from {
    transform: translate3d(45vw, 101vh, 0);
  }
  to {
    transform: translate3d(88vw, -107vh, 0);
  }
}
.circle-container:nth-child(134) .circle {
  -webkit-animation-delay: 3349ms;
          animation-delay: 3349ms;
}
.circle-container:nth-child(135) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-135;
          animation-name: move-frames-135;
  -webkit-animation-duration: 33561ms;
          animation-duration: 33561ms;
  -webkit-animation-delay: 33902ms;
          animation-delay: 33902ms;
}
@-webkit-keyframes move-frames-135 {
  from {
    transform: translate3d(85vw, 104vh, 0);
  }
  to {
    transform: translate3d(41vw, -134vh, 0);
  }
}
@keyframes move-frames-135 {
  from {
    transform: translate3d(85vw, 104vh, 0);
  }
  to {
    transform: translate3d(41vw, -134vh, 0);
  }
}
.circle-container:nth-child(135) .circle {
  -webkit-animation-delay: 1892ms;
          animation-delay: 1892ms;
}
.circle-container:nth-child(136) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-136;
          animation-name: move-frames-136;
  -webkit-animation-duration: 33760ms;
          animation-duration: 33760ms;
  -webkit-animation-delay: 12055ms;
          animation-delay: 12055ms;
}
@-webkit-keyframes move-frames-136 {
  from {
    transform: translate3d(41vw, 107vh, 0);
  }
  to {
    transform: translate3d(46vw, -111vh, 0);
  }
}
@keyframes move-frames-136 {
  from {
    transform: translate3d(41vw, 107vh, 0);
  }
  to {
    transform: translate3d(46vw, -111vh, 0);
  }
}
.circle-container:nth-child(136) .circle {
  -webkit-animation-delay: 970ms;
          animation-delay: 970ms;
}
.circle-container:nth-child(137) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-137;
          animation-name: move-frames-137;
  -webkit-animation-duration: 35556ms;
          animation-duration: 35556ms;
  -webkit-animation-delay: 6256ms;
          animation-delay: 6256ms;
}
@-webkit-keyframes move-frames-137 {
  from {
    transform: translate3d(49vw, 109vh, 0);
  }
  to {
    transform: translate3d(24vw, -116vh, 0);
  }
}
@keyframes move-frames-137 {
  from {
    transform: translate3d(49vw, 109vh, 0);
  }
  to {
    transform: translate3d(24vw, -116vh, 0);
  }
}
.circle-container:nth-child(137) .circle {
  -webkit-animation-delay: 811ms;
          animation-delay: 811ms;
}
.circle-container:nth-child(138) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-138;
          animation-name: move-frames-138;
  -webkit-animation-duration: 31828ms;
          animation-duration: 31828ms;
  -webkit-animation-delay: 36741ms;
          animation-delay: 36741ms;
}
@-webkit-keyframes move-frames-138 {
  from {
    transform: translate3d(64vw, 107vh, 0);
  }
  to {
    transform: translate3d(84vw, -128vh, 0);
  }
}
@keyframes move-frames-138 {
  from {
    transform: translate3d(64vw, 107vh, 0);
  }
  to {
    transform: translate3d(84vw, -128vh, 0);
  }
}
.circle-container:nth-child(138) .circle {
  -webkit-animation-delay: 2989ms;
          animation-delay: 2989ms;
}
.circle-container:nth-child(139) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-139;
          animation-name: move-frames-139;
  -webkit-animation-duration: 33136ms;
          animation-duration: 33136ms;
  -webkit-animation-delay: 22348ms;
          animation-delay: 22348ms;
}
@-webkit-keyframes move-frames-139 {
  from {
    transform: translate3d(70vw, 102vh, 0);
  }
  to {
    transform: translate3d(44vw, -114vh, 0);
  }
}
@keyframes move-frames-139 {
  from {
    transform: translate3d(70vw, 102vh, 0);
  }
  to {
    transform: translate3d(44vw, -114vh, 0);
  }
}
.circle-container:nth-child(139) .circle {
  -webkit-animation-delay: 2480ms;
          animation-delay: 2480ms;
}
.circle-container:nth-child(140) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-140;
          animation-name: move-frames-140;
  -webkit-animation-duration: 35886ms;
          animation-duration: 35886ms;
  -webkit-animation-delay: 20087ms;
          animation-delay: 20087ms;
}
@-webkit-keyframes move-frames-140 {
  from {
    transform: translate3d(8vw, 110vh, 0);
  }
  to {
    transform: translate3d(59vw, -113vh, 0);
  }
}
@keyframes move-frames-140 {
  from {
    transform: translate3d(8vw, 110vh, 0);
  }
  to {
    transform: translate3d(59vw, -113vh, 0);
  }
}
.circle-container:nth-child(140) .circle {
  -webkit-animation-delay: 1013ms;
          animation-delay: 1013ms;
}
.circle-container:nth-child(141) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-141;
          animation-name: move-frames-141;
  -webkit-animation-duration: 28108ms;
          animation-duration: 28108ms;
  -webkit-animation-delay: 6502ms;
          animation-delay: 6502ms;
}
@-webkit-keyframes move-frames-141 {
  from {
    transform: translate3d(26vw, 106vh, 0);
  }
  to {
    transform: translate3d(65vw, -130vh, 0);
  }
}
@keyframes move-frames-141 {
  from {
    transform: translate3d(26vw, 106vh, 0);
  }
  to {
    transform: translate3d(65vw, -130vh, 0);
  }
}
.circle-container:nth-child(141) .circle {
  -webkit-animation-delay: 2659ms;
          animation-delay: 2659ms;
}
.circle-container:nth-child(142) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-142;
          animation-name: move-frames-142;
  -webkit-animation-duration: 30863ms;
          animation-duration: 30863ms;
  -webkit-animation-delay: 12794ms;
          animation-delay: 12794ms;
}
@-webkit-keyframes move-frames-142 {
  from {
    transform: translate3d(90vw, 102vh, 0);
  }
  to {
    transform: translate3d(75vw, -126vh, 0);
  }
}
@keyframes move-frames-142 {
  from {
    transform: translate3d(90vw, 102vh, 0);
  }
  to {
    transform: translate3d(75vw, -126vh, 0);
  }
}
.circle-container:nth-child(142) .circle {
  -webkit-animation-delay: 1302ms;
          animation-delay: 1302ms;
}
.circle-container:nth-child(143) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-143;
          animation-name: move-frames-143;
  -webkit-animation-duration: 32642ms;
          animation-duration: 32642ms;
  -webkit-animation-delay: 26744ms;
          animation-delay: 26744ms;
}
@-webkit-keyframes move-frames-143 {
  from {
    transform: translate3d(38vw, 110vh, 0);
  }
  to {
    transform: translate3d(28vw, -133vh, 0);
  }
}
@keyframes move-frames-143 {
  from {
    transform: translate3d(38vw, 110vh, 0);
  }
  to {
    transform: translate3d(28vw, -133vh, 0);
  }
}
.circle-container:nth-child(143) .circle {
  -webkit-animation-delay: 997ms;
          animation-delay: 997ms;
}
.circle-container:nth-child(144) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-144;
          animation-name: move-frames-144;
  -webkit-animation-duration: 29455ms;
          animation-duration: 29455ms;
  -webkit-animation-delay: 15233ms;
          animation-delay: 15233ms;
}
@-webkit-keyframes move-frames-144 {
  from {
    transform: translate3d(32vw, 110vh, 0);
  }
  to {
    transform: translate3d(97vw, -112vh, 0);
  }
}
@keyframes move-frames-144 {
  from {
    transform: translate3d(32vw, 110vh, 0);
  }
  to {
    transform: translate3d(97vw, -112vh, 0);
  }
}
.circle-container:nth-child(144) .circle {
  -webkit-animation-delay: 93ms;
          animation-delay: 93ms;
}
.circle-container:nth-child(145) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-145;
          animation-name: move-frames-145;
  -webkit-animation-duration: 28088ms;
          animation-duration: 28088ms;
  -webkit-animation-delay: 32640ms;
          animation-delay: 32640ms;
}
@-webkit-keyframes move-frames-145 {
  from {
    transform: translate3d(96vw, 106vh, 0);
  }
  to {
    transform: translate3d(39vw, -130vh, 0);
  }
}
@keyframes move-frames-145 {
  from {
    transform: translate3d(96vw, 106vh, 0);
  }
  to {
    transform: translate3d(39vw, -130vh, 0);
  }
}
.circle-container:nth-child(145) .circle {
  -webkit-animation-delay: 772ms;
          animation-delay: 772ms;
}
.circle-container:nth-child(146) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-146;
          animation-name: move-frames-146;
  -webkit-animation-duration: 33517ms;
          animation-duration: 33517ms;
  -webkit-animation-delay: 34691ms;
          animation-delay: 34691ms;
}
@-webkit-keyframes move-frames-146 {
  from {
    transform: translate3d(19vw, 109vh, 0);
  }
  to {
    transform: translate3d(92vw, -132vh, 0);
  }
}
@keyframes move-frames-146 {
  from {
    transform: translate3d(19vw, 109vh, 0);
  }
  to {
    transform: translate3d(92vw, -132vh, 0);
  }
}
.circle-container:nth-child(146) .circle {
  -webkit-animation-delay: 1260ms;
          animation-delay: 1260ms;
}
.circle-container:nth-child(147) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-147;
          animation-name: move-frames-147;
  -webkit-animation-duration: 32668ms;
          animation-duration: 32668ms;
  -webkit-animation-delay: 15153ms;
          animation-delay: 15153ms;
}
@-webkit-keyframes move-frames-147 {
  from {
    transform: translate3d(60vw, 107vh, 0);
  }
  to {
    transform: translate3d(98vw, -133vh, 0);
  }
}
@keyframes move-frames-147 {
  from {
    transform: translate3d(60vw, 107vh, 0);
  }
  to {
    transform: translate3d(98vw, -133vh, 0);
  }
}
.circle-container:nth-child(147) .circle {
  -webkit-animation-delay: 3696ms;
          animation-delay: 3696ms;
}
.circle-container:nth-child(148) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-148;
          animation-name: move-frames-148;
  -webkit-animation-duration: 34458ms;
          animation-duration: 34458ms;
  -webkit-animation-delay: 36203ms;
          animation-delay: 36203ms;
}
@-webkit-keyframes move-frames-148 {
  from {
    transform: translate3d(5vw, 108vh, 0);
  }
  to {
    transform: translate3d(58vw, -125vh, 0);
  }
}
@keyframes move-frames-148 {
  from {
    transform: translate3d(5vw, 108vh, 0);
  }
  to {
    transform: translate3d(58vw, -125vh, 0);
  }
}
.circle-container:nth-child(148) .circle {
  -webkit-animation-delay: 111ms;
          animation-delay: 111ms;
}
.circle-container:nth-child(149) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-149;
          animation-name: move-frames-149;
  -webkit-animation-duration: 36990ms;
          animation-duration: 36990ms;
  -webkit-animation-delay: 4408ms;
          animation-delay: 4408ms;
}
@-webkit-keyframes move-frames-149 {
  from {
    transform: translate3d(43vw, 101vh, 0);
  }
  to {
    transform: translate3d(57vw, -105vh, 0);
  }
}
@keyframes move-frames-149 {
  from {
    transform: translate3d(43vw, 101vh, 0);
  }
  to {
    transform: translate3d(57vw, -105vh, 0);
  }
}
.circle-container:nth-child(149) .circle {
  -webkit-animation-delay: 2979ms;
          animation-delay: 2979ms;
}
.circle-container:nth-child(150) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-150;
          animation-name: move-frames-150;
  -webkit-animation-duration: 34398ms;
          animation-duration: 34398ms;
  -webkit-animation-delay: 8918ms;
          animation-delay: 8918ms;
}
@-webkit-keyframes move-frames-150 {
  from {
    transform: translate3d(46vw, 105vh, 0);
  }
  to {
    transform: translate3d(66vw, -125vh, 0);
  }
}
@keyframes move-frames-150 {
  from {
    transform: translate3d(46vw, 105vh, 0);
  }
  to {
    transform: translate3d(66vw, -125vh, 0);
  }
}
.circle-container:nth-child(150) .circle {
  -webkit-animation-delay: 3657ms;
          animation-delay: 3657ms;
}
.circle-container:nth-child(151) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-151;
          animation-name: move-frames-151;
  -webkit-animation-duration: 31585ms;
          animation-duration: 31585ms;
  -webkit-animation-delay: 26249ms;
          animation-delay: 26249ms;
}
@-webkit-keyframes move-frames-151 {
  from {
    transform: translate3d(60vw, 104vh, 0);
  }
  to {
    transform: translate3d(20vw, -115vh, 0);
  }
}
@keyframes move-frames-151 {
  from {
    transform: translate3d(60vw, 104vh, 0);
  }
  to {
    transform: translate3d(20vw, -115vh, 0);
  }
}
.circle-container:nth-child(151) .circle {
  -webkit-animation-delay: 1289ms;
          animation-delay: 1289ms;
}
.circle-container:nth-child(152) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-152;
          animation-name: move-frames-152;
  -webkit-animation-duration: 30187ms;
          animation-duration: 30187ms;
  -webkit-animation-delay: 9695ms;
          animation-delay: 9695ms;
}
@-webkit-keyframes move-frames-152 {
  from {
    transform: translate3d(95vw, 110vh, 0);
  }
  to {
    transform: translate3d(15vw, -114vh, 0);
  }
}
@keyframes move-frames-152 {
  from {
    transform: translate3d(95vw, 110vh, 0);
  }
  to {
    transform: translate3d(15vw, -114vh, 0);
  }
}
.circle-container:nth-child(152) .circle {
  -webkit-animation-delay: 2137ms;
          animation-delay: 2137ms;
}
.circle-container:nth-child(153) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-153;
          animation-name: move-frames-153;
  -webkit-animation-duration: 32792ms;
          animation-duration: 32792ms;
  -webkit-animation-delay: 20169ms;
          animation-delay: 20169ms;
}
@-webkit-keyframes move-frames-153 {
  from {
    transform: translate3d(8vw, 105vh, 0);
  }
  to {
    transform: translate3d(94vw, -110vh, 0);
  }
}
@keyframes move-frames-153 {
  from {
    transform: translate3d(8vw, 105vh, 0);
  }
  to {
    transform: translate3d(94vw, -110vh, 0);
  }
}
.circle-container:nth-child(153) .circle {
  -webkit-animation-delay: 1513ms;
          animation-delay: 1513ms;
}
.circle-container:nth-child(154) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-154;
          animation-name: move-frames-154;
  -webkit-animation-duration: 36728ms;
          animation-duration: 36728ms;
  -webkit-animation-delay: 25174ms;
          animation-delay: 25174ms;
}
@-webkit-keyframes move-frames-154 {
  from {
    transform: translate3d(35vw, 108vh, 0);
  }
  to {
    transform: translate3d(62vw, -117vh, 0);
  }
}
@keyframes move-frames-154 {
  from {
    transform: translate3d(35vw, 108vh, 0);
  }
  to {
    transform: translate3d(62vw, -117vh, 0);
  }
}
.circle-container:nth-child(154) .circle {
  -webkit-animation-delay: 3091ms;
          animation-delay: 3091ms;
}
.circle-container:nth-child(155) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-155;
          animation-name: move-frames-155;
  -webkit-animation-duration: 33483ms;
          animation-duration: 33483ms;
  -webkit-animation-delay: 29137ms;
          animation-delay: 29137ms;
}
@-webkit-keyframes move-frames-155 {
  from {
    transform: translate3d(87vw, 108vh, 0);
  }
  to {
    transform: translate3d(61vw, -118vh, 0);
  }
}
@keyframes move-frames-155 {
  from {
    transform: translate3d(87vw, 108vh, 0);
  }
  to {
    transform: translate3d(61vw, -118vh, 0);
  }
}
.circle-container:nth-child(155) .circle {
  -webkit-animation-delay: 1230ms;
          animation-delay: 1230ms;
}
.circle-container:nth-child(156) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-156;
          animation-name: move-frames-156;
  -webkit-animation-duration: 31901ms;
          animation-duration: 31901ms;
  -webkit-animation-delay: 8049ms;
          animation-delay: 8049ms;
}
@-webkit-keyframes move-frames-156 {
  from {
    transform: translate3d(33vw, 101vh, 0);
  }
  to {
    transform: translate3d(3vw, -111vh, 0);
  }
}
@keyframes move-frames-156 {
  from {
    transform: translate3d(33vw, 101vh, 0);
  }
  to {
    transform: translate3d(3vw, -111vh, 0);
  }
}
.circle-container:nth-child(156) .circle {
  -webkit-animation-delay: 1579ms;
          animation-delay: 1579ms;
}
.circle-container:nth-child(157) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-157;
          animation-name: move-frames-157;
  -webkit-animation-duration: 36876ms;
          animation-duration: 36876ms;
  -webkit-animation-delay: 27962ms;
          animation-delay: 27962ms;
}
@-webkit-keyframes move-frames-157 {
  from {
    transform: translate3d(55vw, 103vh, 0);
  }
  to {
    transform: translate3d(73vw, -115vh, 0);
  }
}
@keyframes move-frames-157 {
  from {
    transform: translate3d(55vw, 103vh, 0);
  }
  to {
    transform: translate3d(73vw, -115vh, 0);
  }
}
.circle-container:nth-child(157) .circle {
  -webkit-animation-delay: 3994ms;
          animation-delay: 3994ms;
}
.circle-container:nth-child(158) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-158;
          animation-name: move-frames-158;
  -webkit-animation-duration: 34065ms;
          animation-duration: 34065ms;
  -webkit-animation-delay: 11114ms;
          animation-delay: 11114ms;
}
@-webkit-keyframes move-frames-158 {
  from {
    transform: translate3d(41vw, 103vh, 0);
  }
  to {
    transform: translate3d(59vw, -114vh, 0);
  }
}
@keyframes move-frames-158 {
  from {
    transform: translate3d(41vw, 103vh, 0);
  }
  to {
    transform: translate3d(59vw, -114vh, 0);
  }
}
.circle-container:nth-child(158) .circle {
  -webkit-animation-delay: 3710ms;
          animation-delay: 3710ms;
}
.circle-container:nth-child(159) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-159;
          animation-name: move-frames-159;
  -webkit-animation-duration: 36518ms;
          animation-duration: 36518ms;
  -webkit-animation-delay: 7970ms;
          animation-delay: 7970ms;
}
@-webkit-keyframes move-frames-159 {
  from {
    transform: translate3d(41vw, 102vh, 0);
  }
  to {
    transform: translate3d(26vw, -105vh, 0);
  }
}
@keyframes move-frames-159 {
  from {
    transform: translate3d(41vw, 102vh, 0);
  }
  to {
    transform: translate3d(26vw, -105vh, 0);
  }
}
.circle-container:nth-child(159) .circle {
  -webkit-animation-delay: 526ms;
          animation-delay: 526ms;
}
.circle-container:nth-child(160) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-160;
          animation-name: move-frames-160;
  -webkit-animation-duration: 29810ms;
          animation-duration: 29810ms;
  -webkit-animation-delay: 22184ms;
          animation-delay: 22184ms;
}
@-webkit-keyframes move-frames-160 {
  from {
    transform: translate3d(31vw, 106vh, 0);
  }
  to {
    transform: translate3d(25vw, -114vh, 0);
  }
}
@keyframes move-frames-160 {
  from {
    transform: translate3d(31vw, 106vh, 0);
  }
  to {
    transform: translate3d(25vw, -114vh, 0);
  }
}
.circle-container:nth-child(160) .circle {
  -webkit-animation-delay: 2321ms;
          animation-delay: 2321ms;
}
.circle-container:nth-child(161) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-161;
          animation-name: move-frames-161;
  -webkit-animation-duration: 30252ms;
          animation-duration: 30252ms;
  -webkit-animation-delay: 6678ms;
          animation-delay: 6678ms;
}
@-webkit-keyframes move-frames-161 {
  from {
    transform: translate3d(39vw, 110vh, 0);
  }
  to {
    transform: translate3d(63vw, -136vh, 0);
  }
}
@keyframes move-frames-161 {
  from {
    transform: translate3d(39vw, 110vh, 0);
  }
  to {
    transform: translate3d(63vw, -136vh, 0);
  }
}
.circle-container:nth-child(161) .circle {
  -webkit-animation-delay: 2071ms;
          animation-delay: 2071ms;
}
.circle-container:nth-child(162) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-162;
          animation-name: move-frames-162;
  -webkit-animation-duration: 32295ms;
          animation-duration: 32295ms;
  -webkit-animation-delay: 11653ms;
          animation-delay: 11653ms;
}
@-webkit-keyframes move-frames-162 {
  from {
    transform: translate3d(100vw, 106vh, 0);
  }
  to {
    transform: translate3d(96vw, -116vh, 0);
  }
}
@keyframes move-frames-162 {
  from {
    transform: translate3d(100vw, 106vh, 0);
  }
  to {
    transform: translate3d(96vw, -116vh, 0);
  }
}
.circle-container:nth-child(162) .circle {
  -webkit-animation-delay: 1885ms;
          animation-delay: 1885ms;
}
.circle-container:nth-child(163) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-163;
          animation-name: move-frames-163;
  -webkit-animation-duration: 31184ms;
          animation-duration: 31184ms;
  -webkit-animation-delay: 16603ms;
          animation-delay: 16603ms;
}
@-webkit-keyframes move-frames-163 {
  from {
    transform: translate3d(18vw, 104vh, 0);
  }
  to {
    transform: translate3d(78vw, -117vh, 0);
  }
}
@keyframes move-frames-163 {
  from {
    transform: translate3d(18vw, 104vh, 0);
  }
  to {
    transform: translate3d(78vw, -117vh, 0);
  }
}
.circle-container:nth-child(163) .circle {
  -webkit-animation-delay: 1546ms;
          animation-delay: 1546ms;
}
.circle-container:nth-child(164) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-164;
          animation-name: move-frames-164;
  -webkit-animation-duration: 35915ms;
          animation-duration: 35915ms;
  -webkit-animation-delay: 5450ms;
          animation-delay: 5450ms;
}
@-webkit-keyframes move-frames-164 {
  from {
    transform: translate3d(45vw, 109vh, 0);
  }
  to {
    transform: translate3d(73vw, -136vh, 0);
  }
}
@keyframes move-frames-164 {
  from {
    transform: translate3d(45vw, 109vh, 0);
  }
  to {
    transform: translate3d(73vw, -136vh, 0);
  }
}
.circle-container:nth-child(164) .circle {
  -webkit-animation-delay: 1377ms;
          animation-delay: 1377ms;
}
.circle-container:nth-child(165) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-165;
          animation-name: move-frames-165;
  -webkit-animation-duration: 36848ms;
          animation-duration: 36848ms;
  -webkit-animation-delay: 3585ms;
          animation-delay: 3585ms;
}
@-webkit-keyframes move-frames-165 {
  from {
    transform: translate3d(75vw, 104vh, 0);
  }
  to {
    transform: translate3d(86vw, -119vh, 0);
  }
}
@keyframes move-frames-165 {
  from {
    transform: translate3d(75vw, 104vh, 0);
  }
  to {
    transform: translate3d(86vw, -119vh, 0);
  }
}
.circle-container:nth-child(165) .circle {
  -webkit-animation-delay: 1594ms;
          animation-delay: 1594ms;
}
.circle-container:nth-child(166) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-166;
          animation-name: move-frames-166;
  -webkit-animation-duration: 33412ms;
          animation-duration: 33412ms;
  -webkit-animation-delay: 319ms;
          animation-delay: 319ms;
}
@-webkit-keyframes move-frames-166 {
  from {
    transform: translate3d(92vw, 110vh, 0);
  }
  to {
    transform: translate3d(94vw, -129vh, 0);
  }
}
@keyframes move-frames-166 {
  from {
    transform: translate3d(92vw, 110vh, 0);
  }
  to {
    transform: translate3d(94vw, -129vh, 0);
  }
}
.circle-container:nth-child(166) .circle {
  -webkit-animation-delay: 2251ms;
          animation-delay: 2251ms;
}
.circle-container:nth-child(167) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-167;
          animation-name: move-frames-167;
  -webkit-animation-duration: 32153ms;
          animation-duration: 32153ms;
  -webkit-animation-delay: 33942ms;
          animation-delay: 33942ms;
}
@-webkit-keyframes move-frames-167 {
  from {
    transform: translate3d(87vw, 106vh, 0);
  }
  to {
    transform: translate3d(20vw, -129vh, 0);
  }
}
@keyframes move-frames-167 {
  from {
    transform: translate3d(87vw, 106vh, 0);
  }
  to {
    transform: translate3d(20vw, -129vh, 0);
  }
}
.circle-container:nth-child(167) .circle {
  -webkit-animation-delay: 539ms;
          animation-delay: 539ms;
}
.circle-container:nth-child(168) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-168;
          animation-name: move-frames-168;
  -webkit-animation-duration: 28877ms;
          animation-duration: 28877ms;
  -webkit-animation-delay: 2321ms;
          animation-delay: 2321ms;
}
@-webkit-keyframes move-frames-168 {
  from {
    transform: translate3d(27vw, 109vh, 0);
  }
  to {
    transform: translate3d(46vw, -127vh, 0);
  }
}
@keyframes move-frames-168 {
  from {
    transform: translate3d(27vw, 109vh, 0);
  }
  to {
    transform: translate3d(46vw, -127vh, 0);
  }
}
.circle-container:nth-child(168) .circle {
  -webkit-animation-delay: 3219ms;
          animation-delay: 3219ms;
}
.circle-container:nth-child(169) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-169;
          animation-name: move-frames-169;
  -webkit-animation-duration: 28232ms;
          animation-duration: 28232ms;
  -webkit-animation-delay: 26518ms;
          animation-delay: 26518ms;
}
@-webkit-keyframes move-frames-169 {
  from {
    transform: translate3d(49vw, 103vh, 0);
  }
  to {
    transform: translate3d(37vw, -111vh, 0);
  }
}
@keyframes move-frames-169 {
  from {
    transform: translate3d(49vw, 103vh, 0);
  }
  to {
    transform: translate3d(37vw, -111vh, 0);
  }
}
.circle-container:nth-child(169) .circle {
  -webkit-animation-delay: 3492ms;
          animation-delay: 3492ms;
}
.circle-container:nth-child(170) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-170;
          animation-name: move-frames-170;
  -webkit-animation-duration: 28088ms;
          animation-duration: 28088ms;
  -webkit-animation-delay: 12790ms;
          animation-delay: 12790ms;
}
@-webkit-keyframes move-frames-170 {
  from {
    transform: translate3d(58vw, 104vh, 0);
  }
  to {
    transform: translate3d(73vw, -123vh, 0);
  }
}
@keyframes move-frames-170 {
  from {
    transform: translate3d(58vw, 104vh, 0);
  }
  to {
    transform: translate3d(73vw, -123vh, 0);
  }
}
.circle-container:nth-child(170) .circle {
  -webkit-animation-delay: 2480ms;
          animation-delay: 2480ms;
}
.circle-container:nth-child(171) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-171;
          animation-name: move-frames-171;
  -webkit-animation-duration: 32229ms;
          animation-duration: 32229ms;
  -webkit-animation-delay: 15987ms;
          animation-delay: 15987ms;
}
@-webkit-keyframes move-frames-171 {
  from {
    transform: translate3d(76vw, 106vh, 0);
  }
  to {
    transform: translate3d(53vw, -108vh, 0);
  }
}
@keyframes move-frames-171 {
  from {
    transform: translate3d(76vw, 106vh, 0);
  }
  to {
    transform: translate3d(53vw, -108vh, 0);
  }
}
.circle-container:nth-child(171) .circle {
  -webkit-animation-delay: 2535ms;
          animation-delay: 2535ms;
}
.circle-container:nth-child(172) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-172;
          animation-name: move-frames-172;
  -webkit-animation-duration: 33000ms;
          animation-duration: 33000ms;
  -webkit-animation-delay: 10483ms;
          animation-delay: 10483ms;
}
@-webkit-keyframes move-frames-172 {
  from {
    transform: translate3d(87vw, 108vh, 0);
  }
  to {
    transform: translate3d(100vw, -136vh, 0);
  }
}
@keyframes move-frames-172 {
  from {
    transform: translate3d(87vw, 108vh, 0);
  }
  to {
    transform: translate3d(100vw, -136vh, 0);
  }
}
.circle-container:nth-child(172) .circle {
  -webkit-animation-delay: 1566ms;
          animation-delay: 1566ms;
}
.circle-container:nth-child(173) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-173;
          animation-name: move-frames-173;
  -webkit-animation-duration: 35853ms;
          animation-duration: 35853ms;
  -webkit-animation-delay: 22204ms;
          animation-delay: 22204ms;
}
@-webkit-keyframes move-frames-173 {
  from {
    transform: translate3d(23vw, 110vh, 0);
  }
  to {
    transform: translate3d(55vw, -125vh, 0);
  }
}
@keyframes move-frames-173 {
  from {
    transform: translate3d(23vw, 110vh, 0);
  }
  to {
    transform: translate3d(55vw, -125vh, 0);
  }
}
.circle-container:nth-child(173) .circle {
  -webkit-animation-delay: 2357ms;
          animation-delay: 2357ms;
}
.circle-container:nth-child(174) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-174;
          animation-name: move-frames-174;
  -webkit-animation-duration: 32948ms;
          animation-duration: 32948ms;
  -webkit-animation-delay: 36914ms;
          animation-delay: 36914ms;
}
@-webkit-keyframes move-frames-174 {
  from {
    transform: translate3d(40vw, 109vh, 0);
  }
  to {
    transform: translate3d(82vw, -134vh, 0);
  }
}
@keyframes move-frames-174 {
  from {
    transform: translate3d(40vw, 109vh, 0);
  }
  to {
    transform: translate3d(82vw, -134vh, 0);
  }
}
.circle-container:nth-child(174) .circle {
  -webkit-animation-delay: 3027ms;
          animation-delay: 3027ms;
}
.circle-container:nth-child(175) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-175;
          animation-name: move-frames-175;
  -webkit-animation-duration: 34555ms;
          animation-duration: 34555ms;
  -webkit-animation-delay: 11661ms;
          animation-delay: 11661ms;
}
@-webkit-keyframes move-frames-175 {
  from {
    transform: translate3d(30vw, 108vh, 0);
  }
  to {
    transform: translate3d(46vw, -127vh, 0);
  }
}
@keyframes move-frames-175 {
  from {
    transform: translate3d(30vw, 108vh, 0);
  }
  to {
    transform: translate3d(46vw, -127vh, 0);
  }
}
.circle-container:nth-child(175) .circle {
  -webkit-animation-delay: 186ms;
          animation-delay: 186ms;
}
.circle-container:nth-child(176) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-176;
          animation-name: move-frames-176;
  -webkit-animation-duration: 35319ms;
          animation-duration: 35319ms;
  -webkit-animation-delay: 12685ms;
          animation-delay: 12685ms;
}
@-webkit-keyframes move-frames-176 {
  from {
    transform: translate3d(90vw, 108vh, 0);
  }
  to {
    transform: translate3d(82vw, -120vh, 0);
  }
}
@keyframes move-frames-176 {
  from {
    transform: translate3d(90vw, 108vh, 0);
  }
  to {
    transform: translate3d(82vw, -120vh, 0);
  }
}
.circle-container:nth-child(176) .circle {
  -webkit-animation-delay: 3114ms;
          animation-delay: 3114ms;
}
.circle-container:nth-child(177) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-177;
          animation-name: move-frames-177;
  -webkit-animation-duration: 35038ms;
          animation-duration: 35038ms;
  -webkit-animation-delay: 7739ms;
          animation-delay: 7739ms;
}
@-webkit-keyframes move-frames-177 {
  from {
    transform: translate3d(30vw, 108vh, 0);
  }
  to {
    transform: translate3d(29vw, -127vh, 0);
  }
}
@keyframes move-frames-177 {
  from {
    transform: translate3d(30vw, 108vh, 0);
  }
  to {
    transform: translate3d(29vw, -127vh, 0);
  }
}
.circle-container:nth-child(177) .circle {
  -webkit-animation-delay: 2348ms;
          animation-delay: 2348ms;
}
.circle-container:nth-child(178) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-178;
          animation-name: move-frames-178;
  -webkit-animation-duration: 34239ms;
          animation-duration: 34239ms;
  -webkit-animation-delay: 7566ms;
          animation-delay: 7566ms;
}
@-webkit-keyframes move-frames-178 {
  from {
    transform: translate3d(48vw, 110vh, 0);
  }
  to {
    transform: translate3d(66vw, -113vh, 0);
  }
}
@keyframes move-frames-178 {
  from {
    transform: translate3d(48vw, 110vh, 0);
  }
  to {
    transform: translate3d(66vw, -113vh, 0);
  }
}
.circle-container:nth-child(178) .circle {
  -webkit-animation-delay: 483ms;
          animation-delay: 483ms;
}
.circle-container:nth-child(179) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-179;
          animation-name: move-frames-179;
  -webkit-animation-duration: 36744ms;
          animation-duration: 36744ms;
  -webkit-animation-delay: 2874ms;
          animation-delay: 2874ms;
}
@-webkit-keyframes move-frames-179 {
  from {
    transform: translate3d(67vw, 109vh, 0);
  }
  to {
    transform: translate3d(14vw, -120vh, 0);
  }
}
@keyframes move-frames-179 {
  from {
    transform: translate3d(67vw, 109vh, 0);
  }
  to {
    transform: translate3d(14vw, -120vh, 0);
  }
}
.circle-container:nth-child(179) .circle {
  -webkit-animation-delay: 2874ms;
          animation-delay: 2874ms;
}
.circle-container:nth-child(180) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-180;
          animation-name: move-frames-180;
  -webkit-animation-duration: 30566ms;
          animation-duration: 30566ms;
  -webkit-animation-delay: 35218ms;
          animation-delay: 35218ms;
}
@-webkit-keyframes move-frames-180 {
  from {
    transform: translate3d(63vw, 108vh, 0);
  }
  to {
    transform: translate3d(56vw, -119vh, 0);
  }
}
@keyframes move-frames-180 {
  from {
    transform: translate3d(63vw, 108vh, 0);
  }
  to {
    transform: translate3d(56vw, -119vh, 0);
  }
}
.circle-container:nth-child(180) .circle {
  -webkit-animation-delay: 5ms;
          animation-delay: 5ms;
}
.circle-container:nth-child(181) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-181;
          animation-name: move-frames-181;
  -webkit-animation-duration: 31364ms;
          animation-duration: 31364ms;
  -webkit-animation-delay: 3885ms;
          animation-delay: 3885ms;
}
@-webkit-keyframes move-frames-181 {
  from {
    transform: translate3d(96vw, 109vh, 0);
  }
  to {
    transform: translate3d(73vw, -131vh, 0);
  }
}
@keyframes move-frames-181 {
  from {
    transform: translate3d(96vw, 109vh, 0);
  }
  to {
    transform: translate3d(73vw, -131vh, 0);
  }
}
.circle-container:nth-child(181) .circle {
  -webkit-animation-delay: 922ms;
          animation-delay: 922ms;
}
.circle-container:nth-child(182) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-182;
          animation-name: move-frames-182;
  -webkit-animation-duration: 31797ms;
          animation-duration: 31797ms;
  -webkit-animation-delay: 15566ms;
          animation-delay: 15566ms;
}
@-webkit-keyframes move-frames-182 {
  from {
    transform: translate3d(77vw, 110vh, 0);
  }
  to {
    transform: translate3d(34vw, -112vh, 0);
  }
}
@keyframes move-frames-182 {
  from {
    transform: translate3d(77vw, 110vh, 0);
  }
  to {
    transform: translate3d(34vw, -112vh, 0);
  }
}
.circle-container:nth-child(182) .circle {
  -webkit-animation-delay: 79ms;
          animation-delay: 79ms;
}
.circle-container:nth-child(183) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-183;
          animation-name: move-frames-183;
  -webkit-animation-duration: 33332ms;
          animation-duration: 33332ms;
  -webkit-animation-delay: 10520ms;
          animation-delay: 10520ms;
}
@-webkit-keyframes move-frames-183 {
  from {
    transform: translate3d(79vw, 110vh, 0);
  }
  to {
    transform: translate3d(79vw, -120vh, 0);
  }
}
@keyframes move-frames-183 {
  from {
    transform: translate3d(79vw, 110vh, 0);
  }
  to {
    transform: translate3d(79vw, -120vh, 0);
  }
}
.circle-container:nth-child(183) .circle {
  -webkit-animation-delay: 3227ms;
          animation-delay: 3227ms;
}
.circle-container:nth-child(184) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-184;
          animation-name: move-frames-184;
  -webkit-animation-duration: 29829ms;
          animation-duration: 29829ms;
  -webkit-animation-delay: 8154ms;
          animation-delay: 8154ms;
}
@-webkit-keyframes move-frames-184 {
  from {
    transform: translate3d(72vw, 107vh, 0);
  }
  to {
    transform: translate3d(7vw, -121vh, 0);
  }
}
@keyframes move-frames-184 {
  from {
    transform: translate3d(72vw, 107vh, 0);
  }
  to {
    transform: translate3d(7vw, -121vh, 0);
  }
}
.circle-container:nth-child(184) .circle {
  -webkit-animation-delay: 998ms;
          animation-delay: 998ms;
}
.circle-container:nth-child(185) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-185;
          animation-name: move-frames-185;
  -webkit-animation-duration: 31027ms;
          animation-duration: 31027ms;
  -webkit-animation-delay: 26289ms;
          animation-delay: 26289ms;
}
@-webkit-keyframes move-frames-185 {
  from {
    transform: translate3d(93vw, 108vh, 0);
  }
  to {
    transform: translate3d(15vw, -137vh, 0);
  }
}
@keyframes move-frames-185 {
  from {
    transform: translate3d(93vw, 108vh, 0);
  }
  to {
    transform: translate3d(15vw, -137vh, 0);
  }
}
.circle-container:nth-child(185) .circle {
  -webkit-animation-delay: 852ms;
          animation-delay: 852ms;
}
.circle-container:nth-child(186) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-186;
          animation-name: move-frames-186;
  -webkit-animation-duration: 32971ms;
          animation-duration: 32971ms;
  -webkit-animation-delay: 34009ms;
          animation-delay: 34009ms;
}
@-webkit-keyframes move-frames-186 {
  from {
    transform: translate3d(63vw, 101vh, 0);
  }
  to {
    transform: translate3d(52vw, -103vh, 0);
  }
}
@keyframes move-frames-186 {
  from {
    transform: translate3d(63vw, 101vh, 0);
  }
  to {
    transform: translate3d(52vw, -103vh, 0);
  }
}
.circle-container:nth-child(186) .circle {
  -webkit-animation-delay: 1308ms;
          animation-delay: 1308ms;
}
.circle-container:nth-child(187) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-187;
          animation-name: move-frames-187;
  -webkit-animation-duration: 31832ms;
          animation-duration: 31832ms;
  -webkit-animation-delay: 33872ms;
          animation-delay: 33872ms;
}
@-webkit-keyframes move-frames-187 {
  from {
    transform: translate3d(74vw, 102vh, 0);
  }
  to {
    transform: translate3d(1vw, -130vh, 0);
  }
}
@keyframes move-frames-187 {
  from {
    transform: translate3d(74vw, 102vh, 0);
  }
  to {
    transform: translate3d(1vw, -130vh, 0);
  }
}
.circle-container:nth-child(187) .circle {
  -webkit-animation-delay: 1200ms;
          animation-delay: 1200ms;
}
.circle-container:nth-child(188) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-188;
          animation-name: move-frames-188;
  -webkit-animation-duration: 34352ms;
          animation-duration: 34352ms;
  -webkit-animation-delay: 23571ms;
          animation-delay: 23571ms;
}
@-webkit-keyframes move-frames-188 {
  from {
    transform: translate3d(75vw, 101vh, 0);
  }
  to {
    transform: translate3d(35vw, -121vh, 0);
  }
}
@keyframes move-frames-188 {
  from {
    transform: translate3d(75vw, 101vh, 0);
  }
  to {
    transform: translate3d(35vw, -121vh, 0);
  }
}
.circle-container:nth-child(188) .circle {
  -webkit-animation-delay: 2992ms;
          animation-delay: 2992ms;
}
.circle-container:nth-child(189) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-189;
          animation-name: move-frames-189;
  -webkit-animation-duration: 29233ms;
          animation-duration: 29233ms;
  -webkit-animation-delay: 14242ms;
          animation-delay: 14242ms;
}
@-webkit-keyframes move-frames-189 {
  from {
    transform: translate3d(36vw, 104vh, 0);
  }
  to {
    transform: translate3d(57vw, -105vh, 0);
  }
}
@keyframes move-frames-189 {
  from {
    transform: translate3d(36vw, 104vh, 0);
  }
  to {
    transform: translate3d(57vw, -105vh, 0);
  }
}
.circle-container:nth-child(189) .circle {
  -webkit-animation-delay: 563ms;
          animation-delay: 563ms;
}
.circle-container:nth-child(190) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-190;
          animation-name: move-frames-190;
  -webkit-animation-duration: 33796ms;
          animation-duration: 33796ms;
  -webkit-animation-delay: 24654ms;
          animation-delay: 24654ms;
}
@-webkit-keyframes move-frames-190 {
  from {
    transform: translate3d(25vw, 108vh, 0);
  }
  to {
    transform: translate3d(82vw, -126vh, 0);
  }
}
@keyframes move-frames-190 {
  from {
    transform: translate3d(25vw, 108vh, 0);
  }
  to {
    transform: translate3d(82vw, -126vh, 0);
  }
}
.circle-container:nth-child(190) .circle {
  -webkit-animation-delay: 3805ms;
          animation-delay: 3805ms;
}
.circle-container:nth-child(191) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-191;
          animation-name: move-frames-191;
  -webkit-animation-duration: 34186ms;
          animation-duration: 34186ms;
  -webkit-animation-delay: 11875ms;
          animation-delay: 11875ms;
}
@-webkit-keyframes move-frames-191 {
  from {
    transform: translate3d(45vw, 105vh, 0);
  }
  to {
    transform: translate3d(37vw, -113vh, 0);
  }
}
@keyframes move-frames-191 {
  from {
    transform: translate3d(45vw, 105vh, 0);
  }
  to {
    transform: translate3d(37vw, -113vh, 0);
  }
}
.circle-container:nth-child(191) .circle {
  -webkit-animation-delay: 1359ms;
          animation-delay: 1359ms;
}
.circle-container:nth-child(192) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-192;
          animation-name: move-frames-192;
  -webkit-animation-duration: 28422ms;
          animation-duration: 28422ms;
  -webkit-animation-delay: 23554ms;
          animation-delay: 23554ms;
}
@-webkit-keyframes move-frames-192 {
  from {
    transform: translate3d(93vw, 103vh, 0);
  }
  to {
    transform: translate3d(90vw, -112vh, 0);
  }
}
@keyframes move-frames-192 {
  from {
    transform: translate3d(93vw, 103vh, 0);
  }
  to {
    transform: translate3d(90vw, -112vh, 0);
  }
}
.circle-container:nth-child(192) .circle {
  -webkit-animation-delay: 1555ms;
          animation-delay: 1555ms;
}
.circle-container:nth-child(193) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-193;
          animation-name: move-frames-193;
  -webkit-animation-duration: 30213ms;
          animation-duration: 30213ms;
  -webkit-animation-delay: 34151ms;
          animation-delay: 34151ms;
}
@-webkit-keyframes move-frames-193 {
  from {
    transform: translate3d(8vw, 106vh, 0);
  }
  to {
    transform: translate3d(35vw, -108vh, 0);
  }
}
@keyframes move-frames-193 {
  from {
    transform: translate3d(8vw, 106vh, 0);
  }
  to {
    transform: translate3d(35vw, -108vh, 0);
  }
}
.circle-container:nth-child(193) .circle {
  -webkit-animation-delay: 3862ms;
          animation-delay: 3862ms;
}
.circle-container:nth-child(194) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-194;
          animation-name: move-frames-194;
  -webkit-animation-duration: 32250ms;
          animation-duration: 32250ms;
  -webkit-animation-delay: 22264ms;
          animation-delay: 22264ms;
}
@-webkit-keyframes move-frames-194 {
  from {
    transform: translate3d(51vw, 108vh, 0);
  }
  to {
    transform: translate3d(7vw, -132vh, 0);
  }
}
@keyframes move-frames-194 {
  from {
    transform: translate3d(51vw, 108vh, 0);
  }
  to {
    transform: translate3d(7vw, -132vh, 0);
  }
}
.circle-container:nth-child(194) .circle {
  -webkit-animation-delay: 2507ms;
          animation-delay: 2507ms;
}
.circle-container:nth-child(195) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-195;
          animation-name: move-frames-195;
  -webkit-animation-duration: 29941ms;
          animation-duration: 29941ms;
  -webkit-animation-delay: 33864ms;
          animation-delay: 33864ms;
}
@-webkit-keyframes move-frames-195 {
  from {
    transform: translate3d(85vw, 106vh, 0);
  }
  to {
    transform: translate3d(31vw, -121vh, 0);
  }
}
@keyframes move-frames-195 {
  from {
    transform: translate3d(85vw, 106vh, 0);
  }
  to {
    transform: translate3d(31vw, -121vh, 0);
  }
}
.circle-container:nth-child(195) .circle {
  -webkit-animation-delay: 2062ms;
          animation-delay: 2062ms;
}
.circle-container:nth-child(196) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-196;
          animation-name: move-frames-196;
  -webkit-animation-duration: 36722ms;
          animation-duration: 36722ms;
  -webkit-animation-delay: 8834ms;
          animation-delay: 8834ms;
}
@-webkit-keyframes move-frames-196 {
  from {
    transform: translate3d(63vw, 108vh, 0);
  }
  to {
    transform: translate3d(77vw, -129vh, 0);
  }
}
@keyframes move-frames-196 {
  from {
    transform: translate3d(63vw, 108vh, 0);
  }
  to {
    transform: translate3d(77vw, -129vh, 0);
  }
}
.circle-container:nth-child(196) .circle {
  -webkit-animation-delay: 666ms;
          animation-delay: 666ms;
}
.circle-container:nth-child(197) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-197;
          animation-name: move-frames-197;
  -webkit-animation-duration: 33940ms;
          animation-duration: 33940ms;
  -webkit-animation-delay: 24538ms;
          animation-delay: 24538ms;
}
@-webkit-keyframes move-frames-197 {
  from {
    transform: translate3d(25vw, 108vh, 0);
  }
  to {
    transform: translate3d(29vw, -116vh, 0);
  }
}
@keyframes move-frames-197 {
  from {
    transform: translate3d(25vw, 108vh, 0);
  }
  to {
    transform: translate3d(29vw, -116vh, 0);
  }
}
.circle-container:nth-child(197) .circle {
  -webkit-animation-delay: 3860ms;
          animation-delay: 3860ms;
}
.circle-container:nth-child(198) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-198;
          animation-name: move-frames-198;
  -webkit-animation-duration: 30595ms;
          animation-duration: 30595ms;
  -webkit-animation-delay: 24024ms;
          animation-delay: 24024ms;
}
@-webkit-keyframes move-frames-198 {
  from {
    transform: translate3d(25vw, 109vh, 0);
  }
  to {
    transform: translate3d(97vw, -139vh, 0);
  }
}
@keyframes move-frames-198 {
  from {
    transform: translate3d(25vw, 109vh, 0);
  }
  to {
    transform: translate3d(97vw, -139vh, 0);
  }
}
.circle-container:nth-child(198) .circle {
  -webkit-animation-delay: 3663ms;
          animation-delay: 3663ms;
}
.circle-container:nth-child(199) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-199;
          animation-name: move-frames-199;
  -webkit-animation-duration: 33475ms;
          animation-duration: 33475ms;
  -webkit-animation-delay: 31702ms;
          animation-delay: 31702ms;
}
@-webkit-keyframes move-frames-199 {
  from {
    transform: translate3d(35vw, 101vh, 0);
  }
  to {
    transform: translate3d(53vw, -107vh, 0);
  }
}
@keyframes move-frames-199 {
  from {
    transform: translate3d(35vw, 101vh, 0);
  }
  to {
    transform: translate3d(53vw, -107vh, 0);
  }
}
.circle-container:nth-child(199) .circle {
  -webkit-animation-delay: 533ms;
          animation-delay: 533ms;
}
.circle-container:nth-child(200) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-200;
          animation-name: move-frames-200;
  -webkit-animation-duration: 33287ms;
          animation-duration: 33287ms;
  -webkit-animation-delay: 8801ms;
          animation-delay: 8801ms;
}
@-webkit-keyframes move-frames-200 {
  from {
    transform: translate3d(10vw, 107vh, 0);
  }
  to {
    transform: translate3d(32vw, -128vh, 0);
  }
}
@keyframes move-frames-200 {
  from {
    transform: translate3d(10vw, 107vh, 0);
  }
  to {
    transform: translate3d(32vw, -128vh, 0);
  }
}
.circle-container:nth-child(200) .circle {
  -webkit-animation-delay: 1064ms;
          animation-delay: 1064ms;
}

.message {
  position: absolute;
  right: 20px;
  bottom: 10px;
  color: white;
  font-family: "Josefin Slab", serif;
  line-height: 27px;
  font-size: 18px;
  text-align: right;
  pointer-events: none;
  -webkit-animation: message-frames 1.5s ease 5s forwards;
          animation: message-frames 1.5s ease 5s forwards;
  opacity: 0;
}
@-webkit-keyframes message-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes message-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/**termina animacion*/
/*COMIENZA MEDIA QUERIES*/

@media only screen and (max-width:770px) {
	body,
	html {
		font-size: 14px
	}
img.homeSlide{
  display:none !important;
  }
}

.contenedor {
	position: relative;
	top: 0;
	left: 0;
	width: 100% #dbd942;
	max-width: 978px;
	margin: 0 auto
}

.btn-general {
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-align: center;
	padding: 15px;
	cursor: pointer;
	font-family: 'Open-Sans', helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	font-size: 1em;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/*-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	text-shadow: none;*/
	-webkit-transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
}
.btn:focus{
  box-shadow: none;
}

/******MODAL****/

// None of this CSS is required for the gallery and lightbox to function.

// --- BEGIN: crop images --- //
// Optional CSS for cropping images that aren't all the same size.

// Use Bootstrap breakpoints for consistency.
$bootstrap-sm: 576px;
$bootstrap-md: 768px;
$bootstrap-lg: 992px;
$bootstrap-xl: 1200px;

// Crop thumbnail images.
#gallery {
  
  img {
    height: 75vw;
    object-fit: cover;
    
    @media (min-width: $bootstrap-sm) {
      height: 35vw;
    }
    
    @media (min-width: $bootstrap-lg) {
      height: 18vw;
    }
  }
}


// Crop images in lightbox.
.carousel-item {
  
  img {
    height: 60vw;
    object-fit: cover;
    
    @media (min-width: $bootstrap-sm) {
      height: 350px;
    }
  }
}

// --- END: crop images --- //


// --- BEGIN: custom styling demo --- //
// An example of custom styling for gallery and lightbox, to show what's possible in terms of aesthetic customization.

* {
  transition: 0.3s;
}

#gallery.custom {
  padding: 0 15px;
  
  img {
    display: block;
    margin: 15px 0;
    border-radius: 300px 30px 300px 300px;
    
    &:hover {
      border-radius: 30px 90px 30px 30px;
    }
  }
}

#exampleModal.custom {
  .modal-content {
    background: none;
    border: none;
  }
  
  .modal-header {
    border:none;
    
    button {
      background: none;
      border-radius: 100px 100px 0 0;
      padding: 5px 10px;
      opacity: 1;
      position: relative;
      top: 3px;
      border: solid 2px white;
      
      @media (min-width: $bootstrap-lg) {
        top: 15px;
      }
      
      &:hover {
        top: 3px;
      }
    }
    
    span {
      color: white;
    }
  }
  
  .modal-body {
    padding: 0;
    border: none;
    position: relative;
    
    &::before, &::after {
      content: '';
      height: 50px;
      width: 50px;
      display: block;
      position: absolute;
      background: white;
      border-radius: 3px 10px;
      
      @media (min-width: $bootstrap-md) {
        border-radius: 3px 30px;
        height: 100px;
        width: 100px;
      }
    }
    
    &::before {
      top: -5px;
      left: -5px;
      
      @media (min-width: $bootstrap-md) {
        top: -15px;
        left: -15px;
      }
    }
    
    &::after {
      bottom: -5px;
      right: -5px;
      z-index: -1;
      
      @media (min-width: $bootstrap-md) {
        bottom: -15px;
        right: -15px;
      }
    }
  }
  
  .modal-footer {
    border: none;
    margin-top: 60px;
    
    @media (min-width: $bootstrap-lg) {
      margin-top: 40px;
    }
    
    .btn {
      margin: auto;
      border: solid 2px white;
      background: none;
      text-transform: uppercase;
      font-size: 0.8em;
      letter-spacing: 0.1em;
      font-weight: bold;
      padding: 0.2em 0.7em;
      
      &:hover {
        background: white;
        color: black;
      }
    }
  }
  
  .carousel-control-prev, .carousel-control-next {
    font-size: 2em;
    top: auto;
    opacity: 1;
    bottom: -52px;
    
    @media (min-width: $bootstrap-md) {
      top: 0;
      opacity: 0.5;
      bottom: 0;
    }
  }
  
  .carousel-control-next-icon,  .carousel-control-prev-icon {
    height: 30px;
    width: 30px;
  }
  
  .carousel-control-prev {
    @media (min-width: $bootstrap-md) {
      left: -90px;
    }
  }
  
  .carousel-control-next {
    @media (min-width: $bootstrap-md) {
      right: -90px;
    }
  }
  
  .carousel-indicators {
    bottom: -60px;
    
    @media (min-width: $bootstrap-lg) {
      bottom: -30px;
    }
    
    li {
      height: 30px;
      border-radius: 100px;
      background: none;
      border: solid 2px white;
      
      @media (min-width: $bootstrap-lg) {
        height: 10px;
      }
      
      &:hover {
        background: white;
      }
      
      &.active {
        background: white;
      }
    }
  }
}

// --- END: custom styling demo --- //


// --- BEGIN: style switch --- //
// This is just styling for the style toggle switch. Mostly copied from https://www.w3schools.com/howto/howto_css_switch.asp

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  
  @media (min-width: $bootstrap-sm) {
    margin: 0;
  }
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.switch-wrap {
  text-align: center;
  background-color: #b1fbc1;
  padding: 30px;
  border-radius: 3px;
  margin: 30px 0 0;
  
  @media (min-width: $bootstrap-sm) {
    position: fixed;
    bottom: 0;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
    justify-content: center;
    padding: 10px;
  }
}

.switch-text {
  display: block;
  margin: 0.5em;
  
  @media (min-width: $bootstrap-sm) {
    margin: 0 1em 0 0;
  }
}

// --- END: style switch --- //




/*******MODAL GALLERY*****/



@media only screen and (max-width:416px) {
	.btn-general {
		letter-spacing: 0
	}
  
}

.btn-general:focus {
	outline: 0
}

.btn-sec {
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-align: center;
	padding: 15px 45px;
	cursor: pointer;
	font-family: 'oxygen', helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	border: 2px solid transparent;
	font-size: 1em;
	-webkit-transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
}

.btn-sec:focus {
	outline: 0
}

.btn-amarillo {
	border-color: #036646;
	background-color: #036646;
	font-weight: 700;
	color: #f6b332;
}

#btn2{
    background-color: #f6b332;
    border-color: #f6b332;
    color: #036646;
}

#boton2{
	color: #036646;
	border-color: #f6b332;
	background-color: #f6b332;
}

.btn-amarillo:hover {
	color: #f6b332
}

#boton2:hover{
	background-color: #036646;
	color: #f6b332;
}

.btn-verde {
	border-color: #036646;
	background-color: #036646;
	color: #f6b332;
}

.btn-verde:hover {
	background-color: #f6b332;
	color: #036646
}


@media only screen and (max-width:970px) {
	nav#menu>div>div .arriba {
		font-size: 1.2em;
		width: 100%;
		left: 10px;
	}
}

nav#menu>div>div .arriba .navegacion {
	zoom: 1;
}

nav#menu>div>div .arriba .navegacion:before,
nav#menu>div>div .arriba .navegacion:after {
	content: "";
	display: table
}

nav#menu>div>div .arriba .navegacion:after {
	clear: both
}

nav#menu>div>div .arriba .navegacion>li {
	*zoom: 1;
	float: left;
	clear: none;
	text-align: center;
	padding: 0 10px;
	margin-left: 0%;
	margin-right: 0%;
	border-right: 1px solid #b4b4b4;
	-webkit-transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
}

nav#menu>div>div .arriba .navegacion>li:last-child{
	border-right: none;
}

nav#menu>div>div .arriba .navegacion>li:before,
nav#menu>div>div .arriba .navegacion>li:after {
	content: '';
	display: table
}

nav#menu>div>div .arriba .navegacion>li:after {
	clear: both
}

@media only screen and (max-width:1300px) {
	nav#menu>div>div .arriba .navegacion>li {
		padding: 0 1%
	}
}

@media only screen and (max-width:1080px) {
	nav#menu>div>div .arriba .navegacion>li {
		padding: 0
	}
}

nav#menu>div>div .arriba .navegacion>li:hover {
	background-color: #444;
}

nav#menu>div>div .arriba .navegacion>li:hover>a, nav#menu>div>div .arriba .navegacion>li:focus>a {
	color: #f6b332;
	text-decoration: none;
}

nav#menu>div>div .arriba .navegacion>li>a {
	display: block;
	padding: 25px 0;
	text-align: center;
	text-decoration: none;
}

nav#menu.ver_menu #btn-mobile_menu .icon-bars {
	display: none
}

nav#menu.ver_menu #btn-mobile_menu .icon-close {
	display: block
}

@media only screen and (max-width:800px) {
	nav#menu.ver_menu {
		left: -30%
	}
	nav#menu.ver_menu>div>div {
		right: 0;
		-webkit-box-shadow: -5px 0 5px rgba(0, 0, 0, 0.3);
		box-shadow: -5px 0 5px rgba(0, 0, 0, 0.3);
	}
	nav#menu.ver_menu>div>div .arriba>ul {
		display: block;
		clear: both;
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
	}
	nav#menu.ver_menu>div>div .arriba>ul:first-child {
		margin-left: auto
	}
	nav#menu.ver_menu>div>div .arriba>ul:last-child {
		margin-right: auto
	}
	nav#menu.ver_menu>div>div .arriba>ul>li {
		display: block;
		clear: both;
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		border-bottom: 1px solid #c4c4c4
	}
	nav#menu.ver_menu>div>div .arriba>ul>li:first-child {
		margin-left: auto
	}
	nav#menu.ver_menu>div>div .arriba>ul>li:last-child {
		margin-right: auto
	}
	nav#menu.ver_menu>div>div .abajo .navegacion>li {
		float: none;
		border-bottom: 1px solid #c4c4c4;
	}
	nav#menu.ver_menu>div>div .abajo .navegacion>li>a {
		padding: 12px
	}
}

@media only screen and (max-width:600px) {
	nav#menu.ver_menu {
		left: -70%
	}
}*/

/*****************************************************/
footer {
	background-: #1d1d1d;
	color: #f5f5f5;
	position: relative;
	top: 0;
	left: 0;
	z-index: 3;
}

footer #links_footer {
	background-color: #282828;
}

footer #links_footer>ul {
	zoom: 1;
	position: relative;
	top: 0;
	left: 0;
	padding: 15px 0;
}

footer #links_footer>ul:before,
footer #links_footer>ul:after {
	content: "";
	display: table
}

footer #links_footer>ul:after {
	clear: both
}

footer #links_footer>ul>li {
	position: relative;
	top: 0;
	left: 0;
	*zoom: 1;
	float: left;
	clear: none;
	text-align: inherit;
	width: 33.33333333333333%;
	margin-left: 0%;
	margin-right: 0%;
	text-align: center;
	border-right: 1px solid #000;
	color: #939393;
}

footer #links_footer>ul>li>a:hover, footer #links_footer>ul>li>a:focus{
	color: #f6b332;
}

footer #links_footer>ul>li:before,
footer #links_footer>ul>li:after {
	content: '';
	display: table
}

footer #links_footer>ul>li:after {
	clear: both
}

@media only screen and (max-width:580px) {
	footer #links_footer>ul>li {
		display: block;
		clear: both;
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding: 15px;
		border-bottom: 1px solid #444
	}
	footer #links_footer>ul>li:first-child {
		margin-left: auto
	}
	footer #links_footer>ul>li:last-child {
		margin-right: auto
	}
	footer #links_footer>ul>li:last-child {
		border: none
	}
}

footer #links_footer>ul>li>span {
	position: relative;
	top: 0;
	left: 0;
	z-index: 3
}

footer #links_footer>ul>li:last-child {
	border-right: none;
	cursor: pointer
}

footer #links_footer>ul>li:hover, footer #links_footer>ul>li:focus {
	color: #f6b332;
}

footer #links_footer>ul>li:hover .icon-flecha-arriba {
	-webkit-transform: translateY(-3px);
	-moz-transform: translateY(-3px);
	-o-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
	transform: translateY(-3px)
}

footer #links_footer>ul>li .icon-flecha-arriba {
	font-size: 8px;
	-webkit-transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
	display: inline-block;
	vertical-align: middle;
	margin: 0 15px
}

footer #links_footer>ul>li .submenu {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #1d1d1d;
	padding: 15px;
	display: none;
	z-index: 1;
	-webkit-transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
}

footer #links_footer>ul>li .submenu>li {
	padding: 8px 0;
	border-top: 1px solid #7b7b7b;
	color: #939393;
}

footer #links_footer>ul>li .submenu>li>a:hover, footer #links_footer>ul>li .submenu>li>a:focus {
	color: #f6b332
}

footer #links_footer>ul>li .submenu>li:first-child {
	border-top: none
}

/**********************INICIO DE LA SECCIÓN 2 DEL FOOTER********************/
footer>section .contenedor {
	zoom: 1;
  background: #1d1d1d;
	color: #939399;
	padding: 25px 0;
	font-weight: 300;
	width: 100%;
}

footer>section .contenedor:before,
footer>section .contenedor:after {
	content: "";
	display: table
}

footer>section .contenedor:after {
	clear: both
}



/************************************************/

/*Esto son los separadores dentro del footer 2*/
footer>section .contenedor .appyfaq,
footer>section .contenedor .legales{
	border-right: 1px solid #000
}

/*Columna con los catalogos del footer2*/
footer>section .contenedor .legales {
	*zoom: 1;
	float: left;
	clear: none;
	text-align: inherit;
	width: 20%; /*Tamaño del espacio de la primera columan del footer2*/
	margin-left: 0%;
	margin-right: 3%;
	font-size: 13px;
	color: #606060;
}

footer>section .contenedor .legales:before,
footer>section .contenedor .legales:after {
	content: '';
	display: table
}

footer>section .contenedor .legales:after {
	clear: both
}

footer>section .contenedor .legales:last-child {
	margin-right: 0%
}

@media only screen and (max-width:970px) {
	footer>section .contenedor .legales {
		display: block;
		clear: both;
		float: left;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
		clear: both;
		/*max-width: 400px;*/
		padding-left: 50px;
		padding-top: 20px;
		text-align: left;
		border-right: none;
	}
	footer>section .contenedor .legales:first-child {
		margin-left: auto
	}
	footer>section .contenedor .legales:last-child {
		margin-right: auto
	}
}

/*Texto de las primera columna footer 2*/
footer>section .contenedor .legales>p {
	margin-bottom: 15px;
	text-decoration: none;
	font-size: 15px;
	font-family: 'oxygen', Arial, Helvetica, sans-serif;
	color: #939393;
}

footer>section .contenedor .legales>a {
	display: block;
	margin-bottom: 10px;
	text-decoration: none;
	font-size: 15px;
	font-family: 'oxygen', Arial, Helvetica, sans-serif;
	color: #939393;
}

footer>section .contenedor .legales>a:hover, footer>section .contenedor .legales>a:focus {
	color: #f6b332
}

@media only screen and (max-width:970px) {
	footer>section .contenedor .legales>a {
		display: block;
		margin: 10px;
		padding-top: 10px;
	}
}


footer>section .contenedor .legales .social {
	margin-top: 20px;
}

footer>section .contenedor .legales .social>li {
	*zoom: 1;
	float: left;
	clear: none;
	text-align: inherit;
	width: 33.33333333333333%;
	margin-left: 0%;
	margin-right: 0%;
	font-size: 1.667rem;
}

footer>section .contenedor .legales .social>li:before,
footer>section .contenedor .legales .social>li:after {
	content: '';
	display: table
}

footer>section .contenedor .legales .social>li:after {
	clear: both
}

footer>section .contenedor .legales .social>li a:hover, footer>section .contenedor .legales .social>li a:focus {
	color: #f6b332
}

/*Tamaño de la primera sección del footer*/
footer>section .contenedor .appyfaq {
	*zoom: 1;
	float: left;
	clear: none;
	text-align: inherit;
	width: 40%;
	margin-left: 0%;
	margin-right: 3%;
	padding-right: 20px;
	text-align: center;
	padding: 10px 0;
}

footer>section .contenedor .appyfaq:before,
footer>section .contenedor .appyfaq:after {
	content: '';
	display: table
}

footer>section .contenedor .appyfaq:after {
	clear: both
}

footer>section .contenedor .appyfaq:last-child {
	margin-right: 0%
}

.appyfaq .iconos_media a{ /*iconos de redes*/
	font-size: 24px;
	margin-right: 25px;
	color: #939393;
	text-decoration: none;
}

.appyfaq .iconos_media a:hover, .appyfaq .iconos_media a:focus{
	color: #f6b332;
	text-decoration: none;
}

@media only screen and (max-width: 992px){ /*Esto es para los iconos de redes*/
	.appyfaq .iconos_media{
		display: inline-block;
		margin-bottom: 20px;
	}
}

/*Sección de appstore footer*/
footer>section .contenedor .appyfaq .iosapp{
	display: block;
	float: left;
	clear: none;
	text-align: inherit;
	margin-left: 15px;
}

footer>section .contenedor .appyfaq .iosapp:before,
footer>section .contenedor .appyfaq .iosapp:after {
	content: '';
	display: table
}

footer>section .contenedor .appyfaq .iosapp a img{
	width: 120px;
	margin-top: 15px;
	margin-left: 30px;
	vertical-align: middle;
}


/*Sección de google play footer*/
footer>section .contenedor .appyfaq .androidapp{
	width: 100px;
	display: block;
	float: left;
	clear: none;
	text-align: center;
	margin-left: 30px;
}

footer>section .contenedor .appyfaq .androidapp a img{
	width: 120px;
	vertical-align: top;
	margin-top: 15px;
}

@media only screen and (max-width: 992px){ /*iconos de apps*/
	footer>section .contenedor .appyfaq .androidapp{
		margin-left: 30px;
	}

	footer>section .contenedor .appyfaq .iosapp a img, footer>section .contenedor .appyfaq .androidapp a img{
		margin-top: 0%;
	}
}

footer>section .contenedor .logos{
	float: right;
	clear: none;
	width: 33%;
	margin-left: 0%;
}

footer>section .contenedor .logos .logo_hola img{
	width: 200px;
	display: inline-block;
	margin-bottom: 13px;
}

footer>section .contenedor .logos img{
	width: 70px;
	margin-right: 20px;
}

@media only screen and (max-width: 992px){
	footer>section .contenedor .logos>img{
		width: 20%;
		padding-left: 30px;
		margin-top: 30px;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 440px){
	footer>section .contenedor .logos>img{
		width: 25%;
		padding-left: 0%;
		margin-top: 0px;
		margin-bottom: 20px;
		display: inline-block;
	}
}

@media only screen and (max-width:970px) {
	footer>section .contenedor .logos .logo_hola{
		width: 100%;
		display: inline;
	}

	footer>section .contenedor .appyfaq {
		display: flex;
		flex: wrap;
		*zoom: 1;
		float: none;
		clear: none;
		text-align: inherit;
		width: 100%;
		margin-left: 50px;
		margin-right: 0%;
		margin-bottom: 30px;
		padding-left: 25px;
		border-right: none;
	}
	footer>section .contenedor .appyfaq:before,
	footer>section .contenedor .appyfaq:after {
		content: '';
		display: table
	}
	footer>section .contenedor .appyfaq:after {
		clear: both
	}
}

@media only screen and (max-width:480px) {
	footer>section .contenedor .appyfaq {
		display: block;
		clear: both;
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding: 5px;
		text-align: center;
		margin-bottom: 15px
	}
	footer>section .contenedor .appyfaq:first-child {
		margin-left: auto
	}
	footer>section .contenedor .appyfaq:last-child {
		margin-right: auto
	}
}


@media only screen and (max-width:970px) {
	footer>section .contenedor .logos {
		display: block;
		*zoom: 1;
		float: left;
		clear: none;
		text-align: inherit;
		width: 100%;
		margin-left: 0%;
		margin-right: 0%;
		padding-left: 25px
	}
	footer>section .contenedor .logos:before,
	footer>section .contenedor .logos:after {
		content: '';
		display: table
	}
	footer>section .contenedor .logos:after {
		clear: both
	}
}

@media only screen and (max-width:480px) {
	footer>section .contenedor .logos {
		display: block;
		clear: both;
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto
	}

	footer>section .contenedor .logos:first-child {
		margin-left: auto
	}
	footer>section .contenedor .logos:last-child {
		margin-right: auto;
		margin-top: 30px;
	}
}

/*********************************************************************/
.interiores {
	position: relative;
	top: 0;
	left: 0;
	background-color: white;
}

@media only screen and (max-width:895px) {
	.interiores {
		padding-top: 0px
	}
}

.interiores header .banner_int {
	margin: 0;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
}

.interiores header .banner_int figcaption small {
	font-family: 'Raleway', helvetica, Arial, sans-serif;
	font-weight: 400;
	color: white;
	font-size: 1.188em;
	display: block;
	letter-spacing: .3em;
	padding-top: 2.632em;
}

@media only screen and (max-width:895px) {
	.interiores header .banner_int figcaption small {
		padding: 0;
		color: #fff
	}
}

.interiores header .banner_int figcaption>span {
	display: block;
	font-size: 4.125em;
	font-family: 'Raleway', helvetica, Arial, sans-serif;
	font-weight: 700;
	width: 50%;
}

@media only screen and (max-width:360px) {
	.interiores header .banner_int figcaption>span {
		font-size: 3.36em
	}
}

.interiores header .banner_int figcaption>span span {
	font-size: 1.091em
}

.interiores header .btn-general {
	padding: 10px;
	margin: 0;
	color: #f6b332;
  background: #036646;
	display: inline-block;
	vertical-align: middle;
}

.interiores header .btn-general:hover {
	color: #f6b332
}

@media only screen and (max-width:895px) {
	.interiores header .btn-general {
		margin: 1em auto
	}
}

.interiores header .btn-general>i {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 2em;
	margin-right: 15px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background-color: #036646;
	color: #f6b332;
	-webkit-transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out
}

.interiores header .btn-general:hover>i {
	color: #036646;
	background-color: #f6b332
}

.interiores h2 {
	display: block;
	background-color: #036646;
	color: #f6b332;
	font-size: 1.188em;
	padding: .8em;
	text-align: center;
	letter-spacing: .5em;
	font-weight: 300;
}

.interiores #text-prom1{
	color: white;
	font-family: TipografiaRamis-Rams;
	letter-spacing: 0.5px;
}


@media only screen and (max-width: 895px){
	.interiores #text-prom1{
		width: 100%;
		height: 200px;
	}

	.interiores h2{
		font-size: 30px;
		text-align: middle;
	}

}

@media only screen and (max-width:895px) {
	.interiores h2 {
		border-top: 1px solid #f6b332
	}
}

.interiores h2>i {
	display: inline-block;
	vertical-align: middle;
	margin-right: .5em
}

#smartbanner {
	position: fixed !important
}

/****mapa imagen edo*/
.interiores #imagen-mapa{
	width: 1000px;
	height: 600px;
	display: flex;
	transition:all 500ms ease;
	overflow: hidden;
	padding: 30px;
}

.interiores #imagen-mapa img{
	width: 100%;
	height: 100%;
	transition:all 500ms ease;
}

.interiores #imagen-mapa img:hover{
	transform: scale(1.4);
}

@media only screen and (max-width:500px){
	.interiores #imagen-mapa img{
		width: 300px;
	}
}

@media only screen and (max-width:992px){
	.interiores #imagen-mapa img{
		width: 500px;
	}
}

@-moz-keyframes entrar {
	to {
		top: 0;
		left: 10%;
		opacity: 1;
		-ms-filter: none;
		filter: none;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes entrar {
	to {
		top: 0;
		left: 10%;
		opacity: 1;
		-ms-filter: none;
		filter: none;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
}

@-o-keyframes entrar {
	to {
		top: 0;
		left: 10%;
		opacity: 1;
		-ms-filter: none;
		filter: none;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes entrar {
	to {
		top: 0;
		left: 10%;
		opacity: 1;
		-ms-filter: none;
		filter: none;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
}

@-moz-keyframes entrar2 {
	to {
		left: 6.2%;
		opacity: 1;
		-ms-filter: none;
		filter: none
	}
}

@-webkit-keyframes entrar2 {
	to {
		left: 6.2%;
		opacity: 1;
		-ms-filter: none;
		filter: none
	}
}

@-o-keyframes entrar2 {
	to {
		left: 6.2%;
		opacity: 1;
		-ms-filter: none;
		filter: none
	}
}

@keyframes entrar2 {
	to {
		left: 6.2%;
		opacity: 1;
		-ms-filter: none;
		filter: none
	}
}

/* ***************carousel*********/
.slider_prin {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto;
}

@media only screen and (min-width:1600px) {
	.slider_prin {
		max-height: 90vh;
		overflow: hidden
	}
}

@media only screen and (max-width:895px) {
	.slider_prin {
		padding-top: 82px
	}
}

@media only screen and (max-width:555px) {
	.slider_prin {
		background-color: #036646
	}
}

.slider_prin .slides {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
}

.slider_prin .slides.autoturismo {
	zoom: 1;
}

.slider_prin .slides.autoturismo:before,
.slider_prin .slides.autoturismo:after {
	content: "";
	display: table
}

.slider_prin .slides.autoturismo:after {
	clear: both
}

.slider_prin .slides.autoturismo #lg-autoTurismo {
	display: block;
	width: auto;
	position: absolute;
	top: 5%;
	left: 5%;
	z-index: 2;
}

@media only screen and (max-width:750px) {
	.slider_prin .slides.autoturismo #lg-autoTurismo {
		display: none
	}

	.navbar ul li.nav-item {
    border-width: 0px 0px 1px 0px;
    padding: 5%;
    text-align: center;
    font-size: large;
   }
}

.slider_prin .slides>article {
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
}

@media only screen and (max-width:555px) {
	.slider_prin .slides>article {
		font-size: .7em;
		position: relative;
		left: 0 !important;
		width: 100% !important;
		padding: 15px;
		background-color: #036646
	}
  .slider_prin {
    padding-top: 20px;
 }
 /*button.btn.ver-vid {
    padding-top: 14%;
 }*/
 .esp-mod iframe {
    width: 100%;
 }
 #exampleModal-home .modal-video{
  width: 100%;
  }
  .slides a.btn-general.btn-amarillo {
    position: absolute;
    top: 62px;
    width: 100%;
    left: 0;
   }

}

.slider_prin .slides>article p {
	font-size: 1.333em;
	line-height: 1.3em;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5)
}

.slider_prin .slides>article h3 {
	font-size: 4.267em;
	font-family: 'Raleway', helvetica, Arial, sans-serif;
	font-weight: 700;
	margin: 5px 0;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width:410px) {
	.slider_prin .slides>article h3 {
		font-size: 3.5em
	}
}

.slider_prin .slides>article .btn-general {
  margin: 30px 0 50px;
	padding: 15px 25px; /*ancho y largo del botón*/
	display: block;
	max-width: 400px;
}

.slider_prin .slides>article #bt-verde {
	margin: 180px 0 50px;
}

@media only screen and (max-width:615px) {
	.slider_prin .slides>article .btn-general {
		margin: 20px auto;
		padding: 10px
	}

	.slider_prin .slides>article #bt-verde {
		margin: 20px auto;
		padding: 10px
	}
}

.slider_prin .slides>article .btn-general>i {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 2em;
	margin-right: 15px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background-color: #f6b332;
	color: #036646;
	-webkit-transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out
}

.slider_prin .slides>article .btn-general>#iconbt2{
  background-color: #036646;
  color: #f6b332;
}

.slider_prin .slides>article .btn-general:hover>i {
	    color: #036646;
    background-color: #F7B500;
}

.slider_prin .slides>article .btn-general:hover>#iconbt2{
    color: #F7B500;
    background-color: #036646;
}

@media only screen and (max-width:555px) {
	.slider_prin .slides>article .btn-general {
		margin: 20px auto;
    top: 5px;
	}

	.slider_prin .slides>article #bt-verde {
		margin: 20px auto
	}
}

.slider_prin .slides>article.promo1 { 
	width: 55%;
	left: 15%;
	top: 42%; /*Posición del botón alto-bajo*/
	font-size: 1.13em;
	font-family: 'Raleway', helvetica, Arial, sans-serif;
	font-weight: 300;
	zoom: 1;
}

.slider_prin .slides>article.promo1:before,
.slider_prin .slides>article.promo1:after {
	content: "";
	display: table
}

.slider_prin .slides>article.promo1:after {
	clear: both
}

@media only screen and (max-width:1160px) {
	.slider_prin .slides>article.promo1 {
		font-size: 1em
	}
}

@media only screen and (max-width:970px) {
	.slider_prin .slides>article.promo1 {
		width: 70%
	}
}

@media only screen and (max-width:895px) {
	.slider_prin .slides>article.promo1 {
		width: 95%;
		left: 5%;
		top: 10%
	}
}

@media only screen and (max-width:895px) {
	.slider_prin .slides>article.promo1 {
		font-size: .8em
	}
}

.slider_prin .slides>article.promo1>div {
	width: 100%;
}

@media only screen and (max-width:1100px) {
	.slider_prin .slides>article.promo1>div {
		width: 70%
	}
}

.slider_prin .slides>article.promo1>div:nth-child(3) {
	width: 26%;
	border-left: 8px solid #f6b332;
	padding-left: 3%;
	padding-bottom: 10px;
}

@media only screen and (max-width:555px) {
	.slider_prin .slides>article.promo1>div:nth-child(3) {
		margin-top: 5px;
		padding: 5px 15px 0;
		border-left: none;
		text-align: center;
		border-top: 3px solid #f6b332;
		width: 100%
	}
}

.slider_prin .slides>article.promo1>div:nth-child(3) small {
	font-size: 1.333em
}

.slider_prin .slides>article.promo1>div:nth-child(3) h4 {
	font-size: 3.667em;
	font-family: 'Raleway', helvetica, Arial, sans-serif;
	font-weight: 700;
	margin: 10px 0;
}

@media only screen and (max-width:555px) {
	.slider_prin .slides>article.promo1>div:nth-child(3) h4 {
		display: inline-block;
		vertical-align: middle;
		margin: 5px 10px
	}
}

@media only screen and (max-width:555px) {
	.slider_prin .slides>article.promo1>div {
		float: none;
		margin: 0 auto;
		width: 100%
	}
}

.slider_prin .slides>article.promo2 {
	width: 55%;
	left: 11%;
	top: 20%; /*Posición del botón alto-bajo*/
	font-size: 1.13em;
	font-family: 'Raleway', helvetica, Arial, sans-serif;
	font-weight: 300;
	zoom: 1;
}

@media screen and (max-width: 440px){
  .slider_prin .slides>article.promo2{
    width: 97%;
    height: 110px;
  }
}

.slider_prin .slides>article.promo2:before,
.slider_prin .slides>article.promo2:after {
	content: "";
	display: table
}

.slider_prin .slides>article.promo2:after {
	clear: both
}

@media only screen and (max-width:895px) {
	.slider_prin .slides>article.promo2 {
		width: 95%;
		left: 5%;
		top: 10%
	}
}

.slider_prin .slides>article.promo2 h3 {
	width: 100%;
	margin: 10px 0;
	line-height: 1.2em;
}

@media only screen and (max-width:1024px) {
	.slider_prin .slides>article.promo2 h3 {
		font-size: 3.6em
	}
}

@media only screen and (max-width:800px) {
	.slider_prin .slides>article.promo2 h3 {
		line-height: 1em
	}
}

@media only screen and (max-width:555px) {
	.slider_prin .slides>article.promo2 h3 {
		width: 100%;
		line-height: 1em
	}
}

.slider_prin .slides>article.promo2 p>i {
	margin: 0 5px;
	display: inline-block;
	vertical-align: middle;
}

.slider_prin .slides>article.promo2 p>i.icon-visa {
	font-size: .8em
}

.slider_prin .slides>article.promo2 p>i.icon-mastercard {
	font-size: 1.3em
}

.slider_prin .slides>article.promo2 p>i.icon-amex {
	font-size: 1.8em
}

@media only screen and (max-width:1100px) {
	.slider_prin .slides>article.promo2 .contenedor {
		padding: 3%
	}
}

@media only screen and (max-width:800px) {
	.slider_prin .slides>article.promo2 .contenedor {
		padding: 0
	}
}

.slider_prin .slides>article.promo2 .contenedor>div {
	margin-top: 33vh;
}

.slider_prin .slides>article.promo2 .contenedor>div .btn-general {
	display: block;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	margin: 25px 0;
}

@media only screen and (max-width:1024px) {
	.slider_prin .slides>article.promo2 .contenedor>div .btn-general {
		margin: 15px 0
	}
}

@media only screen and (max-width:555px) {
	.slider_prin .slides>article.promo2 .contenedor>div .btn-general {
		margin: 10px auto
	}
}

@media only screen and (max-width:1100px) {
	.slider_prin .slides>article.promo2 .contenedor>div {
		margin-top: 50px
	}
}

@media only screen and (max-width:800px) {
	.slider_prin .slides>article.promo2 .contenedor>div {
		margin-top: 20px
	}
}

@media only screen and (max-width:555px) {
	.slider_prin .slides>article.promo2 .contenedor>div {
		width: 100%
	}
}

.slider_prin .slides>article.promo2 aside {
	width: 60%;
	padding: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width:555px) {
	.slider_prin .slides>article.promo2 aside {
		width: 100%
	}
}

.slider_prin .slides>article.promo2 aside p {
	font-size: .933em;
	letter-spacing: 2px
}

.slider_prin .slides>article.promo2 aside>i {
	font-size: 2.333em;
	display: inline-block;
	vertical-align: middle;
	margin: 10px 5px;
}

.slider_prin .slides>article.promo2 aside>i>span {
	display: none
}

.slider_prin .slides>article.promo3 {
	width: 100%;
	top: 5%;
	font-family: 'Raleway', helvetica, Arial, sans-serif;
	font-weight: 400;
}

@media only screen and (max-width:940px) {
	.slider_prin .slides>article.promo3 {
		font-size: .8em
	}
}

@media only screen and (max-width:412px) {
	.slider_prin .slides>article.promo3 {
		display: block;
		clear: both;
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto
	}
	.slider_prin .slides>article.promo3:first-child {
		margin-left: auto
	}
	.slider_prin .slides>article.promo3:last-child {
		margin-right: auto
	}
}

.slider_prin .slides>article.promo3 h3 {
	color: #406f91;
	width: 80%;
	font-size: 2em;
	margin: 15px auto;
	text-align: center;
	text-shadow: none;
}

@media only screen and (max-width:850px) {
	.slider_prin .slides>article.promo3 h3 {
		width: 100%;
		margin: 0 auto
	}
}

@media only screen and (max-width:555px) {
	.slider_prin .slides>article.promo3 h3 {
		color: #fff;
		font-size: 3em;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3)
	}
}

.slider_prin .slides>article.promo3 h3>b {
	font-size: 1.286em;
	font-family: 'Raleway', helvetica, Arial, sans-serif;
	font-weight: 700;
}

@media only screen and (max-width:360px) {
	.slider_prin .slides>article.promo3 h3>b {
		font-size: 1em
	}
}

.slider_prin .slides>article.promo3 .btn-autoturismo {
	widh: 80%;
	max-width: 270px;
	margin: 15px auto;
	color: #fff;
	font-family: 'Raleway', helvetica, Arial, sans-serif;
	font-weight: 700;
	background: #406f91;
}

@media only screen and (max-width:940px) {
	.slider_prin .slides>article.promo3 .btn-autoturismo {
		margin: 5px auto
	}
}

@media only screen and (max-width:555px) {
	.slider_prin .slides>article.promo3 .btn-autoturismo {
		margin: 20px auto;
		font-size: 1.3em
	}
}

.slider_prin .slides>article.promo3 .btn-autoturismo:hover {
	background: #f6b332
}

.slider_prin .slides>article.promo3 p {
	color: #406f91;
	text-shadow: none;
	font-size: 3em;
	text-align: center;
	width: 90%;
	margin: 15px auto;
}

@media only screen and (max-width:555px) {
	.slider_prin .slides>article.promo3 p {
		color: #fff;
		font-size: 3em;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3)
	}
}

.slider_prin .slides>article.promo3>ul {
	font-size: 1em;
	position: absolute;
	top: 100%;
	left: 40%;
	color: #406f91;
}

@media only screen and (max-width:600px) {
	.slider_prin .slides>article.promo3>ul {
		position: relative;
		top: 0;
		left: 0;
		text-align: center
	}
}

.slider_prin .slides>article.promo3>ul>li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
}

.slider_prin .slides>article.promo3>ul>li a:hover {
	color: #f6b332
}

@media only screen and (max-width:555px) {
	.slider_prin .slides>article.promo3>ul {
		font-size: 1.5em;
		color: #fff
	}
	.slider_prin .slides>article.promo3>ul>li {
		display: block;
		margin: 10px 0
	}
}

.slider_prin .slides>img {
	width: 100%;
	display: block
}

.slider_prin .slides a>img {
	width: 100%;
	display: block
}

.slider_prin .owl-controls {
	position: absolute;
	bottom: 70px;
	left: 0;
	width: 100%;
	text-align: center;
}

@media only screen and (max-width:970px) {
	.slider_prin .owl-controls {
		bottom: 0
	}
}

@media only screen and (max-width:555px) {
	.slider_prin .owl-controls {
		position: relative;
		height: 30px;
		background-color: #036646;
	}
}

.slider_prin .owl-controls .owl-pagination {
	position: relative;
	top: 52px;
	left: 0;
}

@media only screen and (max-width:970px) {
	.slider_prin .owl-controls .owl-pagination {
		top: 30px
	}
}

@media only screen and (max-width:555px) {
	.slider_prin .owl-controls .owl-pagination {
		top: 0
	}
}

.slider_prin .owl-controls .owl-pagination .owl-page {
	display: inline-block;
	vertical-align: middle;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	background-color: #b4b4b4;
	border: 1px solid #036646;
	margin-right: 15px;
	-webkit-transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
}

.slider_prin .owl-controls .owl-pagination .owl-page:last-child {
	margin-right: 0
}

.slider_prin .owl-controls .owl-pagination .owl-page:hover,
.slider_prin .owl-controls .owl-pagination .owl-page.active {
	background-color: #036646;
	border-color: #fff
}

.slider_prin .owl-controls .owl-buttons>div {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	background-color: rgba(0, 0, 0, 0.4);
	color: #fff;
	font-size: 16px;
	padding-top: 17px;
	-webkit-transform: translateY(-45vh);
	-moz-transform: translateY(-45vh);
	-o-transform: translateY(-45vh);
	-ms-transform: translateY(-45vh);
	transform: translateY(-20vh);
	-webkit-transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
}

@media only screen and (max-width:970px) {
	.slider_prin .owl-controls .owl-buttons>div {
		-webkit-transform: translateY(-200px);
		-moz-transform: translateY(-200px);
		-o-transform: translateY(-200px);
		-ms-transform: translateY(-200px);
		transform: translateY(-200px)
	}
}

@media only screen and (max-width:555px) {
	.slider_prin .owl-controls .owl-buttons>div {
		-webkit-transform: translateY(-520px);
		-moz-transform: translateY(-520px);
		-o-transform: translateY(-520px);
		-ms-transform: translateY(-520px);
		transform: translateY(-190px)
	}
}

.slider_prin .owl-controls .owl-buttons>div:hover {
	background-color: rgba(3, 102, 70, 0.4);
	color: #f6b332
}

.slider_prin .owl-controls .owl-buttons>div.owl-next {
	left: auto;
	position: absolute;
	top: 0;
	right: 0;
}

#destinos header .banner_int #dest-fondo {
	display: block;
	width: 100%;
	min-width: 895px;
}

@media only screen and (max-width:895px) {
	#destinos header .banner_int #dest-fondo {
		position: relative;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%)
	}
}

#destinos header .banner_int #dest-camion {
	position: absolute;
	top: 0;
	left: 0;
	opacity: .3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	height: 100%;
	z-index: 1;
	-webkit-transform: scale(.5);
	-moz-transform: scale(.5);
	-o-transform: scale(.5);
	-ms-transform: scale(.5);
	transform: scale(.5);
}

@media only screen and (min-width:895px) {
	#destinos header .banner_int #dest-camion {
		-webkit-animation: entrar .7s ease-out 0s forwards;
		-moz-animation: entrar .7s ease-out 0s forwards;
		-o-animation: entrar .7s ease-out 0s forwards;
		-ms-animation: entrar .7s ease-out 0s forwards;
		animation: entrar .7s ease-out 0s forwards
	}
}

@media only screen and (max-width:895px) {
	#destinos header .banner_int #dest-camion {
		opacity: 1;
		-ms-filter: none;
		filter: none;
		height: 226px;
		-webkit-transform: scale(1) translateX(-50%);
		-moz-transform: scale(1) translateX(-50%);
		-o-transform: scale(1) translateX(-50%);
		-ms-transform: scale(1) translateX(-50%);
		transform: scale(1) translateX(-50%);
		left: 50%
	}
}

#destinos header .banner_int>figcaption {
	position: absolute;
	top: 0;
	left: 54%;
	width: 50%;
	color: #fff;
	z-index: 2;
}

@media only screen and (max-width:895px) {
	#destinos header .banner_int>figcaption {
		position: relative;
		top: 0;
		left: 0;
		background-color: #036646;
		text-align: center;
		width: 100%;
		padding: 1em
	}
}

@media only screen and (max-width:1440px) {
	#destinos header .banner_int>figcaption>span {
		width: 100%;
		font-size: 3.125em
	}
}

@media only screen and (max-width:1440px) {
	#destinos header .banner_int>figcaption>span span {
		font-size: 1em
	}
}

#destinos #mapa {
	display: block;
	width: 100%;
	height: 80vh;
}

#destinos #mapa .gm-style-iw figure {
	margin: 0 auto 15px;
	border: 3px solid #f6b332;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	width: 100%;
	max-height: 200px;
	overflow: hidden;
}

#destinos #mapa .gm-style-iw figure img {
	display: block;
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	-webkit-transform: translateY(-10%);
	-moz-transform: translateY(-10%);
	-o-transform: translateY(-10%);
	-ms-transform: translateY(-10%);
	transform: translateY(-10%);
}

@media only screen and (max-width:440px) {
	#destinos #mapa .gm-style-iw figure img {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

#destinos #mapa .gm-style-iw p {
	font-size: 1rem;
	overflow: hidden
}

.touch #destinos #mapa {
	width: 85%;
	margin: auto;
	border: 2px solid #036646
}

/***********************INICIO DE LA SECCIÓN DE TERMINALES******************/
#terminales {
	background-color: #fff;
}

#terminales header .banner_int #term-fondo {
	display: block;
	width: 100%;
	min-width: 895px;
}

@media only screen and (max-width:895px) {
	#terminales header .banner_int #term-fondo {
		position: relative;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%)
	}
}

#terminales header .banner_int #term-foto {
	position: absolute;
	top: 0;
	left: -10%;
	opacity: .3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	height: 100%;
	z-index: 3;
}

@media only screen and (min-width:895px) {
	#terminales header .banner_int #term-foto {
		-webkit-animation: entrar2 .7s ease-out 0s forwards;
		-moz-animation: entrar2 .7s ease-out 0s forwards;
		-o-animation: entrar2 .7s ease-out 0s forwards;
		-ms-animation: entrar2 .7s ease-out 0s forwards;
		animation: entrar2 .7s ease-out 0s forwards
	}
}

@media only screen and (max-width:895px) {
	#terminales header .banner_int #term-foto {
		opacity: 1;
		-ms-filter: none;
		filter: none;
		height: 226px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%)
	}
}

#terminales header .banner_int>figcaption {
	position: absolute;
	top: 12%;
	left: 48%;
	width: 60%;
	color: #fff;
}

@media only screen and (max-width:895px) {
	#terminales header .banner_int>figcaption {
		position: relative;
		top: 0;
		left: 0;
		background-color: #036646;
		text-align: center;
		width: 100%;
		padding: 1em
	}
}

#terminales header .banner_int>figcaption>span {
	display: block;
	width: 90%;
	font-size: 35px;
}

@media only screen and (max-width:1024px) {
	#terminales header .banner_int>figcaption>span {
		font-size: 3em
	}
}

#terminales header .banner_int>figcaption>span span {
	display: block
}

#terminales header .banner_int>figcaption small {
	padding-top: 1em;
}

@media only screen and (max-width:1024px) {
	#terminales header .banner_int>figcaption small {
		padding-top: 0
	}
}

#terminales nav {
	position: relative;
	top: 0;
	left: 0;
}

#terminales nav ul {
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
	zoom: 1;
}

#terminales nav ul:before,
#terminales nav ul:after {
	content: "";
	display: table
}

#terminales nav ul:after {
	clear: both
}

#terminales nav ul>li {
	position: relative;
	top: 0;
	left: 0;
	*zoom: 1;
	float: left;
	clear: none;
	text-align: inherit;
	width: 33.33333333333333%;
	margin-left: 0%;
	margin-right: 0%;
}

/*#terminales nav ul #term-1{
	padding-left: 40px;
}*/

#terminales nav #secciones-ter{
	left: 15%; /*Centrar la sección de terminales y sucursales*/
}

#terminales nav ul>li:before,
#terminales nav ul>li:after {
	content: '';
	display: table
}

#terminales nav ul>li:after {
	clear: both
}

#terminales nav ul>li a figure {
	margin: 0;
	overflow: hidden;
	background-color: #444;
}

#terminales nav ul>li a figure img {
	display: block;
	width: 100%;
	/*-webkit-transition: all 0.75s ease-out;
	-moz-transition: all 0.75s ease-out;
	-o-transition: all 0.75s ease-out;
	-ms-transition: all 0.75s ease-out;
	transition: all 0.75s ease-out;*/
}

@media only screen and (max-width:680px) {
	#terminales nav ul>li a figure img {
		display: none
	}
}

#terminales nav ul>li a figure figcaption {
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: 80%;
	height: 100%;
	color: #036646;
	text-align: right;
	background-position: bottom right;
	background-repeat: no-repeat;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
}

@media only screen and (max-width:900px) {
	#terminales nav ul>li a figure figcaption {
		width: 100%
	}
}

@media only screen and (max-width:680px) {
	#terminales nav ul>li a figure figcaption {
		position: relative;
		top: 0;
		left: 0;
		height: 50px
	}
}

#terminales nav ul>li a figure figcaption>span {
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #fff;
	font-weight: 400;
	font-size: 1.125em;
}

@media only screen and (max-width:680px) {
	#terminales nav ul>li a figure figcaption>span {
		position: relative;
		top: 0;
		left: 0;
		text-align: center;
		display: block;
		line-height: 50px
	}
}

@media only screen and (max-width:680px) {
	#terminales nav ul>li a figure figcaption>span {
		font-size: 1em
	}
}

@media only screen and (max-width:360px) {
	#terminales nav ul>li a figure figcaption>span {
		font-size: .9em
	}
}

#terminales nav ul>li a figure figcaption>span>i {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	font-size: 1.4em;
}

@media only screen and (max-width:360px) {
	#terminales nav ul>li a figure figcaption>span>i {
		display: none
	}
}

/************************Esto es para evitar el zoom**************************/
/*#terminales nav ul>li a:hover figure img {
	-webkit-transform: scale(1.5) rotate(-3deg);
	-moz-transform: scale(1.5) rotate(-3deg);
	-o-transform: scale(1.5) rotate(-3deg);
	-ms-transform: scale(1.5) rotate(-3deg);
	transform: scale(1.5) rotate(-3deg);
	opacity: .7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70)
}*/

#terminales nav ul>li a[title="Terminales"] figure figcaption {
	background-image: url("../imagenes/img-servicios-pleca-verde1.svg");
}

@media only screen and (max-width:680px) {
	#terminales nav ul>li a[title="Terminales"] figure figcaption {
		background-image: none;
		background-color: #036646
	}
}

#terminales nav ul>li a[title="Agencias"] figure figcaption {
	background-image: url("../imagenes/img-servicios-pleca-amarilla.svg");
}

@media only screen and (max-width:680px) {
	#terminales nav ul>li a[title="Agencias"] figure figcaption {
		background-image: none;
		background-color: #f6b332
	}
}

#terminales nav ul>li a[title="Puntos de Venta"] figure figcaption {
	background-image: url("../imagenes/img-servicios-pleca-gris.svg");
}

@media only screen and (max-width:680px) {
	#terminales nav ul>li a[title="Puntos de Venta"] figure figcaption {
		background-image: none;
		background-color: #696969
	}
}

/*******************************Secciones del listado de terminales****************/
#terminales .int-terminales {
	position: relative;
	top: 0;
	left: 0;
	margin-bottom: 80px;
	border: 3px solid transparent;
	background-color: #f5f5f5;
	-webkit-transition: all 0.45s ease-out;
	-moz-transition: all 0.45s ease-out;
	-o-transition: all 0.45s ease-out;
	-ms-transition: all 0.45s ease-out;
	transition: all 0.45s ease-out;
	zoom: 1;
}

#terminales .int-terminales:before,
#terminales .int-terminales:after {
	content: "";
	display: table
}

#terminales .int-terminales:after {
	clear: both
}

#terminales .int-terminales>div {
	position: relative;
	top: 0;
	left: 0;
	*zoom: 1;
	float: left;
	clear: none;
	text-align: inherit;
	width: 50%;
	margin-left: 0%;
	margin-right: 0%;
}

#terminales .int-terminales>div:before,
#terminales .int-terminales>div:after {
	content: '';
	display: table
}

#terminales .int-terminales>div:after {
	clear: both
}

#terminales .int-terminales>div.term-datos {
	padding: 20px 40px;
}

@media only screen and (max-width:900px) {
	#terminales .int-terminales>div.term-datos {
		padding: 10px
	}
}

@media only screen and (max-width:670px) {
	#terminales .int-terminales>div.term-datos {
		*zoom: 1;
		float: left;
		clear: none;
		text-align: inherit;
		width: 33.33333333333333%;
		margin-left: 0%;
		margin-right: 0%
	}
	#terminales .int-terminales>div.term-datos:before,
	#terminales .int-terminales>div.term-datos:after {
		content: '';
		display: table
	}
	#terminales .int-terminales>div.term-datos:after {
		clear: both
	}
}

#terminales .int-terminales>div.term-datos>p { /*parrafo de seleccionar opción*/
	font-size: 1.22em;
	font-weight: 700;
	color: #036646;
	padding: .6em;
	border-bottom: 2px solid #036646
}

@media only screen and (max-width:570px) {
	#terminales .int-terminales>div.term-datos>ul {
		text-align: left
	}
}

#terminales .int-terminales>div.term-datos>ul li {
	padding: 10px 25px;
	font-size: 14px;
	position: relative;
	top: 0;
	left: 0;
}

#terminales .int-terminales>div.term-datos .tabla ul li{
	padding: 10px;
	float: left;
	clear: none;
	width: 25%;
}

#terminales .int-terminales>div.term-datos .tabla ul li:last-child{
	width: 70%;
	line-height: 25px;
}

#terminales .int-terminales>div.term-datos>ul li>span.mob-est {
	display: none
}

@media only screen and (max-width:570px) {
	#terminales .int-terminales>div.term-datos>ul li>span.mob-est {
		display: inline
	}
	#terminales .int-terminales>div.term-datos>ul li>span.dsk-est {
		display: none
	}
}

@media only screen and (max-width:900px) {
	#terminales .int-terminales>div.term-datos>ul li {
		padding: 8px 20px
	}
}

@media only screen and (max-width:570px) {
	#terminales .int-terminales>div.term-datos .tabla ul li:first-child{
		background: #444;
		width: 100%;
	}

	#terminales .int-terminales>div.term-datos .tabla ul li {
		display: inline-block;
		vertical-align: top;
		width: 100%;
		margin: 0;
		text-align: center;
	}

	#terminales .int-terminales>div.term-datos .tabla ul li:last-child{
		width: 100%;
	}

}

@media only screen and (max-width:570px) {
	#terminales .int-terminales>div.term-datos>ul li:before {
		display: none
	}
}

@media only screen and (max-width:480px) {
	#terminales .int-terminales>div.term-datos>ul li {
		padding: 10px 5px
	}
}


#terminales .int-terminales>div.term-datos>ul li:hover:before,
#terminales .int-terminales>div.term-datos>ul li.seleccionado:before {
	opacity: 1;
	-ms-filter: none;
	filter: none;
	left: 0
}

@media only screen and (max-width:570px) {
	#terminales .int-terminales>div.term-datos>ul#term-guer>li {
		min-height: 54px
	}
}

@media only screen and (max-width:670px) and (max-width:570px) {
	#terminales .int-terminales>div.term-datos {
		display: block;
		clear: both;
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto
	}
	#terminales .int-terminales>div.term-datos:first-child {
		margin-left: auto
	}
	#terminales .int-terminales>div.term-datos:last-child {
		margin-right: auto
	}
}

#terminales .int-terminales>div.otras-term {
	padding: 3%;
	display: block;
	clear: both;
	float: none;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#terminales .int-terminales>div.otras-term:first-child {
	margin-left: auto
}

#terminales .int-terminales>div.otras-term:last-child {
	margin-right: auto
}

#terminales .int-terminales>div #mapa2 {
	height: 350px
}

#terminales .int-terminales>div .foto_terminal {
	margin: 0;
}

#terminales .int-terminales>div .foto_terminal img {
	display: block;
	width: 100%
}

#terminales .int-terminales h3 {
	font-size: 1.5em;
	margin-bottom: 10px
}

#terminales .int-terminales .tabla {
	margin-top: 20px;
	width: 100%;
}

#terminales .int-terminales .tabla ul {
	zoom: 1;
	width: 100%;
	border: 1px solid #444;
	border-top: none;
	background-color: #fff;
}

#terminales .int-terminales .tabla ul:before,
#terminales .int-terminales .tabla ul:after {
	content: "";
	display: table
}

#terminales .int-terminales .tabla ul:after {
	clear: both
}

#terminales .int-terminales .tabla ul:first-child {
	border-top: 1px solid #444
}

#terminales .int-terminales .tabla ul:nth-child(odd) {
	background-color: #fdfdfd
}

@media only screen and (max-width:605px) {
	#terminales .int-terminales .tabla ul {
		border: 1px solid #444;
		border-bottom: none;
		background-color: #fdfdfd
	}
	#terminales .int-terminales .tabla ul:last-child {
		border-bottom: 1px solid #444
	}
}

#terminales .int-terminales .tabla ul li {
	padding: 10px;
	*zoom: 1;
	float: left;
	clear: none;
	text-align: inherit;
	width: 25%;
	margin-left: 0%;
	margin-right: 0%;
}

#terminales .int-terminales .tabla ul li:before,
#terminales .int-terminales .tabla ul li:after {
	content: '';
	display: table
}

#terminales .int-terminales .tabla ul li:after {
	clear: both
}

#terminales .int-terminales .tabla ul li:last-child {
	*zoom: 1;
	float: left;
	clear: none;
	text-align: inherit;
	width: 50%;
	margin-left: 0%;
	margin-right: 0%;
}

#terminales .int-terminales .tabla ul li:last-child:before,
#terminales .int-terminales .tabla ul li:last-child:after {
	content: '';
	display: table
}

#terminales .int-terminales .tabla ul li:last-child:after {
	clear: both
}

@media only screen and (max-width:605px) {
	#terminales .int-terminales .tabla ul li:last-child {
		display: block;
		clear: both;
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto
	}
	#terminales .int-terminales .tabla ul li:last-child:first-child {
		margin-left: auto
	}
	#terminales .int-terminales .tabla ul li:last-child:last-child {
		margin-right: auto
	}
}

@media only screen and (max-width:605px) {
	#terminales .int-terminales .tabla ul li {
		display: block;
		clear: both;
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto
	}
	#terminales .int-terminales .tabla ul li:first-child {
		margin-left: auto
	}
	#terminales .int-terminales .tabla ul li:last-child {
		margin-right: auto
	}
	#terminales .int-terminales .tabla ul li:first-child {
		color: #fff
	}
}

#terminales .int-terminales#ver-terminales {
	border-color: #036646;
}

#terminales .int-terminales#ver-terminales h3 {
	color: #036646;
	margin: 20px 0 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f5f5f5;
	cursor: pointer;
	-webkit-transition: all 0.45s ease-out;
	-moz-transition: all 0.45s ease-out;
	-o-transition: all 0.45s ease-out;
	-ms-transition: all 0.45s ease-out;
    transition: all 0.45s ease-out;
    font-size: 18px;
}

#terminales .int-terminales#ver-terminales h3>i {
	font-size: .5em;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	-webkit-transition: all 0.55s ease-out;
	-moz-transition: all 0.55s ease-out;
	-o-transition: all 0.55s ease-out;
	-ms-transition: all 0.55s ease-out;
	transition: all 0.55s ease-out
}

#terminales .int-terminales#ver-terminales h3:hover {
	color: #f6b332;
}

#terminales .int-terminales#ver-terminales h3:hover>i {
	-webkit-transform: translateX(4px);
	-moz-transform: translateX(4px);
	-o-transform: translateX(4px);
	-ms-transform: translateX(4px);
	transform: translateX(4px);
	color: #f6b332
}

#terminales .int-terminales#ver-terminales .term-col { /*Esto es para el tamaño de la tabla*/
	*zoom: 1;
	float: left;
	clear: none;
	text-align: inherit;
	width: 90%;
	margin-left: 0%;
	margin-right: 3%;
}

#terminales .int-terminales#ver-terminales .term-col:before,
#terminales .int-terminales#ver-terminales .term-col:after {
	content: '';
	display: table
}

#terminales .int-terminales#ver-terminales .term-col:after {
	clear: both
}

#terminales .int-terminales#ver-terminales .term-col:last-child {
	margin-right: 0%
}

@media only screen and (max-width:450px) {
	#terminales .int-terminales#ver-terminales .term-col {
		display: block;
		clear: both;
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto
	}
	#terminales .int-terminales#ver-terminales .term-col:first-child {
		margin-left: auto
	}
	#terminales .int-terminales#ver-terminales .term-col:last-child {
		margin-right: auto
	}
}		

#terminales .int-terminales#ver-ptsventa {
	display: none;
	border-color: #696969;
}

#terminales .int-terminales#ver-ptsventa h3 {
	color: #696969
}

@media only screen and (max-width:605px) {
	#terminales .int-terminales#ver-ptsventa .tabla ul li:first-child {
		background-color: #444
	}
}

#terminales .int-terminales#ver-agencias,
#terminales .int-terminales#ver-ptsventa {
	padding: 3%
}

#servicios {
	background-color: #fff;
}

#promociones header .banner_int #serv-fondo {
	display: block;
	width: 100%;
	min-width: 895px;
}

#promociones header .banner_int #serv-fondo2{
	display: none;
}

@media only screen and (max-width:895px) {
	#promociones header .banner_int #serv-fondo {
		display: none;
	}

	#promociones header .banner_int #serv-fondo2{
		display: block;
		width: 100%;
		min-width: 380px;
	}
}

@media only screen and (max-width:395px){
	#promociones header .banner_int #serv-fondo2{
		display: block;
		width: 100%;
		min-width: 320px;
	}
}

#servicios header .banner_int #serv-foto {
	position: absolute;
	top: 0;
	left: -10%;
	opacity: .3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	height: 100%;
	z-index: 3;
}

@media only screen and (min-width:895px) {
	#servicios header .banner_int #serv-foto {
		-webkit-animation: entrar .7s ease-out 0s forwards;
		-moz-animation: entrar .7s ease-out 0s forwards;
		-o-animation: entrar .7s ease-out 0s forwards;
		-ms-animation: entrar .7s ease-out 0s forwards;
		animation: entrar .7s ease-out 0s forwards
	}
}

@media only screen and (max-width:895px) {
	#servicios header .banner_int #serv-foto {
		height: 226px;
		opacity: 1;
		-ms-filter: none;
		filter: none;
		left: 4.65%
	}
}

#servicios header .banner_int>figcaption {
	position: absolute;
	top: 18%;
	left: 48%;
	width: 60%;
	color: #fff;
}

@media only screen and (max-width:1220px) {
	#servicios header .banner_int>figcaption {
		top: 2%
	}
}

@media only screen and (max-width:895px) {
	#servicios header .banner_int>figcaption {
		position: relative;
		top: 0;
		left: 0;
		background-color: #036646;
		text-align: center;
		width: 100%;
		padding: 1em
	}
}

#servicios header .banner_int>figcaption>span {
	display: block;
	width: 100%;
	font-size: 35px;
	margin-bottom: 10px;
}

@media only screen and (max-width:1024px) {
	#servicios header .banner_int>figcaption>span {
		font-size: 3.89em
	}
}

@media only screen and (max-width:416px) {
	#servicios header .banner_int>figcaption>span {
		font-size: 3.3em
	}
}

#servicios header .banner_int>figcaption>span span {
	display: block
}

#servicios header .banner_int>figcaption small {
	padding-top: 1em
}

.nuestros_servicios {
	margin: 2.8em 0;
}

.nuestros_servicios>h2 {
	font-size: 3.6em;
	color: #7c7c7c;
	text-align: center;
	margin: 1.3em 0 20px;
	font-family: 'Raleway', helvetica, Arial, sans-serif;
	font-weight: 700
}

.nuestros_servicios>.icon-bus {
	font-size: 1.8em;
	margin-bottom: 15px;
	color: #7c7c7c;
	display: block;
	width: 100%;
	text-align: center
}

.nuestros_servicios>p {
	*zoom: 1;
	width: auto;
	max-width: 460px;
	float: none;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-left: 0;
	padding-right: 0;
	font-weight: 300;
	font-size: 1.2em;
	text-align: center;
  color: #444;
}

.nuestros_servicios>p:before,
.nuestros_servicios>p:after {
	content: '';
	display: table
}

.nuestros_servicios>p:after {
	clear: both
}
/********************************************************/
.interiores .boleto-pro{
	width: 90%;
	margin-bottom: 30px;
}

.interiores .seccion-pro{
	display: inline-block;
	padding: 0 20px;
	margin-bottom: 40px;
}

.interiores .seccion-pro:hover{
	color: #006548;
}

.interiores .seccion-pro .descuento1{
	font-family: TipografiaRamis-RamsBlack;
	font-size: 17px;
}

.interiores .seccion-pro .descuento2{
	font-family: TipografiaRamis-Rams;
	font-size: 15px;
	color: black;
}

.interiores .cinta-pro{
	background: #f6b332;
}

.interiores .cinta-pro .imagen-cinta{
	display: inline-block;
}

.interiores .cinta-pro .imagen-cinta img{
	width: 300px;
}

/*********************************************************/
.interiores .marcas{
	background: #fafafa;
	width: 90%;
	margin-bottom: 30px;
}

.interiores .op{
	display: inline-block;
	width: 300px;
	height: 150px;
	padding: 0 20px;
	margin-bottom: 40px;
	margin-top: 40px;
}

.interiores .op a .logo_marca{
	background: white;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
	width: 100%;
	height: 100%;
	padding: 20px;
}

.interiores .op a .logo_marca img{
	width:100%;
	vertical-align: middle;
}

/***********************diamante****************************/
.diamante .text-edo img{
	width: 200px;
}

.diamante{
	margin-bottom: 50px;
}

.text-galgos img, .text-diamante img, .text-edo img{
	width: 250px;
}

.diamante #edo1{
	margin-top: 10px;
}

.diamante .datos-diamante{
	padding: 0 50px;
	vertical-align: middle;
	float: left;
	width: 55%;
}

.diamante .datos-diamante #descripcion{
	font-size: 18px;
	font-family: 'oxygen', Arial, Helvetica, sans-serif;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

#lista-diama{
	margin-bottom: 300px;
}

#lista-pluss{
	margin-bottom: 200px;
}

@media only screen and (max-width:992px){
	#lista-pluss{
		margin-bottom: 300px;
	}

	#lista-diama{
		margin-bottom: 450px;
	}
}

.diamante .datos-diamante .list{
	margin-bottom: 12px;
	margin-left: 16px;
  display: flex;
    justify-content: flex-start;
    align-items: center;
}

.diamante .datos-diamante .list .list_p{
	font-size: 14px;
	font-family: 'oxygen', Arial, Helvetica, sans-serif;
	line-height: 22px;
	color: #32414a;
	font-weight: 400;
	letter-spacing: 1px;
	display: inline-block;
}

.diamante .img-diamante img{
	width: 45%;
	vertical-align: middle;
}

.diamante .datos-diamante .list img{
	display: inline-block;
	margin-right: 10px;
	width: 25px;
	margin-left: 2px;
}

@media (max-width: 500px) and (min-width: 200px){
	.diamante .datos-diamante .list{
		margin-left: 13px;
		font-size: 12px;
		margin-bottom: 13px;
	}

	.diamante .datos-diamante{
		width: 100%;
	}

	.diamante{
		display: block;
	}

	#lista-pluss, #lista-diama{
		margin-bottom: 50px;
	}
}

/***************Breadcrumbs*************/

.breadcrumb{
	margin-left: 15.5%;
	padding: 0;
	font-size: 18px;
	background: transparent;
}

.breadcrumb li{
	display: inline;
	font-family: 'oxygen', Arial, Helvetica, sans-serif;
	color: #b5b5bb;
	background: transparent;
}

.breadcrumb li a{
	color: #036646;
	text-decoration: none;
	font-family: 'oxygen', Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.breadcrumb li a:hover{
	color: #f6b332;
}

.breadcrumb li+li::before{
	padding: 5px;
	color: #036646;
	font-weight: bold;
	content: ">";
}

/****************************************************/
.contenedor #correo{
	color: #036646;
	font-weight: 700;
}

#bolsa,
#faq {
	background-color: #fff;
}

#bolsa header .banner_int #bolsa-fondo,
#faq header .banner_int #bolsa-fondo {
	display: block;
	width: 100%;
	min-width: 895px;
}

@media only screen and (max-width:895px) {
	#bolsa header .banner_int #bolsa-fondo,
	#faq header .banner_int #bolsa-fondo {
		position: relative;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%)
	}
}

#bolsa header .banner_int #bolsa-foto,
#faq header .banner_int #bolsa-foto {
	position: absolute;
	top: 0;
	left: -10%;
	opacity: .3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	height: 100%;
	z-index: 3;
}

@media only screen and (min-width:895px) {
	#bolsa header .banner_int #bolsa-foto,
	#faq header .banner_int #bolsa-foto {
		-webkit-animation: entrar .7s ease-out 0s forwards;
		-moz-animation: entrar .7s ease-out 0s forwards;
		-o-animation: entrar .7s ease-out 0s forwards;
		-ms-animation: entrar .7s ease-out 0s forwards;
		animation: entrar .7s ease-out 0s forwards
	}
}

@media only screen and (max-width:895px) {
	#bolsa header .banner_int #bolsa-foto,
	#faq header .banner_int #bolsa-foto {
		height: 226px;
		opacity: 1;
		-ms-filter: none;
		filter: none;
		left: 4.65%
	}
}

#bolsa header .banner_int>figcaption,
#faq header .banner_int>figcaption {
	position: absolute;
	top: 18%;
	left: 48%;
	width: 60%;
	color: #fff;
}

@media only screen and (max-width:1220px) {
	#bolsa header .banner_int>figcaption,
	#faq header .banner_int>figcaption {
		top: 2%
	}
}

@media only screen and (max-width:895px) {
	#bolsa header .banner_int>figcaption,
	#faq header .banner_int>figcaption {
		position: relative;
		top: 0;
		left: 0;
		background-color: #036646;
		text-align: center;
		width: 100%;
		padding: 1em
	}
}

#bolsa header .banner_int>figcaption>span,
#faq header .banner_int>figcaption>span {
	display: block;
	width: 100%;
	margin-top: 10px;
}

@media only screen and (max-width:1024px) {
	#bolsa header .banner_int>figcaption>span,
	#faq header .banner_int>figcaption>span {
		font-size: 3.89em
	}
}

@media only screen and (max-width:416px) {
	#bolsa header .banner_int>figcaption>span,
	#faq header .banner_int>figcaption>span {
		font-size: 3.3em
	}
}

#bolsa header .banner_int>figcaption>span span,
#faq header .banner_int>figcaption>span span {
	display: block
}

#bolsa header .banner_int>figcaption small,
#faq header .banner_int>figcaption small {
	padding-top: 1em
}

#bolsa>div,
#faq>div {
	margin-bottom: 60px;
	padding: 3%;
}

#bolsa>div h3,
#faq>div h3 {
	font-family: 'Raleway', helvetica, Arial, sans-serif;
	font-weight: 700;
	color: #036646;
	margin: 1em 0;
	font-size: 1.54em
}

#bolsa>div p,
#faq>div p {
	font-size: 1.23em;
	padding-bottom: 1em;
  color: #444;
}

#bolsa>div p a,
#faq>div p a {
	color: #036646;
	font-family: 'Raleway', helvetica, Arial, sans-serif;
	font-weight: 700;
}

#bolsa>div p a:hover,
#faq>div p a:hover {
	color: #f6b332
}

#bolsa>div .faqs li,
#faq>div .faqs li {
	position: relative;
	top: 0;
	left: 0;
	border-bottom: 2px groove #f5f5f5;
	padding: 0 15px;
}

#bolsa>div .faqs li:before,
#faq>div .faqs li:before {
	content: '';
	position: absolute;
	top: 15px;
	left: 0;
	display: block;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 5px;
	height: 5px;
	background-color: #036646;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out
}

#bolsa>div .faqs li:after,
#faq>div .faqs li:after {
	content: '\f107';
	font-family: 'icomoon';
	position: absolute;
	top: 15px;
	right: 10px;
	display: block;
	color: #036646;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out
}

#bolsa>div .faqs li:hover h3,
#faq>div .faqs li:hover h3 {
	color: #f6b332
}

#bolsa>div .faqs li:hover:after,
#faq>div .faqs li:hover:after {
	color: #f6b332
}

#bolsa>div .faqs li:hover:before,
#faq>div .faqs li:hover:before {
	background-color: #f6b332
}

#bolsa>div .faqs li p,
#faq>div .faqs li p {
	display: none;
	line-height: 1.3em
}

#bolsa>div .faqs li h3,
#faq>div .faqs li h3 {
	cursor: pointer;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out
}

#mapasitio {
	background-color: #fff;
}

#mapasitio .contenedor {
	min-height: 60vh;
}

#mapasitio .contenedor>ul {
	width: 100%;
	max-width: 700px;
	margin: 50px auto;
}

#mapasitio .contenedor>ul li {
	position: relative;
	top: 0;
	left: 0;
	font-size: 1.35em;
	border-bottom: 2px groove #f5f5f5;
}

#mapasitio .contenedor>ul li a {
	padding: 15px;
	display: block;
}

#mapasitio .contenedor>ul li a:hover {
	background-color: #036646;
	color: #f6b332
}

#mapasitio .contenedor>ul li a .icon-flecha-adelante {
	position: absolute;
	top: 15px;
	right: 15px;
}

/************************************************/

.tabla{
	border: 1px solid grey;
	margin-bottom: 15px;
}

.tabla tr th{
	font-weight: bold;
	font-size: 14px;
	padding: 10px;
	text-align: center;
	border: 1px solid grey;
}

.tabla tr td{
	font-size: 14px;
	padding: 10px;
	text-align: center;
	border: 1px solid grey;
}

/****************terminos y condiciones*****************/
#legales .titulo-term{
	font-size: 25px;
	color: #036646;
	font-family: 'TipografiaRamis-RamsBlack';
}

#legales .subtitulo-term{
	font-size: 20px;
	font-family: 'TipografiaRamis-Rams';
	color: #036646
}

#legales .titulo2-term{
	font-size: 20px;
	font-family: 'TipografiaRamis-RamsBlack';
	color: #036646;
}

#legales .texto-term, #legales .texto-term b{
	color: #333;
	font-size: 16px;
	font-family: 'TipografiaRamis-Rams';
	line-height: 20px;
}

#legales ul li, #legales ul li b {
	color: #333;
	font-size: 16px;
	font-family: 'TipografiaRamis-Rams';
	line-height: 23px;
	margin-left: 20px;
}

#legales .tabla-mov{
	display: none;
}

@media only screen and (max-width:440px){
	#legales .tabla-rutas{
		display: none;
	}

	#legales .tabla-mov{
		display: block;
	}
}

/*Comunicado*/

/****************terminos y condiciones*****************/
#comunicado .titulo-term{
	font-size: 25px;
	color: #036646;
	font-family: 'TipografiaRamis-RamsBlack';
}

#comunicado .subtitulo-term{
	font-size: 20px;
	font-family: 'TipografiaRamis-Rams';
	color: #036646
}

#comunicado .titulo2-term{
	font-size: 20px;
	font-family: 'TipografiaRamis-RamsBlack';
	color: #036646;
}

#comunicado .texto-term, #comunicado .texto-term b{
	color: #333;
	font-size: 16px;
	font-family: 'TipografiaRamis-Rams';
	line-height: 20px;
}

#comunicado ul li, #comunicado ul li b {
	color: #333;
	font-size: 16px;
	font-family: 'TipografiaRamis-Rams';
	line-height: 23px;
	margin-left: 20px;
}

#comunicado .tabla-mov{
	display: none;
}
#comunicado img{
  display: flex;
  width: 60%;
  margin: 20px auto;
}

@media only screen and (max-width:440px){
	#comunicado .tabla-rutas{
		display: none;
	}

	#comunicado .tabla-mov{
		display: block;
	}
  #comunicado img{
    width: 100%;
  }
}
/****************legales*************************/
#legales{
	text-align: justify;
}

#legales .contenedor{
	padding: 20px;
	text-align: justify;
}

#legales .text-aviso{
	font-size: 16px;
	font-family: 'TipografiaRamis-Rams';
	text-align: justify;
	line-height: 20px;
	color: #333;
}

#legales ol {
	text-align: justify;
	text-decoration: none;
}

#legales ol li{
	color: #036646;
	font-family: 'TipografiaRamis-RamsBlack';
	font-size: 20px;
	vertical-align: middle;
}

#legales ol li h4{
	font-size: 20px;
	font-family: 'TipografiaRamis-RamsBlack';
	color: #036646;
}

#legales .listado2{
	text-align: justify;
	text-decoration: none;
}

#legales ol li ul li{
	list-style:circle;
	font-size: 16px;
	font-family: 'TipografiaRamis-Rams';
	text-align: justify;
	line-height: 23px;
	color: #333;
	margin-left: 20px;
}

#legales ol li #listado2 li{
	list-style-type: upper-roman;
}

/*********************************************/

#conocenos {
	background-color: #fff;
}

#conocenos header .banner_int #conoc-fondo {
	display: block;
	width: 100%;
	min-width: 895px;
}

@media only screen and (max-width:895px) {
	#conocenos header .banner_int #conoc-fondo {
		position: relative;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%)
	}
}

#conocenos header .banner_int #conoc-img {
	position: absolute;
	top: 20%;
	left: -10%;
	-webkit-transform: translateX(35%);
	-moz-transform: translateX(35%);
	-o-transform: translateX(35%);
	-ms-transform: translateX(35%);
	transform: translateX(35%);
	opacity: .3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	z-index: 3;
}

@media only screen and (min-width:895px) {
	#conocenos header .banner_int #conoc-img {
		-webkit-animation: entrar2 .7s ease-out 0s forwards;
		-moz-animation: entrar2 .7s ease-out 0s forwards;
		-o-animation: entrar2 .7s ease-out 0s forwards;
		-ms-animation: entrar2 .7s ease-out 0s forwards;
		animation: entrar2 .7s ease-out 0s forwards
	}
}

@media only screen and (max-width:1520px) {
	#conocenos header .banner_int #conoc-img {
		-webkit-transform: translateX(15%);
		-moz-transform: translateX(15%);
		-o-transform: translateX(15%);
		-ms-transform: translateX(15%);
		transform: translateX(15%)
	}
}

@media only screen and (max-width:1160px) {
	#conocenos header .banner_int #conoc-img {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

@media only screen and (max-width:1024px) {
	#conocenos header .banner_int #conoc-img {
		width: 380px
	}
}

@media only screen and (max-width:895px) {
	#conocenos header .banner_int #conoc-img {
		opacity: 1;
		-ms-filter: none;
		filter: none;
		left: 4.65%;
		top: 0;
		left: 0;
		max-width: 100%
	}
}

#conocenos header .banner_int>figcaption {
	position: absolute;
	top: 5%;
	left: 48%;
	width: 60%;
	color: #fff;
}

@media only screen and (max-width:1220px) {
	#conocenos header .banner_int>figcaption {
		top: 2%
	}
}

@media only screen and (max-width:895px) {
	#conocenos header .banner_int>figcaption {
		position: relative;
		top: 0;
		left: 0;
		background-color: #036646;
		text-align: center;
		width: 100%;
		padding: 1em
	}
}

#conocenos header .banner_int>figcaption>span {
	display: block;
	width: 100%;
	font-size: 35px;
	margin-bottom: 10px;
}

@media only screen and (max-width:1024px) {
	#conocenos header .banner_int>figcaption>span {
		font-size: 3.89em
	}
}

@media only screen and (max-width:416px) {
	#conocenos header .banner_int>figcaption>span {
		font-size: 3.3em
	}
}

#conocenos header .banner_int>figcaption>span span {
	display: block
}

#conocenos header .banner_int>figcaption small {
	padding-top: 1em;
	color: white;
}

#conocenos .historia {
	position: relative;
	top: 0;
	left: 0;
	margin: 50px auto 25px;
}

#conocenos .historia>div {
	border: 2px solid #036646;
	text-align: center;
}

#conocenos .historia>div .owl-item>div {
	padding: 1.5em
}

#conocenos .historia>div h3 {
	font-size: 2.813em;
	margin: 15px;
	font-family: 'Raleway', helvetica, Arial, sans-serif;
	font-weight: 700
}

#conocenos .historia>div p {
	font-size: 1.5em;
	max-width: 450px;
	margin: auto;
  color: #444;
}

#conocenos .historia>div.owl-controls {
	border: none;
}

#conocenos .historia>div.owl-controls .owl-pagination {
	height: 15px;
	width: 80%;
	margin: auto;
	padding-top: 15px;
	zoom: 1;
}

#conocenos .historia>div.owl-controls .owl-pagination:before,
#conocenos .historia>div.owl-controls .owl-pagination:after {
	content: "";
	display: table
}

#conocenos .historia>div.owl-controls .owl-pagination:after {
	clear: both
}

#conocenos .historia>div.owl-controls .owl-pagination .owl-page {
	*zoom: 1;
	float: left;
	clear: none;
	text-align: inherit;
	width: 12.5%;
	margin-left: 0%;
	margin-right: 0%;
	text-align: center;
}

#conocenos .historia>div.owl-controls .owl-pagination .owl-page:before,
#conocenos .historia>div.owl-controls .owl-pagination .owl-page:after {
	content: '';
	display: table
}

#conocenos .historia>div.owl-controls .owl-pagination .owl-page:after {
	clear: both
}

#conocenos .historia>div.owl-controls .owl-pagination .owl-page>span {
	display: inline-block;
	vertical-align: middle;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	background-color: #f5f5f5;
	border: 1px solid #036646
}

#conocenos .historia>div.owl-controls .owl-pagination .owl-page.active>span {
	background-color: #036646
}

#conocenos #anios {
	display: block;
	width: 100%;
	margin-bottom: 70px;
}

#conocenos #anios ul {
	width: 80%;
	height: 15px;
	position: relative;
	top: 0;
	left: 0;
	margin: 15px auto;
	text-align: center;
}

#conocenos #anios ul>li {
	*zoom: 1;
	float: left;
	clear: none;
	text-align: inherit;
	width: 12.5%;
	margin-left: 0%;
	margin-right: 0%;
}

#conocenos #anios ul>li:before,
#conocenos #anios ul>li:after {
	content: '';
	display: table
}

#conocenos #anios ul>li:after {
	clear: both
}

#conocenos #anios ul>li a:hover {
	color: #036646
}

#autoturismo {
	background-color: #fff;
}

#autoturismo header .banner_int #auto-fondo {
	display: block;
	width: 100%;
	min-width: 895px;
}

@media only screen and (max-width:895px) {
	#autoturismo header .banner_int #auto-fondo {
		position: relative;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%)
	}
}

#autoturismo header .banner_int #auto-lg {
	position: absolute;
	top: 1%;
	left: -10%;
	-webkit-transform: translateX(35%);
	-moz-transform: translateX(35%);
	-o-transform: translateX(35%);
	-ms-transform: translateX(35%);
	transform: translateX(35%);
	opacity: .3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	z-index: 3;
}

@media only screen and (min-width:895px) {
	#autoturismo header .banner_int #auto-lg {
		-webkit-animation: entrar2 .7s ease-out 0s forwards;
		-moz-animation: entrar2 .7s ease-out 0s forwards;
		-o-animation: entrar2 .7s ease-out 0s forwards;
		-ms-animation: entrar2 .7s ease-out 0s forwards;
		animation: entrar2 .7s ease-out 0s forwards
	}
}

@media only screen and (max-width:1520px) {
	#autoturismo header .banner_int #auto-lg {
		-webkit-transform: translateX(50%);
		-moz-transform: translateX(50%);
		-o-transform: translateX(50%);
		-ms-transform: translateX(50%);
		transform: translateX(50%)
	}
}

@media only screen and (max-width:1160px) {
	#autoturismo header .banner_int #auto-lg {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

@media only screen and (max-width:895px) {
	#autoturismo header .banner_int #auto-lg {
		opacity: 1;
		-ms-filter: none;
		filter: none;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		max-width: 100%;
		-webkit-animation: none;
		-moz-animation: none;
		-o-animation: none;
		-ms-animation: none;
		animation: none
	}
}

#autoturismo header .banner_int>figcaption {
	position: absolute;
	top: 15%;
	left: 40%;
	width: 45%;
	color: #fff;
}

@media only screen and (max-width:1220px) {
	#autoturismo header .banner_int>figcaption {
		top: 2%
	}
}

@media only screen and (max-width:895px) {
	#autoturismo header .banner_int>figcaption {
		position: relative;
		top: 0;
		left: 0;
		background-color: #036646;
		text-align: center;
		width: 100%;
		padding: 1em
	}
}

#autoturismo header .banner_int>figcaption .btn-amarillo {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.75em;
	padding: 15px;
	background-color: #406f91;
	color: #fff
}

#autoturismo header .banner_int>figcaption>span {
	display: block;
	width: 100%;
	font-size: 3.6em;
	text-align: right;
}

#autoturismo header .banner_int>figcaption>span span {
	display: block;
	padding-top: .4em;
	font-size: .6em
}

@media only screen and (max-width:895px) {
	#autoturismo header .banner_int>figcaption>span {
		text-align: center
	}
}

#autoturismo header .banner_int>figcaption small {
	padding-top: 1em;
	color: #406f91
}

#autoturismo h2 {
	background-color: #406f91;
	color: #fff
}

#autoturismo>.contenedor {
	color: #406f91;
	padding: 2% 0;
}

#autoturismo>.contenedor h3 {
	width: 80%;
	font-size: 2.813em;
	margin: 15px auto;
	text-align: center;
	font-family: 'Raleway', helvetica, Arial, sans-serif;
	font-weight: 700;
}

#autoturismo>.contenedor h3 small {
	display: block;
	font-size: .8em;
	color: #dbd942
}

@media only screen and (max-width:415px) {
	#autoturismo>.contenedor h3 {
		font-size: 2.2em;
		width: 100%
	}

	div#mainMenu li.nav-item {
    border: 1px solid white;
    border-width: 1px 0px;
    text-align: center;
	}
	.nav-link {
    padding: 1rem 1rem;
    }
    a.brand-navbar{
    	margin-right: 0px;
    }
}

#autoturismo>.contenedor p {
	font-size: 1.34em;
	text-align: center;
	margin: 15px auto;
	max-width: 380px;
	color: #444
}

#autoturismo>.contenedor .btn-amarillo {
	display: block;
	margin: 45px auto;
	color: #406f91;
	font-family: 'Raleway', helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 1.5em;
	max-width: 350px;
	background-color: #dbd942
}

#autoturismo>.contenedor>figure {
	width: 100%;
	max-width: 800px;
	margin: 0 auto 20px;
	text-align: center;
}

#autoturismo>.contenedor>figure>img {
	width: 100%
}

#autoturismo>.contenedor aside {
	color: #444;
	text-align: center;
}

#autoturismo>.contenedor aside h4 {
	font-size: 1.75em;
	margin-bottom: 10px
}

#autoturismo>.contenedor aside ul>li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
}

#autoturismo>.contenedor aside ul>li a:hover {
	color: #f6b332
}

.lte9 #destinos header .banner_int #dest-camion {
	opacity: 1;
	-ms-filter: none;
	filter: none;
	top: 0;
	left: 10%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.lte9 #terminales header .banner_int #term-foto {
	left: 6.2%;
	opacity: 1;
	-ms-filter: none;
	filter: none
}

.lte9 #servicios header .banner_int #serv-foto {
	opacity: 1;
	-ms-filter: none;
	filter: none;
	top: 0;
	left: 10%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.lte9 #autoturismo header .banner_int #auto-lg {
	left: 6.2%;
	opacity: 1;
	-ms-filter: none;
	filter: none
}

.lte9 #conocenos header .banner_int #conoc-img {
	left: 6.2%;
	opacity: 1;
	-ms-filter: none;
	filter: none
}

.lte9 #bolsa header .banner_int #bolsa-foto,
.lte9 #faq header .banner_int #bolsa-foto {
	opacity: 1;
	-ms-filter: none;
	filter: none;
	top: 0;
	left: 10%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.lte8 .slider_prin .owl-controls {
	bottom: 130px;
}

.lte8 .slider_prin .owl-controls .owl-buttons>div {
	background-color: #000;
	margin-top: -400px
}

.lte8 .slider_prin .slides>article .btn-general:hover>i {
	background-color: #036646;
	color: #f6b332;
}

.lte8 .nuestros_servicios .tipos_servicio>li .descripcion_serv {
	background-image: url("../imagenes/ie8-transp.png")
}



.lte8 .interiores header .btn-general:hover>i {
	background-color: #036646;
	color: #f6b332
}

.lte8 .contenido .promociones>div h4>span {
	font-size: 65px;
	display: block
}

.lte8 .contenido .tipos_servicio>li>figure>figcaption {
	right: 0;
	background-image: url("../imagenes/ie8-img-servicios-pleca-amarilla.png")
}

.lte8 .contenido .tipos_servicio>li:first-child>figure>figcaption,
.lte8 .contenido .tipos_servicio>li:last-child>figure>figcaption {
	color: #fff;
	background-image: url("../imagenes/ie8-img-servicios-pleca-verde.png")
}

.lte8 .contenido .tipos_servicio>li .descripcion_serv {
	background-image: url("../imagenes/ie8-transp.png")
}

.lte8 #mapa {
	height: 600px
}

.lte8 footer>section .contenedor .atencion>span {
	font-size: 27px;
}

.lte8 footer>section .contenedor .atencion>span>small {
	font-size: 15px
}

.lte8 footer #links_footer>ul>li .submenu {
	top: -141px !important
}

.lte8 #terminales nav ul>li a[title="Agencias"] figure figcaption {
	background-image: url("../imagenes/ie8-img-servicios-pleca-amarilla.png")
}

.lte8 #terminales nav ul>li a[title="Terminales"] figure figcaption {
	background-image: url("../imagenes/ie8-img-servicios-pleca-verde.png")
}

.lte8 #terminales nav ul>li a[title="Puntos de Venta"] figure figcaption {
	background-image: url("../imagenes/ie8-img-servicios-pleca-verde.png")
}

.lte8 #terminales .int-terminales#ver-terminales .term-col .term-mapa blockquote {
	background-image: url("../imagenes/ie8-transp.png")
}

@font-face {
	font-family: 'TipografiaRamis-Rams';
	font-style: normal;
	font-weight: 400;
	src: local("TipografiaRamis-Rams"), 
	url("./../fuentes/TipografiaRamis-Rams.woff2") format("woff2"), 
	url("./../fuentes/TipografiaRamis-Rams.woff") format("woff"), 
	url("./../fuentes/TipografiaRamis-Rams.ttf") format("truetype"), 
	url("./../fuentes/eot/TipografiaRamis-Rams.eot") format("embedded-opentype"); }

@font-face {
	font-family: 'Open-Sans';
	font-style: normal;
	font-weight: 400;
	src: local("OpenSans"), 
	url("./../fuentes/OpenSans-SemiBold.ttf") format("truetype"); }

@font-face {
	font-family: 'Open-Sans-Light';
	font-style: normal;
	font-weight: 400;
	src: local("OpenSans"), 
	url("./../fuentes/OpenSans-LightItalic.ttf") format("truetype"); }

@font-face {
	font-family: 'Open-Sans-Bold';
	font-style: normal;
	font-weight: 400;
	src: local("OpenSans"), 
	url("./../fuentes/OpenSans-ExtraBold.ttf") format("truetype"); }



	@font-face {
		font-family: 'TipografiaRamis-RamsBlack';
		font-style: normal;
		font-weight: 400;
		src: local("TipografiaRamis-RamsBlack"), 
		url("./../fuentes/TipografiaRamis-RamsBlack.woff2") format("woff2"), 
		url("./../fuentes/TipografiaRamis-RamsBlack.woff") format("woff"), 
		url("./../fuentes/TipografiaRamis-RamsBlack.ttf") format("truetype"), 
		url("./../fuentes/eot/TipografiaRamis-RamsBlack.eot") format("embedded-opentype"); }


@font-face {
	font-family: 'icomoon';
	src:  local("icomoon"),
	url("./../fonts/icomoon.eot") format('embedded-opentype'),
	url("./../fonts/icomoon.ttf") format('truetype'),
	url("./../fonts/icomoon.woff") format('woff'),
	url("./../fonts/icomoon.svg") format('svg');
	font-weight: normal;
	font-style: normal;
  }

  .owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
	float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
	cursor: pointer;
}

.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.grabbing {
	cursor: url("../imagenes/ico-grabbing.png") 8 8, move;
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0)
}

.owl-item.loading {
	min-height: 550px;
	background: url("../img/ico-AjaxLoader.gif") no-repeat center center
}

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x: 50%;
	-webkit-perspective-origin-y: 50%;
	-moz-perspective: 1200px;
	-moz-perspective-origin-x: 50%;
	-moz-perspective-origin-y: 50%;
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	-ms-perspective: 1200px;
	perspective: 1200px
}

.owl-fade-out {
	z-index: 10;
	-webkit-animation: fadeOut .7s both ease;
	-moz-animation: fadeOut .7s both ease;
	-webkit-animation: fadeOut .7s both ease;
	-moz-animation: fadeOut .7s both ease;
	-o-animation: fadeOut .7s both ease;
	-ms-animation: fadeOut .7s both ease;
	animation: fadeOut .7s both ease
}

.owl-fade-in {
	-webkit-animation: fadeIn .7s both ease;
	-moz-animation: fadeIn .7s both ease;
	-webkit-animation: fadeIn .7s both ease;
	-moz-animation: fadeIn .7s both ease;
	-o-animation: fadeIn .7s both ease;
	-ms-animation: fadeIn .7s both ease;
	animation: fadeIn .7s both ease
}

.owl-backSlide-out {
	-webkit-animation: backSlideOut 1s both ease;
	-moz-animation: backSlideOut 1s both ease;
	-webkit-animation: backSlideOut 1s both ease;
	-moz-animation: backSlideOut 1s both ease;
	-o-animation: backSlideOut 1s both ease;
	-ms-animation: backSlideOut 1s both ease;
	animation: backSlideOut 1s both ease
}

.owl-backSlide-in {
	-webkit-animation: backSlideIn 1s both ease;
	-moz-animation: backSlideIn 1s both ease;
	-webkit-animation: backSlideIn 1s both ease;
	-moz-animation: backSlideIn 1s both ease;
	-o-animation: backSlideIn 1s both ease;
	-ms-animation: backSlideIn 1s both ease;
	animation: backSlideIn 1s both ease
}

.owl-goDown-out {
	-webkit-animation: scaleToFade .7s ease both;
	-moz-animation: scaleToFade .7s ease both;
	-webkit-animation: scaleToFade .7s ease both;
	-moz-animation: scaleToFade .7s ease both;
	-o-animation: scaleToFade .7s ease both;
	-ms-animation: scaleToFade .7s ease both;
	animation: scaleToFade .7s ease both
}

.owl-goDown-in {
	-webkit-animation: goDown .6s ease both;
	-moz-animation: goDown .6s ease both;
	-webkit-animation: goDown .6s ease both;
	-moz-animation: goDown .6s ease both;
	-o-animation: goDown .6s ease both;
	-ms-animation: goDown .6s ease both;
	animation: goDown .6s ease both
}

.owl-fadeUp-in {
	-webkit-animation: scaleUpFrom .5s ease both;
	-moz-animation: scaleUpFrom .5s ease both;
	-webkit-animation: scaleUpFrom .5s ease both;
	-moz-animation: scaleUpFrom .5s ease both;
	-o-animation: scaleUpFrom .5s ease both;
	-ms-animation: scaleUpFrom .5s ease both;
	animation: scaleUpFrom .5s ease both
}

.owl-fadeUp-out {
	-webkit-animation: scaleUpTo .5s ease both;
	-moz-animation: scaleUpTo .5s ease both;
	-webkit-animation: scaleUpTo .5s ease both;
	-moz-animation: scaleUpTo .5s ease both;
	-o-animation: scaleUpTo .5s ease both;
	-ms-animation: scaleUpTo .5s ease both;
	animation: scaleUpTo .5s ease both
}

@-webkit-keyframes empty {
	0% {
		opacity: 1;
		-ms-filter: none;
		filter: none
	}
}

@-moz-keyframes empty {
	0% {
		opacity: 1;
		-ms-filter: none;
		filter: none
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0)
	}
	100% {
		opacity: 1;
		-ms-filter: none;
		filter: none
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0)
	}
	100% {
		opacity: 1;
		-ms-filter: none;
		filter: none
	}
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
		-ms-filter: none;
		filter: none
	}
	100% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0)
	}
}

@-moz-keyframes fadeOut {
	0% {
		opacity: 1;
		-ms-filter: none;
		filter: none
	}
	100% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0)
	}
}

@-webkit-keyframes backSlideOut {
	25% {
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-webkit-transform: translateZ(-500px)
	}
	75% {
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-webkit-transform: translateZ(-500px) translateX(-200%)
	}
	100% {
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-webkit-transform: translateZ(-500px) translateX(-200%)
	}
}

@-moz-keyframes backSlideOut {
	25% {
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-moz-transform: translateZ(-500px)
	}
	75% {
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-moz-transform: translateZ(-500px) translateX(-200%)
	}
	100% {
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-moz-transform: translateZ(-500px) translateX(-200%)
	}
}

@-webkit-keyframes backSlideIn {
	0%,
	25% {
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-webkit-transform: translateZ(-500px) translateX(200%)
	}
	75% {
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-webkit-transform: translateZ(-500px)
	}
	100% {
		opacity: 1;
		-ms-filter: none;
		filter: none;
		-webkit-transform: translateZ(0) translateX(0)
	}
}

@-moz-keyframes backSlideIn {
	0%,
	25% {
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-moz-transform: translateZ(-500px) translateX(200%)
	}
	75% {
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-moz-transform: translateZ(-500px)
	}
	100% {
		opacity: 1;
		-ms-filter: none;
		filter: none;
		-moz-transform: translateZ(0) translateX(0)
	}
}

@-webkit-keyframes scaleToFade {
	to {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-webkit-transform: scale(.8)
	}
}

@-moz-keyframes scaleToFade {
	to {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-moz-transform: scale(.8)
	}
}

@-webkit-keyframes goDown {
	from {
		-webkit-transform: translateY(-100%)
	}
}

@-moz-keyframes goDown {
	from {
		-moz-transform: translateY(-100%)
	}
}

@-webkit-keyframes scaleUpFrom {
	from {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-webkit-transform: scale(1.5)
	}
}

@-moz-keyframes scaleUpFrom {
	from {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-moz-transform: scale(1.5)
	}
}

@-webkit-keyframes scaleUpTo {
	to {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-webkit-transform: scale(1.5)
	}
}

@-moz-keyframes scaleUpTo {
	to {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-moz-transform: scale(1.5)
	}
}

@-moz-keyframes empty {
	0% {
		opacity: 1;
		-ms-filter: none;
		filter: none
	}
}

@-webkit-keyframes empty {
	0% {
		opacity: 1;
		-ms-filter: none;
		filter: none
	}
}

@-o-keyframes empty {
	0% {
		opacity: 1;
		-ms-filter: none;
		filter: none
	}
}

@keyframes empty {
	0% {
		opacity: 1;
		-ms-filter: none;
		filter: none
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0)
	}
	100% {
		opacity: 1;
		-ms-filter: none;
		filter: none
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0)
	}
	100% {
		opacity: 1;
		-ms-filter: none;
		filter: none
	}
}

@-o-keyframes fadeIn {
	0% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0)
	}
	100% {
		opacity: 1;
		-ms-filter: none;
		filter: none
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0)
	}
	100% {
		opacity: 1;
		-ms-filter: none;
		filter: none
	}
}

@-moz-keyframes fadeOut {
	0% {
		opacity: 1;
		-ms-filter: none;
		filter: none
	}
	100% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0)
	}
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
		-ms-filter: none;
		filter: none
	}
	100% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0)
	}
}

@-o-keyframes fadeOut {
	0% {
		opacity: 1;
		-ms-filter: none;
		filter: none
	}
	100% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0)
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
		-ms-filter: none;
		filter: none
	}
	100% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0)
	}
}

@-moz-keyframes backSlideOut {
	25% {
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-webkit-transform: translateZ(-500px);
		-moz-transform: translateZ(-500px);
		-o-transform: translateZ(-500px);
		-ms-transform: translateZ(-500px);
		transform: translateZ(-500px)
	}
	75% {
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-webkit-transform: translateZ(-500px) translateX(-200%);
		-moz-transform: translateZ(-500px) translateX(-200%);
		-o-transform: translateZ(-500px) translateX(-200%);
		-ms-transform: translateZ(-500px) translateX(-200%);
		transform: translateZ(-500px) translateX(-200%)
	}
	100% {
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-webkit-transform: translateZ(-500px) translateX(-200%);
		-moz-transform: translateZ(-500px) translateX(-200%);
		-o-transform: translateZ(-500px) translateX(-200%);
		-ms-transform: translateZ(-500px) translateX(-200%);
		transform: translateZ(-500px) translateX(-200%)
	}
}

@-webkit-keyframes backSlideOut {
	25% {
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-webkit-transform: translateZ(-500px);
		-moz-transform: translateZ(-500px);
		-o-transform: translateZ(-500px);
		-ms-transform: translateZ(-500px);
		transform: translateZ(-500px)
	}
	75% {
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-webkit-transform: translateZ(-500px) translateX(-200%);
		-moz-transform: translateZ(-500px) translateX(-200%);
		-o-transform: translateZ(-500px) translateX(-200%);
		-ms-transform: translateZ(-500px) translateX(-200%);
		transform: translateZ(-500px) translateX(-200%)
	}
	100% {
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-webkit-transform: translateZ(-500px) translateX(-200%);
		-moz-transform: translateZ(-500px) translateX(-200%);
		-o-transform: translateZ(-500px) translateX(-200%);
		-ms-transform: translateZ(-500px) translateX(-200%);
		transform: translateZ(-500px) translateX(-200%)
	}
}

@-o-keyframes backSlideOut {
	25% {
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-webkit-transform: translateZ(-500px);
		-moz-transform: translateZ(-500px);
		-o-transform: translateZ(-500px);
		-ms-transform: translateZ(-500px);
		transform: translateZ(-500px)
	}
	75% {
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-webkit-transform: translateZ(-500px) translateX(-200%);
		-moz-transform: translateZ(-500px) translateX(-200%);
		-o-transform: translateZ(-500px) translateX(-200%);
		-ms-transform: translateZ(-500px) translateX(-200%);
		transform: translateZ(-500px) translateX(-200%)
	}
	100% {
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-webkit-transform: translateZ(-500px) translateX(-200%);
		-moz-transform: translateZ(-500px) translateX(-200%);
		-o-transform: translateZ(-500px) translateX(-200%);
		-ms-transform: translateZ(-500px) translateX(-200%);
		transform: translateZ(-500px) translateX(-200%)
	}
}

@keyframes backSlideOut {
	25% {
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-webkit-transform: translateZ(-500px);
		-moz-transform: translateZ(-500px);
		-o-transform: translateZ(-500px);
		-ms-transform: translateZ(-500px);
		transform: translateZ(-500px)
	}
	75% {
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-webkit-transform: translateZ(-500px) translateX(-200%);
		-moz-transform: translateZ(-500px) translateX(-200%);
		-o-transform: translateZ(-500px) translateX(-200%);
		-ms-transform: translateZ(-500px) translateX(-200%);
		transform: translateZ(-500px) translateX(-200%)
	}
	100% {
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-webkit-transform: translateZ(-500px) translateX(-200%);
		-moz-transform: translateZ(-500px) translateX(-200%);
		-o-transform: translateZ(-500px) translateX(-200%);
		-ms-transform: translateZ(-500px) translateX(-200%);
		transform: translateZ(-500px) translateX(-200%)
	}
}

@-moz-keyframes backSlideIn {
	0%,
	25% {
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-webkit-transform: translateZ(-500px) translateX(200%);
		-moz-transform: translateZ(-500px) translateX(200%);
		-o-transform: translateZ(-500px) translateX(200%);
		-ms-transform: translateZ(-500px) translateX(200%);
		transform: translateZ(-500px) translateX(200%)
	}
	75% {
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-webkit-transform: translateZ(-500px);
		-moz-transform: translateZ(-500px);
		-o-transform: translateZ(-500px);
		-ms-transform: translateZ(-500px);
		transform: translateZ(-500px)
	}
	100% {
		opacity: 1;
		-ms-filter: none;
		filter: none;
		-webkit-transform: translateZ(0) translateX(0);
		-moz-transform: translateZ(0) translateX(0);
		-o-transform: translateZ(0) translateX(0);
		-ms-transform: translateZ(0) translateX(0);
		transform: translateZ(0) translateX(0)
	}
}

@-webkit-keyframes backSlideIn {
	0%,
	25% {
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-webkit-transform: translateZ(-500px) translateX(200%);
		-moz-transform: translateZ(-500px) translateX(200%);
		-o-transform: translateZ(-500px) translateX(200%);
		-ms-transform: translateZ(-500px) translateX(200%);
		transform: translateZ(-500px) translateX(200%)
	}
	75% {
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-webkit-transform: translateZ(-500px);
		-moz-transform: translateZ(-500px);
		-o-transform: translateZ(-500px);
		-ms-transform: translateZ(-500px);
		transform: translateZ(-500px)
	}
	100% {
		opacity: 1;
		-ms-filter: none;
		filter: none;
		-webkit-transform: translateZ(0) translateX(0);
		-moz-transform: translateZ(0) translateX(0);
		-o-transform: translateZ(0) translateX(0);
		-ms-transform: translateZ(0) translateX(0);
		transform: translateZ(0) translateX(0)
	}
}

@-o-keyframes backSlideIn {
	0%,
	25% {
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-webkit-transform: translateZ(-500px) translateX(200%);
		-moz-transform: translateZ(-500px) translateX(200%);
		-o-transform: translateZ(-500px) translateX(200%);
		-ms-transform: translateZ(-500px) translateX(200%);
		transform: translateZ(-500px) translateX(200%)
	}
	75% {
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-webkit-transform: translateZ(-500px);
		-moz-transform: translateZ(-500px);
		-o-transform: translateZ(-500px);
		-ms-transform: translateZ(-500px);
		transform: translateZ(-500px)
	}
	100% {
		opacity: 1;
		-ms-filter: none;
		filter: none;
		-webkit-transform: translateZ(0) translateX(0);
		-moz-transform: translateZ(0) translateX(0);
		-o-transform: translateZ(0) translateX(0);
		-ms-transform: translateZ(0) translateX(0);
		transform: translateZ(0) translateX(0)
	}
}

@keyframes backSlideIn {
	0%,
	25% {
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-webkit-transform: translateZ(-500px) translateX(200%);
		-moz-transform: translateZ(-500px) translateX(200%);
		-o-transform: translateZ(-500px) translateX(200%);
		-ms-transform: translateZ(-500px) translateX(200%);
		transform: translateZ(-500px) translateX(200%)
	}
	75% {
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-webkit-transform: translateZ(-500px);
		-moz-transform: translateZ(-500px);
		-o-transform: translateZ(-500px);
		-ms-transform: translateZ(-500px);
		transform: translateZ(-500px)
	}
	100% {
		opacity: 1;
		-ms-filter: none;
		filter: none;
		-webkit-transform: translateZ(0) translateX(0);
		-moz-transform: translateZ(0) translateX(0);
		-o-transform: translateZ(0) translateX(0);
		-ms-transform: translateZ(0) translateX(0);
		transform: translateZ(0) translateX(0)
	}
}

@-moz-keyframes scaleToFade {
	to {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		-o-transform: scale(.8);
		-ms-transform: scale(.8);
		transform: scale(.8)
	}
}

@-webkit-keyframes scaleToFade {
	to {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		-o-transform: scale(.8);
		-ms-transform: scale(.8);
		transform: scale(.8)
	}
}

@-o-keyframes scaleToFade {
	to {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		-o-transform: scale(.8);
		-ms-transform: scale(.8);
		transform: scale(.8)
	}
}

@keyframes scaleToFade {
	to {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		-o-transform: scale(.8);
		-ms-transform: scale(.8);
		transform: scale(.8)
	}
}

@-moz-keyframes goDown {
	from {
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%)
	}
}

@-webkit-keyframes goDown {
	from {
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%)
	}
}

@-o-keyframes goDown {
	from {
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%)
	}
}

@keyframes goDown {
	from {
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%)
	}
}

@-moz-keyframes scaleUpFrom {
	from {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-o-transform: scale(1.5);
		-ms-transform: scale(1.5);
		transform: scale(1.5)
	}
}

@-webkit-keyframes scaleUpFrom {
	from {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-o-transform: scale(1.5);
		-ms-transform: scale(1.5);
		transform: scale(1.5)
	}
}

@-o-keyframes scaleUpFrom {
	from {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-o-transform: scale(1.5);
		-ms-transform: scale(1.5);
		transform: scale(1.5)
	}
}

@keyframes scaleUpFrom {
	from {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-o-transform: scale(1.5);
		-ms-transform: scale(1.5);
		transform: scale(1.5)
	}
}

@-moz-keyframes scaleUpTo {
	to {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-o-transform: scale(1.5);
		-ms-transform: scale(1.5);
		transform: scale(1.5)
	}
}

@-webkit-keyframes scaleUpTo {
	to {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-o-transform: scale(1.5);
		-ms-transform: scale(1.5);
		transform: scale(1.5)
	}
}

@-o-keyframes scaleUpTo {
	to {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-o-transform: scale(1.5);
		-ms-transform: scale(1.5);
		transform: scale(1.5)
	}
}

@keyframes scaleUpTo {
	to {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-o-transform: scale(1.5);
		-ms-transform: scale(1.5);
		transform: scale(1.5)
	}
}

@font-face {
	font-family: 'icomoon';
	src: url("../fuentes/icomoon.eot?kae75z");
	src: url("../fuentes/icomoon.eot?#iefixkae75z") format('embedded-opentype'), url("../fuentes/icomoon.ttf?kae75z") format('truetype'), url("../fuentes/icomoon.woff?kae75z") format('woff'), url("../fuentes/icomoon.svg?kae75z#icomoon") format('svg');
	font-weight: normal;
	font-style: normal
}

[class^="icon-"],
[class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}


  
  [class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
  
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  }
  
  .icon-instagram:before {
	content: "\ea92";
  }



.icon-amex:before {
	content: "\e616"
}

.icon-flecha-arriba:before {
	content: "\e615"
}

.icon-tel:before {
	content: "\e600"
}

.icon-flecha-adelante:before {
	content: "\e601"
}

.icon-flecha-atras:before {
	content: "\e602"
}

.icon-oxxo:before {
	content: "\e603"
}

.icon-reload:before {
	content: "\e604"
}

.icon-bolsa_trabajo:before {
	content: "\e605"
}

.icon-bus:before {
	content: "\e606"
}

.icon-buscar:before {
	content: "\e607"
}

.icon-compra:before {
	content: "\e608"
}

.icon-contacto:before {
	content: "\e609"
}

.icon-destinos:before {
	content: "\e60a"
}

.icon-estrella:before {
	content: "\e60b"
}

.icon-geoloc:before {
	content: "\e60c"
}

.icon-hola:before {
	content: "\e60d"
}

.icon-horarios:before {
	content: "\e60e"
}

.icon-impresion:before {
	content: "\e60f"
}

.icon-mastercard:before {
	content: "\e610"
}

.icon-safetypay:before {
	content: "\e611"
}

.icon-tarifas:before {
	content: "\e612"
}

.icon-transfer:before {
	content: "\e613"
}

.icon-visa:before {
	content: "\e614"
}

.icon-close:before {
	content: "\f00d"
}

.icon-remove:before {
	content: "\f00d"
}

.icon-times:before {
	content: "\f00d"
}

.icon-twitter:before {
	content: "\f099"
}

.icon-facebook:before {
	content: "\f09a"
}

.icon-facebook-f:before {
	content: "\f09a"
}

.icon-bars:before {
	content: "\f0c9"
}

.icon-navicon:before {
	content: "\f0c9"
}

.icon-reorder:before {
	content: "\f0c9"
}

.icon-angle-down:before {
	content: "\f107"
}

#smartbanner {
	position: absolute;
	left: 0;
	top: -82px;
	border-bottom: 1px solid #e8e8e8;
	width: 100%;
	height: 78px;
	font-family: 'Helvetica Neue', sans-serif;
	background: -webkit--webkit-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%);
	background: -webkit--moz-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%);
	background: -webkit--o-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%);
	background: -webkit--ms-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%);
	background: -webkit-linear-gradient(to bottom, #f4f4f4 0%, #cdcdcd 100%);
	background-image: -ms--webkit-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%);
	background-image: -ms--moz-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%);
	background-image: -ms--o-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%);
	background-image: -ms--ms-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%);
	background-image: -ms-linear-gradient(to bottom, #f4f4f4 0%, #cdcdcd 100%);
	background-image: -moz--webkit-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%);
	background-image: -moz--moz-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%);
	background-image: -moz--o-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%);
	background-image: -moz--ms-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%);
	background-image: -moz-linear-gradient(to bottom, #f4f4f4 0%, #cdcdcd 100%);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	z-index: 9998;
	-webkit-font-smoothing: antialiased;
	overflow: hidden;
	-webkit-text-size-adjust: none
}

#smartbanner,
html.sb-animation {
	-webkit-transition: all .3s ease
}

#smartbanner .sb-container {
	margin: 0 auto
}

#smartbanner .sb-close {
	position: absolute;
	left: 5px;
	top: 5px;
	display: block;
	border: 2px solid #fff;
	width: 14px;
	height: 14px;
	font-family: 'ArialRoundedMTBold', Arial;
	font-size: 15px;
	line-height: 15px;
	text-align: center;
	color: #fff;
	background: #070707;
	text-decoration: none;
	text-shadow: none;
	-webkit-border-radius: 14px;
	border-radius: 14px;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
	-webkit-font-smoothing: subpixel-antialiased
}

#smartbanner .sb-close:active {
	font-size: 13px;
	color: #aaa
}

#smartbanner .sb-icon {
	position: absolute;
	left: 30px;
	top: 10px;
	display: block;
	width: 57px;
	height: 57px;
	background: rgba(0, 0, 0, 0.6);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3)
}

#smartbanner.no-icon .sb-icon {
	display: none
}

#smartbanner .sb-info {
	position: absolute;
	left: 98px;
	top: 18px;
	width: 44%;
	font-size: 11px;
	line-height: 1.2em;
	font-weight: bold;
	color: #6a6a6a;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8)
}

#smartbanner #smartbanner.no-icon .sb-info {
	left: 34px
}

#smartbanner .sb-info strong {
	display: block;
	font-size: 13px;
	color: #4d4d4d;
	line-height: 18px
}

#smartbanner .sb-info>span {
	display: block
}

#smartbanner .sb-info em {
	font-style: normal;
	text-transform: uppercase
}

#smartbanner .sb-button {
	position: absolute;
	right: 20px;
	top: 24px;
	border: 1px solid #bfbfbf;
	padding: 0 10px;
	min-width: 10%;
	height: 24px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	font-weight: bold;
	color: #6a6a6a;
	background: -webkit--webkit-linear-gradient(top, #efefef 0%, #dcdcdc 100%);
	background: -webkit--moz-linear-gradient(top, #efefef 0%, #dcdcdc 100%);
	background: -webkit--o-linear-gradient(top, #efefef 0%, #dcdcdc 100%);
	background: -webkit--ms-linear-gradient(top, #efefef 0%, #dcdcdc 100%);
	background: -webkit-linear-gradient(to bottom, #efefef 0%, #dcdcdc 100%);
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 0 rgba(255, 255, 255, 0.7) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 0 rgba(255, 255, 255, 0.7) inset
}

#smartbanner .sb-button:active,
#smartbanner .sb-button:hover {
	background: -webkit--webkit-linear-gradient(top, #dcdcdc 0%, #efefef 100%);
	background: -webkit--moz-linear-gradient(top, #dcdcdc 0%, #efefef 100%);
	background: -webkit--o-linear-gradient(top, #dcdcdc 0%, #efefef 100%);
	background: -webkit--ms-linear-gradient(top, #dcdcdc 0%, #efefef 100%);
	background: -webkit-linear-gradient(to bottom, #dcdcdc 0%, #efefef 100%)
}

#smartbanner .sb-icon.gloss:after {
	content: '';
	position: absolute;
	left: 0;
	top: -1px;
	border-top: 1px solid rgba(255, 255, 255, 0.8);
	width: 100%;
	height: 50%;
	background: -webkit--webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 100%);
	background: -webkit--moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 100%);
	background: -webkit--o-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 100%);
	background: -webkit--ms-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 100%);
	background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 100%);
	-webkit-border-radius: 10px 10px 12px 12px;
	border-radius: 10px 10px 12px 12px
}

#smartbanner.android {
	border-color: #212228;
	background: #3d3d3d url("data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7");
	border-top: 5px solid #88b131;
	-webkit-box-shadow: none;
	box-shadow: none
}

#smartbanner.android .sb-close {
	border: 0;
	width: 17px;
	height: 17px;
	line-height: 17px;
	color: #b1b1b3;
	background: #1c1e21;
	text-shadow: 0 1px 1px #000;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3)
}

#smartbanner.android .sb-close:active {
	color: #eee
}

#smartbanner.android .sb-info {
	color: #ccc;
	text-shadow: 0 1px 2px #000
}

#smartbanner.android .sb-info strong {
	color: #fff
}

#smartbanner.android .sb-button {
	min-width: 12%;
	border: 1px solid #dddcdc;
	padding: 1px;
	color: #d1d1d1;
	background: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	min-height: 28px
}

#smartbanner.android .sb-button span {
	text-align: center;
	display: block;
	padding: 0 10px;
	background-color: #42b6c9;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#42b6c9), to(#39a9bb));
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#42b6c9), to(#39a9bb));
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#42b6c9), to(#39a9bb));
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#42b6c9), to(#39a9bb));
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#42b6c9), to(#39a9bb));
	background-image: -moz--webkit-linear-gradient(top, #42b6c9, #39a9bb);
	background-image: -moz--moz-linear-gradient(top, #42b6c9, #39a9bb);
	background-image: -moz--o-linear-gradient(top, #42b6c9, #39a9bb);
	background-image: -moz--ms-linear-gradient(top, #42b6c9, #39a9bb);
	background-image: -moz-linear-gradient(to bottom, #42b6c9, #39a9bb);
	text-transform: none;
	text-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none
}

#smartbanner.android .sb-button:active,
#smartbanner.android .sb-button:hover {
	background: none
}

#smartbanner.android .sb-button:active span,
#smartbanner.android .sb-button:hover span {
	background: #2ac7e1
}

#smartbanner.windows .sb-icon {
	-webkit-border-radius: 0;
	border-radius: 0
}

/* actualización tyc */
b{
  margin-left: 0px !important;
}

@media screen and (min-width: 600px){
  .cont-col{
    display: flex;
    justify-content: center;
  }
  .col{
    display: flex;
    justify-content: center;

  }
}

/*TyC 30 01 2024*/
table, .tabla-boletos {
  width: 100%;
  border: solid 0.5px;
}
.tabla-boletos tbody tr th {
  font-weight: bold;
  border-bottom: solid 0.5px;
  color: #036646;
}
.tabla-boletos tbody tr th, td {
  padding: 10px;
}