<link href="https://fonts.googleapis.com/css?family=Lato:400,700,300&subset=latin,latin-ext" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

<style type="text/css">
/*@import url(https://fonts.googleapis.com/css?family=Lato:400,700,300&subset=latin,latin-ext);
@import url(http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css); */
@font-face { 
	font-family:"Lato";
}

a {
	-webkit-tap-highlight-color: rgba(204,204,204,0.2);
	text-decoration:none;
}
.col_bossfooter {
	width:100%;
	max-width: 1200px;
	position:relative;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	background-color: #5d5d5d; 
}
.sec {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.col_footer, .col_footer1  {
	display: block;
	float:left;
}
.col_footer {margin: 2% 0 1% 5%;}
.col_footer1 {margin: 0 ;}
/*.col:first-child { margin-left: 0; } */

.span_53 { width: 51%; }

.span_52 { width: 38.2%; }

.span_14 { width: 22.75%; background-color:#ff6666}
.span_24 { width: 50%; float:left;}
.span_3 { width: 31%;  }
.col_3 {
	display:block;
	float:left;
	margin: 2% 0 2% 2%;
}
.col_3:first-child { 
	margin-left: 0; 
}
.span_33 ul li, .span_52 ul li, .span_3 ul li { 
	display:list-item;
	list-style:none;
	text-align:left;
}
.span_33 ul, .span_52 ul, .span_3 ul {
	margin-top:0;
}
.span_52 li, .span_33 li, .span_3 li {
	left:0;
	padding: 4px 0;
}
.col_3 ul li a, .span_52 ul li a {
	font-family: "Lato";
	font-size: 14px;
	color: #ccc;
}
.he70 ul li, .he70 ul li a {
	font-family: "Lato";
	font-size: 13px;
	color: #ccc;
}
.col_3 h4, .span_52 h4 {
/*	border-bottom: 1px solid #777; */
	font-family: "Lato";
	padding: 0 0 20px 0;
	font-size: 19px;
	text-decoration:none;
	font-weight: 400;
	color: #fff;
	text-align: left;
}
.span_52 h4 { padding-top: 3%;}
.span_52 h2, .span_52 ul li a p { margin:0;}
.span_52 ul li {
	float:left;
	padding: 0 10px 2% 0;
}
.span_33 ul li {
	float:left;
	padding: 20px 10px 2% 0;
}
.span_52 ul li{ padding:0 2% 4% 0; width:410px;}
.span_33 ul li a { border-right: solid 1px #6d6d6d; padding-right:10px;}
.bordernone a i{ border-right: none;}
.list_icon i {
	font-size:50px;
	color:#3d3d3d;
	float:left;
	padding: 10px 20px 0 0; 
	display: inline-block;
}
.bgfooterc { height:auto; background-color: #f8dadb}
.he70 { height: 60px; background-color: #3d3d3d}

.span_3 ul a:hover, .active:hover, .span_33 ul a:hover, .span_33 li.active a:hover, .span_52 ul li a:hover{
 /*	padding-left: 5px; */
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	color: #fab5b5;
	text-decoration:none;
}
.active {color: #fff;}
.pad_i { 
	padding: 0 10px; 
	font-size: 20px;
/*	margin-top: -10px; */
}
.pad_i1 { padding-left: 66px }
.pad_ul { padding-left: 5%}
.bigwc { 
	font-size: 22px;
	color: #fff;
	font-weight: 700;
	letter-spacing: 2px;
}
@media screen and (min-width: 769px) and (max-width: 1170px) {
.span_53, .span_52 {width: 100%;} 
.span_3 {width: 32%;}
.col_3 h4, .span_52 h4 {font-size:24px}
.col_3 ul li a, .span_52 ul li a, .he70 ul li, .he70 ul li a {font-size: 20px;}
.span_52 ul li {width: 50%; padding: 0;}
.list_icon i { font-size: 70px; padding: 15px 20px 100px 0;}
.he70 { height:auto;}
.pad_i {padding: 0 90px; font-size: 50px; }
}
@media screen and (max-width: 768px) {
.span_53, .span_52 {width: 100%;} 
.span_3 {width: 45%;}
.col_3 h4, .span_52 h4 {font-size:24px}
.col_3 ul li a, .span_52 ul li a, .he70 ul li, .he70 ul li a {font-size: 20px;}
.span_52 ul li {width: 100%; padding: 0;}
.list_icon i { font-size: 70px; padding: 15px 20px 100px 0;}
.he70 { height:auto;}
.pad_i {padding: 0 50px; font-size: 40px; }
}