@import url(http://fonts.googleapis.com/css?family=Cantarell:400,700,400italic,700italic);
@import url(../font-awesome/css/font-awesome.min.css);

/*   color of dark gray 464646 */
  body {
   background: #fff;
  }
.icons { 
  
   margin: 0; 
}

  #main {
   min-height: 100px;
   margin: 0px ;
   padding: 10px 0 0px 0;
   
   }
 
  #main > article {
	
	  
	  position:relative;
	  overflow:hidden;
  min-height: 100px;
  margin: 4px;
  padding: 0 0 4% 0;
  
   border-radius: 7pt;   
   }
#main > article ul {
 list-style-type: square;
 list-style-position: outside;
 list-style-image: none;
 line-height: 1.35em;
    font-family: 'Cantarell', sans-serif;
	font-size: 20px;
    font-weight: 400; 
	color: #616161;
	text-decoration:none;	
}   
   
p {
	line-height: 1.35em;
    font-family: 'Cantarell', sans-serif;
	font-size: 20px;
    font-weight: 400; 
	color: #616161;
	text-decoration:none;	
	 }
p::first-letter {  
font-size: 125%; 	
}

 h1
 {
    font-family: 'Cantarell', sans-serif;
	font-size: 32px;
    font-weight: 700; 
	text-decoration:none;
	display: block;	 
	color: #000;
	margin: 0px;
	 padding: 0 ;
	
 }
h1::first-letter { font-size: 40px; }
 
  h2
 {
    font-family: 'Cantarell', sans-serif;
	font-size: 24px;
    font-weight: 400; 
	color:#999;
	text-decoration:none;
	display: block;	 
	margin: 0px;
    padding: 0 ;
 }
 
h3
 {  line-height:.25em;
    font-family: 'Cantarell', sans-serif;
	font-size: 22px;
    font-weight: 700; 
	text-decoration:none;
	display: block;	 
	color: #000;
	margin: 0px;
 }
h3::first-letter { font-size: 26px; } 

 
 /* two box large box right */
 

 
#col1
{
	float: left;
	width: 30%;
	margin-left: 1%;
	 
}

#col2
{
	float: left;
	width: 68%;
	
} 
 /* end */
 
 /* two box large box left */
#col3
{
	float: left;
	width: 68%;
	margin-left: 1%;
	
}  
 
#col4
{
	float: left;
	width: 30%;	
}

 /* end */




/*  full lenght box */
#col5
{	
	float: left;
	width: 98%;
	margin-left: 1%;	
} 
#col5 h1
 {
    font-family: 'Cantarell', sans-serif;
	font-size: 32px;
    font-weight: 700; 
	text-decoration:none;
	display: block;	
	text-align: center;
	margin: 0px;
   padding: 20px 0 0 0  ; 
 }
 
#col5 h1::first-letter { font-size: 40px; }
 #col5 h2  
 {
    font-family: 'Cantarell', sans-serif;
	font-size: 24px;
    font-weight: 400; 
	color:#999;  
	text-decoration:none;
	display: block;	
	text-align: center;  
	margin: 0px;
    padding: 0 ;
 }
/*   End */ 
/*  full lenght box color chart*/
#col14
{	
	width: 80%;
		margin: 0 auto;
} 
#col14 h1
 {
    font-family: 'Cantarell', sans-serif;
	font-size: 32px;
    font-weight: 700; 
	text-decoration:none;
	display: block;	
	text-align: center;
	margin: 0;
   padding: 20px 0 0 0  ; 
 }
 
#col14 h1::first-letter { font-size: 40px; }
 #col14  h2  
 {
    font-family: 'Cantarell', sans-serif;
	font-size: 24px;
    font-weight: 400; 
	color:#999;  
	text-decoration:none;
	display: block;	
	text-align: center;  
	margin: 0px;
    padding: 0 ;
 }
/*   End */  
/*  Help header three boxes */ 

  #col8
{
	float: left;
	width: 68%;
	margin-left: 1%;
	
} 
  #col9
{
	float: left;
	width: 30%;
	margin-right: 1%;
	
} 
/* end help header */


/*  two boxes 50/50 */ 
  #col10
{
	float: left;
	width: 49%;
	margin-left: 1%;
	
} 
  #col11
{
	float: left;
	width: 49%;
	
} 
 
/* end help header */

 #col12
{
	float: left;
	width: 96%;
	padding: 2% 1% 0 1%;
	margin-left: 1%;
	margin-top: 1%;
   -webkit-flex: 3 1 60%;
           flex: 3 1 60%;
   -webkit-order: 2;
           order: 2;
		   
	background-image: url("../main_images/stripe_bg.png");
    background-repeat: repeat;	   
		   
	
	border: 1px solid #dddddd;
   border-radius: 7pt;
} 

#col12 p
{
	
    font-family: 'Cantarell', sans-serif;
	font-size: 20px;
    font-weight: 400; 
	color: #616161;
	text-decoration:none;	
	
}  

 col12
{
	float: left;
	width: 96%;
	padding: 2% 1% 0 1%;
	margin-left: 1%;
	margin-top: 1%;
   -webkit-flex: 3 1 60%;
           flex: 3 1 60%;
   -webkit-order: 2;
           order: 2;
		   
	background-image: url("../main_images/stripe_bg.png");
    background-repeat: repeat;	   
		   
	
	border: 1px solid #dddddd;
   border-radius: 7pt;
} 

col12 p
{
	
    font-family: 'Cantarell', sans-serif;
	font-size: 20px;
    font-weight: 400; 
	color: #616161;
	text-decoration:none;	
	
}  



/* foooter */
   footer {
   background-color:#464646;
   border-radius: 7pt;
   display: block;
   min-height: 125px;
   }
   footer > ul {
	   margin-left: 20%;
    list-style: none outside none;
    overflow: hidden;
    padding: 25px 0;
    position: relative;
    width: 100%;
	
}
footer > ul li {
    float: left;
    padding: 20px 15px;
    width: 20%;
}
footer > ul li:first-child {
    padding-left: 0;
}
footer > ul li:nth-child(3) {
    padding-right: 0;
}

footer > ul li .text {
   font-family: 'Cantarell', sans-serif;
   padding: 10px;
	font-size: 18px;
    font-weight: 400;
	color: #ccc; 
    margin-left: 1%;
    position: relative;
}
.text h4 {
	font-family: 'Cantarell', sans-serif;
	font-size: 22px;
    font-weight: 700; 
	text-decoration:none;
    color: #FFF;
    margin-bottom: 10px;
}
.text a {
    font-family: 'Cantarell', sans-serif;
	font-size: 20px;
    font-weight: 700; 
	text-decoration:none;
    color: #cebf81;

}

.text a:hover  {
    font-family: 'Cantarell', sans-serif;
	font-size: 20px;
    font-weight: 700; 
	text-decoration:none;
    color: #fff;

}

footer .bar {
    margin: 0 auto;
    padding: 1%;
}


.copyright {
	font-family: 'Cantarell', sans-serif;
	font-size: 16px;
    font-weight: 700; 
	text-decoration:none;
    color: #FFF;
    margin-top: 5px;
}

   
   
   
   
 #header {
	 background-color:#fff;
	   position:relative;
	  overflow:hidden;
  min-height: 100px;
  margin: 4px;
 
 
 }
/* navigation */ 

nav {
    width: 100%;	
}
 
nav ul {	
    overflow: hidden;
    margin: 0;
    padding: 0;
	width: 150px:
}
 
nav  li {
	 margin: 20px 0 0 0 ;
    list-style: none;
    float: left;
	display: inline;
    text-align: center;
	 color: #000;
	 font-size: 32px;
    font-weight: 700; 
}
nav ul li a {
    padding: 10px ;
	display: inline;
	 font-family: 'Cantarell', sans-serif;
	font-size: 32px;
    font-weight: 700; 
	text-decoration:none;
    display: inline-block;
    text-decoration: none;
    color: #000;
}

/* end navigation */
.scrollup {
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 300px;
    right: 1px;
    display: none;
    text-indent: -9999px;
    background: url('../main_images/IconScrollUP.png') no-repeat;
	 z-index: 99;
}



  /* Too narrow to support three columns */
  @media all and (max-width: 640px) {
  
/* navigation */ 

nav {
    width: 100%;
}
 
nav ul {
	
    overflow: hidden;
    margin: 0;
    padding: 0;
}
 
nav  li {
	 margin: 20px 0 0 0 ;
    list-style: none;
    float: left;
	display: inline;
    text-align: center;
}
 

 
nav ul li a {
    padding: 10px ;
	display: inline;
	 font-family: 'Cantarell', sans-serif;
	font-size: 14px;
    font-weight: 700; 
	text-decoration:none;
    display: inline-block;
    text-decoration: none;
    color: #616161;
}

.scale-logo
{
float:left;
display: block;
width: auto;
}
/* end navigation */
  
 p {
	line-height: 1.25em;
    font-family: 'Cantarell', sans-serif;
	font-size: 12px;
    font-weight: 400; 
	color: #616161;
	text-decoration:none;	
	 }
p::first-letter {  
font-size: 110%; 	
}

#col12 p
{
	
    font-family: 'Cantarell', sans-serif;
	font-size: 12px;
    font-weight: 400; 
	color: #616161;
	text-decoration:none;	
	
}  


 h1
 {
    font-family: 'Cantarell', sans-serif;
	font-size: 18px;
    font-weight: 700; 
	text-decoration:none;
	display: block;	 
	margin: 0px;
   padding: 20px 0 0 0  ;
 }
h1::first-letter { font-size: 110%; }
  h2
 {
    font-family: 'Cantarell', sans-serif;
	font-size: 16px;
    font-weight: 400; 
	text-decoration:none;
	display: block;	 
	margin: 0px;
   padding: 0 ;
 }
 h2::first-letter { font-size: 110%; }
h3
 {  line-height:.25em;
    font-family: 'Cantarell', sans-serif;
	font-size: 14px;
    font-weight: 700; 
	text-decoration:none;
	display: block;	 
	color: #616161;
	margin: 0px;
 }
 h3::first-letter { font-size: 110%; }



#col5 h1
 {
    font-family: 'Cantarell', sans-serif;
	font-size: 18px;
    font-weight: 700; 
	text-decoration:none;
	display: block;	
	text-align: center;
	margin: 0px;
   padding: 20px 0 0 0  ; 
 }
 
#col5 h1::first-letter { font-size: 110%; }
 #col5 h2  
 {
    font-family: 'Cantarell', sans-serif;
	font-size: 16px;
    font-weight: 400; 
	color:#999;
	text-decoration:none;
	display: block;	
	text-align: center;  
	margin: 0px;
    padding: 0 ;
 }


   #main, #page {
    -webkit-flex-flow: column;
            flex-flow: column;
            flex-direction: column;
   }

   #main > article {
    /* Return them to document order */
	
    -webkit-order: 0;
            order: 0;
   }
  
   footer {
    min-height: 50px;
    max-height: 50px;
   }
  }
  /* end mobile section */

.scale-image
{
margin: 0 auto;
display: block;
width: auto;
max-width: 100%;
}
.scale-image-i
{
margin: 0 auto;
display: block;
width: auto;
max-width: 1249px;
}
.scale-logo
{
float:left;
display: block;
width: auto;
max-width: 100%;
}
.scale-image-slider
{
margin: 0 auto;
display: block;
width: auto;
max-width: 100%;
}



/* selction box */
.features-table {
  width: 98%;
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 0;
  color: #616161;

}
.features-table td {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #cdcdcd;
 
  font-family: 'Cantarell', sans-serif;
	font-size: 18px;
    font-weight: 400; 
	color: #616161;
  white-space: nowrap;
  text-align: center;
}

.features-table tbody td {
  text-align: center;
     width: 3%;
}
#striped {
background-color:#f3f3f3;
}
/*Header*/
.features-table thead td {
    font-family: 'Cantarell', sans-serif;
	font-size: 18px;
    font-weight: 400; 
	color: #616161;
}