/*@import url(http://fonts.googleapis.com/css?family=Questrial|Nunito:400,700);*/
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: local('Nunito-Regular'), url(../fonts/nunito-regular.woff), url(http://themes.googleusercontent.com/static/fonts/nunito/v4/1D_AI14T6X7H5aa5BXWWyuvvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  src: local('Nunito-Bold'), url(../fonts/nunito-bold.woff), url(http://themes.googleusercontent.com/static/fonts/nunito/v4/TttUCfJ272GBgSKaOaD7KrO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Questrial';
  font-style: normal;
  font-weight: 400;
  src: local('Questrial'), local('Questrial-Regular'), url(../fonts/questrial.woff), url(http://themes.googleusercontent.com/static/fonts/questrial/v3/MYWJ4lYm5dbZ1UBuYox79LO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}





.ppw-slide-element{
    font-family: 'Questrial' !IMPORTANT;
    color: #444;
    text-shadow: 0px 0px 1px white;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 39%, rgba(196,196,196,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(39%,rgba(255,255,255,1)), color-stop(100%,rgba(196,196,196,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 39%,rgba(196,196,196,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 39%,rgba(196,196,196,1) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 39%,rgba(196,196,196,1) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 39%,rgba(196,196,196,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c4c4c4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.ppw-active-slide-element{
    /*display: block;*/
}

strong{
    /*font-family: 'Nunito';*/
    color: #f00;
    text-shadow: 0px 0px 1px black, 0px 0px 2px white;
}

.ppw-slide-element{
    padding: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-family: "Sans Serif", Tahoma, Arial;
    white-space: normal;
    font-size: 1.5em;
    cursor: default;
}

/**/
.ppw-previous-slide-element{
 
}
.ppw-next-slide-element{

}

body{
    
}


/**/
.ppw-slide-container{
    
}
#ppw-slides-container{
}
.ppw-slide-container section{
    position: relative;
    height: 100%;
    width: 100%;
}


h1, h2, h3, h4, h5, h6{
    position: relative;
    z-index: 999;
}

a{
    color: red;
}

.ppw-header-element{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    padding: 4px;
    color: white;
    
    background: -moz-linear-gradient(top, rgba(0,0,0,0.29) 0%, rgba(36,38,24,0.64) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.29)), color-stop(100%,rgba(36,38,24,0.64))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.29) 0%,rgba(36,38,24,0.64) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0.29) 0%,rgba(36,38,24,0.64) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0.29) 0%,rgba(36,38,24,0.64) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0.29) 0%,rgba(36,38,24,0.64) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a000000', endColorstr='#a3242618',GradientType=0 ); /* IE6-9 */
}
.ppw-header-element.ppw-global{
    
}
.ppw-footer-element{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 4px;
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    
    background: -moz-linear-gradient(top, rgba(36,38,24,0.64) 0%, rgba(0,0,0,0.29) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(36,38,24,0.64)), color-stop(100%,rgba(0,0,0,0.29))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(36,38,24,0.64) 0%,rgba(0,0,0,0.29) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(36,38,24,0.64) 0%,rgba(0,0,0,0.29) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(36,38,24,0.64) 0%,rgba(0,0,0,0.29) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(36,38,24,0.64) 0%,rgba(0,0,0,0.29) 100%); /* W3C */
}
.ppw-footer-element.ppw-global{
    
}
.ppw-header-element, .ppw-footer-element{
    font-size: 16px;
    z-index: 999988;
}



/*** ANIMATIONS ***/


/*** COVER ***/
    .ppw-slide-type-opening{
        text-align: center;
        background: url(../images/wall-bg.jpg) no-repeat;
        background-size: 100% 100%;
        font-size: 2em;
    }

    .ppw-slide-type-opening h1{
        margin-top: 15%;
        font-size: 2.4em;
        position: relative;
        z-index: 2;
    }
    .ppw-slide-type-opening h1:before{
        content: "Power Polygon";
        white-space: nowrap;
        text-align: center;
        position: absolute;
        left: 50%;
        margin-left: -3.2em;
        top: -40px;
        font-size: 1.8em;
        color: transparent;
        text-shadow: 0px 0px 60px white;
        z-index: 1;
    }
    .ppw-slide-type-opening h2{
        font-size: 1.4em;
    }
    .ppw-slide-type-opening a, .ppw-slide-type-opening strong{
        color: white;
        font-size: 1.2em;
        text-decoration: none;
        margin: 4px;
        letter-spacing: 6px;
    }
    .ppw-slide-type-opening em{
        color: black;
        font-size: 1.1em;
    }

/*** SECTION ***/

    .ppw-slide-type-section{
        background: url(../images/section-bg.jpg) no-repeat;
        background-size: 100% 100%;
    }

    .ppw-slide-type-section h1, .ppw-slide-type-section h2{
        position: relative;
        left: 15%;
        top: 40%;
        padding: 6px;
        display: inline-block;
        color: #c61f22;
        text-shadow: 0px 0px 3px #c61f22;
        white-space: normal !IMPORTANT;
        box-shadow: 0px -20px 120px #c61f22;
        text-align: center;
        font-size: 4em;

        opacity: 0.7;
        
        /*-webkit-transform-origin: 0px 0px;*/
        -webkit-transform: rotate(-15deg);

        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
