﻿/******  .footer  ***********/
.footer { 
	background:#000111;
	padding:50px 0px 30px 0px;
}
.top-footer{
	background:#015f95;
	margin-bottom:10px;
}
.menu-footer01{
	border-left:1px #003f62 solid;
}
.menu-footer01 li{
	float:left;
	border-left:1px #0075b8 solid;
	border-right:1px #003f62 solid;
}
.menu-footer01 li:first-child{

}
.menu-footer01 li a{
	display:block;
	padding:0px 15px;
	color:#fff;
	line-height:40px;
}
.menu-footer01 li a:hover{
	color:#75d280;
}

.row-footer-bottom{
}
.info-company{
	color:#666;
	line-height:20px;
	width:60%;
	margin-right:8%;
	float:left;
}
.info-company p{
	margin-bottom:8px;
}
.design-by{
	display:block;
	color:#666;
}
.design-by:hover{
	color:#00a6bd;
}
.box-right-footer {
    width: 16%;
    float: left;
}
.info-company * {
    color: #e4e4e4;
}
.list-social{
	list-style:none;
	margin-bottom:5px;
	clear:both;
}
.list-social li{
	display:inline-block;
	margin-right:10px;
}
.list-social li a{
	width:30px;
	height:30px;
	display:block;
	background-color:#a4c7db;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.list-social li a.icon-social01{
	background:#999 url('../images/social-normal.png') no-repeat -3px -40px;
}
.list-social li a.icon-social01:hover{
	background:#00a6bd url('../images/social-normal.png') no-repeat -3px -40px;
}

.list-social li a.icon-social02{
	background:#999 url('../images/social-normal.png') no-repeat -3px -77px;
}
.list-social li a.icon-social02:hover{
	background:#00a6bd url('../images/social-normal.png') no-repeat -3px -77px;
}


.list-social li a.icon-social03{
	background:#999 url('../images/social-normal.png') no-repeat -3px -186px;
}
.list-social li a.icon-social03:hover{
	background:#00a6bd url('../images/social-normal.png') no-repeat -3px -186px;
}


.list-social li a.icon-social04{
	background:#999 url('../images/social-normal.png') no-repeat -3px -257px;
}
.list-social li a.icon-social04:hover{
	background:#00a6bd url('../images/social-normal.png') no-repeat -3px -257px;
}

@media only screen and (max-width: 1100px){
	.info-company {
	    color: #666;
	    line-height: 20px;
	    width: 100%;
	    margin-right: 0%;
	    float: none;
	}
	.box-right-footer {
	    width: 100%;
	    float:right;
	    text-align:center;
	}
	.menu-col2{
		display:none;
	}
}