body {
    width: 100%;
    background: #f0c33b url(../images/background.jpg) left top;
    margin: 0;
    font-family: Verdana;
    font-size: 12px;
}
body {margin: 0; padding: 0;}
.fw {width: 100%; float: left;}
.fwhp {width: 100%; float: left; height: 100vh; position: relative; margin: 0; padding: 0; border: 0;}
.mainbox {width: auto; display: inline-block; float: left; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center;}
.mainbox h4 { font-size: 20px; line-height: inherit; color: #4d252d; margin: 40px 0;}
.logo {display: inline-block; margin-top: 20px;}
.logo img {width: 126px; display: inline-block;}
.countries {text-align: center;}
.countries p {display: inline-block; margin: 0;}
.countries a {display: inline-block; margin: 0 20px 20px; float: left;}
.countries a:hover span { border-bottom: 1px solid #4d252d; }
.countries img {max-width: 40px; height: 40px; overflow: hidden; display: inline-block; float: left; border-radius: 50%; border: 2px solid #fff;}
.countries span { display: inline-block; float: left; margin: 15px 0 0 10px; float: left; font-size: 16px; line-height: inherit; color: #4d252d;}

/*.gradient {background:-webkit-radial-gradient(circle farthest-corner at 50% 79%, rgb(232, 249, 207) 0%, rgb(125, 221, 210) 100%);
background:-o-radial-gradient(circle farthest-corner at 50% 79%, rgb(232, 249, 207) 0%, rgb(125, 221, 210) 100%);
background:-moz-radial-gradient(circle farthest-corner at 50% 79%, rgb(232, 249, 207) 0%, rgb(125, 221, 210) 100%);
background:radial-gradient(circle farthest-corner at 50% 79%, rgb(232, 249, 207) 0%, rgb(125, 221, 210) 100%);}*/