/*==================================================
 * Possession Studios
 * ===============================================*/
.box-wrap {background: #fff; max-width: 1200px; margin: 0 auto; position: relative; }
.box-wrap2 {background: #fff; max-width: 1200px; margin: 0 auto; position: relative; }


.volkhov-regular {
  font-family: "Volkhov", serif;
  font-weight: 400;
  font-style: normal;
}

.volkhov-bold {
  font-family: "Volkhov", serif;
  font-weight: 700;
  font-style: normal;
}

.volkhov-regular-italic {
  font-family: "Volkhov", serif;
  font-weight: 400;
  font-style: italic;
}

.volkhov-bold-italic {
  font-family: "Volkhov", serif;
  font-weight: 700;
  font-style: italic;
}



div.SideNav {font-family: arial; color: #333; font-size: 14px;}
div.SideCat {font-family: 'Hammersmith One', sans-serif; color: #000; font-size: 24px; font-weight: bold;}
span.SideNav {font-family: arial; color: #333; font-size: 14px;}
div.SideNav2 {font-family: arial; color: #666; font-size: 14px; line-height:2;}
a.SideNav2:link {font-family: arial; color: #666; text-decoration: none; font-size: 14px; line-height:2;}
a.SideNav2:visited {font-family: arial; color: #666; text-decoration: none; font-size: 14px; line-height:2;}
a.SideNav2:hover {font-family: arial; color: #900; text-decoration: none; font-weight: bold; font-size: 14px; line-height:2;}
div.BottomNav {font-family: arial; color: #333; font-size: 14px; line-height:1.8; text-indent: 30px;}
a.BottomNav:link {font-family: arial; color: #333; text-decoration: none; font-weight: bold; font-size: 14px; line-height:1.8; text-indent: 30px;}
a.BottomNav:visited {font-family: arial; color: #333; text-decoration: none; font-weight: bold; font-size: 14px; line-height:1.8; text-indent: 30px;}
a.BottomNav:hover {font-family: arial; color: #900; text-decoration: none; font-weight: bold; font-size: 14px; line-height:1.8; text-indent: 30px;}
li.SmallNav {font-family: arial; color: #fff; font-weight: bold; font-size: 14px; line-height:1.2; text-indent: 20px;}
a.SmallNav:link {font-family: arial; color: #ccc; text-decoration: none; font-weight: bold; font-size: 14px; line-height:1.2;}
a.SmallNav:visited {font-family: arial; color: #ccc; text-decoration: none; font-weight: bold; font-size: 14px; line-height:1.2;}
a.SmallNav:hover {font-family: arial; color: #900; text-decoration: none; font-weight: bold; font-size: 14px; line-height:1.2;}

div.headline {font-family: "Volkhov", serif; font-weight: 700; color: #039; font-size: 30px; line-height:1.2; text-transform: uppercase;}

div.subhead {font-family: "Volkhov", serif; font-weight: 700; color: #039; font-size: 18px; line-height:1.2; text-transform: uppercase;}
a.subhead:link {font-family: "Volkhov", serif; font-weight: 700; color: #039; text-decoration: none; font-size: 18px; line-height:1.2;}
a.subhead:visited {font-family: "Volkhov", serif; font-weight: 700; color: #333; text-decoration: none; font-size: 18px; line-height:1.2;}
a.subhead:hover {font-family: "Volkhov", serif; font-weight: 700; color: #c00; text-decoration: none; font-size: 18px; line-height:1.2;}





div.subhead2 {font-family: "Volkhov", serif; font-weight: 700; color: #999; font-size: 14px; line-height:1.2;}
div.subhead3 {font-family: "Volkhov", serif; font-weight: 700; color: #333; font-size: 16px; line-height:1.2;}

div.subhead4 {font-family: arial; color: #000; font-size: 16px; font-weight: bold;}
a.subhead4:link {font-family: arial; color: #039; text-decoration: none; font-size: 16px; font-weight: bold;}
a.subhead4:visited {font-family: arial; color: #333; text-decoration: none; font-size: 16px; font-weight: bold;}
a.subhead4:hover {font-family: arial; color: #c00; text-decoration: none; font-size: 16px; font-weight: bold;}

div.body {font-family: arial; color: #333; font-size: 14px; line-height:1.2;}
span.body {font-family: arial; color: #333; font-size: 14px; line-height:1.2;}
li.body {font-family: arial; color: #333; font-size: 14px; line-height:1.2;}
a.body:link {font-family: arial; color: #000; text-decoration: none; font-weight: bold; font-size: 14px;}
a.body:visited {font-family: arial; color: #000; text-decoration: none; font-weight: bold; font-size: 14px;}
a.body:hover {font-family: arial; color: #c00; text-decoration: none; font-weight: bold; font-size: 14px;}

div.body2 {font-family: arial; color: #333; font-size: 14px; line-height:1.2; font-weight: bold;}
li.body2 {font-family: arial; color: #333; font-size: 14px; line-height:1.2; font-weight: bold;}

div.nav2 {font-family: arial; color: #333; font-size: 10px; line-height:1.2;}
a.nav2:link {font-family: arial; color: #333; text-decoration: none; font-weight: bold; font-size: 10px;}
a.nav2:visited {font-family: arial; color: #333; text-decoration: none; font-weight: bold; font-size: 10px;}
a.nav2:hover {font-family: arial; color: #c00; text-decoration: none; font-weight: bold; font-size: 10px;}

div.wht_sm {font-family: arial; color: #fff; font-size: 14px; font-weight: bold; line-height:1.2;}

span.new {font-family: "Volkhov", serif; color: #8B2346; font-size: 18px; line-height:1.2;}

div.bodySSP {font-family: arial; color: #333; font-size: 14px;}

div.labels {font-family: arial; color: #333; font-size: 10px; text-align:center; font-weight: bold;}
a.labels:link {font-family: arial; color: #000; text-decoration: none; font-weight: bold; font-size: 10px; text-align:center;}
a.labels:visited {font-family: arial; color: #000; text-decoration: none; font-weight: bold; font-size: 10px; text-align:center;}
a.labels:hover {font-family: arial; color: #900; text-decoration: none; font-weight: bold; font-size: 10px; text-align:center;}
div.labels2 {font-family: arial; color: #333; font-size: 10px; text-align:center;}


div.img {border: 1px solid #ccc;}
div.img:hover {border: 1px solid #777;}
div.img img {width: 100%;height: auto;}
div.desc {padding: 10px;text-align: center;}
* {box-sizing: border-box;}
.responsive {padding: 0 6px;float: left; width: 20%;}
@media only screen and (max-width: 700px;){.responsive {width: 49.99999%;margin: 6px 0;}}
@media only screen and (max-width: 500px;){.responsive {width: 100%;}}
.clearfix:after {content: "";display: table;clear: both;}

hr { width:100%; height:2px; background: #333333;}
hr.nav { width:100%; height:1px; background: #cccccc;}


a.gallerypic{width:1000px;text-decoration:none;position:relative;display:block;border:0px;border-style: solid;border-color: #ffffff;padding:0px;margin-right:0px;float:center;}
a.gallerypic span.zoom-icon{visibility:visible;position: absolute;left:840px;top:6px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;z-index:2;}

input[type=radio]:checked ~ div {background: red;}

input.SCH[type=text]  {
    width: 65px;
    box-sizing: border-box;
    border: 1px solid #000;
    border-radius: 4px;
    font-size: 14px;
    background-color: white;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding: 1px 1px 1px 1px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

input.SCH[type=text]:focus {
    width: 80%;
}

.dropdown {position: relative; display: inline-block;}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 3px 3px;
  z-index: 1;
}
.dropdown:hover .dropdown-content {display: block;}