html{ margin: 0px; padding: 0px;}
body{font-family: 'Josefin Sans', sans-serif;  font-size:14px; line-height:18px;position: relative; margin: 0px; padding: 0px; background: #ffffff; 
    width: 100%;  overflow: auto; color: #000000; font-weight: 400}
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: #CC437E; text-decoration: none; }
.img-fluid {
    display: block;
    height: auto;
    max-width: 100%;
}


#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;}
.videoWrapper {
    position: relative;
    padding-bottom: 51.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; display: block; border:8px solid #ffffff;
}

.gallery_items{ position: relative; width: 750px;  margin: 0px auto 0px auto }
.item{ width: 238px !important; height: 238px !important; position: relative; float: left; margin: 5px; }
.item .pic{ width: 100% !important;display: block; position: relative; }
.item .pic img{ width: 100% !important; height: inherit !important; display: block; position: relative; border: 0px solid #ffffff }

.album_cover{ display: inline-block; vertical-align: middle; }
.album_info{ display: inline-block; vertical-align: middle; width: 95%; margin: 0px auto 0px auto; max-width: 320px; }
.preview{ position: relative; width: 388px; height: 388px; margin: 10px auto; height: inherit; box-sizing: content-box; border: 6px solid #ffffff }
.top_bar{ width: 100%;  color: #000000 }
.content{ position: relative; z-index: 10 }
.black{ position: relative; margin: -210px 0px 0px 0px; }

.buy img{ margin: 3px; position: relative; display: inline-block; vertical-align: middle; }
.album_ttl{ color: #000000; font-size: 22px; line-height: 24px; text-transform: uppercase; font-weight: 600 }
.album_av{ color: #ffffff; font-size: 16px; line-height: 18px; text-transform: uppercase; font-weight: 300 }

.white{ color: #ffffff !important }

 .spacer{ width: 100%; height: 220px; position: relative; font-size: 220px; line-height: 220px; }
 .gallery{ position: relative; margin: 40px 0px 0px 0px; }

 .gallery_ttl{ position: relative; }
 .more{ position: relative; display: inline-block; margin: 20px auto 0px auto; border: 2px solid #000000; color: #000000; margin: 15px auto 0px auto; font-size: 25px; line-height: 28px; letter-spacing: 2px; }
 .more a{ display: block; padding: 15px 50px 15px 50px;text-transform: uppercase; }
 .note{ position: relative; font-size: 12px; line-height: 15px; color: #8a898a; width: 95%; margin: 5px auto 0px auto; max-width: 400px; font-family: lato,sans-serif }
 .create_ttl{ color: #000000; position: relative; font-size: 33px; line-height: 35px; color: #000000; width: 95%; margin: 15px auto 0px auto; max-width: 640px; letter-spacing: 2px;text-transform: uppercase; }
.share_ttl{color: #000000; position: relative; font-size: 26px; line-height: 28px; color: #000000; width: 95%; margin: 15px auto 0px auto; max-width: 612px;letter-spacing: 2px}
 .album{ position: relative; margin: 30px 0px 0px 0px; }
 .logo{ position: relative; margin: 20px auto 0px auto; width: 95%;max-width: 616px; }
 .logo img{ display: block; position: relative; width: 100%; }
 .connect_top{ position: absolute; top:15px; left: 20px; font-size: 25px; line-height: 25px; z-index: 10 }
 .connect_top a{ display: inline-block; vertical-align: middle; margin: 2px 5px 0px 0px }
 .logo_top{ width: 100%; position: relative; top:5px; text-align: center; }
 .enter_web{ position: relative; font-size: 21px; line-height: 24px; text-align: center; margin: 5px 0px 0px 0px; }
 .footer_links{ position: relative;  font-size: 12px; line-height: 16px; font-weight: 700; text-align: right; color: #ffffff }
 .footer_links a{ display: inline-block; vertical-align: middle; margin:  0px 0px 0px 10px }
 .footer_soc{ position: relative; font-size: 20px; line-height: 18px; }
 .footer_soc a{ display: inline-block; vertical-align: middle; margin: 0px 5px 0px 0px }
 footer{ background: #c92c68; position: relative;}
 .head_bar{ position: relative; width: 100%; height: 75px; background: url(../images/head.png) top center repeat-x; }
 ul.share_icons{ position: relative; list-style: none; margin: 0px; padding: 0px;  }
 ul.share_icons li{ position: relative; list-style: none; margin: 0px; padding: 0px; display: inline-block; vertical-align: middle; width: 40px; height: 40px; border: 2px solid #000000; -webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px; margin: 14px 3px 0px 3px;    }
ul.share_icons li a{ display: block; width: 100%; height: 36px; vertical-align: middle; line-height: 36px; font-size: 22px; text-align: center; }
.player{ width: 95%; max-width: 450px; position:  relative; margin: 20px auto 0px auto }
.player iframe{ width: 100%; display: block; }
.player img{ width: 100%; display: block; }
.gallery_ttl{color: #000000; position: relative; font-size: 43px; line-height: 45px; color: #000000; width: 95%; margin: 15px auto 0px auto; max-width: 582px; letter-spacing: 2px}

.f_socials{ position: relative; }
.f_socials ul{ list-style: none; margin: 0px; padding: 0px; }
.f_socials ul li{ color: #e495b3; position: relative; width: 50px; height: 50px; border: 1px solid #e495b3; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; display: inline-block; vertical-align: middle; margin: 10px  }
.f_socials ul li a{ display: block; width: 100%; height: 50px; text-align: center; font-size: 22px; line-height: 48px; }
.f_socials{ position: relative; margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px }
.socials_ttl{ position: relative; color: #ffffff; font-size: 25px; line-height: 30px;  }
.copy{ position: relative; background: #bd5753; color: #ffffff; font-size: 16px; line-height: 19px; text-align: center; }
.copy span{ display: block;vertical-align: middle; padding: 20px 0px 20px 0px; width: 95%; margin: 0px auto 0px auto  }

    @media handheld, only screen and (max-width: 800px)
    {
        .gallery_items{ width: 95%; margin: 0px auto 0px auto; max-width: 750px; position: relative; }
        .item{ width: 29% !important; height: inherit !important; margin: 1%; height: inherit; float: none; display: inline-block; vertical-align: top; }

    }

     @media handheld, only screen and (max-width: 600px)
    {
  .item{ width: 45% !important; margin: 1%;  height: inherit;}

    }

    @media handheld, only screen and (max-width: 450px) {
.preview{ width: 90%; height: inherit; margin: 0px auto }
.preview img{ width: 100%; height: inherit; }
.upload_btn{ width: 90%; height: inherit; margin: 10px auto 0px auto }
.upload_btn img{ width: 100%; height: inherit; }

    }