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

#outer{  min-height: 618px; position: relative; min-width: 320px; overflow: hidden;}
.inner{ max-width: 900px; 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:4px solid #ffffff; background: #cccccc center no-repeat; box-sizing: border-box;
}
.vid{ position: relative; width: 100%; margin: 40px auto 0px auto; max-width: 600px; }

.green_btn{ background: #40b653; color: #ffffff; font-family:'Oswald'; font-size: 33px; line-height: 30px;  text-transform: uppercase;  padding: 6px 13px 6px 10px; -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px; display: inline-block; width: 95%;  max-width: 400px; position: relative;}
.green_btn i{ display: inline-block; vertical-align: middle; margin: 0px 4px 0px 0px; font-size: 140%;  position: relative; }
.green_btn span{ display: inline-block; vertical-align: middle; position: relative; }
.green_btn:hover{ color: #ffffff; background: #2f903f; }

.white_btn{ border:2px solid #ffffff;;background: #000000; color: #ffffff; font-family:'Roboto'; font-size: 25px; line-height: 28px;  text-transform: uppercase;  padding: 10px 14px 10px 14px;  display: block;  position: relative;}
.white_btn i{ display: inline-block; vertical-align: middle; margin: 0px 4px 0px 0px; font-size: 130%;  position: relative; }
.white_btn span{ display: inline-block; vertical-align: middle; position: relative; }
.white_btn:hover{ color: #ffffff; background: #464646; }

.white_btn_sm{ border:2px solid #ffffff; background: #000000; color: #ffffff; font-family:'Roboto'; font-size: 20px; line-height: 25px;  text-transform: uppercase;   display: block; padding:10px 14px 10px 14px;   position: relative;}
.white_btn_sm i{ display: inline-block; vertical-align: middle; margin: 0px 4px 0px 0px; font-size: 140%;  position: relative; }
.white_btn_sm span{ display: inline-block; vertical-align: middle; position: relative; }
.white_btn_sm:hover{ color: #ffffff; background: #464646; }

.btn_width { width: 95%; max-width: 550px; margin-left: auto; margin-right: auto; }


.socials{ position: relative;  width: 95%; margin: 0px auto 0px auto; text-align: center; }
.socials ul{ list-style: none; margin: 0px; padding: 0px;  position: relative; display: inline-block; vertical-align: middle; }
.socials ul li{ list-style: none; margin: 2px; width: 25px; height: 25px; padding: 0px;  position: relative; display: inline-block; vertical-align: middle; }
.socials ul li a{ display: block; width: 100%; height: 100%; position: relative;text-align: center; color: #000000; background: #ffffff; line-height: 25px; font-size: 15px; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}
.socials ul li a:hover{ opacity: 0.8 }
.main_ttl{ position: relative; color: #ffffff; font-size: 40px; line-height: 46px; font-weight: 400; text-transform: uppercase; margin: 10px auto 0px auto }
.main_sttl{ position: relative; color: #ffffff; font-weight: 400; font-size: 34px; line-height: 38px; text-transform: uppercase; margin: 10px auto 0px auto }
.share_btns{ position: relative; }
.share_btns img{ display: inline-block; vertical-align: middle; margin: 10px; }
.sponsors { position: relative; margin: 10px auto 0px auto; }
.sponsors img{ position: relative; display: inline-block; vertical-align: middle; margin: 10px; }
.note{ font-size: 12px; line-height: 15px; color: #9f9f9f; max-width: 400px; margin: 10px auto 0px auto; font-family: 'Lato',sans-serif; letter-spacing: 0px; color: #9f9f9f }
.note a {text-decoration:underline;}
.abbr{ font-size: 13px; line-height: 16px; color: #9f9f9f; max-width: 600px; margin: 10px auto 0px auto; font-family: 'Lato',sans-serif; letter-spacing: 0px; color: #9f9f9f}
.abbr2{ font-size: 13px; line-height: 16px; color: #9f9f9f; max-width: 900px; margin: 10px auto 0px auto; font-family: 'Lato',sans-serif; letter-spacing: 0px; color: #9f9f9f}

.top_bar{ background: #000000; position: relative; color: #ffffff }
.top_bar .inner{ padding: 10px 0px 10px 0px; }
.enter_web{ position: relative; font-size: 18px; line-height: 25px;  float: right; text-align: right; width: 49%; }
.top_socials{ position: relative; font-size: 25px; line-height: 25px;  float: left; text-align: left; width: 49%; }

.top_bar .inner{ text-align: center; }

.head_back{ position: relative; background: #918380}
.head_img_m{ display: none; }
.head_img_b{ width: 100%; display: block;  background-repeat: no-repeat; background-position: top center; }
.head_img{ position: relative; border:1px solid #ffffff; border-left:0px; border-right: 0px;  }

.preview{ position: relative; width: 95%; max-width: 360px; margin: 10px auto 0px auto }
.gallery .inner{ max-width: 950px }

.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; display: block; }
.gallery_items{  max-width: 870px; position: relative; margin: 10px auto 0px auto; text-align: center; }
.gallery_ttl{ position: relative; font-size: 35px; line-height: 39px; color: #ffffff;  padding: 20px 0px 0px 0px;  }
.more{ position: relative; font-weight: 400; font-size: 30px; line-height: 34px; margin:10px 0px 0px 0px; color: #ffffff; font-weight: 400; }
.buy{ position: relative; margin-top: 30px; }
.upload_btn{ margin-top:-28px; position: relative; }
section.gallery{ background: #000000;border-top: 0px solid #00dafb  }

footer{ position: relative; background: #000000; border-top: 0px solid #00dafb }


@media handheld, only screen and (max-width: 900px) {
.head_img_b{ display: none; }
.head_img_m{ display: block; }
.upload_btn{ margin-top: 20px; }

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


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

    }

 @media handheld, only screen and (max-width: 800px) {
.inner{ width: 95% }

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

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

    

    }