/* ----------------------------------------------
Infoways Page Footer
Author: Infoways.net
---------------------------------------------- */

.footerwrapper{
    	  max-width: 1175;
  	  margin: 0 auto;
  	  position: relative;
}

footer { 
   	 display: block;
}

footer {
    	padding-top: 30px;
 	color: #999;
	/* backGround */
	background:  #336600;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#336600), to(#003300));
   	background: -webkit-linear-gradient(top, #003300, #336600);
   	background: -moz-linear-gradient(top, #003300, #336600);
  	background: -ms-linear-gradient(top, #003300, #336600);
  	background: -o-linear-gradient(top, #003300, #336600);;
  	font-size: 120%;
  	font-weight: bold;
}

footer a{
 	color: #999;
}

footer .footer > ul{
 	overflow: hidden;
}

footer .footer > ul > li{
 	 display: block;
   	 float: left;
   	 list-style: none;
   	 margin-right: 60px;
}

footer .footer > ul > li:last-child{
  	margin-right: 0;
}


footer .footer > ul > li.links{
   	width: 197px;
}

footer ul li.links > ul > li{
   	 display: block;
   	 width: 100%;
   	 list-style: none;
    	 margin-bottom: 5px;
}

footer ul li.links > ul > li:last-child{
  	 margin-bottom: 0;
}

footer .footer > ul > li.links li a{
    	text-decoration: none;
   	display: block;
    	color: #fff;
    	font-family: "lato-regular", Helvetica, Arial, sans-serif;
    	font-size: 20px;
   	letter-spacing: .5px;
    	text-align: left;
}

footer .footer > ul > li.about{
  	width: 327px;
}

footer ul li.about p{
 	 color: #fff;
  	 font-family: "lato-regular", Helvetica, Arial, sans-serif;
   	 font-size: 16px;
  	 letter-spacing: .5px;
  	 line-height: 25px;
    	 margin-top: 0px;
}

footer ul li.about > ul > li{
   	display: inline-block;
    	margin-right: 20px;
    	margin-top: 30px;
}

footer ul li.about > ul > li:last-child{
   	margin-right: 0;
}

footer ul li.about > ul > li a{
    	background: url('../images/social_media.png') no-repeat;
}

footer ul li.about > ul > li a.facebook{
    	display: block;
    	width: 10px;
    	height: 18px;
    	background-position: 0 0;
}
footer ul li.about > ul > li a.twitter{
   	 display: block;
    	width: 19px;
   	 height: 18px;
   	 background-position: -11px 0px;
}
footer ul li.about > ul > li a.google{
    	display: block;
   	width: 10px;
    	height: 18px;
    	background-position: -31px 0px;
}
footer ul li.about > ul > li a.skype{
    	display: block;
    	width: 17px;
    	height: 18px;
    	background-position: -43px 0px;
}

footer .copyrights{
   	display: block;
    	text-align: center;
   	padding: 10px 0;
    	margin-top: 10px;
    	color: #fff;
    	font-family: "lato-regular", Helvetica, Arial, sans-serif;
    	font-size: 14px;
    	letter-spacing: .5px;

}

footer .copyrights a.ph_link{
    	font-family: "lato-bold", Helvetica, Arial, sans-serif;
    	font-weight: bold;
    	text-decoration: none;
    	color: #fff;
}


/* Mobile & Media Style **************************************************/

@media all and (max-width: 970px), 
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), 
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), 
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), 
only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), 
only screen and (min-resolution: 192dpi) and (max-width: 1024px), 
only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

.footerwrapper{
    	max-width: 90%;

}

footer .footer > ul > li.links{
        width: 10%;
}

footer .footer > ul > li.about{
       	 width: 33%;
}

footer .footer > ul > li{
        	width: 30%;
        	margin-right: 5.5%;
        	margin-bottom: 100px;
}

footer .footer > ul > li:nth-child(3){
        	margin-right: 0;
}

footer .footer > ul > li.links li a{
        	text-align: center;
}

footer .footer > ul > li.about{
       	 text-align: center;
        	float: none;
       	 display: inline;
       	 margin-right: 100%;
        	overflow: hidden;
        	border-top: 1px solid #999999;
}

footer .footer > ul > li.links,
footer .footer > ul > li.about{
        	float: none;
        	width: 100%!important;
        	margin-right: 0;
        	margin-bottom: 60px;
       	 padding-bottom: 60px;
}	

footer .footer > ul > li:last-child{
       	 padding-bottom: 0;
}

footer .footer > ul > li.links{
        	border-bottom: 1px solid #999999;
}

}