/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/



html, body, div{
	margin: 0;
	padding: 0;
	border: 0;
}


.sidebar_menu{
font-size: 18px;
font-weight: 400;
line-height: 30px;
font-family: 'Open Sans', sans-serif;
color: #aab1bf;
padding:1em;
box-sizing: border-box;
}


.logindiv{
padding-left:1em;
box-sizing: border-box;
}


#image_gallery{
margin-top:2em;
}

.logindiv input{
margin-left:0px;
margin-top:10px;
border:1px solid #ccc;
}

.logindiv label{
margin-top:20px;
display:block;
}

label.error{
font-style:italic;
color:#ff0000;
margin-top:10px;
}


.question span{
font-size:2em;
font-family:Kranky;
}


.sidebar_menu a{
text-decoration:none;
color: #000;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

.list-of-product-categories ul, ol{
list-style-type:none;
}

.select-template ul, ol{
list-style-type:none;
}

.list-of-sites ul, ol{
list-style-type:none;
}

.catlist ul, ol{
list-style-type:none;
}

.cata ul li{
list-style-type:none;
}


.header
{
	width: 100%;
	height: 80px;
	background-color: #fff;

}
.container
{
	width: 1080px;
	margin: 0 auto;
}
.logo
{
	float:left;
}
.logo h1 a
{
	text-decoration: none;
	color: #1C97CA;
	font-size: 0.8em;
	font-weight: 100;
	padding: 20px 0px;
	display: block;
	letter-spacing: 4px;
	text-transform: uppercase;
	
}
.menu
{
	float: right;
}
.menu ul li
{
	display: inline-block;
	padding: 33px 15px;
}
.menu ul li a
{
	float:right;
	text-decoration: none;
	color: #4e4f4f;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: color 0.3s ease-in;
	-moz-transition: color 0.3s ease-in;
	-o-transition: color 0.3s ease-in;
	-webkit-transition: color 0.3s ease-in;
	-ms-transition: color 0.3s ease-in;
}
.menu ul li a:hover
{
	color: #1C97CA;
}
.banner
{


	 padding: 13% 0px; 
	cursor: default;
}
.header-text
{
	text-align:center;
	color: #fff;
}
.big-text
{
	font-size: 30px;
	line-height: 50px;
	font-weight: 300;
}
.header-text h2
{
	font-size: 3em;
	font-weight: 600;
	line-height: 60px;
	text-shadow: 4px 3px 0px rgba(0, 0, 0, 0.50), 9px 8px 0px rgba(0, 0, 0, 0.15);
}
.small-text
{
	width: 65%;
	margin: 0 auto !important;
	font-size: 18px;
	font-weight: 400;
	line-height: 40px;
	text-shadow: 4px 4px 0px rgba(0, 0, 0, 0.15);
}
.small-text a
{
	color: #fff;
	border-bottom: 1px dotted #fff;
	text-decoration: none;
}
.button-section ul li
{
	display: inline-block;
	margin: 50px 20px;
}
.top-button
{
	
	text-decoration: none;
	border-radius: 5px;
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
}
.green
{	color: #fff;
	padding: 17px 30px;
	background-color: #64AE3C;
}
.clear{
clear:both;
}
.white
{
	background-color: #fff;
	padding: 17px 30px;
	color: #4e4f4f;
}
.color-border
{
	background:url(images/color_border.jpg) repeat-x scroll center top;
	width: 100%;
	float: left;
	display: block;
	height: 5px;
}
.features
{
	background: url(images/bg.png) repeat;
}
.desc
{
	/*text-align: center; */
	padding: 80px 0px;
background-color:#fff;
}
.desc h2
{
	font-size: 30px;
	font-weight: 600;
}
.desc p
{
	font-weight: 400;
	line-height: 1.5em;
	color: #000;
}


.clear{
clear:both;
}

.features
{
	padding: 80px 0px;
	background-color: #24436d;
	float: left;
	width: 100%;
}
.features-section
{
	text-align: center;
}
h3.text-head
{
	/* color: #1c97ca; */
	font-size: 27px;
	font-weight: 500;
	text-align: center;
	text-shadow: 4px 3px 0px rgba(0, 0, 0, 0.20);
}
p.box-desc
{
	color: #888;
	font-size: 17px;
	font-weight: 500;
	font-family: 'Open Sans', sans-serif;
	line-height: 60px;
	text-align: center;
}
.features-section ul
{
	margin: 50px 0px;
}
.features-section ul li
{
	width: 360px;
	display: block;
	text-align: center;
	float: left;
}
.feature-icon
{
	background:url(images/feature-icons.png) no-repeat;
	width: 60px;
	height: 60px;
	display: inline-block;
}
.icon1
{
	background-position: -1px -1px;
}
.icon2
{
	background-position: -68px -1px;
}
.icon3
{
	background-position: -136px -1px;
}
.features-section ul li h4
{
	font-size: 17px;
	font-weight: 600;
	color: #fff;
	line-height: 50px;
	margin-top: 20px;
}
.features-section ul li p
{
	color: #aab1bf;
	font-size: 15px;
	line-height: 20px;
	width: 90%;
	margin: 0 auto;
	font-weight: 400;
}
.stories
{
	padding: 80px 0px;
	float: left;
	width: 100%;
	background-color: #fff;
}
.mapaddress
{
	float: left;
	width: 100%;
	min-height:200px;
	 background: #ffffff; 
	 border-top:1px solid #ccc;
}

.businessaddressinfo{
padding:1em;
padding-bottom:1em;
box-sizing: border-box;
line-height:2em;
}
.stories-section ul li
{
	width: 318px;
	margin: 40px 20px 0px;
	border-radius: 5px;
	background-color: #fff;
	float: left;
}
.stories-section ul li a
{
	text-decoration: none;
}
.story-img img
{
	width: 318px;
	height: 200px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.story-box
{
	/* border: 1px solid #ccc; */
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top: none;
	text-align: center;
	padding: 10px 10px 20px;
	
	
	
}
.story-box h4
{
	color: #4E4F4F;
	font-size: 16px;
	font-weight: 600;
	line-height: 50px;
}
.story-box p
{
	color: #888;
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
}

.contact
{
	padding: 80px 0px;
	width: 100%;
	float: left;
	font-family: 'Open Sans', sans-serif;
	/* background-color: #D6D6D6; */
}
.contact-section
{
	max-width: 600px;
	margin: 0 auto;
	font-family: 'Open Sans', sans-serif;
}
form input
{
	background: none repeat scroll 0% 0% #F7F6F6;
	padding: 15px;
	width: 100%;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 400;
	margin-top: 30px;
	font-family: 'Open Sans', sans-serif;
	box-shadow: none;
	border: 2px solid #f7f6f6;
	transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
}
form textarea
{
	width: 100%;
    border-radius: 5px;
    box-shadow: none;
    background: none repeat scroll 0% 0% #F7F6F6;
    padding: 15px;
    font-size: 16px;
    font-weight: 400;
	height: 180px;
	margin-top: 30px;
	font-family: inherit;
	border: 2px solid #f7f6f6;
	font-family: 'Open Sans', sans-serif;
	resize: none;
	transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
}
button.submit
{
	background: #1C97CA;
border: medium none;
color: #FFF;
padding: 15px 10px;
font-size: 18px;
font-weight: 600;
font-family: "Open Sans",sans-serif;
transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
margin-top: 20px;
transition: background 0.3s ease-in;
cursor: pointer;
display: block;
margin: 30px auto 0px;
border-radius : 5px;
}
button.submit:hover
{
	background:#888;
}
form input:focus
{
	border: 2px solid #888;
	background-color: #fff;
}
form textarea:focus
{
	border: 2px solid #888;
	background-color: #fff;
}
.footer
{
	width: 100%;
	background-color: #373A42;
	float: left;
	padding: 50px 0px;
	text-align: center;
}
.footer p.copyright {
    color: #585C65;
    font-weight: 300;
    font-size: 14px;
}
.footer p.copyright a
{
	color: #585C65;
	text-decoration: none;
	border-bottom: 1px dotted #585c65;
}
ul.socialmedia {
    margin: 0;
    list-style:none;
	padding:0px;
    margin-top: 25px;
}
ul.socialmedia li {
    display: inline-block;
    margin-left: 15px;
	margin-right: 15px;
    color: #585c65;
    font-size: 26px;
}
ul.socialmedia li a {
    
    color: #585c65;
    font-size: 26px;
}

i.icon-twitter {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
i.icon-twitter:hover {
    height: 100%;
    color: #00acee;
}
i.icon-facebook {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
i.icon-facebook:hover {
    height: 100%;
    color: #3b5998;
}
i.icon-dribbble {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
i.icon-dribbble:hover {
    height: 100%;
    color: #ea4c89;
}
i.icon-linkedin {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
i.icon-linkedin:hover {
    height: 100%;
    color: #0e76a8;
}
i.icon-instagram {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;

}
i.icon-instagram:hover {
    height: 100%;
    color: #3f729b;
}
ul.socialmedia li a {
    text-decoration: none;
}
.responsive-menu-button
{
	float: right;
	padding: 24px 0px;
}
#mobile-header {
display: none;
}


.catlist ul li{
background:none !important;
}


.select-template ul li{

}

.select-template ul li:hover{
}


.effect1{
	-webkit-box-shadow: 0 10px 6px -6px #777;
	   -moz-box-shadow: 0 10px 6px -6px #777;
	        box-shadow: 0 10px 6px -6px #777;
}


.backtoadmin{
text-decoration:none;
color:#fff;
}

.use-template{
position:absolute;
width:318px;
height:200px;
background-image:url('../../img/textures/broken_noise.png');
text-align:center;
vertical-align:middle;
display:none;
}

.use-template span{
position:relative;
padding:5px;
border:1px solid #fff;
font-weight:bold;
top:50%;
padding:3px !important;
text-decoration:none;
color:#fff;
}



.box-black-slide{
position:absolute;
width:318px;
height:200px;
background-image:url('../../img/textures/broken_noise.png');
text-align:center;
vertical-align:middle;
display:none;
}

.box-black-slide span{
position:relative;
padding:5px !important;
border:1px solid #fff;
font-weight:bold;
top:50%;
text-decoration:none;
color:#fff;
}



.product_image_detail{
margin:5px;
float:left;
height:80px;
width:80px;
}

.container_text li{
margin-left:1.5em;
line-height:1.5em;
list-style:disc;
}


.container_text h3 {
display: block;
font-size: 1.17em;
-webkit-margin-before: 1em !important;
-webkit-margin-after: 1em !important;
-webkit-margin-start: 0px !important;
-webkit-margin-end: 0px !important;
font-weight: bold;
}


.container_text h4 {
display: block;
font-size: 1.17em;
-webkit-margin-before: 1em !important;
-webkit-margin-after: 1em !important;
-webkit-margin-start: 0px !important;
-webkit-margin-end: 0px !important;
font-weight: bold;
}


.various{
margin-top:1em;
display:block;
margin-bottom:1em;
}




.stories span, .stories applet, .stories object, .stories iframe,
.stories h1, .stories h2, .stories h3, .stories h4, .stories h5, .stories h6, .stories p, .stories blockquote, .stories pre,
.stories a, .stories abbr, .stories acronym, .stories address, .stories big, .stories cite, .stories code,
.stories del, .stories dfn, .stories em, .stories img, .stories ins, .stories kbd, .stories q, .stories s, .stories samp,
.stories small, .stories strike, .stories strong, .stories sub, .stories sup, .stories tt, .stories var,
.stories b, .stories u, .stories i, .stories center,
.stories dl, .stories dt, .stories dd, .stories ol, .stories ul, .stories li,
.stories fieldset, .stories form, .stories label, .stories legend,
.stories table, .stories caption, .stories tbody, .stories tfoot, .stories thead, .stories tr, .stories th, .stories td,
.stories article, .stories aside, .stories canvas, .stories details, .stories embed, 
.stories figure, .stories figcaption, .stories footer, .stories header, .stories hgroup, 
.stories menu, .stories nav, .stories output, .stories ruby, .stories section, .stories summary,
.stories time, .stories mark, .stories audio, .stories video{
margin:0px;
padding:0px;
}

.features span, .features applet, .features object, .features iframe,
.features h1, .features h2, .features h3, .features h4, .features h5, .features h6, .features p, .features blockquote, .features pre,
.features a, .features abbr, .features acronym, .features address, .features big, .features cite, .features code,
.features del, .features dfn, .features em, .features img, .features ins, .features kbd, .features q, .features s, .features samp,
.features small, .features strike, .features strong, .features sub, .features sup, .features tt, .features var,
.features b, .features u, .features i, .features center,
.features dl, .features dt, .features dd, .features ol, .features ul, .features li,
.features fieldset, .features form, .features label, .features legend,
.features table, .features caption, .features tbody, .features tfoot, .features thead, .features tr, .features th, .features td,
.features article, .features aside, .features canvas, .features details, .features embed, 
.features figure, .features figcaption, .features footer, .features header, .features hgroup, 
.features menu, .features nav, .features output, .features ruby, .features section, .features summary,
.features time, .features mark, .features audio, .features video{
margin:0px;
padding:0px;
}


.cata span, .cata applet, .cata object, .cata iframe,
.cata h1, .cata h2, .cata h3, .cata h4, .cata h5, .cata h6, .cata p, .cata blockquote, .cata pre,
.cata a, .cata abbr, .cata acronym, .cata address, .cata big, .cata cite, .cata code,
.cata del, .cata dfn, .cata em, .cata img, .cata ins, .cata kbd, .cata q, .cata s, .cata samp,
.cata small, .cata strike, .cata strong, .cata sub, .cata sup, .cata tt, .cata var,
.cata b, .cata u, .cata i, .cata center,
.cata dl, .cata dt, .cata dd, .cata ol, .cata ul, .cata li,
.cata fieldset, .cata form, .cata label, .cata legend,
.cata table, .cata caption, .cata tbody, .cata tfoot, .cata thead, .cata tr, .cata th, .cata td,
.cata article, .cata aside, .cata canvas, .cata details, .cata embed, 
.cata figure, .cata figcaption, .cata footer, .cata header, .cata hgroup, 
.cata menu, .cata nav, .cata output, .cata ruby, .cata section, .cata summary,
.cata time, .cata mark, .cata audio, .cata video{
margin:0px;
padding:0px;
}


.banner p, .banner h2{
margin:0px;
padding:0px;
}


.container_text table{
margin-top:1em;
margin-bottom:1em;
}



.container_text th {
  color:#D5DDE5;;
  background:#1b1e24;
  border-bottom:4px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-weight: 100;
  padding:24px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}

.container_text th:first-child {
  border-top-left-radius:3px;
}
 
.container_text th:last-child {
  border-top-right-radius:3px;
  border-right:none;
}
  
.container_text tr {
  border-top: 1px solid #C1C3D1;
  border-bottom-: 1px solid #C1C3D1;
  color:#666B85;
  font-weight:normal;
  text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}
 
.container_text tr:hover td {
  background:#4E5066;
  color:#FFFFFF;
  border-top: 1px solid #22262e;
  border-bottom: 1px solid #22262e;
}
 
.container_text tr:first-child {
  border-top:none;
}

.container_text tr:last-child {
  border-bottom:none;
}
 
.container_text tr:nth-child(odd) td {
  background:#EBEBEB;
}
 
.container_text tr:nth-child(odd):hover td {
  background:#4E5066;
}

.container_text tr:last-child td:first-child {
  border-bottom-left-radius:3px;
}
 
.container_text tr:last-child td:last-child {
  border-bottom-right-radius:3px;
}
 
.container_text td {
  background:#FFFFFF;
  padding:1em;
  text-align:left;
  vertical-align:middle;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  border-right: 1px solid #C1C3D1;
}

.container_text td:last-child {
  border-right: 0px;
}

.container_text th.text-left {
  text-align: left;
}

.container_text th.text-center {
  text-align: center;
}

.container_text th.text-right {
  text-align: right;
}

.container_text td.text-left {
  text-align: left;
}

.container_text td.text-center {
  text-align: center;
}

.container_text td.text-right {
  text-align: right;
}

blockquote{
display:block;
padding-left:1em;
border-left:3px solid #ccc;
font-style:italic;
}

.sidebar_menu ul{
list-style:none;
margin-left:0px;
padding-left:0px;
}

.sidebar_menu li{
list-style:none;
}

input {
box-sizing: border-box;
}

textarea{
box-sizing: border-box;
}

.container_text img{
max-width:100%;
}

/* New Update */

.sTable td{
padding:8px 12px;
color:#333;
background-color:#fff;
border-bottom:#333;
font-size:2.3em;
}

.sTable td a{
text-decoration:none;
color:#333;
}

.sTable tr:hover td{
background-color:green;
color:#fff;
}

.sTable tr.notavailable td{
background-color:#ccc;
font-size:2em;
}

.sTable tr.notavailable:hover td{
background-color:#ccc;
color:#333;
}

.sTable tr:hover td a{
color:#fff;
}

.sTable td.available{
color:green;
}


.single-product form fieldset{
border:none;
padding:0px;
}

.single-product form fieldset button{
background-color:#00ACED;
margin-top:0px;
color:#ffffff;
font-weight:bold;
cursor:pointer;
font-size:1em;
margin-right:8px;
margin-left:0px;
margin-bottom:5px;
border:none;
padding:0.8em 1em;
border-radius:5px;
}

.single-product form fieldset button:hover{
background-color:#08233E;
}


#PPMiniCart .minicart-details-quantity {
text-align:center !important;
}


.minicart-quantity{
margin-top:0px !important;
padding:5px !important;
width:30px !important;
height:30px !important;
}


.viewcart{
background-color:#00BF00 !important;
}

.viewcart:hover{
background-color:#009500 !important;
}




#PPMiniCart{
z-index:10000;
}