@charset "utf-8";
/* CSS Document */
body{ font-family: "Inter", sans-serif;}
.header{padding:10px 0px;}
.menu{background:#553E90;}
.menu .menu-container{display:table;margin: auto;}
.menu .menu-container ul{margin:0px;padding: 0px;list-style: none;}
.menu .menu-container ul li{float:left}
.menu .menu-container ul li a{color:#fff;text-decoration: none;text-transform: uppercase;font-size: 16px;padding: 15px 20px;display: block}
.about small{display: block;text-transform: uppercase;color: #333;font-size: 20px;}
.about h2{color:#000;font-size: 48px;font-weight: 700;display: table;border-bottom: solid 5px #ED8C25}

.about p{color:#666;margin-top: 30px;}
.footer{background:#553E90;padding: 40px 0px;color: #fff;}
.footer a{text-decoration:none;color: #fff;}
.footer img{width:15px;}

.menu .menu-container ul ul{position:absolute;z-index: 99999;background: #fff;min-width: 250px;display: none;}
.menu .menu-container ul ul li{float:none}
.menu .menu-container ul ul li a{color:#333;border-bottom: solid 1px #ccc;padding: 10px;}
.menu .menu-container ul li:hover ul{display:block}

.footer h3{font-size:20px;font-weight: 700;margin-bottom: 20px;border-bottom: solid 1px rgba(255,255,255,.2);padding-bottom: 10px;text-transform: uppercase}
.flinks a{display:block;margin-bottom: 10px;}
.innerhead{    text-align: center;
    background: #2e224e;
    color: #fff;padding: 40px 0px;}

.innerhead h2{font-size:35px;}
.cbox{background:#eee;padding: 20px;text-align: center}
.cbox i{font-size:60px;display: block}
.cbox strong{text-transform:uppercase;font-size: 20px;margin: 15px 0px;display: block}
@media screen and (max-width:920px)
{
	.menu-container{position: fixed;
    width: 250px;
    background: #553E90;
    top: 0px;
    left: 0px;
    height: 100vh;
    z-index: 999;}
	
.menu .menu-container ul li{float:none;border-bottom:solid 1px rgba(255,255,255,.2)}
	
	.menu .menu-container ul ul{display: block;position: relative}
	.menuclose{    display: block;
    text-align: right;
    color: #fff;
    font-size: 30px;
    padding: 10px;
    background: rgba(0, 0, 0, .3);}
	.mobilemenutrigger{    color: #fff;
    display: block;
    text-align: right;
    padding: 2px 20px;
    font-size: 30px;}
	
	.logo{width:100%}
	.closemenu{transform: translateX(-252px);transition: all .3s linear;}
.openmenu{transform: translateX(0px);transition: all .3s linear;}
	
}