/*------------------------------------*\

    Page Footer CSS

    Page footer...........The main page footer.

\*------------------------------------*/

.page-footer {
	background: #fff;
    margin-top: auto;
	color: rgb(49 53 68);
}

	.page-footer a { color: rgb(49 53 68) !important; }

		.page-footer a:hover { text-decoration: underline; }
		
	.page-footer a img {
		max-width: 300px;
	}

	.page-footer__top {
		text-align: center;
		padding: 60px 0;
	}


		.page-footer__top .col-sm-4 { margin-bottom: 20px; }

		.footer-button a {
			background-color: #0E8A9E;
			border-color: #0E8A9E;
			color: #fff !important;
		}

		.footer-button a:hover {
			background-color: #085360;
			border-color: #085360;
			color: #fff;
			text-decoration: none;
		}

		.contact-info {
			position: relative;
			font-style: normal;
			font-weight: 500;
			margin-bottom: 5px;
			display: flex;
			justify-content: center;
		}

			.contact-info i {
				font-size: 22px;
				line-height: 1;
				width: 22px;
				text-align: center;
				margin-right: 10px;
			}

			.contact-info p { margin-bottom: 0; }

		.page-footer__top ul {
			margin: 0;
			padding: 0;
		}

			.page-footer__top li {
				list-style: none;
			}

		.socmed {
			line-height: 1;
			display: flex;
			margin: 0;
			padding: 0;
		}

			.socmed li {
				list-style: none;
				padding: 0 10px;
			}

				.socmed a {
					font-size: 25px;
					color: #fff;
				}

		.page-footer__bottom {
		    color: #fff;
		    padding: 13px 0;
		    border-top: 1px solid rgb(238 238 238 / 10%);
		}

		.page-footer__bottom__container {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: center;
		}

		.page-footer__bottom__container:before,
		.page-footer__bottom__container:after { content: none; }

			.page-footer__bottom p { margin: 0; }

			.page-footer__bottom__menu {
				margin: 0 0 10px;
				padding: 0;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;
				text-align: center;
			}

				.page-footer__bottom__menu_li {
					padding: 0 15px;
					list-style: none;
				}

				.page-footer__bottom__menu_li,
				.page-footer__bottom__menu_li a {
					color: rgb(49 53 68);
					text-decoration: none;
					font-size: 14px;
					font-weight: 400;
				}

		.footer__headline { margin: 0 0 20px; }
		
	.back-to-top { display: none; }

@media (min-width: 768px) {
	.page-footer__top {
		text-align: left;
		padding: 60px 0 30px 0;
	}

		.page-footer__top .col-sm-4 { margin-bottom: 0; }

	.page-footer__bottom__menu { flex-direction: row; }

		.contact-info {
		    display: block;
			padding-left: 30px;
		}

		.contact-info i {
			position: absolute;
			top: 3px;
			left: 0;
		}

        .footer-navigation {
            -webkit-column-count: 2;
               -moz-column-count: 2;
                    column-count: 2;
        }
}

@media (min-width: 1025px) {
	.page-footer__bottom__container { flex-direction: row; }

		.page-footer__bottom__menu { margin-bottom: 0; }

		.page-footer__bottom__menu_li,
		.page-footer__bottom__menu_li a { font-size: 15px; }

	.back-to-top {
		display: block;
	    background: #6DB342;
	    border: 1px solid #6DB342;
	    width: 45px;
	    height: 45px;
	    border-radius: 100%;
	    position: fixed;
	    bottom: 60px;
	    right: 20px;
	    z-index: 600;
	    font-size: 25px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    color: #fff;
	}

		.back-to-top:hover {
			background-color: #47752b;
    		border-color: #47752b;
		}
}
