@mixin clearfix() {
  &::after {
    display: block;
    content: "";
    clear: both;
  }
}

body{
    background: url(../img/pattern-01.png) #fff;
	background-repeat: repeat;
}

.Lang{
	display: block;
	background-color: #000000;
	width: 100%;
	padding: 1%;
}

.Lang-info{
	text-align: right;
}

.Lang-info h1{
	font-family: 'robotoregular';
	font-size: 15px;
	color: white;
	margin: 0 auto;
}

.Media-icons td{
	padding: 5px;
}

@media (max-width:767px) {
	.Media-icons table{
		margin: 0 auto;
		padding-bottom: 1%;
	}
	.Lang-info{
		text-align: center;
		padding-top: 2%;
	}
	
	.Lang-info h1{
	font-size: 10px;
		text-align: left;
	}
	
	.Lang-info .btn {
    font-size: 12px;
}
}

.navigation{
	display: block;
	background-color:#fcaf17;
	width: 100%;
	margin: 1%;
	padding: 1%;
	border-radius: 10px;
}

.cta {
    text-align: right;
    vertical-align: middle;
    padding-top: 1%;
}


@media (max-width:767px) {
.cta {
    padding-top: 3%;
	}
	
	.navigation{
		margin-left:0%;
		margin-top: 3%;
	}
	
	.content-img img{
	display: block;
	text-align: center;
		width:95%;
}
}

.content {
	font-family: 'robotoregular';
	text-align: justify;
	font-size: 14px;
	color:#343434;
	line-height: 22px;
	padding-top:2%;
}

.content-img{
	display: block;
	text-align: center;
}

/*accordian*/
#accordion .panel{
    border: none;
    border-radius: 3px;
    box-shadow: none;
    margin-bottom: 15px;
}
#accordion .panel-heading{
    padding: 0;
    border: none;
    border-radius: 3px;
}
#accordion .panel-title a{
	font-family: 'calibri';
    display: block;
    padding: 15px 45px 15px 15px;
    background: #fcaf17;
    font-size: 13px;
    font-weight: bold;
    color: #1e1e1e;
    border: 1px solid #fcaf17;
    box-shadow: 0 0 10px rgba(0,0,0,.05);
    position: relative;
    transition: all 0.5s ease 0s;
	border-radius: 5px;
	line-height: 21px;
}
#accordion .panel-title a.collapsed{
    box-shadow: none;
    color:#1e1e1e;
}
#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before{
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    width: 25px;
    height: 25px;
    line-height: 28px;
    font-size: 15px;
    font-weight: 900;
    color: #676767;
    text-align: center;
    position: absolute;
    top: 8px;
    right: 15px;
    transform: rotate(135deg);
    transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed:before{
    color: #676767;
    transform: rotate(0);
}
/*#accordion .panel-title a:after{
    content: "";
    width: 1px;
    height: 100%;
    background: #fcaf17;
    position: absolute;
    top: 0;
    right: 55px;
}*/

#accordion .panel-title-maroon a{
	font-family: 'calibri';
    display: block;
    padding:15px 45px 15px 15px;
    background: #831836;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    border: 1px solid #831836;
    box-shadow: 0 0 10px rgba(0,0,0,.05);
    position: relative;
    transition: all 0.5s ease 0s;
	border-radius: 5px;
	line-height: 21px;
}
#accordion .panel-title-maroon a.collapsed{
    box-shadow: none;
    color:#fff;
}
#accordion .panel-title-maroon a:before,
#accordion .panel-title-maroon a.collapsed:before{
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    width: 25px;
    height: 25px;
    line-height: 28px;
    font-size: 15px;
    font-weight: 900;
    color: #676767;
    text-align: center;
    position: absolute;
    top: 8px;
    right: 15px;
    transform: rotate(135deg);
    transition: all 0.3s ease 0s;
}
#accordion .panel-title-maroon a.collapsed:before{
    color: #dbdbdb;
    transform: rotate(0);
}
/*#accordion .panel-title-maroon a:after{
    content: "";
    width: 1px;
    height: 100%;
    background: #831836;
    position: absolute;
    top: 0;
    right: 55px;
}
*/
#accordion .panel-body{
    padding: 10px 15px 15px;
    border: none;
    font-size: 13px;
    color: #615f5f;
    line-height: 27px;
	background-color: #fff9e7;
	font-family: 'calibri';
}

footer{
	background-color: #fcaf17;
	border-bottom: 5px solid #4a4a4a;
	margin-top: 2%;
	}

footer .text {
    font-size: 12px;
    text-align: center;
    font-family: 'robotoregular';
    margin: 0 auto;
    padding: 1%;
}

footer .text a{
	text-decoration: none;
	color:#1A1A1A;
}

footer .text a:hover {
	  color: red;
    text-decoration:none;
}