body{
margin:0;
color:#fff;
background-repeat:repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:center;
padding-left:0px;
}
.logo{
position:absolute;
right:29px;
top:16px;
}
.topbar{
top:0;
height:69px;
background:#000;
border-bottom:2px solid #2b87bc;
}




.sitesite{
position:relative;
border-bottom:1px solid #333;
padding:30px 0 30px 22px;
text-align:left;
}
.sitetitle{
font-family: 'Ubuntu', sans-serif;
margin:0;	
font-weight:normal;
font-size:36px;
text-transform: uppercase;
}
.sitesubtitle{
position:absolute;
right:27px;
top:15px;
font-weight:normal;
color:#717171;
font-size:26px;
}
.siteabout{
min-height:500px;
font-family: 'Open Sans', sans-serif;
padding:30px 22px 22px 22px;
}
.siteleft{
font-family: 'Open Sans', sans-serif;
font-size:22px;
line-height:41px;
text-align:left;
}
.siteleft span{
display:block;
font-size:24px;
color:#717171;
padding:2px 0;
}
.siteleft p{
display:block;
}

.sitelink{
color:#2f95d0;
font-family: 'Ubuntu', sans-serif;
font-size:24px;
}
.sitelink a{color:#2f95d0;}
.sitelink a:link {color:#2f95d0;}
.sitelink a:visited {color:#2f95d0;}
.sitelink a:hover {color:#2f95d0;}
.sitelink a:active {color:#2f95d0;}

.sitetitle a{color:#fff; text-decoration:none}
.sitetitle a:link {color:#fff;text-decoration:none}
.sitetitle a:visited {color:#fff;text-decoration:none}
.sitetitle a:hover {color:#fff;text-decoration:none}
.sitetitle a:active {color:#fff;text-decoration:none}

.storeimage{
float:right;
padding-left:5%;
padding-right:5px;
}
.linkicon{
margin-bottom:-4px;
}
.sitefeat{
height:112px;
background:url(images/feature-bg.jpg);
background-repeat:x-repeat;
background-position:bottom;
margin-top:20px;
padding-top:31px;
margin-bottom:60px;
font-size:40px;
font-family: 'Ubuntu', sans-serif;
}

.itemimg{
float:left;
height:300px;
background:#fff;
margin-right:2%;
}
.itemtitle{
display:block;
font-family: 'Abel', sans-serif;
font-size:36px;
}
.itemprice{
font-family: 'Ubuntu', sans-serif;
font-size:24px;
color:#888;
}
.itemwrap p{
font-size:22px;
line-height:33px;
}
.itemwrap{
min-height:340px;
background:#1c1c1c;
margin:3%;
text-align:left;
padding:20px 2% 60px 20px;
position:relative;
}
.addcart{
position:absolute;
right:15px;
bottom:15px;
}



@media all and (max-width: 700px) {
.itemimg{
float:center;
height:300px;
padding-right:2%;
}
}





.welcome{	
text-align:left;
padding-left:28px;
}
h1{
font-family:'Open Sans Condensed', sans-serif;
font-size:50px;
font-weight:normal;
margin-bottom:0;
padding-bottom:0;
}
.welcome h2{
font-family:'Open Sans', sans-serif;
font-size:32px;
font-weight:normal;
}
.blue{
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
font-weight:bold;
color:#3fa1d9;
}
.onlinestores{
margin-top:40px;
}
.storeimg{
position:relative;
width:28%;
margin:1%;
border:1px solid #333;
-moz-box-shadow:0px 0px 10px #111;
-webkit-box-shadow:0px 0px 10px #111;
box-shadow:0px 0px 10px #111;
}
.storeimg:hover{
width:30%;
margin:0;
filter:alpha(opacity=60); 
-moz-opacity:0.6; 
-khtml-opacity:0.6; 
opacity:0.6; 
border:1px solid #555;
-moz-box-shadow:0px 0px 15px #000;
-webkit-box-shadow:0px 0px 15px #000;
box-shadow:0px 0px 15px #000;
-webkit-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out; 
-o-transition:all 0.5s ease-in-out; 
transition:all 0.5s ease-in-out;
}
.visit{
z-index:100;
display:none;	
}
.storeimg:hover + .visit{
clear:both;
display:table-cell;
margin-left:-40px;
}
.onlineabout{
font-family:'Open Sans', sans-serif;
font-size:19px;
line-height:32px;
text-align:left;
background:#111;
width:94%;
margin:3% 0 4% 0;
border:1px solid #333;
-moz-box-shadow:0px 0px 10px #111;
-webkit-box-shadow:0px 0px 10px #111;
box-shadow:0px 0px 10px #111;
padding:4%;
}
.itemwrap a:link {color:#fff;
-webkit-transition:all 0.2s ease;
-ms-transition:all 0.2s ease;
-moz-transition:all 0.2s ease; 
-o-transition:all 0.2s ease; 
transition:all 0.2s ease;
}
.itemwrap a:visited {color:#fff;}
.itemwrap a:hover {color:#bbb;}
.itemwrap a:active {color:#fff;}


.onlineabout a:link {color:#fff;
-webkit-transition:all 0.2s ease;
-ms-transition:all 0.2s ease;
-moz-transition:all 0.2s ease; 
-o-transition:all 0.2s ease; 
transition:all 0.2s ease;
}
.onlineabout a:visited {color:#fff;}
.onlineabout a:hover {color:#bbb;}
.onlineabout a:active {color:#fff;}


@media all and (min-width: 1300px) {
.onlinestores{
width:80%;
margin-top:0;
}
.storeimg{
position:relative;
width:27%;
margin:2%;
}
.storeimg:hover{
width:29%;
margin:1%;
}
}






.ippagewrap{
color:#000;
width:100%;
background:#ffffff;
padding:0;
margin:0;
}
.ipleft{
float:left;
width:220px;
height:100%;
background:#ffffff;
position:relative;
}
.ipright{
margin-left:220px;
background:#ffffff;
text-align:left;
border-left:solid 2px #cdcdcd;
}
.ipmenutop{
font-family:"impact", Verdana, Tahoma;
font-size:25px;
width:100%;
height:75px;
background:#eeeeee;
border-bottom:solid 2px #cdcdcd;
}
.iptop{
font-family:"impact", Verdana, Tahoma;
font-size:25px;
width:100%;
height:75px;
background:#eeeeee;
border-bottom:solid 2px #cdcdcd;
}
.iph1{
padding-top:22px;
padding-left:19px;
float:left;
}
.iph2{
padding-top:22px;
padding-left:3%;
}
.iprightwrap{
padding:30px 40px 80px 35px;
min-height:673px;
}
.iprightwrap2{
padding:0;
min-height:673px;
}
.stores{
background:#4f5254;
text-align:center;
padding-top:30px;
padding-bottom:20px;
margin-top:-1px;
}
.listhead{
font-size:30px;
color:#fff;
}
.listwrap{
width:100%;
background:#4f5254;
padding-bottom:100px;
}
.list{
margin:0;
padding:0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:30px;
margin-top:-1px;
}
.list ul{
margin:0;
padding:0 10%;
list-style:none;
}
.list li{
background:#fff;
margin-bottom:4px;
padding:10px 30px 10px 30px;
letter-spacing:0.5px;
}
.listwrap2{
text-align:left;
width:100%;
background:#f4f4f4;
padding-bottom:1px;
}
.list2{
margin:0;
padding:0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:26px;
margin-top:30px;
}
.list2 ul{
margin:0;
padding:2px 0 0 0;
list-style:none;
}
.list2 li{
background:#fff;
margin-bottom:2px;
padding:7px 30px 7px 1px;
letter-spacing:0.5px;
}









* {box-sizing: border-box;}
.hamburger{

z-index:9999;
padding:18px 0 0 25px;
}
.hamburger:hover{
cursor:pointer;
}
.hamburger div{
background-color:rgba(43,135,188,1);
border-radius:5px;
height:7px;
width:42px;
-moz-box-shadow:0px 0px 5px #000;
-webkit-box-shadow:0px 0px 5px #000;
box-shadow:0px 0px 5px #000;
}
.hamburger div:not(:last-child){
margin-bottom:5px;
}
nav{
z-index:100;
overflow-y:auto;
overflow-x:visible;
background-color:rgba(0,0,0,1);
display:inline-block;
position:fixed;
height:100vh;
width:400px;
max-width:400px;
left:-400px;
word-wrap:break-word;
-webkit-transition:-webkit-transform 0.3s;
transition:transform 0.3s;
font-family: 'Ubuntu Condensed', sans-serif;
font-weight:bold;
font-size:24px;
margin-top:-70px;
}
nav a{
display:block;
text-decoration:none;
text-align:left;
color:white;
padding:6px 0px 6px 125px;
line-height:1.5;
}
nav a:hover{
background-color:#333739;
}
nav a:visited{
color:white;
}
nav, .hamburger, .cover{
-webkit-transition: -webkit-transform .3s;
transition: transform .3s;
}
.sidenav-active nav, .sidenav-active .hamburger, .sidenav-active .cover{
-webkit-transform: translateX(290px);
-ms-transform: translateX(290px);
transform: translateX(290px);
float:left;
}
.navtitle{
color:#2b87bc; 
padding:30px 0 20px 125px;
text-align:left;
font-size:26px;
font-weight:bold;
letter-spacing:1px;
}
.arrowdown{
margin-left:8px;
}
.links{
padding-top:10px;
}
.navdot{
margin-bottom:4px;
margin-right:6px;
}

.footerlogo{
padding-top:85px;
padding-bottom:155px;
}