@charset "UTF-8";

/*
Theme name: SeoOne
*/

body {font-family: "Trade Gothic", "Roboto Condensed", sans-serif;
font-size: 17px;
font-weight: 400;
margin: 0;
padding: 0;
color: #747474;
background-color: #000;
text-decoration:none;
box-sizing: border-box;
width: 100%;
 }
#nav-line {display: grid;
grid-template-columns: 1fr 3fr 1fr;}
header, .wrap {max-width: 1280px;
margin: 0 auto;}
header {animation: showheader 3s;}
#logo img {max-width:200px;animation: showlogo 3s;}
#nav ul{list-style: none;
display: flex;
justify-content: flex-end;
align-items: center;
height: 100%;
margin: 0;}
#nav li{margin-left: 40px;}
#nav a:hover::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0;
    height: 1px;
    border-bottom: 2px solid;
    display: inline-block;
    -webkit-transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    -o-transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    width: 20px;
    color: #E9204F;
}
#nav a:hover{color: #E9204F;}
#nav-line a{color:#FFFFFF;
font-size: 16px;
cursor: pointer;
font-weight: bold;
font-family: 'Avant Grade', 'Poppins', sans-serif;
text-decoration: none;}
#head-phone{display: flex;
align-items: center;
justify-content: flex-end;}
#head-phone a:hover{color:#E9204F;}
#banner .wrap{display: grid; grid-template-columns: 1fr 1fr;}
h1 {font-size: 80px;
color: #FFFFFF;line-height: 1;margin: 50px 0;}
.button {border: #E9204F 2px solid;
color: white;
font-size: 1rem;
cursor: pointer;
font-family: "Avant Grade", "Poppins", sans-serif;
font-weight: 700;
text-transform: capitalize;
line-height: 1;
padding: 20px 40px;
display: inline-flex;}
.button:hover {animation: btnanimation 3s forwards;}
#banner p {color: white; font-weight: 700; margin-top:40px;}
#banner {background: url(img/uausa-min.jpg); background-size: cover;padding: 80px 0;}
hr {width: 70px; border: red 1px solid;display: inline-flex; background: red;}


@keyframes showlogo {
    0% {opacity: 0.1;}
    100% {opacity: 1;}
}
@keyframes showheader {
    0% {opacity: 0.1;}
    100% {opacity: 1;}
}
@keyframes btnanimation {
    0% {}
    100% {background: #E9204F;transform: scale(1.1);}
}

#features .wrap {display: grid; grid-template-columns: 1fr 1fr 1fr;grid-gap: 30px;margin-top: 30px;}
.featureblock {background-color: #1b1b1b;padding: 20px 40px;}
.featureblock:hover{animation: featuresanim 2s forwards;}
.featureblock:nth-child(3){border-right: 15px solid #E9204F;}
#features .heading {font-size: 24px;color:white; font-weight: 700; margin-bottom: 5px;}
#features .content {color:white;}
#features i{font-size: 48px; font-style: normal;}
#features .mask:before{content: "\1F93F";}
#features .rocket:before{content: "\1F9F2";}
#features .report:before{content: "\1F9F0";}

@keyframes featuresanim {
    100% {background: #E9204F;transform: scale(1.1);}
}
.hrred{margin-right: 0px;display: block;border: rgb(233, 32, 79) 7px solid;width: 393px;margin-top: 0px;}
#brands {background: #F3F3F3;}
.logoimg {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: 30px;
    align-items: center;padding: 20px 0px;}
#contacts a:hover {color:#E9204F; text-align: center;}
#contacts p:hover {color:#E9204F; text-align: center;}
#contacts {font-weight: 700; text-align: center;}
#contacts p, #contacts a {color:white; text-decoration: none; line-height: 0.5;}
#contacts .wrap {margin-top: 30px;}