/*************** Footer css starts here ******************/
.site-footer .footer-top  {
	background-color: var(--black-color1);
	color: var(--white-color);
	padding: 6.4rem 0;
}
.site-footer .footer-top .region-footer-top {
	display: flex;
	display: -webkit-box;      
    display: -moz-box;         
    display: -ms-flexbox;      
    display: -webkit-flex;
	flex-wrap: wrap;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	margin-left:-1.5rem;
	margin-right:-1.5rem;
}
.site-footer a.site-logo {
    max-width: 23.3rem;
}
.site-footer .footer-top .region-footer-top h4 {
	color: var(--white-color);
	margin-bottom: 4rem;
}
.site-footer .footer-top ul.menu {
	margin: 0;
	list-style: none;
}
.site-footer .footer-top ul.menu li {
	list-style: none;
	padding: 0;
}
.site-footer .footer-top ul.menu li a {
	font-size: 2rem;
	line-height: 3.5rem;
	display: block;
	font-family: Arial;
	font-weight: normal;
	color: var(--white-color);
}
.site-footer .footer-top ul.menu li a::after {
	content: '';
	border: solid var(--theme-color);
	border-width: 0px 2px 2px 0;
	display: inline-block;
	padding: 4px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);	 
    -moz-transform:rotate(-45deg);    
	position: relative;
	margin-left: 3px;
	opacity: 0;
	top: -1px;
}
.site-footer a {
	color: var(--white-color);
}
.site-footer a:hover {
	color: var(--theme-color);
}
.site-footer .footer-top ul.menu li a:hover::after {
	opacity: 1;
}
.site-footer .footer-top ul.menu li a:hover {
	color: var(--theme-color);
}
.site-footer .footer-top .region-footer-top > .block {
	webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;	
	max-width: 100%;
	padding: 0 1.5rem;
}
.site-footer .footer-top .region-footer-top #block-sociallinksblock{
	max-width: 21.6rem;  
}
.site-footer .footer-top .region-footer-top > .main-navigation-block {
	padding-left: 12.4rem;
}
.site-footer .footer-top .region-footer-top > .block-social-links-block {
	margin-left: auto;
	margin-right: 8rem;
}
.site-footer .footer-top .region-footer-top > .block-contact-footer-block {
	margin-left: auto;
}
.site-footer .footer-top .region-footer-top > .block-contact-footer-block#block-contactfooterblock-2{
	margin-right: 7rem;
}
.site-footer .footer-top .region-footer-top > .block-social-links-block#block-sociallinksblock{
	margin-left: 7rem;
}

.site-footer .footer-bottom {
	background-color: var(--darkgray-color);
	padding: 4rem 0 4.4rem;
	text-align: center;
	border-top: 1px solid #707070;
}
.site-footer .footer-bottom p {	
	color: #fff;
}
.site-footer .footer-top .region-footer-top > .block-contact-footer-block > div {
	font-size: 2rem;
	line-height: 3.5rem;
	text-transform: capitalize;
}
.site-footer .socail-links{
	margin: 30px 0 0;
}
.site-footer .socail-links ul{
	display: flex;
	flex-wrap: wrap; 
}
.site-footer .socail-links ul li {
	display: inline-block;
}
.site-footer .socail-links ul li:not(:last-child) {
	margin-right: 1rem;
}
.site-footer .socail-links ul li a {
	font-size: 3.5rem;
}
.site-footer .socail-links ul li a img{
	width: 3rem;
	height: 3rem;
}
#block-sociallinksblock .socail-links h4{display:none}

.site-footer .charter-menu{ 
	background: rgba(51,49,50,0.9);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 2rem 0;
}
.site-footer .charter-menu li a{
   margin: 0 3rem;
   padding: 1rem;
}

/*************** Footer css end here ******************/

/*************** Footer responsive css starts here ******************/
@media screen and (max-width: 1699px) {
.site-footer .footer-top .region-footer-top > .block-social-links-block {
	margin-right: 0;
}
}
@media screen and (max-width: 1199px) {
	.site-footer a.site-logo {
		max-width: 20.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.site-footer .footer-top {
		padding: 4rem 0 4.5rem;
	}
	.site-footer .footer-bottom {
		padding: 2.5rem 0 3rem;
	}
	.site-footer .footer-top .region-footer-top h4 {
		margin-bottom: 2rem;
	}
	.site-footer .footer-top .region-footer-top > .block.block-system-branding-block {
		width: 100%;
		margin-bottom: 4rem;
	}
	.site-footer .footer-top .region-footer-top > .block-contact-footer-block, .site-footer .footer-top .region-footer-top > .block-social-links-block#block-sociallinksblock{
		margin-left: 0;
	}
	.site-footer .footer-top .region-footer-top > .block-contact-footer-block#block-contactfooterblock-2{
		margin-right:0;
	}
	
	.site-footer .footer-top .region-footer-top > .block-social-links-block {		
		margin-left: 0;
		margin-top: 4rem;
		width: 100%;
	}
	.site-footer .footer-top ul.menu li a,
	.site-footer .footer-top .region-footer-top > .block-contact-footer-block > div {

		font-size: 1.6rem;
		line-height: 2.6rem;
	}
	.site-footer .footer-top .region-footer-top > .main-navigation-block {
		padding-left: 1.5rem;
	}
	.site-footer .footer-top .region-footer-top > .block-social-links-block h4 {
		display: none;
	}	
	.site-footer .charter-menu li a{
		margin: 0 0.5rem; 
	}
}

@media screen and (max-width: 1299px) and (min-width: 1200px) {
	.site-footer .footer-top .region-footer-top > .main-navigation-block {
		padding-left: 10rem;
	}
}
@media screen and (max-width: 1199px) and (min-width: 1024px) {
	.site-footer .footer-top .region-footer-top > .main-navigation-block {
		padding-left: 4rem;
	}
	.site-footer .footer-top .region-footer-top > .block-contact-footer-block {
		margin-left: 2rem;
	}
	.site-footer .footer-top .region-footer-top h4 {
		margin-bottom: 3rem;
	}
}
@media screen and (max-width: 1023px) and (min-width: 427px) {
	.site-footer .footer-top .region-footer-top > .main-navigation-block {
		width: 34%;
	}
	.site-footer .footer-top .region-footer-top > .block-contact-footer-block {
		width: 66%;
	}
}
@media screen and (max-width: 426px) and (min-width: 375px) {
	.site-footer .footer-top .region-footer-top > .main-navigation-block {
		width: 38%;
	}
	.site-footer .footer-top .region-footer-top > .block-contact-footer-block {
		width: 62%;
	}
}
@media screen and (min-width: 1024px) {
	.site-footer .footer-bottom p {
	  font-size: 1.6rem;
	  line-height: 2.8rem;
	}
}
@media screen and (max-width: 374px) {
	.site-footer .footer-top .region-footer-top > .block {
		width: 100%;
	}
	.site-footer .footer-top .region-footer-top > .main-navigation-block {
		margin-top: 4rem;
	}
	.site-footer .footer-top .region-footer-top h4 {
		margin-bottom: 1rem;
	}
}
@media screen and (max-width: 767px) {
	footer .git-mail a.mail {
	    word-break: break-word;
	}
}
/*************** Footer responsive css end here ******************/