html{ margin: 0px; padding: 0px;}
body{ font-family:'Futura LT W01 Light'; font-size:14px; line-height:18px;position: relative; margin: 0px; padding: 0px; background: url(../images/back.jpg) fixed #c6cbd7 top center no-repeat; 
    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%;
}


#outer{  min-height: 618px; position: relative; min-width: 320px; overflow: hidden;}
.inner{ max-width: 1150px; 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;}

.content{color: #ffffff; margin: 85px auto 0px auto; position: relative; }
.socials{ position: relative; text-align: center; padding: 20px 0px 20px 0px; }
.socials ul{ list-style: none; margin: 0px; padding: 0px; }
.socials ul li{ list-style: none; margin: 0px; padding: 0px; width: 74px; height: 74px;-webkit-border-radius: 74px;
-moz-border-radius: 74px;
border-radius: 74px; background: #d02c38; color: #ffffff; text-align: center; font-size: 30px; line-height: 74px; display: inline-block; vertical-align: middle; margin: 10px 6px 0px 6px }
.socials ul li a{ display: block; width: 100%; height: 100%; position: relative; text-align: center; color: #ffffff }
.white_bar{ position: relative; background: #ffffff }
.gallery{ position: relative;  }
.gallery_items{ position: relative; width: 930px;  margin: 0px auto 0px auto }
.item{ border: 6px solid #ffffff;
    float: left;
    height: 200px;
    margin: 10px;
    position: relative;
    width: 200px; }
.item .pic{ width: 100%;display: block; position: relative; background: #ffffff; }
.item .pic img{ width: 100%; height: inherit !important; display: block; position: relative;  }
.gallery_ttl{ font-size: 40px; line-height: 42px; color: #ffffff; text-transform: uppercase; margin: 0px auto 0px auto; padding: 10px 0px 10px 0px; background: #cd2340; border-bottom: 8px solid #71032a; max-width: 913px;}
.more{ font-size: 34px; line-height: 40px; color: #d02c38; text-transform: uppercase; padding: 0px 0px 20px 0px;}
.copy{ position: relative; margin: 20px auto 0px auto; width: 95%; font-size: 18px; line-height: 22px; text-transform: uppercase; color: #ffffff; }

.box{ max-width: 893px; position: relative; margin: 0px auto 0px auto; border: 10px solid #ffffff;  }
.box_content{ position: relative; width: 100%; height: 790px; background: url(../images/box_back.png) #39405d top center no-repeat; }
.wid{ position: relative; padding: 15px 0px 0px 0px; }
.box_top{position: relative; width: 100%; background: url(../images/box_top.png) #39405d center no-repeat; border-bottom: 10px solid #ffffff; }
.box_ttl{ position: relative; padding: 20px 0px 20px 0px; width: 90%; text-align: center; margin: 0px auto 0px auto; max-width: 617px; }
 .box_ttl img{ width: 100%; display: block; }

 .return{ position: absolute; top:0px; right: 0px; }
 @media handheld, only screen and (min-width: 830px)
{

 body{ background-size: 100% auto;}

}



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

         .gallery_items{ width: 95%; margin: 0px auto 0px auto; max-width: 930px; position: relative; }
        .item{ width: 28%; margin: 1%; height: inherit; float: none; display: inline-block; vertical-align: top; }

 
    }

    @media handheld, only screen and (max-width: 893px)
    {
      .box{ border-left: 0px; border-right: 0px; height: inherit; background: #39405d }
      .wid{ padding: 20px 0px 20px 0px; width: 90%; max-width:  490px; margin: 0px auto 0px auto; position: relative;}
      .wid_place{ width: 100%; display: block; }
      .box_content{ height: inherit; background: #39405d}

  }



 @media handheld, only screen and (max-width: 800px) {
     .item{ float: none; display: inline-block; vertical-align: top; }
    
 }

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

    }