@charset "UTF-8";
/* CSS Document */

body {
	margin: 0!important;
  background: #7C9FA1 url(/graphics/sitebkg.jpg) repeat 0 -200px;
	background-color: #E0EBED;
}

#main {
	position: absolute;
	z-index: 1;
	width: 100%;
}

a, a:link, a:visited, a:active {
	color: #0D3462;
	text-decoration: underline;
	font-weight: bold;
}

a:hover {
	color: #00acd9;
	text-decoration: none;
}

p {
  margin: 5px 0!important;
}

h2 { 
	display: inline-block;
	/*border-top: 1px solid #c9c9c9; 
	border-left : 1px solid #b4b4b4; 
	border-right: 1px solid #b4b4b4; 
	border-bottom: 1px solid #8d8d8d;*/
	width: 30%;
	float: left;
	text-align: center;
	font-size: 24px; 
	font-weight: bold;
	padding: 0!important;
	height: 44px;
	line-height: 44px;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 6px;
	margin-top: 6px;
	/*background: #FCFEFF;
	background: -moz-linear-gradient(top, #FCFEFF 0%, #D2E0E1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DAE5E7), color-stop(100%,#D2E0E1));
	background: -webkit-linear-gradient(top, #FCFEFF 0%,#D2E0E1 100%);
	background: -o-linear-gradient(top, #FCFEFF 0%,#D2E0E1 100%);
	background: -ms-linear-gradient(top, #FCFEFF 0%,#D2E0E1 100%);
	background: linear-gradient(top, #FCFEFF 0%,#D2E0E1 100%);
	filter	       : progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCFEFF', endColorstr='#D2E0E1',GradientType=0 );
	box-shadow: 0 2px 0px -1px rgba(0,0,0,0.14), 0 4px 0px -2px rgba(0,0,0,0.08);  
	-moz-box-shadow      : 0 2px 0px -1px rgba(0,0,0,0.14), 0 4px 0px -2px rgba(0,0,0,0.08);
	-webkit-box-shadow   : 0 2px 0px -1px rgba(0,0,0,0.14), 0 4px 0px -2px rgba(0,0,0,0.08);  
	-moz-border-radius   : 8px; 
	-webkit-border-radius: 8px;
	border-radius	: 8px;*/	
	color: #523878;
	}
	
#contact {
	background: #7F4099;
	background: -moz-linear-gradient(top,  #7F4099 0%, #01293D 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7F4099), color-stop(100%,#01293D));
	background: -webkit-linear-gradient(top,  #7F4099 0%,#01293D 100%);
	background: -o-linear-gradient(top,  #7F4099 0%,#01293D 100%);
	background: -ms-linear-gradient(top,  #7F4099 0%,#01293D 100%);
	background: linear-gradient(to bottom,  #7F4099 0%,#01293D 100%);
	filter    : progid:DXImageTransform.Microsoft.gradient( startColorstr='#7F4099', endColorstr='#01293D',GradientType=0 );
	border: none;
	color: #FFF;
	padding-bottom: 26px!important;
	padding-top: 18px;
}

#contact p {
	font-size: 0.96em;
}

#contact a {
	color: #90CA4A;
}

#contact h1 {
	color: #FFF;
	text-shadow: none;
}

#secode {
	display: inline-block;
	float: left;
	line-height: 36px;
	margin-right: 6px;
}

.testimonial {
    margin: 10px 20px 0 20px;
    padding: 10px;
    font-style: italic;
    border-top: dotted 1px #000000;
    font-size: 1.2em;
    font-family: Times, "Times New Roman", "serif";
}

.name {
    font-weight: bold;
    text-align: right;
    margin: 0 20px 0 20px;
    font-size: 1.1em;
}

.intitle {
  color: #606; font-weight: bold; font-size: 1.4em; line-height: 1.4em; font-weight: bold;
}


@media only screen and (max-width: 767px) {   
		
#products {
	background: none;
	padding-right: 0%;
}
  
  #home-man {
    display: none;
  }
		
}  



/* Tables
================================== */
.Rtable {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.Rtable-cell, .Rtable-cell--foot, .Rtable-cell--small, .Rtable-cell--large {
  box-sizing: border-box;
  flex-grow: 1;
  width: 100%;
  padding: 10px;
  overflow: hidden;
  list-style: none;
  border: solid 3px white;
  background: #FFF;
}
.Rtable-cell > h1,
.Rtable-cell > h2,
.Rtable-cell > h3,
.Rtable-cell > h4,
.Rtable-cell > h5,
.Rtable-cell > h6 {
  margin: 0;
}

.Rtable-cell > a > img {
  width: 100%;
}

/* Table column sizing
================================== */
.Rtable--2cols > .Rtable-cell {
  width: 50%;
}
.Rtable--3cols > .Rtable-cell {
  width: 35%;
}
.Rtable--4cols > .Rtable-cell {
  width: 25%;
}
.Rtable--5cols > .Rtable-cell {
  width: 20%;
}
.Rtable--6cols > .Rtable-cell {
  width: 18%;
}
.Rtable-cell--foot {
  width: 75%;
}
.Rtable-cell--small {
  width: 8%;
}
.Rtable-cell--large {
  width: 40%;
}

/* Apply styles
================================== */
.Rtable {
  position: relative;
  top: 3px;
  left: 3px;
}
.Rtable-cell, .Rtable-cell--foot, .Rtable-cell--small, .Rtable-cell--large {
  margin: -3px 0 0 -3px;
  background-color: white;
  border-color: #e2e6e9;
}

/* Cell styles
================================== */
.Rtable-cell--dark {
  background-color: slategrey;
  border-color: #5a6673;
  color: white;
}
.Rtable-cell--dark > h1,
.Rtable-cell--dark > h2,
.Rtable-cell--dark > h3,
.Rtable-cell--dark > h4,
.Rtable-cell--dark > h5,
.Rtable-cell--dark > h6 {
  color: white;
}
.Rtable-cell--medium {
  background-color: #b8c0c8;
  border-color: #a9b3bc;
}
.Rtable-cell--light {
  background-color: white;
  border-color: #e2e6e9;
}
.Rtable-cell--highlight {
  background-color: lightgreen;
  border-color: #64e764;
}
.Rtable-cell--alert {
  background-color: darkorange;
  border-color: #cc7000;
  color: white;
}
.Rtable-cell--alert > h1,
.Rtable-cell--alert > h2,
.Rtable-cell--alert > h3,
.Rtable-cell--alert > h4,
.Rtable-cell--alert > h5,
.Rtable-cell--alert > h6 {
  color: white;
}
.Rtable-cell--head {
  background-color: #0D3462;
  border-color: #e2e6e9;
  color: white;
}
.Rtable-cell--head > h1,
.Rtable-cell--head > h2,
.Rtable-cell--head > h3,
.Rtable-cell--head > h4,
.Rtable-cell--head > h5,
.Rtable-cell--head > h6 {
  color: white;
}

#titleline2, #accessories {
	display: none;
}

/* Responsive
==================================== */
@media all and (max-width: 767px) {

.Rtable--collapse {
    display: block;
  }

.Rtable--collapse > .Rtable-cell, .Rtable--collapse > .Rtable-cell--foot, .Rtable--collapse > .Rtable-cell--small, .Rtable--collapse > .Rtable-cell--large {
    width: 100% !important;
  }

.Rtable--collapse > .Rtable-cell--foot, .Rtable--collapse > .Rtable-cell--large {
    margin-bottom: 1em;
  }
	
#titleline {
		display: none;
	}
	
#titleline2 {
	display: block;
}

 #accessories {
	 display: inline;
 }
	
.Rtable-cell > a > img {
  width: 60%;
}
	
}

@breakpoint: 767px;

/* Responsive
==================================== */
@media all and (max-width: @breakpoint) {

.Rtable--collapse  {
    display: block;
    > .Rtable-cell { width: 100% !important; }
    > .Rtable-cell--foot { margin-bottom: 1em; }
		
  }
}

// Non-Flex modernizer fallback

.no-flexbox .Rtable {
  display: block;
  > .Rtable-cell { width: 100%; }
  > .Rtable-cell--foot { margin-bottom: 1em; }
}