/* 

Theme Name: Appress
Version: 1.0
Author: Ángel Pérez

*/

/************************ GLOBAL ************************/
    ul
    {
        -webkit-padding-start:0;
        list-style: none;
        margin-bottom:0;
    }

    a:focus,a:hover
    {
        color:inherit;    
    }

    .btn-padding
    {
        padding:5px 15px;
        background:#333;
        color:white;
        margin:0 8px;
        display:inline-block;
        text-transform:uppercase;
        font-family: 'Roboto';
        font-size: 16px;
        color: #ffffff;
        cursor:pointer;
        -webkit-transition:0.6s all ease;
        transition:0.6s all ease;
    }

    .btn-padding:hover
    {
        padding:15px;
    }


    .btn-padding:hover,.btn-padding:visited,.btn-padding:focus
    {
        color:white;
    }

    p
    {
        font-family:'Roboto';
    }

    h1,h2,h3,h4,h5,h6
    {
        font-family: 'Merriweather';
    }


/************************ TAGS ************************/



/************************ HEADER & MENU ************************/

.menu-full
{
    width:100%;
    padding:15px 0;
    z-index:300;
    left:0;
    top:0;
    width:100%;
    position:fixed;
    -webkit-transition:0.6s all ease;
    transition:0.6s all ease;
}

.menu-full:before
{
    /*content:'';*/
    width:100%;
    height:50px;
    top:0;
    left:0;
    position:absolute;
    background:rgba(120,120,120,0.4);
   -webkit-filter: blur(26px);
    -moz-filter: blur(6px);
    -o-filter: blur(6px);
    -ms-filter: blur(6px);
}

.menu-full .container-fluid
{
    max-width:1620px;
}



.menu-full h1
{
    font-family: 'Merriweather';
    font-weight:900;
    font-size:18px;
}

.menu-full.menu-static
{
    
    background:#85af4b;
}


.menu-full a,.menu-full h1
{
    color:#191919;
     -webkit-transition:0.8s all ease;
    transition:0.8s all ease;
}

.menu-full.no-background
{
    background:transparent!important;
}

.menu-full.menu-white a,
.menu-full.menu-white h1
{
    color:#FFF;
}

.menu-full.menu-white .options-menu .menu-option:before
{
    background:white;
}

.menu-full ul
{
    display:block;
    float:right;
}

.menu-full ul li
{
    display:inline-block;
}

.menu-full .social-menu
{
    padding-left:13px;
    margin-right:-12px;
    font-size:23px;
    margin-top:-7px;
}

.menu-full .social-menu li
{
    padding:0 12px;
}

.menu-full .options-menu
{
    
}

.menu-full .options-menu li
{
    padding:0 20px;
}

.menu-full .options-menu li a
{
    font-size:16px;
}

.menu-full .brands-menu
{
    margin:0px 30px 0px 15px;
}

.menu-full .brands-menu li a
{
    position:relative;
    display:inline-block;
    margin:0 10px;
}

.menu-full .brands-menu li a img
{
    width:50px;
    opacity:1;
    -webkit-transition:0.6s all ease;
    transition:0.6s all ease;
}

.menu-full .brands-menu li a img.eldiario
{
    width:90px;
}

.menu-full .brands-menu li a img.whiteimg
{
    position:absolute;
    width:100%;
    top:0px;
    left:0;
    opacity:0;
}

.menu-full.menu-white .brands-menu li a img
{
    opacity:0;
}

.menu-full.menu-white .brands-menu li a img.whiteimg
{
    opacity:1;   
}

.menu-full .options-menu .menu-option
{
    position:relative;
}

.menu-full .options-menu .menu-option:hover
{
    cursor:pointer;
}

.menu-full .options-menu .menu-option:before
{
    width:0%;
    height:5px;
    position:absolute;
    top:-17px;
    background:#191919;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    content:'';
    -webkit-transition:0.6s top ease,2s width ease, background 0.6s ease;
    transition:0.6s top ease,2s width ease,background 0.6s ease;
}

.menu-full .options-menu .menu-option.active:before,.menu-full .options-menu .menu-option:hover:before
{
    width:120%;
}

.menu-full .col-menu
{
    padding-left:0;
}

/************************ PAGE ************************/


.main-eldiario
{
    position:relative;
}

.main-eldiario.in-doc,.main-eldiario.in-credits
{
    min-height:0!important;
}

.home-top-slider
{
    position:relative;
    overflow:hidden;
    background-position:center;
    background-size:cover!important;
}

.home-top-slider video
{
    position: absolute;
    top: 50%;
    left: 50%;
    min-height: 150%;
    min-width: 100%;
    @include transform(translate(-50%, -50%));
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}

.home-top-slider article
{
    background-size:cover;
}

.home-top-slider .slider-caption
{
    position:absolute;
    left:0;
    bottom:20%;
    width:100%;
    padding:0 50px;
    z-index:1;
    -webkit-transition:0.6s all ease;
    transition:0.6s all ease;
    
}



.home-top-slider .slider-caption h2
{
    color:white;
    text-align:center;
    font-family: 'Merriweather';
    max-width:590px;
    width:100%;
    margin:0 auto 20px;
    font-size: 56px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 62px;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    text-shadow: 3px 3px 7px #000;
}

.home-top-slider .slider-caption h3
{
   
  font-family: 'Roboto';
  font-size: 22px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  max-width:790px;
  width:100%;
  line-height: 1.86;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  margin:0 auto 40px;
  text-shadow: 3px 3px 7px #000;
}


.section-intro
{
/*
    margin-top:55px;
    padding:100px 0;
*/
}

.section-intro img
{
    max-width:550px;
    margin:0 auto;
    display:block;
}

.section-intro p
{
    font-family: Roboto;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: left;
    color: #191919;
}

.section-image100 img
{
    width:100%;
}

.options-page
{
    width:100%;
    -webkit-transition:0.6s opacity ease,1s top ease;
    transition:0.6s opacity ease,1s top ease;
}

.options-page .container-fluid
{
    padding:0;
}

.options-page .container-fluid .col-lg25
{
    padding:0;
    width:20%;
    height:100vh;
    background:black;
    position:relative;
    background-size:cover;
    background-position:center;
    overflow:hidden;
    will-change:transform;
    -webkit-transition:1s all ease;
    transition:1s all ease;
}

.options-page .container-fluid .col-lg25 .center-option
{
    position:absolute;
    top:50%;
    left:50%;
    padding:0 5%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    -webkit-transition:0.6s all ease;
    transition:0.6s all ease;
    
}

.options-page .container-fluid .col-lg25 .center-option a
{
    display:block;
}

.options-page .container-fluid .col-lg25 .center-option .back span
{
    font-family: 'Merriweather';
    font-size: 32px;
    font-weight: 900;
    color: #191919;
    display: inline-block;
    padding: 0px 10px;
    margin-top: 5px;
    line-height: 42px;
    text-transform:uppercase;
    -webkit-transition:0.6s all ease;
    transition:0.6s all ease;
}
.options-page .container-fluid .col-lg25 .center-option h3
{
    opacity:0;
    -webkit-transition:0.6s line-height ease 1.2s,0.6s opacity ease;
    transition:0.6s line-height ease 1.2s,0.6s opacity ease;
    font-family: 'Merriweather';
      font-size: 32px;
      width:20vw;
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #ffffff;
      line-height:1px;
    text-shadow: 1px 1px 10px #000 
}

.options-page .container-fluid:hover .col-lg25
{
    filter: grayscale(70%);
}

.options-page .container-fluid .col-lg25:hover
{
    filter: grayscale(0%);
    cursor:pointer;
}

.options-page .col-lg25.active-article
{
    filter: grayscale(0%);
}

.options-page .container-fluid .col-lg25:hover .center-option h2.back span
{
    font-size:28px;
    line-height:40px;
}

.options-page .container-fluid .col-lg25:hover .center-option h3
{
    opacity:1;
    line-height:40px;
    -webkit-transition:0.6s opacity ease 0.6s,0.6s line-height ease;
    transition:0.6s opacity ease 0.6s,0.6s line-height ease;
    
}

.options-page.active .col-lg25
{
    width:0;
}

.options-page.active .opt-3.col-lg25
{
    opacity:1;
    width:100%;
}

.testing-loader
{
    position:absolute;
    left:50%;
    top:50%;
    width:100px;
    height:100px;
    z-index:15;
    opacity:0;
    transform:translate(-50%,-50%);
    -webkit-transition:0.6s all ease;
    transition:0.6s all ease;
}

.testing-loader i
{
    display:block;
    background:url(images/logodiario.png);
    background-size:cover;
    width:50px;
    height:50px;
    pointer-events: none;
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    -ms-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
    -webkit-transition:0.6s all ease;
    transition:0.6s all ease;
    margin: 0% auto;
    
}

.active-article .testing-loader
{
    top:50%;
    opacity:1;
    
}

.active-article .center-option
{
    opacity:0;
    top:75%;
}
/************************ DOCUMENTAL ************************/

#TARGET
{
    opacity:0;
    background:#111;
    -webkit-transition:0.1s all ease;
    transition:0.1s all ease;
}

#TARGET.active
{
    opacity:1;
}

.slider-transition.slick-slider
{
    position:fixed;
    top:0;
    left:0;
    width: 1px;
    min-width: 100%;
}



.slider-transition .slider-article
{
    background-size:cover;
    background-position:center;
}

.slider-transition .slider-article video
{
    position: absolute;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    @include transform(translate(-50%, -50%));
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}

.slider-transition .slider-article .slider-back-xs
{
    
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    display:none;
}

.main-documental .content-doc
{
    opacity:0;
    position:relative;
    z-index:4;
    -webkit-transition:0.6s all ease;
    transition:0.6s all ease;
}

.main-documental .content-doc.active
{
    opacity:1;
    
}

.main-documental .content-doc article
{
    position:relative;
    z-index:5;
}

.main-documental .content-doc .background-caption
{
    background:rgba(25,25,25,0);
    opacity:1;
    position:fixed;
    z-index:1;
    width:100%;
    height:100%;
    top:0;
    left:0;
    -webkit-transition:1s all ease;
    transition:1s all ease;
}

.main-documental .content-doc.active .background-caption.active-background
{
    background:rgba(25,25,25,0.8);
}

.main-documental .content-doc .background-caption:before
{
    content:'';
    position:fixed;
    opacity:0;
    position:fixed;
    z-index:1;
    width:70%;
    height:100%;
    top:0;
    right:0;
    -webkit-transition:1s all ease;
    transition:1s all ease;
    background: -moz-linear-gradient(right, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(right, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.6) 40%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.6) 40%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}



.main-documental .content-doc .background-caption:after
{
    content:'';
    opacity:0;
    position:fixed;
    z-index:1;
    width:70%;
    height:100%;
    top:0;
    left:0;
    -webkit-transition:1s all ease;
    transition:1s all ease;
    background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.6) 40%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.6) 40%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}

.main-documental .content-doc .background-caption.active-left:after,.main-documental .content-doc .background-caption.active-right:before
{
    opacity:1;
}

.main-scroller .separador-scroller
{
    margin-top:25vh;
}

.main-documental .content-doc .centered-doc.soloimagen-doc,.main-documental .content-doc .subintro-doc
{
    min-height:300px!important;
}


.main-documental .content-doc .centered-doc .full-screen
{
    position:relative;
}

.main-documental .content-doc .centered-doc .full-screen .center-data
{
    position:absolute;
    top:50%;
    left:50%;
    width:80%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}

.main-documental .content-doc .intro-doc h2
{
    font-size:46px;
    color:black;
    line-height:66px;
    margin-bottom:40px;
}

.main-documental .content-doc .intro-doc h2 span
{
    padding:0 5px;
}

.main-documental .content-doc .intro-doc h3
{
    background:#191919;
    display:inline-block;
    font-family:'Roboto';
    font-size: 18px;
    line-height:22px;
    text-align: center;
    color: #ffffff;
    padding:5px 10px;
}

.main-documental .content-doc .intro-doc h3 span
{
    font-weight: bold;
}

.main-documental .content-doc .subintro-doc h3
{
    
    color:white;
}

.main-documental .content-doc .subintro-doc.active-doc h3
{
    display:block;
    padding-bottom:5px;
    max-width:780px;
    margin:0 auto;
    position:relative;
    -webkit-transition:0.6s all ease;
    transition:0.6s all ease;
}

.main-documental .content-doc .subintro-doc h3:before
{
    content:'';
    position:absolute;
    bottom:0;
    left:50%;
    width:0;
    height:1px;
    background:red;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    -webkit-transition:1.6s all ease;
    transition:1.6s all ease;
}

.main-documental .content-doc .subintro-doc.active-doc h3:before
{
    width:100%;
}

.main-documental .content-doc p
{
    font-family: 'Roboto', sans-serif;
    color:white;
    font-size:18px;
    line-height:26px;
    text-shadow:1px 1px 1px rgba(0,0,0,0.5);
    margin-bottom:25px;
}

.main-documental .content-doc .textcenter-doc p
{
    padding:3px 15%;
    
}


.main-documental .content-doc .textcenter-doc img
{
    max-width:100%;
}

.main-documental .content-doc .row-images
{
    margin:25px auto;
    max-width:900px;
}


.centering-h h1,.centering-h h2,.centering-h h3,.centering-h h4,.centering-h h5
{
    text-align:center;
    font-family:'Roboto';
    color:white;
    font-size:24px;
    font-weight:700;
    line-height:36px;
    margin-bottom:25px;
}

.centering-h img
{
    text-align:center;
}

.main-documental .content-doc .row-images .col-image
{
    background-size:cover;
    background-position:center;
    
}

.main-documental .content-doc .row-images .col-image img
{
    width:100%;
}

.main-documental .content-doc .row-images .col-image p
{
    margin-top:25px;
    font-size:14px;
    padding:0;
}

.article-scrollmap
{
    color:white;
    font-size:18px;
    line-height:1.44;
    position:relative;
}


.article-scrollmap canvas
{
    position:absolute;
    width:100%;
    left:0;
    top:0;
    height:100vh;
}

.article-scrollmap .textos-mobil
{
    display:none;
}

.article-scrollmap canvas.fixing
{
    position:fixed;
}

.article-scrollmap canvas.downing
{
    top:inherit;
    bottom:0;
}

.article-scrollmap .elements
{
    position:relative;
    z-index:2;
}

.article-scrollmap .text-map
{
    margin-top:50vh;
}

.article-scrollmap .first-parraf.text-map
{
    margin-bottom:90vh;
}

.article-scrollmap .last-parraf.text-map
{
    margin:0;
    margin-bottom:50vh;
    
}

/************************ Creditos ************************/
.section-creditos
{
    position:fixed;
    top:100%;
    left:0;
    width:100%;
    min-height:100vh;
    opacity:0;
    z-index:100;
    background:white;
    padding-top:150px;
    padding-bottom:70px;
    -webkit-transition:1s all ease;
    transition:1s all ease;
}

.container-credits
{
    width:100%;
    max-width:1600px;
}

.section-creditos .col-title h3
{
    font-size:32px;
    color:#191919;
    margin-bottom:50px;
}

.section-creditos.active
{
    top:0;
    position:absolute;
    opacity:1;
}

.section-creditos .partners-box
{
    background:#efefef;
    padding:22px 0 34px;
    margin-bottom:75px;
}

.section-creditos .partners-box .row
{
    text-align:center;
}

.section-creditos .partners-box .row .partner
{
    display:inline-block;
    text-align:left;
    padding:0 60px;
}

.section-creditos .partners-box .row .partner p
{
    font-family: Roboto;
      font-size: 16px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #191919;
    margin-bottom:15px;
}

.section-creditos .partners-box .row .partner img
{
    display:inline-block;
}

.section-creditos .partners-box .row .partner .eldiariopartner
{
    width:250px;
    max-width:100%;
}

.section-creditos .partners-box .row .partner .elfaropartner
{
    width:146px;
    max-width:100%;
}

.section-creditos .container-credits
{
    text-align:center;
}

.section-creditos .col-credit
{
    padding-left:125px;
    position:relative;
    color:#191919;
    -webkit-transition:1.6s all ease 0.6s;
    transition:1.6s all ease 0.6s;
    margin-bottom:0px;
    opacity:0;
    display:inline-block;
    float:none;
    text-align:left;
    vertical-align:top;
    width:24%;
}

.section-creditos.active .col-credit
{
    margin-bottom:60px;
    opacity:1;
}

.section-creditos .col-credit .foto-credit
{
    position:absolute;
    width:95px;
    height:95px;
    top:0;
    background-size:cover;
    background-position:center;
    -webkit-border-radius:100%;
    border-radius:100%;
    left:15px;
}

.section-creditos .col-credit h4
{
    font-family:'Merriweather';
    font-weight:bold;
    font-size:18px;
    margin-bottom:8px;
}

.section-creditos .col-credit h5
{
    font-family:'Roboto';
    font-size:16px;
}

.section-creditos .col-credit p
{
    margin-top:10px;
    font-family:'Roboto';
    font-size:16px;
}

.section-creditos .col-financiacion h5
{
    font-family: 'Merriweather';
    font-size: 18px;
    font-weight: 900;
    margin-bottom:25px;
    text-align: center;
    margin-right:30px;
    display:inline-block;
}

.section-creditos .col-financiacion img
{
    max-width:350px;
    width:100%;
}

/***** INTRO INFO *****/
.contain-slidervertical
{
    position:relative;
    background:#efefef;
}
.contain-slidervertical .button-vertical
{
    position: absolute;
    bottom: 50px;
    font-size: 16px;
    display:inline-block;
    border-bottom:1px solid #666;
    color:#333333;
    font-weight: bold;
    cursor:pointer;
}

.contain-slidervertical .button-vertical.slick-me
{
    left: 50%;
    position:absolute;
    margin-bottom:25px;
    background:#EFEFEF;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.contain-slidervertical .button-vertical.slick-me i
{
    position:absolute;
    bottom:-25px;
    left:50%;
    font-size:24px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    
    
}


.contain-slidervertical .button-vertical.jump-me
{
    right:15px;
    bottom:72px;
}

    

.slider-intro-vertical 
{
    margin-bottom:0!important;
    position:relative;
    margin:0 auto;
    max-width:1620px;
}


.slider-intro-vertical .slick-dots
{
    bottom:inherit;
    top:50%;
    left:0;
    width:auto;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    background:rgba(239,239,239,0.8);
}

.slider-intro-vertical .slick-dots li
{
    display:block;
}

.slider-intro-vertical .vertical-box
{
    
    background:#efefef;
    position:relative;
}

.slider-intro-vertical .vertical-box .col-buttons
{
    margin-top:15px;
}

.slider-intro-vertical .vertical-box.vertical-full-image
{
    padding:0;
}

.section-iconcolums
{
    text-align:center;
    font-family: 'Roboto';
    font-size: 18px;
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}

.section-iconcolums.blockquote-icons
{
    text-align:left;
}

.section-iconcolums blockquote
{
    border:0;
    position:relative;
    padding:0;
    margin-bottom:40px;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.24;
}

.section-iconcolums blockquote:before,.section-iconcolums blockquote:after
{
    width:33px;
    height:33px;
    position:absolute;
    content:'';
    background-size:cover!important;
    background:url('./images/002-quote-top.svg');
    
}
.section-iconcolums blockquote:before
{
    right:100%;
    top:-15px;
    margin-right:15px;
    
}
.section-iconcolums blockquote:after
{
    margin-right:15px;
    left:100%;
    bottom:-15px;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
}

.section-iconcolums .parraf-iconcolums
{
    margin-bottom:30px;
}

.section-iconcolums .icon-columns
{
    text-align:center;
    display:inline-block;
    padding:0 15px;
    margin-bottom:20px;
}

.section-iconcolums .icon-columns img
{
    max-width:100%;
    display:inline-block;
}

.section-iconcolums .icon-columns h3
{  
    font-family: 'Roboto';
    font-size:36px;
    font-weight:900;
}
.section-iconcolums .icon-columns h4
{
    
    font-family: 'Roboto';
    font-size:22px;
    font-weight:400;
}

.section-iconcolums .icon-columns p
{
    font-size:18px;
}

.section-iconcolums .icon-columns .content-icon
{
    margin-top:40px;
}



/************************ CLAIM ************************/
.claim{
   position:fixed;
   width:100%;
   bottom:0;
   display:block;
   background: #1c262c;
   padding: 20px 0;
   z-index:300;
   line-height:20px;
}

.claim .container{
    position:relative;
}



.claim p
{
    font-family: 'Roboto';
    font-size: 18px;
    line-height:34px;
    text-align: left;
    color: #ffffff;
}

.col-claimbutton
{
    text-align:right;
}

.claim_button
{
    font-family: 'Roboto';
    font-size: 16px;
    text-align: left;
    color: #191919;
    line-height:1;
    padding:10px 12px 12px;
    background-color: #ffef36;
    display:inline-block;
}

.claim_button:hover{
    
    
}
.close_claim
{
    
    position:absolute;
    right:15px;
    top:50%;
    margin-top:-9px;
}

.close_claim i
{
    color:#fff;
    font-size:18px;
}

.close_claim:hover i
{
    cursor:pointer;
}