body {
  background: url('media/photo-slide2.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  color:#ffffff;
  	margin: 0px;
	padding: 0px;
}
html {
    margin: 0px;
	padding: 0px;
}

.ssslogo {
  border-radius: 25px;
  background: #73AD21;
  padding: 0px;
  width: 200px;
  height: 200px;
  border-style: solid;
  border-width: 2px;
  border-color: #d5ae5b;
}

.myslide {
background-color: #d5ae5b;
padding:0.1rem 1rem !important;
margin-bottom: 0rem !important;
margin-top: 0.0rem !important;
}

.carousel-item {
  height: 150px;
  min-height: 150px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.topbuttons {
width:700px;
height:50px;
display: flex;
flex-flow: row wrap;
justify-content: space-around;
align-content: space-evenly;
}

.blacktext {
	color: #000000;
}

.mainpage {
background-color: #f9f9f9;

}
.productbox {
width:350px;
height:240px;
margin-right:15px;
margin-bottom:10px;
display:inline-block;
background-color: #000000;
  border: 3px double #ffffff;
  vertical-align: top;
}

.productbox2 {
width:350px;
height:auto;
margin-right:15px;
margin-bottom:10px;
display:inline-block;
background-color: #000000;
  border: 3px double #ffffff;
  vertical-align: top;
}

.productbox3 {
width:350px;
height:auto;
margin-right:15px;
margin-bottom:10px;
display:inline-block;
  border: 3px double #ffffff;
  vertical-align: top;
}

.order_list {
width:auto;
height:auto;
padding-left:5px;
margin-right:15px;
margin-bottom:10px;
display:block;
background-color: #000000;
border: 3px double #ffffff;
}

#orderworning {
	text-align: center;
padding-left:5px;
width:350px;
color: #000000;
background-color: red;
border: 3px double #ffffff;
  -webkit-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Safari 4+ */
  -moz-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Fx 5+ */
  -o-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Opera 12+ */
  animation: NAME-YOUR-ANIMATION 1s infinite;  /* IE 10+, Fx 29+ */
}

@-webkit-keyframes NAME-YOUR-ANIMATION {
  0%, 49% {
    background-color: rgb(117, 209, 63);
    border: 3px solid #e50000;
  }
  50%, 100% {
    background-color: #e50000;
    border: 3px solid rgb(117, 209, 63);
  }
}


.cart-form {
  width: 500px;
  clear: both;
}
.cart-form input {
  width: 100%;
  clear: both;
}

.group_border{
background-color: #141c28bd;
border: solid black 2px;
margin: 3px;
vertical-align: top;
padding: 10px;
}

.group_border ul{
margin-top: 0px;
padding-right: 5px;
vertical-align: top;
}

.group_border ol{
margin-top: 0px;
padding-right: 5px;
vertical-align: top;
}

.group_border h3{
padding: 0px;
padding-left: 5px;
margin: 0px;
}


/*====================
	The Modal start
====================== */

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  color: #000000;
  background-color: rgb(105, 224, 176);
  margin: 5% auto; /* 15% from the top and centered */
  padding: 4px;
  border: 1px solid #888;
  width: 70%; /* Could be more or less, depending on screen size */
  max-width:750px;
}

/* The Close Button */
.close {
  color: black;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: red;
  text-decoration: none;
  cursor: pointer;
}
/*====================
	The Modal end
====================== */

/*====================
	maps
====================== */
.mymaps {
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:40px;
    width: 320px;
}

#mymaincontainer2 {
    max-width: auto;
}
/*====================
	maps
====================== */

#myfaq {
	color: black;
}





/*====================
	Footer
====================== */
#footerlogo {
	display: inline-block;
	width:40px;
height:40px;


}


/* Main Footer */
footer .main-footer{	padding: 20px 0;	background: #252525;}
footer ul{	padding-left: 0;	list-style: none;}

/* Copy Right Footer */
.footer-copyright {	background: #222;	padding: 5px 0;}
.footer-copyright .logo {    display: inherit;}
.footer-copyright nav {    float: right;    margin-top: 5px;}
.footer-copyright nav ul {	list-style: none;	margin: 0;	padding: 0;}
.footer-copyright nav ul li {	border-left: 1px solid #505050;	display: inline-block;	line-height: 12px;	margin: 0;	padding: 0 8px;}
.footer-copyright nav ul li a{	color: #969696;}
.footer-copyright nav ul li:first-child {	border: medium none;	padding-left: 0;}
.footer-copyright p {	color: #969696;	margin: 2px 0 0;}

/* Footer Top */
.footer-top{	background: #252525;	padding-bottom: 30px;	margin-bottom: 30px;	border-bottom: 3px solid #222;}

/* Footer transparent */
footer.transparent .footer-top, footer.transparent .main-footer{	background: transparent;}
footer.transparent .footer-copyright{	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3) ;}

/* Footer light */
footer.light .footer-top{	background: #f9f9f9;}
footer.light .main-footer{	background: #f9f9f9;}
footer.light .footer-copyright{	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3) ;}

/* Footer 4 */
.footer- .logo {    display: inline-block;}

/*====================
	Widgets
====================== */
.widget{	padding: 20px;	margin-bottom: 40px;}
.widget.widget-last{	margin-bottom: 0px;}
.widget.no-box{	padding: 0;	background-color: transparent;	margin-bottom: 40px;
	box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none;}
.widget.subscribe p{	margin-bottom: 18px;}
.widget li a{	color: #ff8d1e;}
.widget li a:hover{	color: #4b92dc;}
.widget-title {margin-bottom: 20px;}
.widget-title span {background: #839FAD none repeat scroll 0 0;display: block; height: 1px;margin-top: 25px;position: relative;width: 20%;}
.widget-title span::after {background: inherit;content: "";height: inherit;    position: absolute;top: -4px;width: 50%;}
.widget-title.text-center span,.widget-title.text-center span::after {margin-left: auto;margin-right:auto;left: 0;right: 0;}
.widget .badge{	float: right;	background: #7f7f7f;}

.typo-light h1,
.typo-light h2,
.typo-light h3,
.typo-light h4,
.typo-light h5,
.typo-light h6,
.typo-light p,
.typo-light div,
.typo-light span,
.typo-light small{	color: #fff;}

ul.social-footer2 {	margin: 0;padding: 0;	width: auto;}
ul.social-footer2 li {display: block;padding: 0;}
ul.social-footer2 li a:hover {background-color:#ff8d1e;}
ul.social-footer2 li a {display: block;	height:30px;width: 100%;text-align: left;}
.btn{background-color: #ff8d1e; color:#fff;}
.btn:hover, .btn:focus, .btn.active {background: #4b92dc;color: #fff;
-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
-webkit-transition: all 250ms ease-in-out 0s;
-moz-transition: all 250ms ease-in-out 0s;
-ms-transition: all 250ms ease-in-out 0s;
-o-transition: all 250ms ease-in-out 0s;
transition: all 250ms ease-in-out 0s;

}