/* 
*File name: main_footer_2020_04_07.css
*/

/* FOOTER */
footer{
	top:42px;
	position:relative;
	clear: both;
}
#footer_background {

}

.footer_caption {
	color: #fff;
	font-weight: 900;
	font-size: 20px;
	line-height: 2;	
}

.footer_paragraph {
	display:block;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 2;
	color: #fff;
}

.footer_paragraph li {
	list-style: none;
	margin-left: 2px;
	margin-bottom: 8px;
}

.footer_paragraph ul .footer_more {
    font-weight: 600;
    line-height: 2;
}

.footer_container {

    display: flex;
    
    padding-top: 25px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    min-width: fit-content;
    
    background: url('/graphics/footer-bg.png') 0 0 repeat;	

	box-sizing: border-box;
    position: relative;
    width: 100%;
    justify-content: space-evenly; 
    
    flex: 0 0 calc(100% - 10px);
    flex-wrap: wrap;
    flex-direction: row;

}

.footer_row {

    /*padding-left: 20em;*/
    justify-content:center;
    
 	
}


.footer_paragraph ul {
	list-style: none;
	padding: 0;
	margin: 0;  
}



.footer_paragraph a:hover {
	color: #fff;
	text-decoration:underline;
}

.footer_paragraph a:link {
	color: #fff;
}

.footer_paragraph a:active {
	color: #fff;
	text-decoration:underline;
}

.footer_paragraph a:visited {
	color: #fff;
}

 .footer_container_bottom {
	display: flex;
    background-color: #286090;

    width: 100%;
    background-color: #286090;

	box-sizing: border-box;
	
	justify-content: space-evenly; 
    
    flex: 0 0 calc(100% - 10px);
    flex-wrap: wrap;
    flex-direction: row;

}

.icon-check {
	background-image: url('/graphics/spritesheet.png');
	background-position: 0px -27px;
	width: 35px;
	height: 32px;
}
	
.icon {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
	cursor: pointer;
}  

.footer_rights { 	
	color: #fff;
	background-color: #286090;
	padding-left: 1em;
}

.footer_cards {
	line-height: 3;
	color: #fff;		
	background-color: #286090;
	padding-right: 1em;
	display: block;
}
.footer_cards img{
	margin:5px;

}

.icon-fb {
	background-image: url('/graphics/spritesheet.png');
	background-position: -67px -27px;
	width: 32px;
	height: 32px;
	display: inline;
	margin: -1px 5px;
	margin-top: -3em;
	
}

.icon:not(.without-hover):hover {
	background-color: #eef;
	border-radius: 50%;
	-webkit-transition: background-color 0.25s linear;
	-moz-transition: background-color 0.25s linear;
	-ms-transition: background-color 0.25s linear;
	-o-transition: background-color 0.25s linear;
	transition: background-color 0.25s linear;
	}
	
.icon.always-hover {
	background-color: #eef;
	border-radius: 50%;
}

.icon-fb {
	background-image: url('/graphics/spritesheet.png');
	background-position: -67px -27px;
	width: 32px;
	height: 32px;
}

.icon-gb {
	background-image: url('/graphics/spritesheet.png');
	background-position: -168px -27px;
	width: 16px;
	height: 10px;
}

.icon-google {
	background-image: url('/graphics/spritesheet.png');
	background-position: -35px -27px;
	width: 32px;
	height: 32px;
}

.icon-master {
	background-image: url('/graphics/spritesheet.png');
	background-position: -73px -59px;
	width: 35px;
	height: 22px;
}

.icon-paypal {
	background-image: url('/graphics/spritesheet.png');
	background-position: 0px 0px;
	width: 184px;
	height: 27px;
}

.icon-phone {
	background-image: url('/graphics/spritesheet.png');
	background-position: -99px -27px;
	width: 32px;
	height: 32px;
}

.icon-some-service {
	background-image: url('/graphics/spritesheet.png');
	background-position: -37px -59px;
	width: 36px;
	height: 22px;
}

.icon-us {
	background-image: url('/graphics/spritesheet.png');
	background-position: -168px -37px;
	width: 16px;
	height: 10px;
}

.icon-visa {
	background-image: url('/graphics/spritesheet.png');
	background-position: -131px -27px;
	width: 37px;
	height: 22px;
}

.icon-wu {
	background-image: url('/graphics/spritesheet.png');
	background-position: 0px -59px;
	width: 37px;
	height: 22px;
}

.icon {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
	cursor: pointer;
}
    
.icon:not(.without-hover):hover {
	background-color: #eef;
	border-radius: 50%;
	-webkit-transition: background-color 0.25s linear;
	-moz-transition: background-color 0.25s linear;
	-ms-transition: background-color 0.25s linear;
	-o-transition: background-color 0.25s linear;
	transition: background-color 0.25s linear;
}
    
.icon.always-hover {
	background-color: #eef;
	border-radius: 50%;
}
    
.block {
	margin-bottom: 50px;
}



@media (min-width: 1024px) {
	.footer_container_bottom {
		justify-content: space-between; 
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.footer_container {
		justify-content: space-between;
	}
	.footer_container_bottom {
		justify-content: space-between; 
	}
}
/* @media (max-width: 768px) {
	
	footer{
		padding-bottom: 191px;
	}
} */
@media (min-width: 601px) and (max-width: 767px) {
	.footer_container {
		justify-content: unset;
	}
	.footer_paragraph {
		width: 50%;
		line-height: 3em;
		padding-top: 2em;
	}
	.footer_caption {
    	font-size: 15px;
	}	
	.footer_container_bottom {
		justify-content: space-evenly; 
	}
	.icon {
		margin: 0px!important;
	}
}

@media (min-width: 480px) and (max-width:600px){
	.footer_container{
		justify-content: unset;
	}
	.footer_paragraph{
		line-height: 3em;
	}
	.footer_paragraph_left{
		width: 45%;
	}
	.footer_paragraph_right{
		width: 55%;
		padding-left: 5px;
	}
	.footer_caption{
    	font-size: 15px;
	}
	.footer_caption{
    	font-size: 15px;
	}
	.footer_container{
		padding-right: 0px;
		padding-left: 0px;
	}
	.footer_paragraph:nth-of-type(4){
		margin-left: -2.5em;
		width: 50%;
		padding-top: 0px;
	}
	.footer_cards{
		display: flex;
		padding-right: 0px;		
	}
	.footer_container_bottom{
		justify-content: space-evenly; 
	}
	.icon{
		margin: 0px!important;
	}
}
@media (max-width: 600px){
	footer{
		top:70px;
	}
}
@media (max-width: 479px){

	.footer_container{
		justify-content: unset;
	}
	.footer_paragraph{
		line-height: 3em;
	}
	.footer_paragraph_left{
		width: 40%;
	}
	.footer_paragraph_right{
		padding-left: 5px;
		width: 60%;
	}

	.footer_caption{
    	font-size: 15px;
	}
	.footer_container{
		padding-right: 0px;
		padding-left: 0px;
	}
	.footer_paragraph:nth-of-type(4){
		margin-left: 0px;
		width: 100%;
		padding-top: 2em;
	}
	.footer_container_bottom{
		justify-content: space-evenly; 
	}
	.icon{
		margin: 0px!important;
	}
}