#footer-wrap{
	padding: 18px 0 20px 11px;
	/*padding-top: 50px;
   	padding-bottom: 50px;*/
	background-color: #222222;
	/*background-color: #282828;*/
	color: #868686;
	font-size: 13px;
}

#footer-wrap .container .row > div{
	position: static;
}

#footer-wrap .container .row .logo-footer a{
	font-family: 'Roboto';
	font-style: normal;
	letter-spacing: 0em;
    color: #868686;
    text-decoration: none;
}

#footer-wrap .container .row .logo-footer a:hover{
	text-decoration: none !important;
}

#footer-wrap .container .row .logo-footer a h1{
	font-family: MyriadProCondRegular;
	/*font-family: 'Roboto';*/
	font-size: 36px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0em;
	line-height: 1.4em;
	text-decoration: none;
	margin-bottom: 0px;
	margin-top: 7px;
	color: #868686;
}

#footer-wrap .container .row .logo-footer a h4{
	font-family: 'Roboto';
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0em;
	line-height: 1.4em;
	text-decoration: none;
	margin-bottom: 0px;
	margin-top: 7px;
	color: #868686;
}

#footer-wrap .container .row .logo-footer a p{
	word-spacing: 3px;
	font-size: 16px;
	text-align: center;
}





.social{
	float: right;
	list-style: none;
	padding: 0;
	padding-top: 18px;
	/*margin: 20px 0;*/
}



.social li{
	float: left;
	display: inline;
	margin-right: 7.5px;
	margin-bottom: 5px;
	background-color: transparent;
	border: solid 1px #868686;
	border-radius: 2px;
}

.social li a{
	text-indent: -9999px;
	width: 32px;
	height: 32px;
	display: block;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}

.sc-1{
	background: url(../images/social/social.png) 0px 0px no-repeat;
}

.sc-2{
	background: url(../images/social/social.png) -39px 0 no-repeat;
}

.sc-3{
	background: url(../images/social/social.png) -78px 0px no-repeat;
}

.sc-4{
	background: url(../images/social/social.png) -117px 0px no-repeat;
}

.sc-5{
	background: url(../images/social/social.png) -156px 0px no-repeat;
}

.sc-6{
	background: url(../images/social/social.png) -195px 0px no-repeat;
}

.sc-7{
	background: url(../images/social/social.png) -234px 0px no-repeat;
}

.sc-8{
	background: url(../images/social/social.png) -273px 0px no-repeat;
}

.sc-9{
	background: url(../images/social/social.png) -312px 0px no-repeat;
}

.sc-10{
	background: url(../images/social/social.png) -351px 0px no-repeat;
}

.sc-1:hover{
	background: url(../images/social/social.png) 0px -32px no-repeat;
}

.sc-2:hover{
	background: url(../images/social/social.png) -39px -32px no-repeat;
}

.sc-3:hover{
	background: url(../images/social/social.png) -78px -32px no-repeat;
}

.sc-4:hover{
	background: url(../images/social/social.png) -117px -32px no-repeat;
}

.sc-5:hover{
	background: url(../images/social/social.png) -156px -32px no-repeat;
}

.sc-6:hover{
	background: url(../images/social/social.png) -195px -32px no-repeat;
}

.sc-7:hover{
	background: url(../images/social/social.png) -234px -32px no-repeat;
}

.sc-8:hover{
	background: url(../images/social/social.png) -273px -32px no-repeat;
}

.sc-9:hover{
	background: url(../images/social/social.png) -312px -32px no-repeat;
}

.sc-10:hover{
	background: url(../images/social/social.png) -351px -32px no-repeat;
}







/*iphone 4 portret*/
@media (min-width: 320px) and (max-width: 374px){
	.social{
		float: none;
	}
}

/*iphone 4 lanscape*/
@media (min-width: 480px) and (max-width: 567px){
	.social{
		float: none;
	}
}

/*iphone 5 portret*/
@media (min-width: 320px) and (max-width: 374px){
	.social{
		float: none;
	}
}

/*iphone 5 lanscape*/
@media (min-width: 568px) and (max-width: 665px){
	.social{
		float: none;
	}
}

/*iphone 6 portret*/
@media (min-width: 375px) and (max-width: 413px){
	.social{
		float: none;
	}
}

/*iphone 6 lanscape*/
@media (min-width: 667px) and (max-width: 735px){
	.social{
		float: none;
	}
}

/*iphone 6 plus portret*/
@media (min-width: 414px) and (max-width: 665px){
	.social{
		float: none;
	}
}

/*iphone 6 plus lanscape*/
@media (min-width: 736px) and (max-width: 767px){
	.social{
		float: none;
	}
}

/*ipad portret*/
@media only screen and (min-width: 768px) and (max-width: 1023px){
	
}

/*ipad lanscape*/
@media only screen and (min-width: 1024px) and (max-width: 1200px){
	
}