body
{
	display: block;
	background: #fafafa;
	font-family: 'Montserrat', sans-serif;
}
head
{
	scroll-behavior: smooth;
}
*
{
	margin: 0;
	padding: 0;
	box-sizing: inherit;
}
*:focus
{
    outline: none !important;
}

@keyframes click
{
	0% 		{ transform: scale(0.9);	}
 	100%	{ transform: scale(1); 		}
}

@keyframes spin
{
	0% 		{ transform: rotate(0deg); 		}
 	100%	{ transform: rotate(360deg); 	}
}

a { text-decoration: none !important; }
a:active { animation: click 0.3s ease; }
button { cursor: pointer; }
button:active { animation: click 0.3s ease; }
textarea { font-family: Arial; }
select { cursor: pointer; }

nav
{
	display: flex;
	width: 95%;
	margin: 0 auto;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.logo { margin: 15px auto; height: 70px; }

header { margin: 15px 0; }
.slider { display: none; position: relative; }
.slider-image { display: block; margin: 0 auto; width: 95%; height: auto; border: 1px solid #ccc; }

main { text-align: center; margin: 0 auto; width: 100%; padding: 50px 0; }

.s-title {
	display: table;
	margin: 0 auto;
	padding: 5px 40px;
	color: #ed0b6d;
	text-transform: uppercase;
	font-size: 30px;
	border-bottom: 2px solid #ed0b6d;
}

.s-desc {
	display: table;
	margin: 10px auto;
	padding: 10px 20px;
	background: #ed0b6d;
	border-radius: 2px;
	color: #fafafa;
	font-size: 18px;
}

.countries { display: flex; margin: auto; width: 100%; justify-content: center; flex-wrap: wrap; }
.countries:hover { cursor: pointer; }
.country-box { 
	display: flex;
	flex-direction: column;
	margin: 15px;
	padding: 50px 10px;
	width: 25%;
	border-right: 2px solid #ddd;
	justify-content: center;
	text-align: center;
}
.country-box:hover { background-color: rgba(237, 11, 109, .1); }
.country-box:last-child { border: none; }
.country-flag { margin: 10px auto; height: 80px; width: 150px; border-radius: 5px; }
.country-name {
	display: table;
	margin: 10px auto;
	padding: 5px 15px;
	border-bottom: 1px solid #ed0b6d;
	color: #ed0b6d;
	font-size: 20px;
	text-transform: uppercase;
}
.row {
	display: flex;
	width: 70%;
	margin: 5px auto;
	padding: 10px 0;
	border: 1px solid #ccc;
	border-radius: 2px;
}
.row i { margin: auto; width: 20%; border-right: 1px solid #888; font-size: 18px; color: #ed0b6d; }
.row-info { margin: auto; padding: 0 15px; width: 100%; text-align: left; color: #222; font-size: 16px; }
.row-info a { color: #222; }

.box 
{ 
	display: inline-flex;
	flex-direction: column;
	margin: 30px 10px;
	width: 40%;
	background: #ffffff; 
	border: 1px solid #ccc; 
	border-radius: 5px;
	transition: .2s;
}
.box:hover { border: 1px solid #ed0b6d; transform: scale(1.05); }
.box:hover .url { text-decoration: underline; }
.box img, .url { display: inline-block; margin: auto; padding: 6px 26px; }
.design { margin: 0 auto; max-width: 90%; }
.url { color: #ed0b6d; text-transform: uppercase; letter-spacing: 1px; font-weight: 200; font-size: 18px; }

footer { margin-top: 15px; padding: 15px 0; background-color: #222; text-align: center; }
footer p { color: #ccc; font-size: 15px; }
footer a { color: #fafafa; }
.top-footer { display: flex; }
.fast-links { margin: auto 0; width: 100%; }
.fast-links p { margin-bottom: 15px; font-size: 18px; color: #fafafa; letter-spacing: 2px; }
.fast-links a { display: table; margin: 5px auto; font-size: 15px; color: #aaa; }
.fast-links a:hover { text-decoration: underline !important; }

.logo { margin: 15px auto; height: 70px; }
.social-media { width: 100%; }
.social-media .logo { display: block; } 

.social-media a { margin: 5px 0; padding: 10px 15px; border-radius: 2px; }
.social-media i { font-size: 18px; }
.social-media a:hover { background-color: #555; }
.facebook { background-color: #4267b2; }
.email { background-color: #414143; }

.code4you { color: #38b6ff; }
.code4you:hover { text-decoration: underline !important; }

@media screen and (max-width: 800px) 
{
	.header { height: auto; }
	.s-desc { width: 80%; }
	.countries { flex-direction: column; }
	.country-box { width: 90%; border:none; display: block; margin: auto; }
}