#maincontent .col {
background:;
}

* {
margin:0;
padding:0;
}

img {
border:0;
height:auto;
max-width:100%;
}

html {
font-size:62.5%;
}

body {
background:url(images/top-bg.jpg) no-repeat top center fixed;
background-color:#FFF;
color:#191919;
font-family:Arial, Helvetica, sans-serif;
font-size:1.6rem;
font-size:16px;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}

#wrapper {
width:100%;
position:relative;
text-align:left;
}

#maincontentcontainer {
width:100%;
}

#maincontent {
background-color:#F4FAF1;
clear:both;
width:80%;
max-width:92.3em;
color:#333;
position:relative;
-webkit-box-shadow:5px 0 6px -4px black,-5px 0 6px -4px #000;
-moz-box-shadow:5px 0 6px -4px black,-5px 0 6px -4px #000;
box-shadow:5px 0 6px -4px black,-5px 0 6px -4px #000;
opacity:0.9;
margin:0 auto;
}

/*Head---------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.section.group.header {background:#5B5348;}

.logo {
float:left;
}

.tel {
font-size:2.2rem;
font-size:22px;
padding-top:20px;
float:right;
}

.tel a {color:#fff; margin-right:1.7rem; margin-right:17px; text-decoration:none;}

.section.group {}



/*Nav----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.nav {
width: 100%;  
}
.nav ul {
list-style: none;
overflow: hidden;
margin: 0;
}
.nav li a {
background:#484847;
border-right: 0px solid #fff;
border-bottom: 0px solid #fff;
color: #fff;
display: block;
float: left;
font-weight:bold;
padding: 10px 0 10px 0;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 20%;

/*TRANSISTIONS*/
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
-ms-transition: background 0.5s ease;
transition: background 0.5s ease;
}

.nav a.current {background:#484847;}
.nav a:hover {background:#AA0B07;}

/*
.nav li:nth-child(1) a:hover {
background: rgb(111, 37, 105);
}
.nav li:nth-child(2) a:hover {
background: #333;
}
.nav li:nth-child(3) a:hover {
background: rgb(241, 233, 20);
}
.nav li:nth-child(4) a:hover {
background: rgb(37, 74, 107);
}

.nav li:nth-child(5) a:hover {
background: rgb(111, 37, 105);
}

*/

@media only screen and (max-width : 800px),
only screen and (max-device-width : 800px){
.nav li a {
width: 45%;
}
}
@media only screen and (max-width : 580px),
only screen and (max-device-width : 580px){
.nav li a {
width: 100%;
}
}

/*HOME PAGE==========================================================================================================================================================*/

/*Intro--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.section.group.intro {
background:#f1f1f1;
height:auto;
margin:1.7rem;
margin:17px;
overflow:hidden;
text-align:center;  
width:auto;
}

.section.group.intro p {
font-size:2.2rem;
font-size:22px;
line-height:3.0rem;
padding:.5rem;
padding:5px;
text-align:center;
}

/*Row----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.section.group.row {background:url("images/content-bg.png");
background:#f1f1f1;
height:auto;
margin:1.7rem;
margin:17px;
overflow:hidden;
padding:0;
width:auto;
}

.section.group.row img {
margin:0px 1.2rem 0px 0px;
margin:0px 12px 0px 0px;
}

.section.group.row h2 {
font-size:1.8rem;
font-size:18px;
margin-top:4px;
}

.section.group.row h3 {
font-size:1.4rem;
font-size:14px;
}

.section.group.row p {
font-size:1.4rem;
font-size:14px;
line-height:2.4rem;
margin-right:1.2rem;
text-align:justify;
}

.section.group.slides img,
.section.group.row img
{
display:block;
float:left;
}


.colnm span_1_of_2-l, .colnm span_1_of_2-l {background:#f1f1f1;}



/*Footer Section----------------------------------------------------------------------------------------------------------------------------------------------------*/

.section.group.footer.wrap {background:none; border:none; width:100%;}

.section.group.footer {background:#4F4B41; color:white; height:auto; font-size:1.0rem; margin:0px auto; margin-top:10px; overflow:hidden; text-align:center; width:100%;}

.section.group.footer a {color:tan; text-decoration:none;}


/*INTERIOR PAGES======================================================================================================================================================*/

/*Secondary Pages---------------------------------------------------------------------------------------------------------------------------------------------------*/

.section.group.sec {
height:auto;
margin:0 1.7rem 0px 1.7rem;
margin:17px 17px 0px 17px;
overflow:hidden;
padding:0;
width:auto;
}

.section.group.sec h2 {
border-bottom:groove 2px #514C43;
font-size:1.8rem;
font-size:18px;

padding-bottom:10px;
}

.section.group.sec h3 {
font-size:1.4rem;
font-size:14px;
margin-top:10px;
}

.section.group.sec p {
font-size:1.4rem;
font-size:14px;
line-height:2.4rem;
margin:1.2rem 0;
margin:12px 0;
text-align:justify;
}

.section.group.sec ul {margin-left:1.7rem; margin-left:17px; margin-bottom:1.4rem; margin-bottom:14px;}
.section.group.sec ul li {font-size:1.4rem; font-size:14px; list-style-type:square; margin-left:10rem; margin-left:10px; line-height:2.4rem;}
.section.group.sec h3 {font-size:1.6rem; font-size:16px;}

.sales, .magnum {font-size:1.8em; font-size:18px; font-weight:bold; margin:0 1.7rem; text-align:center;}


section group sec tabs {}
/*Services----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.demo {background:silver;
margin: 20px auto 0px 0px;
width: 980px;

}
.demo h1 {
margin:33px 0 25px;
}

.demo h2 {margin:0px 0px 10px 0px;}
.demo h3 {
margin: 10px 0;
}

.demo h4 {margin:5px 0px;}

pre {
background: #fff;
}
@media only screen and (max-width: 780px) {
	.demo {
	margin: 5%;
	width: 90%;
	}
	.how-use {
	float: left;
	width: 300px;
	display: none;
	}
}

/*Portfolio---------------------------------------------------------------------------------------------------------------------------------------------------------*/

.example-image-link {
  display: inline-block;
  margin:.7rem;
  margin:7px;
  line-height: 0;
  border-radius:0px;
  border: px solid silver;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}


/*About-------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.col.span_1_of_2.colr-l, .col.span_1_of_2.colr-r {background:#f1f1f1;}

/*Form----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
form {background:#f1f1f1; display:inline-block; float:left;  width:100%;}
table {margin-left:1.7rem;}

input, textarea {
border:1px solid #D6D6D6;
padding:5px; 
box-shadow:rgba(0,0,0,0.1) 0px 0px 8px;
-moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 8px;
-webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 8px;
}

input:hover, textarea:hover, input:focus, textarea:focus {
box-shadow:rgba(0,0,0,0.2) 0px 0px 8px;
-moz-box-shadow:rgba(81,203,238,0.2) 0px 0px 8px;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0px 8px;
  border: 1px solid #5ee3ff;
  border: 1px solid rgba(81, 203, 238, 1);
}

td {padding-bottom:10px;}

/*Media Query-------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width:1260px) {
.tel {padding-top:15px;}
}

@media screen and (min-width:600px) and (max-width: 800px) {
.nav li a {width:19.9%;}
}

@media screen and (max-width:480px) {
.logo {float:none;}
.tel{float:none; padding:0;}
.tel a {margin:-1.0rem 0 0px 1.8rem; text-align:center;}
.section.group.row img {border:0;}
.col.span_1_of_2.colr-l {margin-bottom:20px;}
.section.group.con {text-align:left; border:1px red dotted;}
}