/*
This file and project in made by vandel.io
If re-using this, write a comment  | Original by vandel.io
 
*/
            /* Ignore => Base Styles */
            body { background: #e3e3e3; -webkit-font-smoothing: antialiased;  overflow-x:hidden; }
            .ScrollSceneIndicators { display:none;z-index: 9999999 !important; }
main {font-family: 'Shadows Into Light', cursive; background-color:black; overflow: hidden; min-height: 1000px;
z-index: -10;}

            a{
                color:#383838;
                
            }
            a:hover{
                text-decoration: none;
            }
            .attensionText{
                color:#668899;
            }
            .lightText{
                color:#fff;
            }
               
            .hugeAss{
                font-size: 80px;
            }
            .LargeAss{
                font-size: 63px;
            }
            nav{
                font-family: 'Shadows Into Light', cursive;
                text-align: center;
                color:#fff;
                font-size: 15px;
                width:100%;
                position: fixed;
                top:0;  
                z-index: 999900 !Important;
            }
           .mood{
             color:#FFF !important; 
             float:left;
             padding:0 15px;
            }
         
            #getDownLogo{
                width:100%;
                margin:auto;
            }
             #getDownLogo img{
                 width:50%;
                 margin:10% 25%;
            }
            #firstCenterText{
                padding-top: 300px;
                opacity: 0.5;
                position: fixed;
                width:100%;
                height:100%;
                background-image: url(images/actionsShots/_7182667.jpg);
                background-size:cover;
            }
            #firstCenterText span{
                width:30%;
                opacity: 1 !important;
                margin: -300px 35% 0 35%;
                text-align: center;
                position: relative;
                top:100px;
                z-index: 99999;
            }
            .smallInh1{
                font-size: 50%;
                margin-left: 3px;
            }
            
            #moodSet{
                margin:10px;
                color:#fff;
            }
            .ThemeColor{
                color:#000;
                margin:10px;
             text-shadow: 0px 1px 4px rgba(255,255,255,0.7);
            }
            .Theme2Color{
                margin:10px;
                color:#c90953;
            }
            .Theme3Color{
                margin:10px;
                color:#7070f2;
            }
            
            #introSection{
               
                width:100%;
                height:1500px;
            }
             #introScene{
                 opacity: 0;
                 position: fixed;
                 top:0;
                 z-index: 99;
                height:1500px;
                width:100%;
                background-image: url(images/wallside.png);
                background-size: cover;
               
            }
            #introText{
               
                 opacity: 1;
                 position: fixed;
                 width:40%;
                 height:400px;
                 margin:0 30%;
                 
                 z-index: 99;
            }
            
            
            
            #InformationScene{ // fade in later
               display:hidden;
                opacity:0 ;
                position: fixed;
                top:0;
                z-index: 9;
                height:1500px;
                width:100%;
                background-image: url(images/Scratch.jpg);
                background-size: cover;
            }
             #InformationSceneBehind{
                 -ms-transform:  scale(3);/* IE 9 */
                -webkit-transform: scale(3);/* Chrome, Safari, Opera */
                transform:  scale(3);
                opacity:0 ;
                position: fixed;
                top:0;
                z-index: 0;
                height:1500px;
                width:100%;
                background-image: url(images/blurScratch.jpg);
                background-size: cover;
            }
            #infomationText{
                position: fixed;
              bottom:-100%;
                left:100px;
                opacity: 0;
                z-index: 999;
                color:rgba(255,255,255,0.5);
            }
            
            #infomationTextAdd h1{
                position: relative;
            }
            #infomationTextAdd img{
                position: relative;
                
            }
            
            section#scene1{
               margin-top: 1000px;
                height:800px;
                padding-bottom: 1200px;
               
            }
            .viewControls{
                opacity: 0;
                position:fixed;
                top:80%;
                z-index: 9999;
                width:20%;
                margin:0 25%;
            }
            #scratchText{
                padding:15px;
                height:auto;
                min-width: 300px;
                background-color:black;
                position:fixed;
                top:20%;
                right:10%;
                z-index: 99999;
                font-size: 80px;
                color:#fff;
                opacity: 0;
                overflow:hidden;
                
                
            }
            #scratchText h1{
                font-size: 80px;
           
            }
            #scratchTextThanks{
                opacity: 0;
                font-size: 20px;
                position:fixed;
                bottom:70%;
                
            }
          
            
            #set-height{
                  display: block;
                  height: 2000px;
            }
            
            #v0, #v1{ 
                position: fixed;
                top:100%;
                left:0;
                display:none;
                opacity: 0;
                z-index: 99 !important; 

                
                width:120%;
                background-size: cover;
            
            }
            #movieScene{
                padding-bottom:1200px;
                display:none;
            }
            
            #movieScene h1{
                padding:0 10%;
                color:#FFF;
                position: fixed;
                bottom:-70%;
                height:100px;
                left:0;
                width:80%;
                opacity: 0;
                display: none;
                z-index: 9999 !important;
            }
            .textBoxBlack{
                 -ms-transform: rotate(-1deg); /* IE 9 */
                -webkit-transform: rotate(-1deg); /* Chrome, Safari, Opera */
                transform: rotate(-1deg);
                margin-left:-5px;
                padding:40px 40px 40px 40px;
                background-color:rgba(0,0,0,1);
            }
            .tinyText{
                font-size: 20px;
                padding:40px 40px 40px 0;
            }
            
            #labelBox{
                 position: fixed;
                top:39%;
                height:300px;
                z-index: 9999 !important;
                
                padding-left:10%;
            }
            .smallLabelBlack{
/*                position:relative;
                z-index: 99999;*/
                padding:5px;
                width:auto;
                margin-top: -5px;
                font-size: 20px;
                background-color:black;
                color:#FFF;
            }
            
           .deg4{
                 -ms-transform: rotate(8deg); /* IE 9 */
                -webkit-transform: rotate(8deg); /* Chrome, Safari, Opera */
                transform: rotate(8deg);
                margin-left:4px;
            }
            .deg-3{
                   -ms-transform: rotate(-10deg); /* IE 9 */
                -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
                transform: rotate(-10deg);
            }
           .deg2{
                   -ms-transform: rotate(-4deg); /* IE 9 */
                -webkit-transform: rotate(-4deg); /* Chrome, Safari, Opera */
                transform: rotate(-4deg);
                margin-left:6px;
            }
            
            #label1,
            #label2,
            #label3,
            #label4,
            #label5,
            #label6,
            #label7,
            #label8,
            #label9,
            #label11{opacity: 0;
            text-align: center;
                  -ms-transform: scale(2); /* IE 9 */
                -webkit-transform: scale(2); /* Chrome, Safari, Opera */
                transform: scale(2);}
            
            
            
            #label10{
                position: fixed;
                top:90%;
                left:0;
                height:300px;
                width:30%;
                z-index: 9999999 !important;
               opacity: 0;
                padding:20px 10%;
                 text-align: left;
                  -ms-transform: scale(2); /* IE 9 */
                -webkit-transform: scale(2); /* Chrome, Safari, Opera */
                transform: scale(2);
                transform-origin: left;
                
            }
            #movieScenePause{
                
                width:20%;
                margin:auto;
                text-align: center;
                position: relative;
                top:500px;
                z-index: 9999;
                opacity: 0;
                color:#fff;
            }
            
            section#overallScene{
                display: none;
                position: fixed;
                top:100%;
                left:0;
                 height:1000px;
                padding-bottom:900px;
                opacity: 0;
                
            }
             #overallVid{ 
                top:100%;
                opacity: 0;
                z-index: 99 !important; 
height:1000px;
                width:100%;
                background-size: cover;
            
            }
            #overallScene h1{
                   padding:0 10%;
                color:#FFF;
                position: fixed;
                bottom:-70%;
                height:100px;
                left:0;
                width:80%;
                opacity: 0;
                display: none;
                z-index: 9999 !important;
            }
            #overallText{
                
                opacity: 0;
                position:fixed;
                bottom:-100%;
               
                z-index: 9999;
                color:#fff;
             
            }
            #imageGallery{
                /*overflow-y: scroll;*/
              height:5100px;
                width:98%;
                margin:1%;
               margin-bottom: 500px;
                position: relative;
                z-index: 99999;
            }
            #lightbox{
                z-index: 999999;
            }
            
             .imgItem{ 
                 position: relative;
                 z-index: 9999;
                width:25%;
                height:300px;
                 float:left;
                 overflow:hidden;
            }
            .innerImg{
               
                margin:2%;
                width:96%;
                height:auto;
            }
            #galleryBtn{
                width:100%;
                height:300px;
                margin-top: 300px;
                
            }
            #imgBtn a,
            #vidBtn a{
                color:#FFF;
            }
            #imgBtn{
                width:100px;
                text-align: center;
                color:#fff;
                font-size: 40px;
                position: fixed;
                z-index: 99999;
                opacity: 1;
                left:-20%;
                top:50%;
             text-shadow: 0px 3px 8px rgba(255,255,255,0.7);
            }
             #vidBtn{
                width:100px;
                 
                text-align: center;
             text-shadow: 0px 3px 8px rgba(255,255,255,0.7);
                color:#fff;
                font-size: 40px;
                position: fixed;
                z-index: 99999;
                opacity: 1;
                right:-20%;
                top:50%;
            }
            
            #videoGallery{
                height:1000px;
                width:98%;
                margin:1%;
                padding-bottom: 1500px;
                padding-top: 700px;
               
            }
            .vidItem{
                width:25%;
                height:auto;
                 float:left;
            }
            .innerVid video{
                position: relative;
                margin:2%;
                width:96%;
                height:96%;
            }
            
            
            #enderScene{
                margin-top:300px;
                background-color:black;
                width:100%;
                height:500px;
                color:#fff;
            }
            #enderText{
                
                 
                position: fixed;
                bottom:60%;
                opacity: 0;
                padding:20px 100px;
                text-align: center;
                width:30%;
                left:35%;
                color:#000;
                font-size: 50px;
                background-color:#fff;
                 -ms-transform:  scale(3) rotate(-2deg);/* IE 9 */
                -webkit-transform: scale(3) rotate(-2deg);/* Chrome, Safari, Opera */
                transform:  scale(3) rotate(-2deg);
             
            }
            #who{
                position: fixed;
                right:10px;
                bottom:10px;
            }
            #social{
                width:100%;
                float:left;
                text-align: left;
            }
            .social1{
                padding-left:15%;
                float:left;
                width:50%;
            }
            article#header{
                 width:100%;
            }
          
            #footerBg{
                color:#383838;
                padding:20px 10%;
                text-align: right;
            }
           footer#footerBg.BigAss:hover{
                position: relative;
                z-index: 999999;
                color:#668899;
                padding:20px 10%;
                text-align: right;
                cursor:pointer;
            }
            .BlackHr{
                border-color:#000;
            }
            .space{
                height:2000px;
                padding-bottom: 2000px;
            }
           
            #bottomArrow{
                width:100%;
                font-size: 15px;
                line-height: 15px;
                font-weight: bold;
                text-align: center;
                margin: auto;
                position: fixed;
               top:90%;
               height:10%;
                text-align: center;
                color:rgba(255,255,255,0.4);
          
            z-index: 999999;
            transform-origin: center top;
            }
            
            #loaderScreen{
                
                position: fixed;
                top:-1%;
                z-index: 9999999 !important;
              
                padding:0;
                margin:0;
             
                height:110%;
                width:100%;
                overflow:no-display;
                background-color:#000;
            }
            #loaderScreen h1{
                font-family: 'Shadows Into Light', cursive;
                font-weight: 800;
                text-align: center;
                position: fixed;
                width:100%;
                z-index: 999999;  
               bottom: 25%;
                
            }
            #loaderScreen h2{
               font-family: 'Shadows Into Light', cursive;
                font-weight: 800;
                text-align: center;
                position: fixed;
                width:100%;
                z-index: 999999;  
               bottom: 15%;
                
            }
            #loadlogo{
                margin-top: 25%;
                z-index: 99999;
            }
             #loaderScreen img{
                position: fixed;
                width:10%;
                top:10%;
                left:45%;
            }
            
            
            
            
/* Mobile break point */
@media   (min-width: 0px) and (max-width: 767px) {
       .LargeAss{
                font-size: 30px;
            }
    h1.hugeAss{
        font-size: 30px;
    }
            #email{
                 font-size: 90%;
            }
    
}         
         
/* Mobile break point */
@media   (min-width: 768px) and (max-width: 991px) {
      .LargeAss{
                font-size: 40px;
            }
    h1.hugeAss{
        font-size: 40px;
    }
            #sell1{
                font-size: 300%;
            }
            #sell2{
                font-size: 420%;
            }
            #sell3{
                font-size: 290%;
            }
            #sell4{
                font-size: 250%;
            }
            #email{
                 font-size: 90%;
            }
    
}


/* Mobile break point */
@media   (min-width: 991px) and (max-width: 1199px) {
     
    .LargeAss{
                font-size: 40px;
            }
            h1.hugeAss{
        font-size: 40px;
    }
     .actBtn span{
             font-size: 25px !important;
         }
         #sell1{
                font-size: 340%;
            }
}
           

/* RANGE STYLE */
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 23.1px 0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 3.8px;
  cursor: pointer;
  box-shadow: 3.2px 3.2px 15px #7a7abc, 0px 0px 3.2px #8b8bc5;
  background: #ffffff;
  border-radius: 25px;
  border: 1.4px solid #7a79ff;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0.5px 0.5px 10px #7070f2, 0px 0px 0.5px #8787f4;
  border: 5.5px solid rgba(111, 113, 241, 0);
  height: 50px;
  width: 6px;
  border-radius: 46px;
  background: #fff5ff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -24.5px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ffffff;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 3.8px;
  cursor: pointer;
  box-shadow: 3.2px 3.2px 15px #7a7abc, 0px 0px 3.2px #8b8bc5;
  background: #ffffff;
  border-radius: 25px;
  border: 1.4px solid #7a79ff;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0.5px 0.5px 10px #7070f2, 0px 0px 0.5px #8787f4;
  border: 5.5px solid rgba(111, 113, 241, 0);
  height: 50px;
  width: 6px;
  border-radius: 46px;
  background: #fff5ff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 3.8px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #e6e6e6;
  border: 1.4px solid #7a79ff;
  border-radius: 50px;
  box-shadow: 3.2px 3.2px 15px #7a7abc, 0px 0px 3.2px #8b8bc5;
}
input[type=range]::-ms-fill-upper {
  background: #ffffff;
  border: 1.4px solid #7a79ff;
  border-radius: 50px;
  box-shadow: 3.2px 3.2px 15px #7a7abc, 0px 0px 3.2px #8b8bc5;
}
input[type=range]::-ms-thumb {
  box-shadow: 0.5px 0.5px 10px #7070f2, 0px 0px 0.5px #8787f4;
  border: 5.5px solid rgba(111, 113, 241, 0);
  height: 50px;
  width: 6px;
  border-radius: 46px;
  background: #fff5ff;
  cursor: pointer;
  height: 3.8px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #ffffff;
}
input[type=range]:focus::-ms-fill-upper {
  background: #ffffff;
}