span.anchor{
  display: block;
  height: 170px; /*same height as header*/
  margin-top: -170px; /*same height as header*/
  visibility: hidden;
}
.user-login .buttonblock {
    clear: both;
    padding-top: 20px;
    padding-bottom: 20px;
}
.content-edit a.scroll-to-top {
    display: none;
}
.m-one {
    position: absolute;
    top: 90px;
    right: 0;
}

.link-list-no-bullets {
    list-style: none;
    margin: 0;    
}

.link-list-no-bullets li {
    margin-bottom: 4px;
}

.description-wrap {
    padding-left: 12px;
}

.page-on-edit {

}

.page-on-edit .ultra-navi {
    display: none;
}
.page-on-edit .footer-container, .page-on-edit .copyright {
    display: none;
}


.page-on-edit .bg-gradient {
    position: relative;
    width: 100%;
    padding: 80px;
}

.toolbar-active .bg-gradient {
    position: relative;
    width: 100%;
    margin-top: 71px;
}

div.ezcom-field.field-newsletter {
padding-left: 3px;
padding-right: 3px;
padding-top: 0px;
}


.ezcom-field-email.field-newsletter {
width: 38%;
float: right;
}

.ezcom-field-name{
    float: left;
}

.math-wrapped {
    display: inline-block;
    width: 100%;
    margin: 5px 0 0 0;
}

div.ezcom-field.ezcom-field-math-int, div.ezcom-field.ezcom-field-math-res {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    margin: 0;
}

.math-wrapped .ezcom-field.ezcom-field-math-int input#recaptcha_response_field {
    float: left;
    margin-left: 3px;
    width: 2em;
    text-align: center;


    
}
.math-wrapped .ezcom-field.ezcom-field-math-res input#recaptcha_response_field {
    float: left;
    width: 2em;
    text-align: center;


    
}

.math-wrapped span {
    float: left;
    line-height: 1.6em;
    font-size: 1em;
    padding-left: 3px;
    padding-right: 3px;
}

#infscr-loading {
    width: 50px;
    float: left;
}

/*  Carousel */
.carousel {
    margin-bottom: 30px;
    max-width: 1240px;
    height: inherit;
    background: #ccc;
    margin: 0 auto;
}

.carousel-inner {
    margin-bottom: 25px;
}

.carousel-control img {
    width: 30px !important;
    top: 49%;
    position: absolute;
    left: 0px;
}

.carousel-control.right img {
    left: inherit;
    right: 0px;
}    

.carousel-control.right {
    background-image: none;
}
.carousel-control.left {
left: 0;
background-image: none;
}
.main-lift-img .carousel-inner img {
    margin-left: auto;
    margin-right: auto;
}

.carousel-inner > .active {
    text-align: center;
}

.carousel-caption {
    bottom: 0;
    left: 0;
    padding-bottom: 0;
    right: 0;
    margin-bottom: 0;

}

.carousel-caption .caption-image {
    background-color: #eee;
    margin-bottom: 0;
    padding: 5px 10px;
    width: 100%;
}

.carousel-caption {
    color: #333333;
    text-align: left;
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0.6);
}

/*  Carousel END */
#page-nav {
    background: none repeat scroll 0 0 #fff;
    margin: 0 auto;
    max-width: 960px;
    width: 100%;
    padding-left: 20px;
}

#page-nav h5{
    color: #707070;
    padding-left: 20px;
    vertical-align: top;
    margin-top: -36px;
    background-color: #fff;
    padding: 0 10px 0 10px;
}

.moreNews {
    float: left;
    position: absolute;
    width: 200px;
}
.clear-both {
    clear: both;
}
.bring-me-latte {
    background-color: #FFFFFF;
}

.content-view-embed .class-image .attribute-image img {
    max-width: 100%;
    height: auto;
}

p.caption {
    background-color: #EEE;
    font-family: 'Roboto',sans-serif;
    padding: 5px 10px;
    margin-bottom: 10px;
    font-size: 0.929em;
}

p.caption b {
    font-weight: normal;
}

.logo .omg {
  float: left;
  /*width: 33%; why o' lord*/
  margin-right: 0%;
}  

/*  special classes */

.logo .omg {
    float: left;
    margin-right: 0;
    width: 18%;
}

.infinity {

}

.mainlift-img.pysty-cat-list {
    text-align: center;
}

.mainlift-img.pysty-cat-list img {
    width: auto;
}

.mainlift-img.mainlift-img-pysty img {
    width: auto;
}



/* tip a friend */

.iframe-tip-email {
    background: none repeat scroll 0 0 #FECA19;
    border-radius: 10px;
    box-shadow: 0 10px 23px #393939;

    padding: 20px;
    position: fixed;
    width: 600px;
    z-index: 9999;
    display: none; 
    left: 50%;
    margin-left: -300px;
}

.iframe-tip-email iframe {
    width: 100%;
    /** height: 100%; */ 
    padding: 20px;
    background-color: #FFF;
}

.buttonblock .pop-up-buttonblock .button {
    background: none repeat scroll 0 0 #FECA19;
    border: 0 none;
    color: #000000;
    cursor: pointer;
    float: left;
    font-size: 14px;
    height: 26px;
    line-height: 1em;
    margin-right: 25px;
    padding: 5px 15px;
}



.buttonblock .pop-up-buttonblock {
    clear: both;
    padding: 5px;
}

.buttonblock .pop-up-buttonblock .pop-close {
    background: none repeat scroll 0 0 #FECA19;
    border: 0 none;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 14px;
    height: 26px;
    line-height: 1em;
    padding: 5px 15px;
}


.compact div.block {
    clear: none;
    float: left;
    margin: 0.5em 0;
    padding: 1%;
    width: 50%;
}

.compact div.block.comment {
  clear: both;
  width: 100%;
}
.box.comment {
  height: 5em;
}

.footer-container {
    background-color: #3968b2;
    margin-top: 30px;
    padding-top: 30px;
}

.omni ul.support-menu li a {
    color: #fff;
    font-family: 'Open sans', sans-serif;
    text-transform: none;
}

/* sidebar */

.banner-wrap-sidebar {
    display: inline-block;
}

.right-sidebar-one {

}

.right-sidebar-one .wide-lift-article {
    
}

/* Banners */

.right-sidebar-one .wide-lift-article .banner-wrap-sidebar {


}

.right-sidebar-one .wide-lift-article .banner-wrap-sidebar.set-borders {

    
}

.right-sidebar-one .wide-lift-article  .banner-cnt-sidebar {

}

.right-sidebar-one .wide-lift-article  .banner-cnt-sidebar h3 {

}

.right-sidebar-one .wide-lift-article  .banner-cnt-sidebar h3 a {

}

/* Categories */

.right-sidebar-one .wide-lift-article .category-wrap-sidebar {


}
.right-sidebar-one .wide-lift-article .category-wrap-sidebar .sidebar-header {
    background-color: #f0f0f0; 

}

.right-sidebar-one .wide-lift-article .category-wrap-sidebar .sidebar-header h3 {


}

.right-sidebar-one .wide-lift-article .category-wrap-sidebar .sidebar-header h3 a  {


}

.right-sidebar-one .wide-lift-article .category-wrap-sidebar ul {


}

.right-sidebar-one .wide-lift-article .category-wrap-sidebar ul li  {
    padding: 5px 0 5px 0;
    border-top: 1px dotted #AAA;
    margin: 0;
}

.right-sidebar-one .wide-lift-article .category-wrap-sidebar ul li:first-child{
    border-top: 0;
}

.right-sidebar-one .wide-lift-article .category-wrap-sidebar ul li a {


}
 

.colored {
    position: relative;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    overflow-scrolling: touch;
    width: 100%;
    height: auto;
    max-height: 500px;
}

    .navbar-nav {

        margin: 0;
    }

    .yellow-full {
        background-color: #FECA19;
        display: inline-block;
        margin-bottom: 15px;
        margin-left: 0;
        padding: 15px;
        width: 100%;
    }

    .yellow-right {
        background-color: #FECA19;
        float: right;
        margin: 15px -105px 12px 15px;
        padding: 0;
        width: 250px;
    }

    .yellow-left {
        background-color: #FECA19;
        float: left;
        margin: 15px 15px 15px -50px;
        padding: 0px;
        width: 250px;
    }
    .yellow-full div.object-left, .yellow-right div.object-left, .yellow-left div.object-left,
    .yellow-full div.object-right, .yellow-right div.object-right, .yellow-left div.object-right  {        
        float: none;
    }

    .yellow-full .object-right .attribute-image, .yellow-full .object-left .attribute-image  {
        margin:0;
    }

    .strike-left, .strike-right, .strike {
        width: 100%;
    }


    .main-lift .half-moon { 
      display:none;
    } 

    .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    }

    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    } 


    .iframe-tip-email {
        background: none repeat scroll 0 0 #FECA19;
        border-radius: 3px;
        padding: 10px;
        position: fixed;
        width: 100%;
        z-index: 9999;
        display: none;
        left: 0;
        top: 0;
        margin-left: 0;
        overflow-y:auto;
}   

    .compact div.block {
        clear: none;
        float: left;
        margin: 1px 0;
        padding: 1%;
        width: 50%;
    }

    .iframe-tip-email iframe {
        background-color: #FFFFFF;
        padding: 10px;
        width: 100%;
    }    


    .box.comment {
      height: 2em;
    }    


/* Yellow boxes general */

    .yellow-full {

    }

    .yellow-right {


    }

    .yellow-left {

    }    

      
}

@media (max-width : 667px) {
.colored {
    position: relative;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    overflow-scrolling: touch;
    width: 100%;
    height: auto;
    max-height: 500px;
}

    p.caption.caption-image, .attribute-caption {
        width: 100%!important;
    } 
    .yellow-full {

    }

    .yellow-right {
       margin: 0;
       padding: 0;

    }

    .yellow-left {
       margin: 0;
       padding: 0;
    } 


    .yellow-right .class-image, .yellow-left .class-image {
        padding: 10px;
    }

    .yellow-full .class-image {
        padding: 0px;
    }    

    .yellow-left .class-image {
        width: 100%;
    }



    .yellow-full .object-left .attribute-image, .yellow-full .object-right .attribute-image  {
        margin:-15px -15px 0;
        position: relative;
    }
    .yellow-full div.object-left, .yellow-right div.object-left, .yellow-left div.object-left,
    .yellow-full div.object-right, .yellow-right div.object-right, .yellow-left div.object-right  {        
        float: none;
    }


    .main-lift .half-moon { 
        display: none;
    }
    .main-lift.odd .mainlift-img, .main-lift.even .mainlift-img {
        float: none;
    }  
    .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    }

    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .iframe-tip-email {
        background: none repeat scroll 0 0 #FECA19;
        border-radius: 3px;
        padding: 10px;
        position: fixed;
        width: 100%;
        z-index: 9999;
        display: none;
        left: 0;
        top: 0;
        margin-left: 0;
    }     
    .iframe-tip-email iframe {
        background-color: #fff;
        padding: 10px;
        width: 100%;
    }
    .compact div.block {
        clear: both;
        float: left;
        margin: 0.5em 0;
        padding: 1%;
        width: 100%;
    }

    .compact div.block.comment {
      clear: both;
      width: 100%;
    }
    .box.comment {
      height: 2em;
    }    
    .compact div.block {
        clear: none;
        float: left;
        margin: 1px 0;
        padding: 1%;
        width: 100%;
    }       
}    


@media (min-width : 321px)and (max-width : 667px) {


    .main-lift .half-moon { 
        display: none;
    } 
    .main-lift.odd .mainlift-img, .main-lift.even .mainlift-img {
        float: none;
    } 

    .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    }

    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    p.caption.caption-image, .attribute-caption {
        width: 100%!important;
    }   
    .iframe-tip-email {
        background: none repeat scroll 0 0 #FECA19;
        border-radius: 3px;
        padding: 10px;
        position: fixed;
        width: 100%;
        z-index: 9999;
        display: none;
        left: 0;
        margin-left: 0;
    }     

    .compact div.block {
        clear: both;
        float: left;
        margin: 0.5em 0;
        padding: 1%;
        width: 100%;
    }

    .compact div.block.comment {
      clear: both;
      width: 100%;
    }
    .box.comment {
      height: 2em;
    }    
           
}    


body.page-on-edit {
background: #FFFFFF;
}

#debug {
    clear: both;
}



/** TYPO FIX */




.content-embed-trigger {
 clear: none; 
}

/*  Menu stuff full screen */

@media (min-width : 1024px) {

.open-plus{
    display:none;
}

    .wrap-dat-nav {
        max-width: none;
    }

    .navbar-desktop {
       
        text-align: center;
    }
    .navbar-desktop.menu-one {
        margin-bottom: 0px;
    }
    .navbar-desktop.menu-two {
        border-top: 1px solid #FFFFFF;

    }
   
    .navbar-inverse {
        border: 0 none;
        display: inline-block;
    }
    .menu-one-wrap {
        display: inline-block;
        height: auto;
        position: relative;
        text-align: center;
        vertical-align: bottom;
        max-width: 1325px;
        padding: 0;
        width: 100%;
    }
    .nav.navbar-nav.one {
        position: relative;
    }

    .nav.navbar-nav.one {
        position: relative;
        background: #3968b2;
        max-width: 1325px;
        width: 100%;
    }


  
    .nav li {


    }

    .nav li.first {

    }


    .nav li.last {

    }

    .nav.one li {
        height: auto;
    }


  .nav.two li {
      height: auto;
  }
  
 

}
.content-tipafriend .block.wide {
  width: 100%;
}
.nav.one li.mega-menu {
    position: static;
}

.nav-wrap .menu-column-wrap {
    white-space: normal;
}

.nav.one li .helper-menu {
    display: none;
}

.nav.one li .helper-menu.active {
    display: block;
}

.nav.one  li .helper-menu > ul.menu-depth-1  { 
position: absolute;
background: #fff;
left: 0;
right: 0;
margin: 0;
text-align: center;

    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    display:-ms-flexbox;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    flex-wrap:wrap;
    list-style:none;
    width:100%;
    z-index: 10000;
        
}

.nav.one  li.mega-menu .helper-menu > ul.menu-depth-1{
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 1);
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 1);
}

.basic-menu li
{
    background-color: #3968b2;
}

.nav.one li .helper-menu  ul.menu-depth-1 > li { 
float: left;
list-style-type: none;
    -ms-flex:1 1 auto;
    -webkit-box-flex:1;
    -webkit-flex:1 1 auto;
    flex:1 1 auto;
    position:static;
}

.nav.one li .helper-menu  ul.menu-depth-1 > li > a { 
    -ms-flex-align:center;
    -ms-flex-pack:center;
    -webkit-align-items:center;
    -webkit-box-align:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    align-items:center;
    color:#333;
    display:-ms-flexbox;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    justify-content:left;
    padding:0;
    text-decoration:none;
        margin-left: 20px;
    margin-right: 20px;
    line-height: 40px;
}

@media  (max-width: 1024px) {
.nav.one li .helper-menu  ul.menu-depth-1 > li > a { 
    justify-content:left !important;
}
}

@media  (min-width: 1024px) {
.nav.one  li.mega-menu  .helper-menu ul.menu-depth-1 > li > a{
    line-height:72px;
}
}

.nav.one  li.basic-menu  .helper-menu ul.menu-depth-1 > li > a
{
    -webkit-justify-content: flex-start;
    justify-content:left;
        min-width: 270px;
        color: #fff;
}
.nav.one li .helper-menu  ul.menu-depth-1 > li:hover > a,
.nav.one li .helper-menu  ul.menu-depth-1 > li > a:hover{
    color: #fff;
}


.nav.one li .helper-menu ul.menu-depth-1 .menu-column-wrap { 
position: absolute;
left: 0;
width: 100%;
background: #fff;
text-align: left;
padding-top: 10px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding-bottom: 40px;
display: none;
text-align: left;
    -webkit-box-shadow: 0px 10px 10px 0px rgba(50, 50, 50, 1);
    -moz-box-shadow: 0px 10px 10px 0px rgba(50, 50, 50, 1);
    box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 1);
}

.nav.one li .helper-menu ul.menu-depth-1 .menu-column-wrap.active {
display: block;
} 

.nav.one li .helper-menu ul.menu-depth-1 .menu-column-wrap  ul.menu-depth-2 .menu-section {
    width: 25%;
    margin: 0;
    float: left;
    padding: 0px 10px 0 10px;
    border-right: 1px solid #ccc;
    text-align: center;
    text-align: left;
}

.nav.one li .helper-menu ul.menu-depth-1 .menu-column-wrap  ul.menu-depth-2 .menu-section:last-child { 
    border-right: 0 none;
    text-align: left;
}
.nav.one li .helper-menu ul.menu-depth-1 .menu-column-wrap  ul.menu-depth-2 {
    display: inline-block;
    margin: 0;
    width: 100%;
    list-style-type: none;
    text-align: left;
}

.menu-depth-2 a:hover{
    color: #fff;
}

.nav.one li .helper-menu ul.menu-depth-1 .menu-column-wrap  ul.menu-depth-2 li {
    float: none;
    line-height: 21px;    
    padding: 5px;
    text-align: left;
}


.nav.one li .helper-menu  ul.menu-depth-1 .menu-column-wrap  ul.menu-depth-2 li a.bolder{
    font-weight: bold;
}


.nav.one li .helper-menu ul.menu-depth-1 .menu-column-wrap  ul.menu-depth-2 li ul.menu-depth-3 {
    list-style-type: none;
    margin-top: 0px;
    margin-left: 0.5em;
}

.nav.one li .helper-menu ul.menu-depth-1 .menu-column-wrap  ul.menu-depth-2 li ul.menu-depth-3 li:hover {
    color:#fff;
}


.nav.one li .helper-menu ul.menu-depth-1 .menu-column-wrap  ul.menu-depth-2 li ul.menu-depth-3 li ul.menu-depth-4 {
        list-style-type: none;
        margin-top: 0px;
        margin-left: 0.5em;
}    



/*  Left Subnavi  */

.subNavi {
    margin-bottom: 20px;
}

.subNavi {
}
.subNavi ul > li > a {
    width: 100%;
    display: block;
    position: relative;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    color: #333;
    /* text-shadow: 0px 1px 0px rgba(0,0,0,.5); */
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.875em;
}
.subNavi ul, .subNavi ul li {
list-style-type: none;
margin: 0;
}
.subNavi ul li a {
padding-top: 5px;
padding-bottom: 5px;
}
/*
.subNavi ul li:nth-child(even){
    background-color: #e0f3fd;
}
.subNavi ul li:nth-child(odd){
    background-color: #c6eafa;
}
*/
a.main-cat {
    background-color: #6993cd;
    color: #fff;
}

.side-menu-d3{
    background-color: #c6eafa;
}

.subNavi ul li a:hover {
    background: #abcef9;
}   
.subNavi a {
    display: block;
}
/*
ul.side-menu-d2 {
    display: none;

}

ul.side-menu-d3 {
    display: none;

}

ul.side-menu-d4 {
    display: none;  

}
*/


ul.side-menu-d1 li  a {
padding-left: 35px;
line-height: 20px;
}

.first-node{
    margin-bottom: 20px !important;
}

ul.side-menu-d2 li  a {
padding-left: 35px;
/*font-size: 0.8em;
background-color: #f9f9f9;*/
}

.side-menu-d2 li:nth-child(even){
    background-color: #c6eafa;
}
.side-menu-d2 li:nth-child(odd){
    background-color: #e0f3fd;
}

.side-menu-d3 li{
    background-color: #e0f3fd !important;
}

ul.side-menu-d3 li a {
padding-left: 80px;
}

ul.side-menu-d4 li a {
padding-left: 100px;
}
.sub-open {
    display: block;
}

ul.side-menu-d2.sub-open, ul.side-menu-d3.sub-open, ul.side-menu-d4.sub-open {
    display: block;
}


/* navi oldie

.nav.one li .menu-column-wrap .menu-section {
    float: left;
    padding: 5px;
    width: 25%;
}

.nav.one li .menu-column-wrap .menu-section ul {
    margin: 0;
    list-style: none;
    text-align: left;
}

.nav.one li .menu-column-wrap .menu-section .menu-depth-1 {
    
}

.nav.one li .menu-column-wrap .menu-section .menu-depth-1 li a {
    word-wrap: break-word;
    font-size: 14px;
    text-transform: uppercase;
}

.nav.one li .menu-column-wrap .menu-section .menu-depth-2 {
    
}
.nav.one li .menu-column-wrap .menu-section .menu-depth-3 {
    margin-left: 9px;
}
.nav.one li .menu-column-wrap .menu-section .menu-depth-4 {
    margin-left: 9px;   
}

.nav.one li .menu-column-wrap .menu-section .menu-depth-2 li a {
    font-weight: normal;
    text-transform: none;
    font-size: 14px;    
}
.nav.one li .menu-column-wrap .menu-section .menu-depth-3 li a, .nav.one li .menu-column-wrap .menu-section .menu-depth-4 li a {
    font-weight: normal;
    font-size: 13px;
    text-transform: none;
}

*/

  .box.comment {
    height: 4em;
  }

div.message-feedback {
    border:0 none;
}

.message-feedback .aurinkoa-wrap {
    position: relative;
    text-align: center;
}
.message-feedback .aurinkoa {

}

.message-feedback .pop-thnx {

}    

div.message-feedback {
    background-color: #ffffff;
}

.toolbar-active .fixed-gear {
    margin-top: 50px;
}


.footer-col.last-col ul {
    list-style: none;
    padding:0;
    margin:0;
    margin-top:3px;
}

.footer-col.last-col ul li {
    padding-left: 1em; 
    text-indent: -.7em;
}


.footer-col.last-col ul li:before {
    content: "• ";
    color: red; 
}


.bring-me-latte .border-box .border-ml {
    margin-top: 100px;
}

.media-body .bring-me-latte {
    margin-top: 100px;
}

/* uutisia kannattaja */

.news-support {
    display: inline-block;
    width: 100%;
}

.news-support  .atr-img img {
    float:right;
}
.clear {clear: both;position: relative;}

/* ABC List */
.full-article.extra-class-abc{
    margin-top: 30px;
}
.companies.abc-list {
    clear: both;
    float: left;
}
.click-to-open {
    display: none;
    clear: both;
}
.click-to-open div {
    margin: 0 10px;
    margin-bottom: 30px;
}
.company-header.hidden-company {
background-color: #ABCCFF;
}

p.open-trigger {
    display: inline-block;
    float: left;
}

.comp-edit-list-view.position-absolute {
    position: relative;
    float: left;
    font-size: 13px;
    right: inherit;
    padding: 0px 6px;
    margin-left: 15px;
}
.company.small-margin-bottom {
    margin-bottom: 0px;    
}
.alpha-section-list {
    display: inline-block;
    width: 100%;
}

.relative-wrap {
    float: left;
    position: relative;
    margin: 0;
    width: 100%; 
}

.absolute-wrap {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.fixed-navi-bottom {
    position:fixed;
    width:inherit;
    background-color:#6993cd; 
    bottom: 0;
    z-index: 15;
}
.fixed-navi-bottom.collapse {
    display: block;
}

.fixed-navi-bottom ul li a {
    display: block;
    color: white;
    padding: 4px;
    font-size: 1.5em;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;   
    text-decoration: none; 
 }

.fixed-navi-bottom ul {
    margin: 5px 0px 5px 25px;
    padding: 0;
    display: table;
    width: 95%;

}

 .fixed-navi-bottom ul li {
    list-style-type: none;
    display: table-cell;
 }

.fixed-navi-bottom.hoax {
    width: 100%!important;
    left: 0;
    height: 35px;
    z-index: 10;
}    

.navbar-header.bottom span {
    display: none;
}


@media (min-width : 667px) and (max-width : 1024px) {
    .relative-wrap.hoax {
        display: none;
    }
    .navbar-header.bottom {
        position: fixed;
        bottom: 0;
        z-index: 20;
        right: 0;
        display: none;
    }

    .fixed-navi-bottom ul {
        margin: 0;
        padding: 0;
        /* display: inherit; */
        width: 100%;
    }  
    .fixed-navi-bottom ul li {
        list-style-type: none;
        /*display: inherit;
        float: left;*/
    }      
    .fixed-navi-bottom ul li a {
        display: block;
        color: white;
        padding: 5px;
        font-size: 1.5em;
        font-family: 'Ubuntu', sans-serif;
        font-weight: 300;
        text-decoration: none;
    }    
    .fixed-navi-bottom.collapse {
        display: block;
        width: 100%!important;
        left: 0;
        right: 0;
    }
}

@media (min-width : 180px)and (max-width : 667px) {
    .relative-wrap.hoax {
        display: none;
    }
    .navbar-header.bottom {
        position: fixed;
        bottom: 0;
        z-index: 20;
        right: 0;
    }

    .fixed-navi-bottom ul {
        margin: 0;
        padding: 0;
        display: inherit;
        width: 100%;
    }  
    .fixed-navi-bottom ul li {
        list-style-type: none;
        display: inherit;
        float: left;
    }      
    .fixed-navi-bottom ul li a {
        display: block;
        color: white;
        padding: 13px;
        font-size: 1.5em;
        font-family: 'Ubuntu', sans-serif;
        font-weight: 300;
        text-decoration: none;
    }    
    .fixed-navi-bottom.collapse {
        display: none;
    }
    .navbar-header.bottom span {
        display: block;
    }    

}