/*
|--------------------------------------------------------------------------
| Footer
|--------------------------------------------------------------------------
*/
footer {
    background-image: none;
    background-color: #26241e;
    background-repeat: round;
    color: #FFF;
}
footer .col-head {
	font-size: 1rem !important;
	font-weight: 600;
	color: #ffffff !important;
	margin-bottom: 25px;
}
footer ul.get-in-touch li {
    margin-bottom: 0px !important;
}
footer .footer-bottom {
	padding: 10px;
	color: #6c6c6c;
	background-color: #26241e;
    font-size: 1rem;
	text-align: center;
}
footer a:hover,
footer a:active,
footer a:focus {
	color: #fff !important;
}
footer img {
    max-height: 190px !important;
}

#index-img{
	width:100%;
	display: flex;
	background:#fff;
	padding: 10px;
	border-radius: 15px;
}

/*-----------------------------------------------------------------------------------*/
/*  GO TO TOP
/*-----------------------------------------------------------------------------------*/
#scrolltop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    border: none;
    outline: none;
    background: rgba(0,0,0,0.3);
    color: white;
    cursor: pointer;
    padding: 12px 16px;
    border-radius: 24px;
    font-size: 18px;
    font-weight: bolder;
}

/*-----------------------------------------------------------------------------------*/
/*  Social Icon
/*-----------------------------------------------------------------------------------*/
ul.social {
    list-style: none outside none;
    margin-left: 0 !important;
    padding: 0;
	/* text-align: center; */
}
ul.social li {
	display: inline;
	margin: 0 5px;
}

/* Individual Background Color*/
.social a.icoRss:hover {
	background-color: #F56505;
	color:#fff;
}
.social a.icoFacebook:hover {
	background-color:#3B5998;;
}
.social a.icoTwitter:hover {
	background-color:#33ccff;
}
.social a.icoInstagram:hover {
	background-color:#BD3518;
}
.social a.icoYoutube:hover {
	background-color:#FF0000;
}
.social a.icoLine:hover {
	background-color:#3C3;
}

.social li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align: center;
	width: 45px;
	height: 45px;
	font-size: 1.2rem;
    background: none repeat scroll 0 0 white;
}
.social li i {
	margin:0;
    line-height: 45px;
	text-align: center;
}
.social a:hover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social a {
	color: #26241e;
}
.social a:hover {
	color: #fff !important;
}

@-webkit-keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}


/*--- Small devices (landscape phones, 576px and down) ---*/
@media (max-width: 576px) {
	ul.social li {
		margin: 0px; 
	}
}
/*--- Medium devices (tablets, 768px and down) ---*/
@media (max-width: 768px) {
	footer img {
		max-height: 100%;
	}
}

/*--- iPad Air 4 ---*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	footer img {
		max-height: 100%;
	}
}