@viewport{width:device-width;}
html{font-size:62.5%;}
body{font-size:1.5em;line-height:1.6;}
h1, h2, h3, h4, h5, h6{margin-top:0;margin-bottom:2rem;font-weight:normal;}
h1{font-size:3.8rem;line-height:1.2;letter-spacing:-.1rem;}
h2{font-size:3.3rem;line-height:1.25;letter-spacing:-.1rem;}
h3{font-size:2.9rem;line-height:1.3;letter-spacing:-.1rem;}
h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem;}
h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem;}
h6{font-size:1.5rem;line-height:1.6;letter-spacing:0;}
@media (min-width:550px){h1{font-size:4.3rem;}
h2{font-size:3.3rem;}
h3{font-size:2.9rem;}
h4{font-size:2.4rem;}
h5{font-size:1.8rem;}
h6{font-size:1.5rem;}
}
p{margin-top:0;}
a{outline:none; text-decoration: none;color: #ff1f00;}
button::-moz-focus-inner{border:0;}
html{height:100%;}
body{height:100%;margin:0;text-align:center;font-weight:400;font-family:"Helvetica", "Helvetica Neue", "Open Sans", "Arial" sans-serif;color:#333;background-attachment:fixed;background-color:#FFF;background-image:url(background.jpg);background-position:left top;background-repeat:repeat;background-size:2000px;}


/* carousel */
.carousel {
width:100%;
}

ul.slides {
    display: block;
    position: relative;
    height: 300px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none;
}

.slides * {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

ul.slides input {
    display: none;
}


.slide-container {
    display: block;
}

.slide-image {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0;
    transition: all .7s ease-in-out;
}

.slide-image img {
    width: 1000px;
    min-width: 100%;
    height: 100%;
}

.carousel-controls {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    font-size: 100px;
    line-height: 300px;
    color: #fff;
}

.carousel-controls label {
    display: none;
    position: absolute;
    padding: 0 20px;
    opacity: 0;
    transition: opacity .2s;
    cursor: pointer;
}

.slide-image:hover + .carousel-controls label{
    opacity: 0.5;
}

.carousel-controls label:hover {
    opacity: 1;
}

.carousel-controls .prev-slide {
    width: 15%;
    text-align: left;
    left: 0;
}

.carousel-controls .next-slide {
    width: 15%;
    text-align: right;
    right: 0;
}

.carousel-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    z-index: 999;
    text-align: center;
}

.carousel-dots .carousel-dot {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.5;
    margin: 10px;
}

input:checked + .slide-container .slide-image {
    opacity: 1;
    transform: scale(1);
    transition: opacity 1s ease-in-out;
}

input:checked + .slide-container .carousel-controls label {
     display: block;
}

input#img-1:checked ~ .carousel-dots label#img-dot-1,
input#img-2:checked ~ .carousel-dots label#img-dot-2,
input#img-3:checked ~ .carousel-dots label#img-dot-3,
input#img-4:checked ~ .carousel-dots label#img-dot-4,
input#img-5:checked ~ .carousel-dots label#img-dot-5,
input#img-6:checked ~ .carousel-dots label#img-dot-6 {
	opacity: 1;
}


input:checked + .slide-container .nav label { display: block; }


/* Caruosel end */


/* Blog */

.article_image {width:97%}

.blog_title
{
  font-size:2rem;line-height:1.25;letter-spacing:-.1rem;}
.photoArticleFloatLeft{
width:45%;
float:left;
margin: 4px 10px 2px 0px;
}
.photoArticleFloatRight{
width: 200px;
float:right;
margin: 4px 0px 2px 10px;
}
/* Header/Blog Title */
.header {
 padding: 15px;
 font-size: 40px;
 text-align: left;
  background: rgba(255, 255, 255, 0.6);
}
/* Create two unequal columns that floats next to each other */
/* Left column */
.leftcolumn {
 float: left;
 width: 100%;
}
/* Right column */
.rightcolumn {
 float: left;
 width: 25%;
 padding-left: 20px;
}
/* Add a card effect for articles */
.card {
 background: rgba(255, 255, 255, 0.6);
 padding: 20px;
 margin-top: 20px;
 display: inline-block;
 width:290px;
 vertical-align: middle;
 height:340px;

}
/* Clear floats after the columns */
.row:after {
 content: "";
 display: table;
 clear: both;
}
/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
 .leftcolumn, .rightcolumn {
   width: 100%;
   padding: 0;
 }

}
/* Blog end */

#wrapper{width:100%;height:auto;min-height:100%;}
#content{min-height:200px;padding-top:20px;padding-bottom:205px;text-align:left;}
#footer{position:relative;width:100%;height:185px;margin:-185px auto 0px;}
#top a, #menu a, #bottom a{text-decoration:none;color:#FFF;cursor:pointer;}
#top a:hover, #menu a:hover, #bottom a:hover{text-decoration:underline;}
#top_stripe, #menu_stripe, #bottom_stripe{width:100%;min-width:100%;text-align:center;color:#000;background-color:#A00;background-image:url(line.png);background-repeat:repeat;}
#menu_stripe{height:40px;z-index:1;}
#top_stripe{background-position:left 50%;}
#menu_stripe{background-position:left 70%;}
#bottom_stripe{background-position:left top;}
#top, #banner, #menu, #content, #bottom{display:inline-block;width:1000px;}
#top{line-height:29px;text-align:left;font-size:13px;}
.top_left, .top_right{display:inline-block;}
.top_left{margin-right:30px;}
.top_right{float:right;margin-left:10px;}
.top_right img{position:relative;top:-2px;margin-top:0px;margin-bottom:-10px;}
#banner{height:180px;line-height:20px;text-align:right;}
#banner div{display:inline-block;}
.banner_logo{float:left;margin-left:20px;margin-top:30px;}
.banner_phones{font-size:13px;}
.banner_phones span{margin-left:20px;font-size:18px;font-weight:bold;}
.banner_dialback,
.banner_dialback_active{width:255px;line-height:40px;margin-bottom:5px;padding-right:5px;text-align:center;color:#FFF;background-image:url(grey.png);background-position:center bottom;background-repeat:repeat;}
.banner_dialback img,
.banner_dialback_active img{float:left;margin-top:4px;margin-left:10px;}
.banner_dialback{font-size:22px;background-color:#2f4f4f;cursor:pointer;}
.banner_dialback:hover{background-color:#008080;}
.banner_dialback_active{font-size:18px;background-color:#6D6;}
#menu{height:40px;line-height:40px;text-align:left;white-space:nowrap;}
.menu_button{display:inline-block;width:164px;height:100%;margin-right:-6px;margin-left:0px;margin-bottom:0px;border-left:2px solid #FFF;border-right:2px solid #FFF;text-align:center;font-size:20px;}
.menu_dropdown{display:none;position:absolute;min-width:160px;line-height:30px;padding:12px 16px;text-align:left;font-size:15px;background-color:#008080;background-image:url(grey.png);background-position:center bottom;background-repeat:repeat;z-index:2;-webkit-box-shadow:0px 8px 16px 0px rgba(0,0,0,0.4);-moz-box-shadow:0px 8px 16px 0px rgba(0,0,0,0.4);box-shadow:0px 8px 16px 0px rgba(0,0,0,0.4);}
.menu_button:hover{background-color:#2f4f4f;background-image:url(grey.png);background-position:center bottom;background-repeat:repeat;}
.menu_button:hover .menu_dropdown{display:block;}
#bottom{text-align:left;color:#fff;}
#bottom ul{margin-top:4px;margin-bottom:6px;padding-left:15px;font-size:12px;}
.bottom_left, .bottom_right{display:inline-block;vertical-align:top;}
.bottom_right div img:hover{background-position:0 -20px;}
.bottom_left{margin-right:20px;width:160px;}
.bottom_right{float:right;text-align:center;}
.bottom_left div{width:100%;height:32px;line-height:32px;padding:5px;font-size:15px;background-color:#2f4f4f;background-image:url(grey.png);background-position:center bottom;background-repeat:repeat;}
.bottom_right div{width:100%;height:32px;padding:5px;background-color:#2f4f4f;background-image:url(grey.png);background-position:right top;background-repeat:repeat;}
#copyright{font-size:11px;}
#content a{color:#333;}
#content a:visited{color:#777;}
#content select{width:300px;}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5{margin-top:20px;margin-bottom:10px;font-weight:bold;}
#content hr{height:1px;margin-top:20px;margin-bottom:20px;border:0;background-image:-webkit-linear-gradient(left, rgba(0,0,0,0), rgba(150,0,0,0.55), rgba(0,0,0,0));background-image:-moz-linear-gradient(left, rgba(0,0,0,0), rgba(150,0,0,0.55), rgba(0,0,0,0));background-image:-ms-linear-gradient(left, rgba(0,0,0,0), rgba(150,0,0,0.55), rgba(0,0,0,0));background-image:-o-linear-gradient(left, rgba(0,0,0,0), rgba(150,0,0,0.55), rgba(0,0,0,0));background-image:linear-gradient(left, rgba(0,0,0,0), rgba(150,0,0,0.55), rgba(0,0,0,0));}
#content table{width:100%;margin:0px auto;border-spacing:2px 0px;text-align:center;}
#content caption{padding:0px 10px 4px 10px;text-align:left;}
#content th{font-weight:normal;color:#FFF;background-color:#A00;background-image:url(line.jpg);}
#content th:nth-child(5n+1){background-position:0% top;}
#content th:nth-child(5n+2){background-position:20% top;}
#content th:nth-child(5n+3){background-position:40% top;}
#content th:nth-child(5n+4){background-position:80% top;}
#content th:nth-child(5n+5){background-position:100% top;}
#content tr:nth-child(odd){background-color:rgba(0, 0, 0, 0.16);}
#content tr:nth-child(even){background-color:rgba(0, 0, 0, 0.08);}
#content td, #content th{padding:5px 4px 4px 5px;font-size:14px;}
.content_right{float:right;}
.content_center{text-align:center;}
.content_box{padding:20px;background-color:rgba(0, 0, 0, 0.1);}
.content_twocol{white-space:nowrap;}
.content_twocol div{display:inline-block;width:50%;vertical-align:top;white-space:normal;}
.spoiler > input{display:none;}
.spoiler > label{margin-left:20px;text-decoration:underline;font-size:20px;cursor:pointer;}
.spoiler > input + label + blockquote{display:none;}
.spoiler > input:checked + label + blockquote{display:block;margin-left:0px;margin-right:0px;padding-left:20px;padding-right:20px;background-color:rgba(0, 0, 0, 0.1);}
.jqmOverlay{background-color:#000;}
.jqmDialog{display:none;position:fixed;top:17%;left:33%;width:33%;min-height:200px;margin:auto;text-align:left;font-size:20px;background-color:#EEE;}
#dialogMap{height:500px;}
.jqmTitle{height:30px;line-height:22px;padding-top:10px;padding-left:20px;padding-right:10px;font-weight:bold;}
#dialogMap .jqmTitle{background-color:rgba(255, 255, 255, 0.6);}
.jqmTitle .jqmClose{display:block;float:right;clear:right;width:20px;height:20px;background-color:transparent;background-image:url(close_icon_double.png);background-position:0 0;background-repeat:no-repeat;cursor:pointer;}
.jqmTitle .jqmClose em{display:none;}
.jqmTitle a.jqmClose:hover{background-position:0 -20px;}
.jqmContent{padding:20px;}
.jqmContent .approve{font-size:14px;}
.jqmContent input[type="text"],
.jqmContent textarea,
.jqmContent label,
.jqmContent button{display:block;box-sizing:border-box;width:100%;margin-top:5px;padding:7px;border:1px solid #c4c4c4;}
.jqmContent input[type="text"]{font-size:20px;}
.jqmContent input[type="radio"]{display:none;}
.jqmContent label{padding-top:0px;padding-bottom:0px;background-color:#FFF;cursor:pointer;}
.jqmContent input[type="radio"]:checked + label,
.jqmContent button{border:0px;color:#FFF;background-image:url(grey.png);background-repeat:repeat;}
.jqmContent input[type="radio"]:checked + label{background-color:#C00;background-position:center 85%;}
.jqmContent button{font-size:25px;background-color:#666;background-position:center 95%;cursor:pointer;}
.jqmContent button:hover{background-color:#CCC;}
.epg_table{text-align:left !important;}
.epg_table a{font-weight:bold;text-decoration:none;}
.epg_table a:visited{color:#333 !important;}
.epg_table span{text-decoration:underline;}
.epg_table .epg_time{font-weight:bold;width:50px;}
.epg_table .epg_now{color:#F00;}
.epg_table .epg_channel{width:220px;}
.epg_table .epg_progress{width:200px;}
.epg_table .epg_progress div{height:15px;background-color:#B00;}
.channel_box{display:inline-block;width:190px;height:110px;margin:3px 3px 10px 3px;text-align:center;-webkit-box-shadow:0px 4px 4px 0px rgba(0,0,0,0.5);-moz-box-shadow:0px 4px 4px 0px rgba(0,0,0,0.5);box-shadow:0px 4px 4px 0px rgba(0,0,0,0.5);}
.channel_box span{display:block;height:28px;line-height:28px;white-space:nowrap;font-size:13px;color:#FFF;background-color:#A00;background-image:url(line.jpg);}
.channel_box:nth-child(7n+1) span{background-position:0% top;}
.channel_box:nth-child(7n+2) span{background-position:20% top;}
.channel_box:nth-child(7n+3) span{background-position:40% top;}
.channel_box:nth-child(7n+4) span{background-position:80% top;}
.channel_box:nth-child(7n+5) span{background-position:100% top;}
.channel_box:nth-child(7n+6) span{background-position:0% middle;}
.channel_box:nth-child(7n+7) span{background-position:20% middle;}
.channel_box div{height:82px;line-height:82px;background-color:#FFF;}
.channel_box div img{vertical-align:middle;-webkit-filter:grayscale(100);filter:grayscale(100);-webkit-transition:all 0.35s ease 0s;-moz-transition:all 0.35s ease 0s;-o-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.channel_box:hover div img{-webkit-filter:grayscale(0);filter:grayscale(0);-webkit-transition:all 0.35s ease 0s;-moz-transition:all 0.35s ease 0s;-o-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.large_button,
.vbutton,
.hbutton,
.abutton,
.sbutton{position:relative;top:0px;cursor:pointer;-webkit-box-shadow:0px 4px 4px 0px rgba(0,0,0,0.5);-moz-box-shadow:0px 4px 4px 0px rgba(0,0,0,0.5);box-shadow:0px 4px 4px 0px rgba(0,0,0,0.5);-webkit-transition:all 0.35s ease 0s;-moz-transition:all 0.35s ease 0s;-o-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.large_button:hover,
.vbutton:hover,
.hbutton:hover,
.abutton:hover,
.sbutton:hover{top:-5px;-webkit-box-shadow:0px 9px 9px 0px rgba(0,0,0,0.5);-moz-box-shadow:0px 9px 9px 0px rgba(0,0,0,0.5);box-shadow:0px 9px 9px 0px rgba(0,0,0,0.5);-webkit-transition:all 0.35s ease 0s;-moz-transition:all 0.35s ease 0s;-o-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.large_button{display:inline-block;width:280px;height:280px;margin:15px;padding:10px;text-align:center;text-decoration:none;background-color:#F00000;background-image:url(grey.png);}
.large_button:nth-child(3n+1){background-position:30% 50%;}
.large_button:nth-child(3n+2){background-position:60% 50%;}
.large_button:nth-child(3n+3){background-position:90% 50%;}
.large_button div{height:230px;line-height:230px;}
.large_button div img{vertical-align:middle;}
.large_button span{display:block;height:50px;line-height:50px;font-size:25px;font-weight:bold;color:#FFF;}
.vbutton{display:inline-block;margin:15px;text-align:center;color:#FFF !important;}
.vbutton img{display:block;width:210px;margin-bottom:-200px;}
.vbutton_top{height:56px;line-height:137px;font-size:16px;font-weight:bold;}
.vbutton_middle{height:102px;line-height:118px;}
.vbutton_bottom{height:40px;line-height:40px;padding-right:5px;text-align:right;}
.vbutton_middle_number,
.vbutton_bottom_number{display:inline-block;font-weight:bold;}
.vbutton_middle_number{font-size:61px;}
.vbutton_bottom_number{font-size:35px;}
.vbutton_middle_text,
.vbutton_bottom_text{display:inline-block;text-align:left;}
.vbutton_middle_text{line-height:23px;font-size:32px;}
.vbutton_bottom_text{line-height:15px;font-size:18px;}
.vbutton_middle_text span,
.vbutton_bottom_text span{display:block;text-decoration:underline;}
.vbutton_left{height:55px;line-height:55px;margin-top:-55px;padding-left:15px;text-align:left;font-size:21px;}
.hbutton{display:inline-block;width:470px;height:150px;margin:14px;text-align:left;text-decoration:none;}
.hbutton img{display:block;margin-bottom:-150px;}
.hbutton span{display:inline-block;height:50px;line-height:50px;padding-left:15px;padding-right:15px;font-size:30px;font-weight:bold;color:#FFF;background-color:#666;background-image:url(grey.png);background-size:384px 384px;}
.hbutton:nth-child(3n+1) span{background-position:0% 95%;}
.hbutton:nth-child(3n+2) span{background-position:50% 95%;}
.hbutton:nth-child(3n+3) span{background-position:100% 95%;}
.hbutton div{height:40px;line-height:40px;margin-top:60px;padding-left:10px;font-size:22px;color:#FFF;}
.abutton{display:block;width:100%;margin-top:15px;margin-bottom:15px;padding-top:10px;padding-bottom:5px;text-align:center;font-size:35px;font-weight:bold;color:#FFF !important;background-color:#A00;background-image:url(line.png);background-position:center top;}
.sbutton{display:inline-block;width:190px;height:190px;margin:3px;text-align:center;text-decoration:none;color:#FFF !important;}
.sbutton div{height:155px;line-height:155px;background-color:#FFF;}
.sbutton div img{vertical-align:middle;-webkit-filter:grayscale(100);filter:grayscale(100);-webkit-transition:all 0.35s ease 0s;-moz-transition:all 0.35s ease 0s;-o-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.sbutton:hover div img{-webkit-filter:grayscale(0);filter:grayscale(0);-webkit-transition:all 0.35s ease 0s;-moz-transition:all 0.35s ease 0s;-o-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.sbutton span{display:block;height:35px;line-height:35px;font-size:23px;font-weight:bold;background-color:#666;background-image:url(grey.png);-webkit-transition:all 0.35s ease 0s;-moz-transition:all 0.35s ease 0s;-o-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.sbutton:nth-child(5n+1) span{background-position:0% bottom;}
.sbutton:nth-child(5n+2) span{background-position:20% bottom;}
.sbutton:nth-child(5n+3) span{background-position:40% bottom;}
.sbutton:nth-child(5n+4) span{background-position:80% bottom;}
.sbutton:nth-child(5n+5) span{background-position:100% bottom;}
.sbutton:hover span{background-color:#A00;-webkit-transition:all 0.35s ease 0s;-moz-transition:all 0.35s ease 0s;-o-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.mobileShow{display:none;}
.overlay{height:100%;width:0;position:fixed;z-index:2;left:0;top:0;background-color:rgba(255,255,255,0.97);background-size:100% 100%;background-position:center bottom;background-repeat:repeat;overflow-x:scroll;transition:0.5s;}
.overlay-content{position:relative;top:5%;width:100%;text-align:left;margin-top:30px;color:#000;margin-left:5%;margin-bottom:20%;}
.overlay a{padding:5px;text-decoration:none;font-size:15px;line-height:25px;color:#9e9e9e !important;display:block;transition:0.3s;font-weight:300;}
.overlay a:hover, .overlay a:focus{color:#666;}
.overlay .closebtn{position:absolute;top:20px;right:45px;font-size:60px;}
.menuButtonMob img{margin:3px 10px 7px 10px;cursor:pointer;display:block;}
.overlay-content strong a{font-weight:bold;width:100%;margin:0 auto;padding:10px 0 10px 0;font-size:23px;display:block;color:black!important;}
.mobileHide h1{margin-top:0!important;margin-bottom:0!important;}
@media screen and (max-width:414px){.jqmDialog{display:none;position:fixed;top:5%;left:5%;width:90%;min-height:200px;margin:auto;text-align:left;font-size:1em;background-color:#EEE;}
#phone{font-size:1em;}
}
@media screen and (max-width:236px){.banner_dialback,
.banner_dialback_active{font-size:1em;}
}
@media screen and (max-width:322px){.banner_logo a{margin:0 auto 0 auto;width:150px;}
}
@media screen and (max-height:450px){.overlay a{font-size:20px}
.overlay .closebtn{font-size:40px;top:15px;right:35px;}
}
@media screen and (max-width:488px){.bottom_left,.bottom_right{width:100%;margin-left:0;}
.bottom_right{margin-bottom:10px;margin-right:0px;}
.content_box img{width:100%;}
}
@media screen and (max-width:615px){.banner_dialback,
.banner_dialback_active{float:left;width:100%;margin-top:5px;padding-left:none;}
.mob_phones{float:left !important;width:100%;}
.menuButtonMob img{float:left;}
.photoArticleFloatLeft{width:100%;}
.photoArticleFloatRight{width:100%;}
}
@media screen and (max-width:710px){.bottom_right{float:left;text-align:center;}
}
@media screen and (max-width:785px){.top_left{position:absolute;top:-9999px;left:-9999px;}
}
@media screen and (max-width:855px){
  .slide-image img {
      width: 300px;
      height: 100%;
  }
  .mob_phones{float:right;margin-right:20px;}
.mobileShow{display:inherit;}
}
@media screen and (max-width:1080px){#menu_stripe{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;top:0px;}
#top, #content,#menu, #bottom{display:inline-block;width:90%;min-width:80%;}
.menuButtonMob img{float:left;}
#banner{height:18%;line-height:20px;text-align:center;width:100%;}
#banner div{display:inline-block;}
.banner_logo{margin:0 auto 0 auto;width:300px;height:auto;}
.banner_logo img{width:100%;margin:5% 1% 1% 5%;height:67.667px;}
.banner_phones{position:absolute;top:-9999px;left:-9999px;}
.mob_phones{position:relative;top:0;left:0;}
.banner_dialback,
.banner_dialback_active{float:right;height:40px;margin-bottom:none;}
.mobileHide{display:none;}
.mobileShow{display:inherit;width:100%;}
body{margin-right:0;width:100vw;overflow-x:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}
#dialogMap{background-size:300px auto;height:300px;}
.channels_table{font-size:5 px;}
}
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 6px;
  font-size: 18px;
}

#myBtn:hover {
  background-color: #555;
}
.router_image {
    max-width: 50%;
    padding-right: 10px;
}
.router_wrapper {
    display: flex;
    flex-direction: row;
}
@media (max-width: 1000px) {
    .router_image {

        margin: 0 auto;
    }
    .router_wrapper {
        flex-direction: column;
    }
}
.widget-container {
    position: fixed;
    bottom: 53px;
    right: 27px;
    z-index: 9999;

}
.widget-toggle {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
    animation: pulse 2s ease-in-out infinite;
}
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}


.widget-toggle img {

}

.widget-buttons {
    position: absolute;
    bottom: 80px;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    margin: 0 10px 15px 0;
}

.widget-buttons.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(-10px);
}

.widget-button {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    transition: all 0.3s ease-in-out;
}

.widget-button:hover {
    transform: scale(1.2);
}

.widget-button img {
    width: 30px;
    height: 30px;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}