html, body {
    height: 100%;
    margin: 0px;
    font-size: 13px;
}
    
body {
    background-color: #f8f7f4;
    padding-top:0;
    font-size:16px;
}

.strong {
    font-weight: bold;
}

.navbar {
    background-color: rgba(255,255,255,0.7);
    border-bottom: 1px solid #EBE6DB;
    margin-bottom: 0;
}

.sourcetext {
    font-size: 12px;
}


.navbar img {
    height: 30px;
    margin: 10px 0;
}
.navbar-header {
    float: none;
    padding: 0;
    margin: 0;
}
.info-text {
    padding-left: 0;
    padding-right: 30px;
}



h1{
    font-family: 'aleoregular';
    font-size: 50px;
    font-weight: normal;
    color: #474747;
    line-height: 55px;
    margin-top: 33.5px;
    margin-bottom: 10px;
}
h2 {
    line-height: 1.4;
    font-size: 20px;
    font-weight: normal !important;
    margin-top: 2.6px;
    margin-bottom: 6.5px;
    border: none !important;
}
p {
    font-family: inherit;
    font-weight: normal;
    font-size: 1.2rem;
    line-height: 1.4;
    margin-bottom: 1.53846rem;
    text-rendering: optimizeLegibility;
}

#last-info {
    font-size: 0.92308rem;
    text-align: center;
    color: #adadad;
    margin-top: 20px;
    padding-bottom: 5px;
}

#last-info a {
    color: #adadad;
	text-decoration: none;
}

/******************************************************************
social media icon styles
******************************************************************/
.last-module .social {
    display: inline;
    float: left;
    font-size: 2.46154rem;
    margin-right: 0.38462rem;
}

.social-nav {
    height: 30px;
    float: left;
    text-align: center;


}

.social-nav ul {
    display: inline-block;
    overflow: hidden;
    list-style: none;
    margin: 0;
}
.social-nav li {
    font-size: 2.46154rem;
    margin-right: 25px;
    float: left;
}

.social-nav li a {
    color: #ed3136;
}
.social-nav li a:hover {
    color: #333333;
}

.icon-linkedin:before  {  content: "\e61b";}
.icon-google-plus:before  {  content: "\e61c";}
.icon-facebook:before  {  content: "\e61d";}
.icon-twitter:before  {  content: "\e61e";}



/*********************
FOOTER STYLES
*********************/
.last-module .full-teaser {
    background-color: #ed3136;
    min-height: 20px;
}


.last-module {
    background-color: #333333;
    color: #adadad;
    /* margin-top: 20px; */
    padding-bottom: 30px;
}

.last-module .row {
    padding-top: 0.76923rem;
    padding-bottom: 0.76923rem;
}

.last-module a {
    font-size: 0.92308rem;
    color: #adadad;
}
.last-module .sub-last-module {
    margin-top: 0px;
}

.last-module .sub-last-module {

    border-bottom: 1px solid #858585;
    font-size: 0.84615rem !important;
    padding: 1.53846rem 0.38462rem;
}

.last-module .headline {
    color: white;
    border-bottom: solid 1px #858585;
    width: 80%;
    margin-bottom: 0.76923rem;
    font-size: 0.92308rem;
    padding-top: 0.76923rem;
}

.last-module .sub-last-module ul, .last-module .sub-last-module a {
    font-size: 0.84615rem;
}
.last-module ul {
    list-style: none;
    margin-left: 0 !important;
}
.last-module .large-block-grid-2 > li {
    padding-left: 0.38462rem;
    padding-right: 0rem;
    padding-bottom: 0;
}
.last-module .list-with-separator {
    margin-bottom: 0;
}
.last-module a.last-module-link:hover, .last-module a.last-module-link:focus {
    color: white;
    text-decoration: underline;
}

.last-module .list-with-separator li {
    border-left: solid 1px #858585;
    padding-left: 7px;
    padding-right: 7px;
}
.last-module .list-with-separator li:first-child {
    border-left: none;
    padding-left: 0;
}

.last-module .cancel-left-margin {
    margin-left: 0 !important;
}
.last-module .international {
    padding-top: 1.53846rem;
    font-size: 0.84615rem;
}
.last-module .international a {
    font-size: 0.84615rem;
}
.last-module .flags .inline-list {
    float: right;
}
.last-module .flag {
    background-image: url('../img/countries.png');
    background-repeat: no-repeat;
    width: 22px;
    height: 40px;
}

.last-module .flags {
    float: right !important;
}
.last-module .flag span {
    line-height: 55px;
}
.last-module .flag.germany {
    background-position: 0 0;
}
.last-module .flag.france {
    background-position: -49px 0;
}
.last-module .flag.brazil {
    background-position: -100px 0;
}
.last-module .flag.spain {
    background-position: -149px 0;
}
.last-module .flag.rusia {
    background-position: -200px 0;
}
.last-module .flag.unitedStates {
    background-position: -249px 0;
}
.footer {
    clear: both;
}
.extra-top {
    position: relative;
    top: 7px;
}

.icon-arrow-up:before {
    content:"\e606";
}

.icon-arrow-down:before {
    content:"\e607";
}

.icon-arrow-right:before {
    content:"\e608";
}

.icon-arrow-left:before {
    content:"\e609";
}


.accordion dd>a, .accordion dd>a:hover {
    background: none;
    padding: 0;
}
.last-module .accordion .content.active {
    background: none;
}
.clearing-assembled.clearing-blackout a:hover {
    background: none; }






.buttonBox{
    width:50px;
    position:fixed;
    overflow:visible;
    z-index: 2000;
    position: fixed;
    top:100px;
}

.sideButtons ul li{
    float:none;
}



.sideButtons .rrssb-buttons.tiny-format li.rrssb-twitter a {
    background-color:#26c4f1;
}

.sideButtons .rrssb-buttons.tiny-format  li.rrssb-facebook a {
    background-color:#306199;
}

.sideButtons .rrssb-buttons.tiny-format li.rrssb-reddit a {
    background-color:#8bbbe3;
}

.sideButtons .rrssb-buttons.tiny-format li.rrssb-linkedin a {
    background-color:#007bb6;
}

.sideButtons .rrssb-buttons.tiny-format li.rrssb-googleplus a {
    background-color:#e93f2e;
}

.sideButtons .rrssb-buttons.tiny-format li.rrssb-pinterest a {
    background-color:#b81621;
}

.sideButtons .rrssb-buttons.tiny-format li a .rrssb-icon svg{
    height:17px;
    width:17px;
    

}

.sideButtons .rrssb-buttons.tiny-format li a .rrssb-icon svg path{


    fill:#fff;

}

.sideButtons .rrssb-buttons.tiny-format li a .rrssb-icon svg polygon{


    fill:#fff;

}

.sideButtons .rrssb-buttons.tiny-format{
    height:36px;
    margin-top:5px;
}



@media(max-width:1100px){
    .buttonBox{
        display:none;
    }
}
.sourceRow{
    margin-top:10px;
    border-bottom-color:#858585;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

#click-sources{
    font-size:12px;
    color:#fff;
}

#click-sources:hover {
    cursor: pointer;
}

#click-arrow {
    margin-left: 8px;
    font-size: 12px;
    display:inline;
    height:5px;
}


#sources{
    font-size:11px;
    color:#333333;
    margin-bottom:40px;
}

#sources p{
    margin-bottom:3px;
    font-size:11px;
    color:#fff;
}


@media(max-height:600px){
    
.main{
    height:auto;
}
}
.main .phone-wrapper {
    position: relative;
    top: -50px;
    height: 100%;
    margin: 0 auto;
    //width: 20%;
    //max-width:500px;
    text-align:center;
    padding-bottom: 30px;
    min-width:300px;
    min-height:600px;
    
   
}

#phone-container{
    /* left: 40%; */
    overflow: hidden;
    position:relative;
    //max-width:400px;
    height:100%;
    width: 100%;
    margin-left:auto;
    margin-right:auto;
    min-width:300px;
    min-height:600px;
    
}

#phone-back{
    position:absolute;
    top:0px;
    left: 50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);  
        height:100%;
     min-width:300px;
    min-height:600px;
}

#phone-container #phone-img{
    position:absolute;
    top:0px;
    left: 50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    height:100%;
     min-width:300px;
    min-height:600px;
}


#phone-content{
    position: absolute;
    top: 12%;

    width: 100%;
    height: 75.8%;
}

.screen-element{
    display:none;
    width:100%;
    
    visibility: hidden;
    display: none;
    overflow: hidden;
}

#apps {
    overflow: hidden;
    padding-top: 5%;
}
.twitterBox{
    padding: 10px;
    height: 100%;
   overflow:hidden;
}

.active{
    padding-left: 6.5%;
    padding-right: 8%;
    padding-bottom: 1%;
    position: absolute;
    display:block;
    visibility: visible;
    height:100%;
}
.launching {
    opacity: 0;
}



[class*="column"] + [class*="column"]:last-child {
   float:left;
}
.phone-wrapper{
    width:auto;
}

.iconBox div a img{
    height:auto !important;
    width:auto !important;
}

#startbutton{
    position:absolute;
    top:87%;
    width:26%;
    left:36%;
    right:38%;
    height:13%;
}

iframe {
        min-width: 100%; 
        width: 100px;
        *width: 100%; 
    }

#startbutton:hover{
    cursor:pointer;
}


/*SIRI*/
#scr5{
    /* margin-top:-1%; */
    /* margin-left:-6%; */
    /* margin-right:-4%; */
}

#mic-button{
    position:absolute;
    top:87%;
    width:26%;
    left:36%;
    right:38%;
    height:13%;
}

#mic-button:hover{
    cursor:pointer;
}

/*GALLERY*/
#galleryHeader{
    background:#F8F8F7;
    padding:10px;
    padding-top:15px;
    /*border-bottom-color: #F0EFED;
    border-bottom-width: 0.5%;
    border-bottom-style: solid;
    margin-bottom:10px;*/
}

#galleryArrow{
    position:absolute;
    left: 5%;
    height:22px;
    margin-top:-3px;
   
}

#galleryArrow:hover{
    cursor:pointer;
}

#galleryHeaderBottom{
    background-color:#F0EFED;
    height:0.2%;
    width:100%;
    margin-bottom:5%;
}

#galleryInfo{
    position:absolute;
        bottom:0;
        text-align:center;
        width:100%;
        margin-bottom:10%;
}

.galleryBox{
    position:relative;
    width:100%;
    height:100%;
    background:#fff;
}

.galleryCell{
     display: block;
    overflow: hidden;
    height: 14.1%;
    width: 24.6%;
    float:left;
    margin:0.2%;
  
}

.galleryCell:hover{
    cursor:pointer;
}



.galleryCell img{
     display: block; /* Otherwise it keeps some space around baseline */
    min-width: 150%;    /* Scale up to fill container width */
    min-height: 100%;   /* Scale up to fill container height */
    -ms-interpolation-mode: bicubic; /* Scaled images look a bit better in IE now */
    margin-left:-20%;
}


#bigImage{
    display:none;
    position:absolute;
   top:0;
   width:100%;
   height:100%;
}

#bigImage img{
    position:absolute;
    bottom:0;
    top:0;
    left:0;
    right:0;
    margin:auto;
}


/*DATA APP*/
.dataBox{
    height:100%;
    overflow-x:hidden;
}

#chartTitle{
    font-size:24px;
    font-weight:bold;
    margin-bottom:-5%;
    margin-top:5%;
    margin-left:5px;
    margin-right:5px;
}


.chartText{
    text-align: left;
    padding-left:5px;
    padding-right:5px;
    margin-bottom:15%;
    margin-top:5%;
}


.siriBox {
    position: relative;
}

.siriTalk {
    font-size: 1em;
    position: absolute;
    padding: 4%;
    width: 100%;
    top: 15px;
    color: #fff;
    text-align: right;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
}

.siriQ {
    font-size: 100%;
    line-height: 1.2;
}

 .siriQ2 {
    margin-top: 0;
    margin-bottom: 3%;
    font-size: 80%;
    color: #ccc;
    padding-right: 5px;
    visibility: hidden;
    
}

.siriQ2.lastone {
    margin-top: 3%;
    visibility: visible;
    margin-bottom: 8%;
}

.siriA {
    font-size: 100%;
    text-align: left;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 10%;
}

/*START SCREEN*/
#start-screen-wrapper{

    top:0;
    position:absolute;
    height:100%;
    width:85.5%;
    margin-left:6.7%;
    margin-right:10%;
    overflow:hidden;
    
}


#startTitle{
    margin-left:5%;
    margin-right:5%;
    display: none;
    position:absolute;
    top:20%;
    width:90%;
}

#startTitle h1{
    color:#fff !important;
}

#startTitle h2{
    padding-right: 10%;
    padding-left: 10%;
    color:#fff !important;
}

#startTitle:hover{
    cursor:pointer;
}

#well h2:before {
    font-size: 35px;
    font-family: FontAwesome;
    content: "\f105";
    vertical-align: sub;
    padding-right: 5px;
}

#scr1 {
    position: relative;

}
.countBox{
    opacity: 0;
    color: #000;
    text-align: center;
     font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

#well {
    opacity: 0;
    position: absolute;
    bottom: 5%;
    left: 50%;
    margin-left: -75px;
}
.smallNumber1 {
    margin-top: 28%;
}
.smallNumberInfo {
    position: absolute;
    left: 50%;
    top: 30%;
    margin-left: -110px;
}


.small-nav{
    display:none;
}

#well h2 {
  font-size: 20px;

  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
  padding: 0;
  width:auto;
  //color:#000;
  
  
}


.videoBox {
    padding-top: 50%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
}

.header .header-logo.logo-small {
    background-size: 80% !important;
}

.logo {
    z-index: 1000;
    position: relative;
}

.whiteSpace .rrssb-buttons {
    overflow: hidden;
}



.whiteSpace{
    background:#333;
    padding-top:20px;
}
.whiteSpace .row{
    padding:5px;
    padding-top:10px;
    padding-bottom:10px;
}

.bottomText{
    font-size:12px;
    color:#fff;
}






.smallNumber1, .smallNumber2, .smallNumber3 {
    padding-top:20px;
    font-size: 45px;
}

.smallNumberInfo{
    font-size:20px;
}
.number{
    font-size:80px;
}

.numberInfo{
    font-size:30px;
}







/*
MEDIUM
*/

@media only screen and (min-width: 40.063em) {
    /******************************************************************
    Styles apply to 40.063em and up.
    ******************************************************************/



    .last-module .flags .inline-list {
        float:none!important;
        display:table;
        margin:20px auto 0!important;
    }

    .last-module .text-to-right {
        text-align: right !important;
    }

    .last-module .accordion .content {
        display: block; 
        padding: 0; 
        padding-left: 0.38462rem;
    }

    .last-module .sub-menu {
        display: block !important;
        margin-left: 0;
        padding: 0; 
        padding-left: 0.38462rem;
    }



}

/* SMALL */
@media only screen and (max-width: 64.063em) {


    .scroll-wrapper {
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
        white-space: nowrap;
        width: 100%;
        }

    .scroll-wrapper iframe{
    height: 100%;
    min-width: 100%;
    width: 100px;
    *width: 100%;
}

}

/* SMALL */
@media only screen and (max-width: 40em) {






    .last-module .flags .inline-list {
        float:none!important;
        display:table;
        margin:20px auto 0!important;
    }

    .last-module .text-to-right {
        text-align:right!important;
    }

    .last-module .accordion-level-1 {
        background-color:#333;
        border-bottom:solid 1px #858585;
        padding-bottom:0;
        padding-left:0;
        padding-right:0;
    }

    .last-module .accordion-level-1 .link-level-1 {
        position: relative;
        background: none;
        height: 40px;
        color: #f8f7f4;
        font-size: 1.38462rem;
        border-bottom: solid 1px #858585;
        z-index: 2;
    }


    .last-module .accordion-level-1 ul, .last-module .accordion-level-1 li, .last-module .accordion-level-1 ul li, .last-module .accordion .content.active {
        margin: 0;
        padding: 0;
        float: none !important;
    }

    .last-module .accordion-level-1 ul {
        position: relative;
        z-index: 2;
    }

    .last-module .sub-last-module ul, .last-module .sub-last-module a {
        font-size:1.38462rem;

    }

    .last-module .sub-menu {

        width: 100%;
    }


    .last-module .sub-menu ul,.last-module .sub-menu li {
        text-align:center;
        width:100%;
        margin:0;
        padding:0;
    }

    .last-module .accordion-level-2 {
        border-bottom:solid 1px #858585;
        line-height: 42px;
    }



    .last-module .sub-menu li a {
        line-height: 42px;
        font-size: 1.38462rem;
    }

    .last-module .icon-arrow-down,.last-module .icon-arrow-up {
        color:#FFF;
        position:absolute;
        right:0;
        margin:.76923rem 3.84615rem 0 0;
    }
    .arrow {
        margin-right: 1.53846rem !important;
    }
    .last-module .accordion-level-2 {
        background-color:#474747;
        text-align:center;
        font-size:1.38462rem;
    }

    .last-module .accordion-level-2 .link-level-2 {
        position:relative;
        color:#adadad;
        font-size:1.38462rem;
        z-index:2;
    }

    .last-module .accordion-level-2 ul li {
        background-color:#5c5c5c;
    }


    .social-nav {
        width: 100%;
    }
    .social{
        height:42px;
        width:42px;
        text-align:center;
    }

    .social-media{
        /* width:188px; */
        margin-left:auto;
        margin-right:auto;
    }

    .icon-linkedin:before { font-size:30px; }
    .icon-google-plus:before  { font-size:30px;}
    .icon-facebook:before  {  font-size:30px;}
    .icon-twitter:before  { font-size:30px;}



}

/*
LARGE
*/
@media only screen and (min-width: 64.063em) {
    /******************************************************************
    
    Stylesheet: Large Stylesheet
    Styles apply to 64.063em and up.
    
    ******************************************************************/
    .last-module .flags .inline-list {
        float:right!important;
        display:block;
        margin:0 !important;
    }





    /*********************
    FOOTER STYLES
    *********************/
    /*
    you'll probably need to do quite a bit
    of overriding here if you styled them for
    mobile. Make sure to double check these!
    */
    .footer-links ul li {
        /*
        be careful with the depth of your menus.
        it's very rare to have multi-depth menus in
        the footer.
        */ }

    /* end .footer-links */
    /*********************
    FOUNDATION STYLES
    *********************/
    /*********************
    PLUGIN STYLES
    *********************/ }
/*
XLARGE
*/
@media only screen and (min-width: 90.063em) {
    /******************************************************************
    
    Stylesheet: X-Large Stylesheet
    
    Styles apply to 90.063em and up.
    
    
    ******************************************************************/ }
/*
XXLARGE
*/
@media only screen and (min-width: 120.063em) {
    /******************************************************************
    
    Stylesheet: XX-Large Stylesheet
    
    Styles apply to 120.063em and up.
    
    ******************************************************************/ }
/*
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    /******************************************************************
    Site Name: 
    Author: 
    
    Stylesheet: Retina Screens & Devices Stylesheet
    
    When handling retina screens you need to make adjustments, especially
    if you're not using font icons. Here you can add them in one neat
    place.
    
    ******************************************************************/
    /* 
    
    EXAMPLE 
    Let's say you have an image and you need to make sure it looks ok
    on retina screens. Let's say we have an icon which dimension are
    24px x 24px. In your regular stylesheets, it would look something
    like this:
    
    .icon {
      width: 24px;
      height: 24px;
      background: url(img/test.png) no-repeat;
    }
    
    For retina screens, we have to make some adjustments, so that image
    doesn't look blurry. So, taking into account the image above and the
    dimensions, this is what we would put in our retina stylesheet:
    
    .icon {
      background: url(img/test@2x.png) no-repeat;
      background-size: 24px 24px;
    }
    
    So, you would create the same icon, but at double the resolution, meaning 
    it would be 48px x 48px. You'd name it the same, but with a @2x at the end
    (this is pretty standard practice). Set the background image so it matches
    the original dimensions and you are good to go. 
    
    */ }
/*
iPHONE 5 MEDIA QUERY
Want to get fancy for no good reason? Knock yourself out.
*/
/*
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*/
@media print {
    /******************************************************************
    
    Stylesheet: Print Stylesheet
    
    This is the print stylesheet. There's probably not a lot
    of reasons to edit this stylesheet. If you want to
    though, go for it.
    
    ******************************************************************/
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important; }

    a, a:visited {
        color: #444444 !important;
        text-decoration: underline; }
    a:after, a:visited:after {
        content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
        content: " (" attr(title) ")"; }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""; }

    pre, blockquote {
        border: 1px solid #999999;
        page-break-inside: avoid; }

    thead {
        display: table-header-group; }

    tr, img {
        page-break-inside: avoid; }

    img {
        max-width: 100% !important; }

    @page {
        margin: 0.5cm; }

    p, h2, h3 {
        orphans: 3;
        widows: 3; }

    h2,
    h3 {
        page-break-after: avoid; }

    .sidebar,
    .page-navigation,
    .wp-prev-next,
    .respond-form,
    nav {
        display: none; } }





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

[class^="icon-"]:hover, [class*=" icon-"]:hover  {
    text-decoration: none !important;
}

@font-face  {
    font-family: 'bonial';
    src: url('../fonts/bonial.woff') format("woff"), url('../fonts/bonial.ttf') format("truetype");
}

@font-face  {
    font-family: 'aleobold';
    src: url('../fonts/aleo-regular.woff') format("woff"), url('../fonts/aleo-regular.ttf') format("truetype");
}

.font-tiny  {
    font-size: 0.69231rem !important;
    line-height: 0.69231rem;
}

.font-small  {
    font-size: 0.84615rem !important;
    line-height: 0.84615rem;
}

.font-medium  {
    font-size: 1rem !important;
    line-height: 1rem;
}

.font-medium-footer  {
    font-size: 0.92308rem !important;
    line-height: 0.92308rem;
}

.font-large  {
    font-size: 1.69231rem !important;
    line-height: 1.69231rem;
}

.icon-tiny  {
    font-size: 0.76923rem !important;
    line-height: 0.76923rem;
}

.icon-small  {
    font-size: 1.23077rem !important;
    line-height: 1.23077rem;
}

.icon-medium  {
    font-size: 1.69231rem !important;
    line-height: 1.69231rem;
}

.icon-big, .icon-large  {
    font-size: 2.46154rem !important;
    line-height: 2.46154rem;
}


@media only screen and (max-width: 40em) {
    .navbar {
        background-color: rgba(255,255,255,0.7);
    }
    .last-module .social {
        float: none !important;
        font-size: 2.15385rem !important;
        text-align: center;
    }
    .last-module .sub-menu li {
        border-bottom: solid 1px #858585;
        padding-right: 0;
        margin-right: 0;
    }
    .last-module .sub-last-module {
        border-top: 0 !important;
        padding-top: 0.76923rem;
    }
}

@media(max-width:950px){
    .navbar{
        padding-left: 40px;
    }
}


@media(max-width:800px){
    .navbar{
        padding-left: 40px;
    }

    
    .small-nav{
        display:block;
        width:115%;
        margin-left:-7%;
        z-index:-10;
    
}


#small-back{
    position:absolute;
    top:0;
    height:59px;
    background-color:rgba(255,255,255,0.4);
        border-bottom: 1px solid #EBE6DB;
        width:100%;
}

#small-back{
    display:none;
}

.small-logo{
    width:200px;
    padding:10px;
}
.smallNumber1{
    margin-top:20%;
}

.smallNumberInfo {
    top:37%;
}
}

@media (max-width:640px){
    .rrssb-text{
        font-size:12px !important;
    }

    .arrowdown {
        display: none;
    }

}


/* STICKY FACEBOOK SHARING BUTTON*/
#sticky-sharing-wrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 17px 0;
    z-index: 1000;
    background: #fff;
    border-top: 1px solid #e0d6cc;
    display: none;
    box-sizing: border-box;
    height: 60px;
}

.share-button {
    box-sizing: border-box;
    text-align: center;
    display: block;
}

.share-text-wrapper {
    display: inline-block;
    box-sizing: border-box;
    width: 90%;
}

.share-button > a.fb-share {
    color: #ffffff;
    background-color: #4b68b9;
    border-color: #3b55a0;
    background-image: -webkit-linear-gradient(top, #4b68b9 0%, #3b55a0 100%);
    background-image: -o-linear-gradient(top, #4b68b9 0%, #3b55a0 100%);
    background-image: linear-gradient(to bottom, #4b68b9 0%, #3b55a0 100%);
    background-repeat: repeat-x;
    background-size: 100%;
    background-position: 0 0;
    text-shadow: 0 -1px 0 #3b55a0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    z-index: 1;
    font-family: "Segoe UI", "Avenir Next", "Helvetica Neue", Arial, sans-serif;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    padding: 12px 10px;
    line-height: 1.3em;
    font-weight: 500;
    cursor: pointer;
    font-size: 1.5em;
}

.share-button > a.fb-share > span > svg {
    fill: #FFF ;
    margin-right: 6px;
}