body, html{
    font-family:'Roboto', sans-serif;
    color:#999;
    font-size:98%;
}

body, html{background:#fff;}

/* footer botttom*/
html,
body {
   height:100%;
}

a{
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
}

header{
    background:#fff;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:999;
    border-bottom:solid 1px #f0f0f0;
}

.logo{
    width:165px;
    height:64px;
    background:url(../img/scrumlevel.svg) no-repeat;
    float:left;
    margin:24px 16px;
}

.logo span{display:none;}

strong{color:#282828;}

h2{
    color:#02acb6;
    font-weight:600;
    font-size:140%;
}

h3{
    font-weight:300;
    line-height:1.2;
    font-size:180%;
}

h3.secondary{
    font-size:120%;
    font-weight:600;
    color:#282828;
}

h4{
    font-size:110%;
}

.callout{
    border:0;
}

.callout p{color:#666;}

.callout.primary{background:#f0fbff;}

.callout.small{
    font-size:85%;
}

.manager-companies{
    padding-top:120px;
}

.manager-companies .callout{
    background:#f4f7f9;
    border-radius:24px;
    padding:0;
}

.manager-companies h2{color:#526183;}

.mc-image{
    position:relative;
}

.mc-image:after{
    position:absolute;
    content:'';
    width:400px;
    height:237px;
    background:url(../img/manager-companies.png);
    background-size:cover;
    bottom:0;
    left:0;
}

.mc-button{
    background:#00b3ff;
    margin-top:24px;
}

ul.lan{
    float:left;
    margin-top:40px;
    font-size:85%;
}

ul.lan li{
    list-style:none;
    display:inline-block;
    padding-right:16px;
}

ul.lan li a{
    color:#999;
}

ul.lan li a.currentlan{
    color:#666;
    font-weight:600;
}

ul.menu{
    float:right;
    margin-top:32px;
}

ul.menu li{
    list-style:none;
    display:inline-block;
}

ul.menu li a{
    padding:2px;
    display:inline-block;
    color:#999;
}

.isStuck {
    width: 100%;
    position: fixed;
    top:0px;
    }

a.current {
    background: rgba(244,127,1,1);
    background: -moz-linear-gradient(left, rgba(244,127,1,1) 0%, rgba(171,198,58,1) 50%, rgba(2,172,182,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(244,127,1,1)), color-stop(50%, rgba(171,198,58,1)), color-stop(100%, rgba(2,172,182,1)));
    background: -webkit-linear-gradient(left, rgba(244,127,1,1) 0%, rgba(171,198,58,1) 50%, rgba(2,172,182,1) 100%);
    background: -o-linear-gradient(left, rgba(244,127,1,1) 0%, rgba(171,198,58,1) 50%, rgba(2,172,182,1) 100%);
    background: -ms-linear-gradient(left, rgba(244,127,1,1) 0%, rgba(171,198,58,1) 50%, rgba(2,172,182,1) 100%);
    background: linear-gradient(to right, rgba(244,127,1,1) 0%, rgba(171,198,58,1) 50%, rgba(2,172,182,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47f01', endColorstr='#02acb6', GradientType=1 );   
  
    border-radius:24px;
}

.menu a span{
    background:#fff;
    border-radius:24px;
    padding:8px 16px;
    display:inline-block;
}

.orbit-slide{
    min-height:640px;
}

.slide-content{
    min-height:640px;
    position:relative;
}

.slide-content .inner{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    background:#fff;
    padding:32px;
    margin-bottom:1px;
    text-align:center;
}

blockquote{
    font-size:220%;
    font-weight:300;
    line-height:1.2;
    border:0;

    background: rgba(244,127,1,1);
    background: -moz-linear-gradient(left, rgba(244,127,1,1) 0%, rgba(171,198,58,1) 50%, rgba(2,172,182,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(244,127,1,1)), color-stop(50%, rgba(171,198,58,1)), color-stop(100%, rgba(2,172,182,1)));
    background: -webkit-linear-gradient(left, rgba(244,127,1,1) 0%, rgba(171,198,58,1) 50%, rgba(2,172,182,1) 100%);
    background: -o-linear-gradient(left, rgba(244,127,1,1) 0%, rgba(171,198,58,1) 50%, rgba(2,172,182,1) 100%);
    background: -ms-linear-gradient(left, rgba(244,127,1,1) 0%, rgba(171,198,58,1) 50%, rgba(2,172,182,1) 100%);
    background: linear-gradient(to right, rgba(244,127,1,1) 0%, rgba(171,198,58,1) 50%, rgba(2,172,182,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47f01', endColorstr='#02acb6', GradientType=1 );

    -webkit-background-clip: text;
  color: transparent;  
}

.slide01{
    background:url(../img/scrumlevel01.jpg) no-repeat center center;
    background-size:cover;
}
.slide02{
    background:url(../img/scrumlevel02.jpg) no-repeat center center;
    background-size:cover;
}
.slide03{
    background:url(../img/scrumlevel03.jpg) no-repeat center center;
    background-size:cover;
}
.slide04{
    background:url(../img/scrumlevel04.jpg) no-repeat center center;
    background-size:cover;
}

.inner{
    padding:24px;
}

.intro{
    padding:48px;
}

.intro img{
    max-width:360px;
    padding-top:32px;
}

.box{
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    border-radius:16px;
    background:#fff;
    margin-bottom:48px;
}

.licence{
    background:url(../img/bg-licence.png) center top no-repeat;
    background-size:cover;
    padding-bottom:96px;
}

.questions{
    background:url(../img/bg-questions.jpg) center top no-repeat;
    background-size:cover;
}

.downloads{
    background:url(../img/bg-downloads.png) center center no-repeat;
    background-size:cover;

    padding:120px 0;

}

.downloads h2{margin-bottom:64px;}

.free .inner{
    background:url(../img/free.png) no-repeat left top;
    background-size:120px;
}

.profesional .inner{
    background:url(../img/profesional.png) no-repeat left top;
    background-size:120px;
}

.box h3{
    padding:0 96px 16px 100px;
    min-height:96px;
}

.accordion-title{
    font-size:initial;
    color:#666;
}
.is-active .accordion-title{
    font-weight:600;
    color:#282828;
    background:none;
    border:none;
}

.accordion-title:hover{
    background:#f0f0f0;
    color:#282828;
}

.accordion-content{color:#999;}

.accordion-title,
.accordion-content{
    border:0;
    border-bottom:solid 1px #ddd;
}

.questions .inner{
    background:#fff;
    padding:24px;
    margin:24px;
}

.description{
    padding-top:32px;
}

.description ul{
    margin:0;
    margin-bottom:24px;
}

.description ul ul{
    margin:0;
}

.description ul li{
    list-style:none;
}

.button.small{
    padding:4px 16px;
    font-weight:600;
    margin-bottom:4px;
}

.pdf{background-color:#ef1f1f;}
.color01{background-color:#1f90ef;}
.color02{background-color:#599d01;}
.hollow.bordercolor03{
    border:solid 1px #ef1f1f;
    color:#ef1f1f;
}

footer{
    position:relative;
}

footer:before{
    content:'';
    width:100%;
    height:5px;
    position:absolute;
    bottom:0;
    left:0;
    display:inline-block;
    background: rgba(244,127,1,1);
    background: -moz-linear-gradient(left, rgba(244,127,1,1) 0%, rgba(171,198,58,1) 50%, rgba(2,172,182,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(244,127,1,1)), color-stop(50%, rgba(171,198,58,1)), color-stop(100%, rgba(2,172,182,1)));
    background: -webkit-linear-gradient(left, rgba(244,127,1,1) 0%, rgba(171,198,58,1) 50%, rgba(2,172,182,1) 100%);
    background: -o-linear-gradient(left, rgba(244,127,1,1) 0%, rgba(171,198,58,1) 50%, rgba(2,172,182,1) 100%);
    background: -ms-linear-gradient(left, rgba(244,127,1,1) 0%, rgba(171,198,58,1) 50%, rgba(2,172,182,1) 100%);
    background: linear-gradient(to right, rgba(244,127,1,1) 0%, rgba(171,198,58,1) 50%, rgba(2,172,182,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47f01', endColorstr='#02acb6', GradientType=1 );
}

footer{padding-top:120px;}

footer ul{
    margin-bottom:0;
}

footer ul li{
    display:inline-block;
    list-style:none;

}
footer ul li a{
    display:inline-block;
    color:#999;
    padding:8px;
    outline:0;
    padding-bottom:24px;
}

html.is-reveal-open {
    position: initial; 
}

@media screen and (min-width: 40em) and (max-width: 63.99875em) {
    .mc-image:after{
        width:320px;
        height:189px;
        background-size:cover;
    }
}


@media screen and (max-width: 39.99875em){
    ul.menu {
        margin-top: 0;
        margin-bottom:16px;
    }
    .logo{margin-bottom:8px;}
    .intro{padding:0;}
    .box h3{padding-right:0;}

    .slide-content .inner{padding:8px;}
    blockquote{font-size:160%;}
    .questions .inner{padding:8px; margin:8px;}
    .description {
        padding-top: 12px;
    }
    footer{font-size:85%;}

    .intro img{
        max-width:100%;
    }


    .mc-image:after{
        width:320px;
        height:189px;
        background-size:cover;
    }
    
}