@font-face {
    font-family: 'visitor_tt1_brkregular';
    src: url('visitor1-webfont.eot');
    src: url('visitor1-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('visitor1-webfont.woff2') format('woff2'),
         url('visitor1-webfont.woff') format('woff'),
         url('visitor1-webfont.ttf') format('truetype'),
         url('visitor1-webfont.svg#visitor_tt1_brkregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Modal */
#modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    -webkit-animation-name: fadeIn; /* Fade in the background */
    -webkit-animation-duration: 0.4s;
    animation-name: fadeIn;
    animation-duration: 0.4s
}

/* Modal Content */
#modal-content {
    position: fixed;
    bottom: 0;
    background-color: #fefefe;
    width: 100%;
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: 0.4s;
    animation-name: slideIn;
    animation-duration: 0.4s
}


/* The Close Button */
#close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

#close:hover,
#close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

#modal-header {
    padding: 2px 16px;
    background-color: #9E9E9E;
    color: white;
}
#modal-body {padding: 2px 16px; color: #212121; }

#modal-footer {
    padding: 2px 16px;
    background-color: #9E9E9E;
    color: white;
}

/* Add Animation */
@-webkit-keyframes slideIn {
    from {bottom: -300px; opacity: 0}
    to {bottom: 0; opacity: 1}
}

@keyframes slideIn {
    from {bottom: -300px; opacity: 0}
    to {bottom: 0; opacity: 1}
}

@-webkit-keyframes fadeIn {
    from {opacity: 0}
    to {opacity: 1}
}

@keyframes fadeIn {
    from {opacity: 0}
    to {opacity: 1}
}

html{ background-image: url(https://media0.giphy.com/media/xsHs2XeOMBXuU/giphy.webp?cid=dda24d50z48jy7jcs0vkvgleej4pmewd56isyb3v3mv41p9n&ep=v1_gifs_related&rid=giphy.webp&ct=g); background-size: auto; background-repeat: repeat;  background-color: #000000; color: #FFFFFF; height: 100%; width: 100%; height: 100%; margin: 0; padding: 0; background-size: auto; font-family: visitor_tt1_brkregular; }

#wrap { position: relative; width: 1000px;  margin: 0 auto; display: block; }
#contentMenuWrap { width: 100%; margin: 0 auto; }
#HeaderBox { background-color: black; margin-top: 50px; width: 1000%; height: 150px; border: 2px solid white; max-width: 996px; }
#contentBox { background-color: black; border: 2px solid white; width: 740px; height: 100%; float: right; font-size: 20px; padding: 20px 30px; line-height: 20px; overflow-x:auto;  }

.profileBox { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; }

/* MENU ITEMS */
#menuDown { width: 100%; height: auto; bottom: 10px;  }
.button { background-color: black ; font-size: 20px; margin: 10px 10px 10px 0px; cursor: pointer; width: 182px; line-height: 60px; text-align: center; border: 2px solid white; }
.button:hover { background-color: red; }

.profile { display: -webkit-flex; display: flex; float: left !important; margin: 47px; border: 3px solid transparent; }

.profile:hover { border: 3px solid white; cursor: pointer; }

a { color: #FFFFFF !important; text-decoration: none; }
h1 { font-weight: normal; }

@media all and (max-width: 1000px){
  
    .button { width: 98%; }
    .profile { margin: 0; width: 100%; }
    .profile img { width: 100%, height: auto; }
    #wrap { width: 98% !important; margin: 0 auto; }
    #contentBox { width: auto; padding: 10px 15px; line-height: 25px; float: left; }
    #menuDown { float: left; }
    #HeaderBox { margin: 0; }
    #HeaderBox img { width: auto; height: 100%; }
    #HeaderBox { display: none; }
  
 /* footer section start */
*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
body{
	font-size:14px;
	background: #fff;
    max-width:1920px;
    margin:0 auto;
	overflow-x:hidden;
	font-family: poppins;
	

}
#footer{
	background: #f7f7f7;
    padding: 3rem;
	/* padding-top: 5rem; */
	padding-top: 7rem;
    padding-bottom: 80px;
	background-image: url(https://arena.km.ua/wp-content/uploads/3538533.jpg);
}
#footer2{
	background: #f7f7f7;
    padding: 3rem;
    margin-top: 0px;
	/* padding-top: 5rem; */
	padding-top: 7rem;
    padding-bottom: 80px;
	background-image: url(../images/cards/v748-toon-111.png);
}
.logo-footer{
	/* max-width: 300px; */
}
.social-links{
	/* display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; */

}
.social-links h2{
	padding-bottom: 15px;
	font-size: 20px;
    font-weight: 600;
}
.social-links img{
	padding-bottom: 25px;
}
.social-icons{
	/* display: flex;
    gap: 3rem; */
	display: flex;
    flex-direction: column;
    gap: 1rem;
	color: #777777;
}
.social-icons a{
	/* font-size: 18px; */
    /* background: #ffffff; */
    /* box-shadow: rgb(0 0 0 / 8%) 0px 4px 12px;
    padding: 0.4rem 1rem 0.4rem 1rem;
    border-radius: 3px;
	color: #82074a; */
	/* margin-right: 18px; */
	color: #777777;
}
.social-icons a:hover{
	color: #000;
}
.social-icons a i{
	box-shadow: rgb(0 0 0 / 8%) 0px 4px 12px;
    padding: 0.4rem 1rem 0.4rem 1rem;
    border-radius: 3px;
    color: #82074a;
	font-size: 16px;
	margin-right: 12px;
}
li{
	list-style: none;
}
.useful-link h2{
	padding-bottom: 15px;
	font-size: 20px;
    font-weight: 600;
}
.useful-link img{
	padding-bottom: 15px;
}
.use-links{
	line-height: 32px;
}
.use-links li i{
	font-size: 14px;
    padding-right: 8px;
    color: #898989;
}
.use-links li a{
	color: #303030;
    font-size: 15px;
    font-weight: 500;
	color: #777777;
}
.use-links li a:hover{
	color: #000;
}
.address h2{
	padding-bottom: 15px;
	font-size: 20px;
    font-weight: 600;
}
.address img{
	padding-bottom: 15px;
}
.address-links li a{
	color: #303030;
    font-size: 15px;
    font-weight: 500;
	color: #777777;

}
.address-links li i{
	font-size: 16px;
    padding-right: 8px;
	color: #82074a;

}
.address-links li i:nth-child(1){
	padding-top: 9px;
}
.address-links .address1{
	font-weight: 500;
    font-size: 15px;
	display: flex;
}
.address-links{
	    line-height: 32px;
		color: #777777;
}
.copy-right-sec{
	padding: 1.8rem;
    background: #82074a;
    color: #fff;
    text-align: center;
}
.copy-right-sec a{
	color: #fcd462;
    font-weight: 500;
}
a{
  text-decoration:none;
}

/* footer section end */