.boxes {
  background-color: #249ddc;
  color: #fff;
  transition: all .2s ease-in-out 0s;
  margin-bottom: 1%;
  vertical-align: middle;
  text-decoration: none;
    transition: all .2s ease-in-out 0s;
}

.boxes:hover {
  background-color: #333;
  color: #fff;
  transition: all .2s ease-in-out 0s;
  margin-bottom: 1%;
  vertical-align: middle;
  text-decoration: none;
    transition: all .2s ease-in-out 0s;
}

.footer_link
{
    font-size: 12px;
    color:#777;
    text-decoration: none;
    display: block;
    
}

.footer_link:hover
{
    font-size: 12px;
    color:#c9a602;
    text-decoration: none;
    
}


.pant
{
    background-color: transparent;
    transition: all .2s ease-in-out 0s;
}


.pant:hover
{
    background-color: #f1c700;
    transition: all .2s ease-in-out 0s;
}

#jquery-script-menu {
position: fixed;
height: 90px;
width: 100%;
top: 0;
left: 0;
border-top: 5px solid #316594;
background: #fff;
-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
z-index: 999999;
padding: 10px 0;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

.jquery-script-center {
width: 960px;
margin: 0 auto;
}
.jquery-script-center ul {
width: 212px;
float:left;
line-height:45px;
margin:0;
padding:0;
list-style:none;
}
.jquery-script-center a {
	text-decoration:none;
}
.jquery-script-ads {
width: 728px;
height:90px;
float:right;
}
.jquery-script-clear {
clear:both;
height:0;
}

.read_more {
  background-color: #222;
  color: #fff;
  padding: 10px;
  text-decoration: none;
  width: 100px;
  float: left;
  transition: all .2s ease-in-out 0s;
    border:solid 1px #222;
    margin:2px;
}

.read_more:hover {
  background-color: #000;
  color: #666;
  padding: 10px;
  text-decoration: none;
  width: 100px;
  float: left;
  transition: all .2s ease-in-out 0s;
    border:solid 1px #222;
    cursor: pointer
}


#fat
{
    width:80%;   
}

@media only screen and (max-width: 480px) {
	#fat
    {
        width:100%;   
    }
}



.tick
{
 list-style-image: url('../img/check.png');
    padding-left:40px;
    padding-top:20px;
    font-size:14px;
    font-family: georgia;
    font-style: italic
}

.tick li
{
    padding:5px;   
}

.clear
{
    clear:both
}

.po
{
    color: #fff;   
    transition: all .2s ease-in-out 0s;
}

.po:hover
{
    color: #444;   
    transition: all .2s ease-in-out 0s;
}



@font-face {
    font-family: 'baron_neueregular';
    src: url('Baron Neue-webfont.eot');
    src: url('Baron Neue-webfont.eot?#iefix') format('embedded-opentype'),
         url('Baron Neue-webfont.woff2') format('woff2'),
         url('Baron Neue-webfont.woff') format('woff'),
         url('Baron Neue-webfont.ttf') format('truetype'),
         url('Baron Neue-webfont.svg#baron_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'antoniolight';
    src: url('antonio-light-webfont.eot');
    src: url('antonio-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('antonio-light-webfont.woff') format('woff'),
         url('antonio-light-webfont.ttf') format('truetype'),
         url('antonio-light-webfont.svg#antoniolight') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

.links
{   
    font-family:arial;
    font-weight: bold;
    color:#333;
    font-size: 13px;
    text-decoration: none;
    padding-right:10px;
    border-right:solid 1px #444;
    padding-left:10px;
    transition: all .2s ease-in-out 0s;
}


.links:hover
{   
    font-family:arial;
    font-weight: bold;
    color:#fff;
    font-size: 13px;
    text-decoration: none;
    padding-right:10px;
     padding-right:10px;
    border-right:solid 1px #444;
}

.karm
{
    width:80%;margin:0 auto;   
}

.clear
{
    clear: both;
}

.product_heading {
  font-weight: bold;
  color: #421104;
  font-family: calibri;
  font-size: 30px;
    text-decoration: none;
  transition: all .2s ease-in-out 0s;
}

.element {
  width: 70px;
  background-color: #009383;
  color: #fff;
  border: 1px solid #333;
  font-size: 12px;
  float: left;
  margin-right: 10px;
  text-align: center;
  margin-top: 5px;
    padding:5px;
    text-decoration: none
}

.element:hover {
  width: 70px;
  background-color: #777;
  color: #fff;
  border: 1px solid #333;
  font-size: 12px;
  float: left;
  margin-right: 10px;
  text-align: center;
  margin-top: 5px;
}


.product_heading:hover {
  font-weight: bold;
  color: #333;
  font-family: calibri;
  font-size: 30px;
  transition: all .2s ease-in-out 0s;
}


.linkss
{
    font-family:arial;
    font-weight: bold;
    color:#fff;
    font-size: 13px;
    text-decoration: none;
    padding:10px;
    border-right:solid 1px #444;
    background-color:#ebbb00;
    display: block;
    float: right;
    border-right:solid 1px #FFE993;
     transition: all .2s ease-in-out 0s;
}

.linkss:hover
{
    font-family:arial;
    font-weight: bold;
    color:#fff;
    font-size: 13px;
    text-decoration: none;
    padding:10px;
    border-right:solid 1px #444;
    background-color:#00b39f;
    display: block;
     transition: all .2s ease-in-out 0s;
    float: right;
    border-right:solid 1px #FFE993;
}