@font-face {
    font-family: 'coluna_roundedcondensed_bold';
    src: url('../fonts/coluna_rounded-webfont.eot');
    src: url('../fonts/coluna_rounded-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/coluna_rounded-webfont.woff2') format('woff2'),
         url('../fonts/coluna_rounded-webfont.woff') format('woff'),
         url('../fonts/coluna_rounded-webfont.ttf') format('truetype'),
         url('../fonts/coluna_rounded-webfont.svg#coluna_roundedcondensed_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}
html{ margin: 0px; padding: 0px;}
body{ font-family: 'coluna_roundedcondensed_bold'; font-size:14px; line-height:18px;position: relative; margin: 0px; padding: 0px; background: #ffcd16; 
    width: 100%;  overflow: auto; color: #000000}
img{ margin: 0px; padding: 0px; border: 0px;}
input{ position: relative; margin: 0px; padding: 0px}
a{ text-decoration: none;  color: inherit;  transition: all 0.5s ease;}
a:hover{ color: #e65c00; text-decoration: none; }
.img-fluid {
    display: block;
    height: auto;
    max-width: 100%;
}
.enter{padding-top: 14px;
    font-size: 24px;}

#outer{  min-height: 618px; position: relative; min-width: 320px; overflow: hidden;}
.inner{ max-width: 800px; width:100%; position: relative; margin: 0px auto 0px auto; text-align: center; }

.shadow{ -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0, 1);
-moz-box-shadow:    0px 3px 5px 0px rgba(0,0,0, 1);
box-shadow:         0px 3px 5px 0px rgba(0,0,0, 1);}

.shadow2{-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 1);
-moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 1);
box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 1);}
.shadow4{-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 1);
-moz-box-shadow:    0px 0px 8px 0px rgba(0, 0, 0, 1);
box-shadow:         0px 0px 8px 0px rgba(0, 0, 0, 1);}
.shadow5{-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 2px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px 2px 5px 0px rgba(0, 0, 0, 0.75);}
.sp20{ width: 100%; height: 20px; line-height: 20px; font-size: 20px; position: relative;}
 .sp40{ width: 100%; height: 40px; line-height: 40px; font-size: 40px; position: relative;}
 .sp60{ width: 100%; height: 60px; line-height: 60px; font-size: 60px; position: relative;}
 .sp80{ width: 100%; height: 80px; line-height: 80px; font-size: 80px; position: relative;}
 .sp100{ width: 100%; height: 100px; line-height: 100px; font-size: 100px; position: relative;}
.clear{ width: 100%; height: 0px; line-height: 0px; font-size: 0px; position: relative; clear: both;}

.main_ttl{ font-family: 'Open Sans', sans-serif; font-weight: 300; position: relative; font-size: 27px; line-height: 32px; color: #000000;  width: 95%; max-width: 780px; margin: 10px auto 0px auto; }
.main_sttl{ position: relative; font-size: 27px; line-height: 32px; color: #000000; font-weight: 400; width: 95%; max-width: 780px; margin: 0px auto 0px auto; }
.connect_top{ position: relative; font-size: 26px; line-height: 30px;padding-top:10px; }
.connect_top a{ display: inline-block; vertical-align: middle; margin: 3px; }
.enter_web{ position: relative; font-size: 20px; line-height: 25px; padding: 20px  0px 30px 0px }
.connect_ttl{ position: relative; font-size: 43px; line-height: 51px; font-weight: 700; width: 95%; max-width: 850px; margin: 10px auto 0px auto; }
.create_ttl{  font-family: 'Open Sans', sans-serif;position: relative; font-size: 16px; line-height: 20px; font-weight: 300; width: 95%; max-width: 700px; margin: 5px auto 0px auto; text-transform: uppercase; }

.gp_txt{ position: relative; font-size: 16px; line-height: 22px; font-weight: 700; width: 95%; max-width: 630px; margin: 10px auto 0px auto; text-transform: uppercase; }
.connect_txt{ position: relative; font-size: 13px; line-height: 16px; font-weight: 400; width: 95%; max-width: 560px; margin: 10px auto 0px auto; color: #414141;font-family: lato,sans-serif }
.abbr{ position: relative; font-size: 13px; line-height: 18px; font-weight: 400; width: 95%; max-width: 560px; margin: 10px auto 0px auto; color: #414141; font-family: lato,sans-serif }
.player{ position: relative; width: 95%; margin: 10px auto 0px auto; max-width: 360px; }
.player img{ width: 100%; display: block; }
.player iframe{ width: 100%; display: block; }
.item{ width: 180px; height: 180px; border: 5px solid #ffffff; float: left; margin: 10px;}
.item pic{ width: 100%; height: auto !important; position: relative;  }
.item .pic img{ width: 100%; height: auto !important }
.gallery_items{  max-width: 800px; position: relative; margin: 10px auto 0px auto }
.gallery_ttl{ position: relative; font-weight: 700; font-size: 46px; line-height: 51px; }
.more{ position: relative; font-weight: 700; font-size: 37px; line-height: 42px; margin:10px 0px 0px 0px; }
.right_side{ position: relative; max-width: 380px; width: 95%; position: relative; float: right; margin: 20px auto 0px auto; }
.left_side{ position: relative; max-width: 380px; width: 95%; position: relative; float: left; margin: 20px auto 0px auto;}
.preview{ width: 100%; height: inherit; position: relative;  box-sizing: content-box; }
.preview img{ width: 100%; height: inherit !important;display: block;border: 4px solid #e65c00;  }
.album_cover{ width: 100%; height: inherit; position: relative;box-sizing: content-box; }
.album_cover img{ width: 100%; height: inherit !important; display: block; border: 4px solid #e65c00;  }
.upload_btn{ width: 100%; height: inherit; position: relative; margin-top: 10px; }
.upload_btn img{ width: 100%; height: inherit !important; display: block; }
.album_ttl{ position: relative; font-size: 16px; line-height: 20px; color: #000000; margin-top: 15px; font-family: 'Open Sans',sans-serif; }
.buy{ position: relative;  }
.buy img{ display: inline-block; vertical-align: middle; margin:6px; }
.note{ margin: 10px auto 0px auto; color: #414141;font-family: lato,sans-serif; position: relative; }
.connect{ position: relative; margin-top: 30px; }
.top_logo{ position: relative; width: 95%; max-width: 713px; margin:10px auto 0px auto; }
.top_logo img{ width: 100%; display: block; }
.connect_btn{ position: relative; width: 95%; max-width: 354px; margin:10px auto 0px auto; }
.connect_btn img{ width: 100%; display: block; }
.copy{ font-family: 'Open Sans', sans-serif; position: relative; font-weight: 300; font-size: 12px; line-height: 16px; }
footer .inner{ max-width: 900px; text-transform: uppercase; margin: auto; max-width: 700px}
.copy a {text-decoration:underline;}
.rca{ position: relative; margin-top: 20px; }
hr{ position: relative; color: #000000; height: 0px; font-size: 0px; line-height: 0px; border-radius: 4px; border-bottom: 2px solid #000000;border-top: 2px solid #000000 }

.hash{ width: 95%; margin: 10px auto 0px auto; position: relative; max-width: 349px; }
.hash img{ width: 100%; display: block; }
.videoWrapper {
    position: relative;
    padding-bottom: 51.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; background: #cccccc;
    height: 100%; display: block; border: 8px solid #ffffff
}
.vid{ width: 95%; position: relative; max-width: 502px; margin: 20px auto 0px auto; box-sizing: content-box; }

.gp_ttl{ position: relative; font-weight: 700; font-size: 43px; line-height: 51px;  }
.gp_txt{ position: relative;  text-transform: inherit; position: relative; font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px; max-width: 400px; display: inline-block; vertical-align: middle;; width: 95%; margin: 10px auto 0px auto; color: #000000}
.gp_img { position: relative; display: inline-block; vertical-align: middle; width: 130px; -webkit-border-radius: 300px;
-moz-border-radius: 300px;
border-radius: 300px; overflow: hidden;  }
.gp_img img{ width: 100%; }

 @media handheld, only screen and (max-width: 850px) {


.gallery_items{ width: 95%; }
        .item{ width: 29%; height: auto !important; margin:1%; position: relative; display: inline-block; vertical-align: top; float: none; }
    

    }

     @media handheld, only screen and (max-width: 800px) {

        .left_side{ float: none; }
        .right_side{ float: none; }
    

    }

    @media handheld, only screen and (max-width: 600px) {

        .item{ width: 46%; margin:1%; position: relative; display: inline-block; vertical-align: top; float: none; }
    

    }