body {font-family: 'Open Sans', sans-serif;font-size: 20px;margin: 0;color: black;line-height: 35px;background-color:#003366}
    @media (min-width: 4001px) {body{font-size: 34px;line-height: 45px;}}
    @media (min-width: 3501px) and (max-width: 4000px){body{font-size: 32px;line-height: 45px;}}
    @media (min-width: 3001px) and (max-width: 3500px){body{font-size: 30px;line-height: 45px;}}
    @media (min-width: 2501px) and (max-width: 3000px){body{font-size: 28px;line-height: 45px;}}
    @media (min-width: 2001px) and (max-width: 2500px){body{font-size: 26px;line-height: 45px;}}
    @media (min-width: 1601px) and (max-width: 2000px){body{font-size: 24px;line-height: 45px;}}
    @media (min-width: 993px) and (max-width: 1600px){body{font-size: 20px;}}
    @media (min-width: 769px) and (max-width: 992px){body{font-size: 18px;}}
    @media (min-width: 577px) and (max-width: 768px){body{font-size: 16px;}}
    @media (min-width: 321px) and (max-width: 576px) {body{font-size: 14px;}}
    @media (max-width: 321px) {body{font-size: 12px;}}
a {text-decoration: none; color: inherit; }
    @media (min-width: 1601px) {a {font-size: 1.1em;}}
h3 {text-align: center;}
h4 {font-size: 1.1em; text-align: left; margin-bottom: 0;}
h5 {font-size: 0.9em; line-height: 22px; position: relative; font-style: italic;}
@keyframes sweep {
    0%    {opacity: 0;}
    100%  {opacity: 1;}}
.header {position: absolute; top:  0; left: 0; width: 100%;}
#top {display: none; z-index: 1; position:fixed; right:1%; bottom:16px;  border-radius: 5px; background:#999; color: #fff; background-color: rgba(0,0,0,.5);}
    @media (max-width: 1600px) {#top {width:40px; height:40px;}}
    @media (min-width: 1601px) {#top {width:60px; height:60px;}}
.user {font-size: 45px!important; margin: -5px 5.5px; color: #fff;}
    @media (max-width: 1600px) {.user {font-size: 45px!important; margin: -5px 5.5px; color: #fff;}}
    @media (min-width: 1601px) {.user {font-size: 75px!important; margin: -9px 5.5px; color: #fff;}}
.header_cont {z-index: 999;box-sizing: border-box; width: 100%; margin: 0 auto;background-color: rgba(255, 255, 255, .8);}
    @media (min-width: 1601px){.header_cont {padding:  10px 20px 10px 70px; height: 140px; }}
    @media (min-width: 1200px)and (max-width: 1600px){.header_cont {padding:  10px 20px 10px 70px; height: 120px; }}
    @media (min-width: 993px) and (max-width: 1199px){.header_cont {padding: 10px 0 10px 50px; height: 130px;}}
    @media (min-width: 769px) and (max-width: 992px){.header_cont {padding: 10px 10px 10px 30px; height: 100px;}}
    @media (min-width: 576px) and (max-width: 768px){.header_cont {padding: 10px 20px 10px 20px; height: 60px;}}
    @media (min-width: 380px) and (max-width: 575px){.header_cont {padding: 10px 20px 10px 20px; height: 60px;}}
    @media (min-width: 271px) and (max-width: 379px){.header_cont {padding: 10px 0 10px 20px; height: 60px;}}
    @media (max-width: 270px) {.header_cont {padding: 10px 0 10px 20px; height: 75px;}}
.blok_flex {display: -webkit-box; display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.header_row {display: inline-flex;position: relative; width: auto; -webkit-box-flex: 0; align-items: center;}
    @media  (min-width: 576px) and (max-width: 768px){.header_row{display: block;}}
    @media (max-width: 270px) {.header_row{display: block;}}
.header_row img {width: 40px; padding: 0 10px 0 0;} 
    @media (min-width: 2001px) {.header_row img {width: 50px;}}
    @media (min-width: 1601px) and (max-width: 2000px){.header_row img {width: 50px;}}
    @media (min-width: 400px) and (max-width: 992px){.header_row img {width: 30px;}}
    @media (max-width: 399px) {.header_row img {width: 25px;padding-right: 20px}}
.header_logo {display: block;width: auto;height: 100px; background-size: cover; background-repeat: no-repeat;position: relative; z-index: 20;cursor: default;}
    @media (min-width: 2001px) {.header_logo, .footer_logo   {width: 300px;height: 100px;}}   
    @media (min-width: 1601px) and (max-width: 2000px){.header_logo, .footer_logo   {width: auto;height: 100px;}}
    @media (min-width: 769px) and (max-width: 992px){ .header_logo, .footer_logo {width: auto; height: 60px;}}
    @media (min-width: 577px) and (max-width: 768px){.header_logo, .footer_logo {width: auto; height: 60px;}}
    @media (min-width: 321px) and (max-width: 576px) {.header_logo, .footer_logo {width: auto; height: 40px;}}
    @media (max-width: 320px) {.header_logo {width: auto; height: 40px;}}
.header_logo img {width: auto; height: 100px;}
    @media (min-width: 769px) and (max-width: 992px){.header_logo img {width: auto; height: 60px;}}
    @media (min-width: 577px) and (max-width: 768px){.header_logo img {width: auto; height: 40px;}}
    @media (max-width: 576px){.header_logo img {width: auto; height: 40px; padding: 0}}
.header_blok.blok_flex {max-width: 1600px;margin: auto;align-items: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-box-pack: justify!important; justify-content: space-between!important;}
    @media (min-width: 2001px) {.header_blok.blok_flex {max-width: 2000px;}}
.header_menu_info {display: flex; flex-wrap: wrap; flex: 0 0 65%;  width: 100%; position: relative;justify-content: end;}
    @media (min-width: 769px) and (max-width: 992px) {.header_menu_info {flex: 0 0 70%;justify-content: end;}}
    /**@media (min-width: 576px) and (max-width: 768px) {.header_menu_info {flex: 0 0 30%;justify-content: end;}}
    @media (min-width: 271px) and (max-width: 575px) {.header_menu_info {line-height: 1;flex: 0 0 30%;justify-content: end;}}
    @media (max-width: 270px) {.header_menu_info {line-height: 1;flex: 0 0 30%;justify-content: end;}}**/
    
    @media (max-width: 768px) {.header_menu_info {display:none;}}
.close_up {display:none}
@media (min-width: 769px) {#menu, #menu_1, .menu-bg, .menu-bg_1 {display:none;}}
#menu, #menu_1 {z-index: 2;}
#menu-bar {width: 45px;height: 40px; margin: 15px 20px 0 0;cursor: pointer;}
#menu-bar_1 {width: 45px;height: 40px; margin: 15px 0px 0 0;cursor: pointer;}
.bar, .bar_1 {width: 30px;display: block;transition: 0.3s ease;}
.bar img, .bar_1 img {width: 30px;}
.nav, .nav_1 {transition: 0.3s ease;display: none;}
.nav_1 {margin-right: -60px;}
.nav {margin-right: 20px;}
.nav ul, .nav_1 ul {padding: 0 22px;}
.nav li, .nav_1 li {list-style: none; padding: 12px 0;}
.nav li a, .nav_1 li a {color: white;font-size: 1.2em; text-decoration: none;}
.nav li a:hover, .nav_1 li a:hover {font-weight: bold;}
.menu-bg, #menu { top: 0; right: 0; position: absolute;}
.menu-bg_1, #menu_1 { top: 0; right: 75px; position: absolute;}
.menu-bg {z-index: 1; width: 0; height: 0; margin: 30px 0 20px 20px; background: radial-gradient(circle, rgba(0,51,102,1),rgba(0,51,102,0.8)); border-radius: 20%; transition: 0.3s ease;}
.menu-bg_1 {z-index: 1; width: 0; height: 0; margin: 30px 0 20px 20px; background: radial-gradient(circle, rgba(0,51,102,1),rgba(0,51,102,0.8)); border-radius: 20%; transition: 0.3s ease;}
.change { display: block;}
.change-bg { width: 230px; height: 300px; transform: translate(0.5%,-40%);}
.change-bg_1 { width: 320px; height: 280px; transform: translate(24%,-30%);}    
@media (min-width: 321px) and (max-width: 576px) {.change-bg { width: 220px; height: 290px; transform: translate(0.5%,-40%);}
.change-bg_1 { width: 280px; height: 250px; transform: translate(27%,-30%);}}
@media (max-width: 321px) {.change-bg { width: 190px; height: 270px; transform: translate(0.5%,-40%);}
.change-bg_1 { width: 250px; height: 230px; transform: translate(30%,-30%);}}
.menu-bg_1 .change-bg { right: 0;}
.change #bar1 {position: absolute; right:35px;}
.change #bar2 {position: absolute; right:15px;}
    
.flex {display: flex; flex-wrap: wrap; flex: 0 0 85% ;width: 100%;position: relative; padding-right: 10px;}
.headerInfo {display: flex;flex-wrap: wrap; padding-left: 0; margin-bottom: 0;align-items: center;font-weight: bold;}
    @media (max-width: 270px) {.headerInfo {margin-bottom: 5px;}}
.header_email_phone a {display:flex; align-items: center;padding-right: 50px;width: 100%;padding-top:10px;}
     @media (min-width: 769px) and (max-width: 992px){.header_email_phone a {padding-right: 20px;padding-top:5px;}}
     @media (max-width: 768px){.header_email_phone a {padding-right: 0;}}
     @media (max-width: 575px){.header_email_phone a.none > span {display: none;}}
a.select {background: linear-gradient(to left, #5c6185, #559fff 100%); background-position: 0 80%; background-size: 100% 2px; background-repeat: repeat-x;font-style: italic; color: black!important;}
.page {padding-top: 140px;overflow: hidden;display: block;box-sizing: border-box;}
    @media (min-width: 769px) and (max-width: 992px){.page {padding-top: 100px; }}
    @media (min-width: 577px) and (max-width: 768px){.page {padding-top: 90px; }}
    @media (min-width: 271px) and (max-width: 576px) {.page {padding-top: 60px; }}
    @media (max-width: 270px) {.page {padding-top: 70px; }}
main.page .background-image {background-size: contain;background-repeat: no-repeat;background-size: 1600px; background-position: center top;}
.background-image {position: absolute; top: 0;left: 0; width: 100%; height: 250%; z-index: -10; background-repeat: no-repeat; background-position: 50%; background-size: cover;}
    @media (min-width: 4001px) {main.page .background-image {background-size: 4000px;}}
    @media (min-width: 3501px) and (max-width: 4000px){main.page .background-image {background-size: 4000px;}}
    @media (min-width: 3001px) and (max-width: 3500px){main.page .background-image {background-size: 3500px;}}
    @media (min-width: 2501px) and (max-width: 3000px){main.page .background-image {background-size: 3000px;}}
    @media (min-width: 2001px) and (max-width: 2500px){main.page .background-image {background-size: 2500px;}}
    @media (min-width: 1601px) and (max-width: 2000px){main.page .background-image {background-size: 2000px;}}
    @media (min-width: 993px) and (max-width: 1600px){main.page .background-image {background-size: 1600px;}}
    @media (min-width: 769px) and (max-width: 992px){main.page .background-image {background-size: 992px;}}
    @media (min-width: 577px) and (max-width: 768px){main.page .background-image {background-size: 768px;}}
    @media (max-width: 576px) {main.page .background-image {background-size: 576px;}}
    @media (max-width: 576px) {.background-image {height: 100vh}}
.background-image_index {background-image: url(../img/background/background.jpg)}

.h_section {height: 650px;}
    @media (min-width: 3501px){.h_section {height: 2250px;padding-top: 120px}}
    @media (min-width: 3001px) and (max-width: 3500px){.h_section {height: 2000px;;padding-top: 90px}}
    @media (min-width: 2501px) and (max-width: 3000px){.h_section {height: 1750px;padding-top: 90px;}}
    @media (min-width: 2001px) and (max-width: 2500px){.h_section {height: 1450px;padding-top: 70px;}}
    @media (min-width: 1601px) and (max-width: 2000px){.h_section {height: 1200px;padding-top: 10px;}}
    @media (min-width: 993px) and (max-width: 1600px){.h_section {height: 950px;padding-top: 0;}}
    @media (min-width: 769px) and (max-width: 992px){.h_section {height: 550px;padding-top: 10px;}}
    @media (min-width: 577px) and (max-width: 768px){.h_section {height: 410px;padding-top: 5px;}}
    @media (max-width: 576px) {.h_section {height: 310px;padding-top: 5px;  }}
.h_section h1 {text-align: right;font-size: 30px; line-height: 45px; padding: 30px;border-radius: 5px; max-width: 1000px;font-weight: 600;margin: auto;color: white;background-color: rgba(0,0,0,0.3);letter-spacing: 0.4px;}
    @media (min-width: 3001px) {.h_section h1 {max-width: 1700px; font-size: 1.6em; line-height: 100px;}}
    @media (min-width: 2001px) and (max-width: 3000px){.h_section h1 {max-width: 1600px; font-size: 1.6em; line-height: 60px;}}
    @media (min-width: 1601px) and (max-width: 2000px){.h_section h1 {max-width: 1000px; font-size: 1.4em; line-height: 60px;}}
    @media (min-width: 769px) and (max-width: 992px){.h_section h1 {font-size: 1.2em; line-height: 35px;max-width: 650px}}   
    @media (min-width: 577px) and (max-width: 768px){.h_section h1 {font-size: 1.1em; line-height: 25px; max-width: 500px}}   
    @media (max-width: 576px) {.h_section h1 {font-size: 1.1em; line-height: 20px; padding: 20px 30px}}  
.container {box-sizing: border-box; width: 100%; margin: 0 auto; max-width: 1700px; padding:  40px 50px 0 50px}
    @media (min-width: 2001px) {.container {max-width: 2000px;}}
    @media (min-width: 769px) and (max-width: 992px){.container {padding: 20px}}
    @media (min-width: 577px) and (max-width: 768px){.container {padding: 10px 20px}}
    @media (max-width: 576px) {.container {padding: 10px}}
.inform_blok {display: block; box-sizing: border-box;}
.Blok {padding: 60px 70px; background: #fff;}
    @media (min-width: 769px) and (max-width: 992px){.Blok {padding: 30px;}}
    @media (min-width: 577px) and (max-width: 768px){.Blok {padding: 30px 20px;}}
    @media (max-width: 576px) {.Blok {padding: 15px 15px;}}
.Blok p {text-align: justify;}
.Blok h2 {color: #333366; text-align: center;  font-size: 1.6em;line-height: 1.5;}
    @media (min-width: 577px) and (max-width: 768px){.Blok h2 {padding: 0; margin: 10px 0}}
    @media (max-width: 576px) {.Blok h2 {padding: 0; margin: 10px 0}}
p.text_just {font-size: 1.1em; font-weight: normal;}
p.first_blok {font-size: 1.2em;font-style: italic; font-weight: bold;text-decoration: underline;text-align: center;}
.color_blok {background-color: #B0C4DE;}
.color_blok h2 {color: #fff;} 
.col_1 {box-sizing: border-box; position: relative; width: 100%; padding-right: 15px; padding-left: 15px;}
    @media (max-width: 1024px) {.col_1 {padding: 0;}}
.color_col {width: 100%; margin: auto;}
.inform_blok_flex {list-style: none; padding: 10px 0;}
    @media (max-width: 399px) {.inform_blok_flex {padding: 5px 0;}}
.contentBlok {box-sizing: border-box;text-align: justify;}
    @media (min-width: 577px) and (max-width: 768px){.contentBlok {padding: 10px 20px; box-sizing: border-box; text-align: justify;}}
    @media (max-width: 576px) {.contentBlok {padding: 0 10px 0 0; box-sizing: border-box; text-align: justify;}}
.inform_profile {align-items: start;}
.inform_profile .col_2 {padding: 10px 20px}
    @media (max-width: 576px) {.inform_profile .col_2 {padding: 0 0 10px 0}}
.info_on_blok{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
.info_on_blok_text {min-height: 40px;width:80%; margin: auto 0;font-weight: bold; -webkit-box-align: center; align-items: center; text-align: left;font-size: 1.1em;}
    @media (min-width: 1501px){.info_on_blok_text {width:100%}}
    @media (max-width: 1200px) {.info_on_blok_text {width:80%}}
    @media (max-width: 576px) {.geagr_index .info_on_blok_text {display: block; padding: 0}}
    @media (max-width: 576px) {.geagr_index{display: block;}}
.all_container {-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    @media (max-width: 399px) {.transpotr_list, .geagr_index {display: block;}}
.col_2 {-webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%;max-width: 33.3333%;}
    @media (min-width: 1201px) and (max-width: 1500px) {.col_2 {-ms-flex: 0 0 50%; flex: 0 0 50%;max-width: 50%;}}
    @media (max-width: 1200px) {.col_2 {-ms-flex: 0 0 100%; flex: 0 0 100%;max-width: 100%;}}
.transpotr_list {width: 100%;max-width: unset;}

.img-figure {margin: 20px auto;padding: 0;display: flex;}
    @media (min-width: 769px) and (max-width: 1024px){.img-figure{max-width: 90%; padding: 0 10px;}}
    @media (max-width: 768px){.img-figure {/*display: flex; */flex-wrap: wrap; margin: 0 auto; width: 100%;}}
figure {margin:0; max-height:100%; flex-wrap: wrap;}
.gallery {text-align: center; vertical-align: top; padding: 0 3px 8px 0;}
    @media (max-width: 768px){.gallery {margin: 0 auto 5px auto;}}
.gallery-icon img{max-width: 100%;  max-height:300px;}
    @media (min-width: 360px) and (max-width: 768px){.gallery-icon img {max-width: 100%; height: auto; display: block; margin: 0 auto;}}
    @media (max-width: 359px){.gallery-icon img {max-width: 90%;}}
.gallery-caption {background-color: #f5f5f5; color: #333; font-size: 14px; font-weight: 400; line-height: 1.3; padding: 8px 10px;}
.wp-caption-text {display: block; font-size: 1em; font-style: italic; color: #555; margin: -5px 0;}
@media (min-width: 500px) and (max-width: 768px){.wp-caption-text {margin: 0;}}
@media (max-width: 499px){.wp-caption-text {margin: 0 0 10px 0;}}
.elementor-image-gallery .gallery-item .gallery-caption {margin: 0;}

#demo-test-gallery {display: flex; /*padding: 0 5%*/;flex-wrap: wrap;justify-content: space-around;}
    @media (min-width: 769px){.main.fleet-main #demo-test-gallery {display: flex; padding: 0; margin: 0 -30px;}}
    @media (min-width: 769px){.main.fleet-main #demo-test-gallery a{margin: 0 3px;}}
    @media (max-width: 768px){.main.fleet-main #demo-test-gallery a{margin: 0 auto 10px auto;}}
#demo-test-gallery a {padding-bottom: 20px;margin: auto;}
.section.section--head {text-align: center; margin: 0 auto; vertical-align: top;}
    @media (max-width: 768px){.section.section--head {margin: 0 auto 5px auto;}}
.row img{padding: 0 1% 10px 1%; max-width: 100%;    max-height:300px;}
.icon {background-repeat: no-repeat; background-size: auto; background-position: 50%; background-size: contain; max-width: 65px; /*height: 65px; */width: 100%; display: block; margin-right:50px; -ms-flex-negative: 0; flex-shrink: 0;}
    @media (min-width: 1601px) {.icon {max-width: 80px;}}
    @media (max-width: 768px) {.icon {margin-right: 20px}}
.icon img{height: 60px; width: 60px;}
    @media (min-width: 1601px){.icon img{height: 80px; width: 80px;}}
    @media (min-width: 577px) and (max-width: 768px){.icon_profile {max-width: 50px;height: 50px;margin-right: 5%}}
    @media (max-width: 576px) {.icon_profile {max-width: 40px;height: 40px;margin-right: 5%}}
.icon_profile img{height: 75px; width: 75px;}
    @media (min-width: 1601px) {.icon_profile img {height: 100px; width: 100px}}
    @media (min-width: 577px) and (max-width: 768px){.icon_profile img {height: 50px; width: 50px}}
    @media (max-width: 576px) {.icon_profile img {height: 40px; width: 40px}}
.img_profile {text-align: center;box-sizing: border-box; width: 100%;}
.img_profile img {  box-sizing: border-box; /*width: 100%;*/;}
.icon_transport {max-width: 130px; height: auto;margin-right: 20px;}
    @media (min-width: 577px) and (max-width: 768px){.icon_transport{max-width: 110px; }}
    @media (min-width: 400px) and (max-width: 576px){.icon_transport{max-width: 70px;}}
    @media  (max-width: 399px) {.icon_transport{max-width: 100px;text-align: center; margin: 0 auto;}}
.icon_transport img {height: auto; width: 110px;}
    @media (min-width: 577px) and (max-width: 768px){.icon_transport img {width: 80px;}}
    @media (min-width: 400px) and (max-width: 576px) {.icon_transport img {width: 70px;}}
    @media (max-width: 399px) {.icon_transport img {width: 60px;}}
.just_text_on_blok {text-align: justify;}   
.transport_h3 {width: 100%; text-align: left; font-size: 1.3em;color: #000033}
    @media (max-width: 768px){.transport_h3 {margin: 5px 0;}}
    @media (max-width: 399px){.transport_h3 {text-align: center;}}

.footer {padding-bottom:0;position: relative;}
.container_footer { padding-bottom: 0;}
.footer .Blok {padding-bottom: 0;}
.col_1_2_3 {box-sizing: border-box; position: relative; width: 100%;display: flex;  max-width: 100%;  flex: 0 0 100%; padding-bottom: 40px;}
   @media (max-width: 768px) {.col_1_2_3 {padding-bottom: 20px}}
.col_1_foot{width: 80%;  margin: 0 auto; font-size: 1.1em;}
    @media (max-width: 768px) {.col_1_foot{width: 100%}}
    @media (max-width: 768px) {.footer_menu ul {padding-left: 0;}}
.footer_p {text-align: left; padding-left: 80px;font-weight: bold;line-height: 45px;}
    @media (max-width: 768px) {.footer_p {padding-left: 0; line-height: 40px}}
.footer_menu ul li {list-style: none;}
a.bold {font-weight: bold; font-size: 1.1em;}
.footer_menu_submenu {padding-bottom: 20px;}
img.icon_footer {width: 30px; height: 30px; padding-right: 10px; padding-top: 3px;}
.submenu_icon {display: flex; align-items: flex-start;}

details{
  display:block;
  width:100%;
  overflow:hidden;
}
details ul {background-color: rgba(255, 255, 255, 0.5);
    line-height: 2;
    font-size: 0.7em;
    padding: 10px 30px;
    margin: 0;

box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
border-radius: 8px;}
summary::-webkit-details-marker{display:none;}
summary::-moz-list-bullet{list-style-type:none;}
summary::marker{display:none;} 
summary {
   display:block;
   padding: 15px 0 .3em 0;
   font-size:1.4em;
   cursor: pointer;
   position: relative;
}
@media (min-width: 577px) and (max-width: 768px){summary {padding-top:8px;}}
@media (max-width: 576px){summary {padding-top:3px;}}

summary:before {  
  top: .7em;
  right: 0;
  color: transparent;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTYuNTkgOC41OUwxMiAxMy4xNyA3LjQxIDguNTkgNiAxMGw2IDYgNi02eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=") no-repeat 50% 50% / 1em 1em;
  width: 1em;
  height: 1.5em;  
  content: "";
  position: absolute;
  transition: transform .5s;
}
details[open] > summary:before {
  transform: scale(1,-1);
}
summary ~ * {
   padding: 0 1em 10px 1.4em;
}
details[open] summary ~ *{ 
  animation: sweep .5s ease-in-out;
}
@keyframes sweep {
  0%    {opacity: 0;}
  100%  {opacity: 1;}
}