@import "root.css";

html, body
{
    min-width: 320px;
    font-family: 'Futura PT', sans-serif;
}
html
{
    color: #fff;
    background: #000;
}
body
{
    height: 100%;
    background: #000;
}
body .gradient-block
{
    background: linear-gradient(167.11deg, #000000 24.29%, rgba(27, 55, 53, 0.6) 42.04%, rgba(43, 96, 92, 0) 57.93%, rgba(23, 47, 45, 0.6) 76.12%, #050505 91.74%);
    background-position: center center;
}
h2
{
    font-family: 'Arsenica Trial Bold', sans-serif;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 1em;
}
h2.excellent
{
    display: table;
    text-align: center;
    background: url('/img/content/good_l.png') no-repeat center left / contain, url('/img/content/good_r.png') no-repeat center right / contain;background: url('/img/content/good_l.png') no-repeat center left / contain, url('/img/content/good_r.png') no-repeat center right / contain;
    padding: 1em 2em;
    margin: 1em auto;
}
.clear
{
    clear: both;
}
nav .nav-link,
nav .nav-link:active,
nav .nav-link:focus
{
    color: #fff;
    text-transform: uppercase;
}

header, footer
{
    color: #fff;
}
header
{
    padding-top: 1em;
}
#logo-header {
    width: 36px;
}
header .navbar-toggler i
{
    font-size: 2rem;
    color: #D3B11F;
}
header .navbar-toggler i:before
{
    transition: all .6s linear;
}
header .navbar-toggler[aria-expanded="true"] i:before
{
    content: '\F659';
}
.heading-element
{
    border-radius: 20px;
}
nav a.nav-link, footer a.nav-link
{
    transition: all .3s linear;
}
nav a.nav-link:after
{
    width: 0;
    display: block;
    content: '';
    height: 2px;
    background: #D3B11F;
    transition: all .3s linear;
    position: relative;
    top: 5px;
}
nav a.nav-link:hover,
nav .navbar-nav .nav-link.active,
footer a.nav-link:hover,
nav a.nav-link:active,
footer a.nav-link:active
{
    color: #D3B11F;
    text-shadow: 0 0 15px rgba(211, 177, 31, 0.35);
    outline: none;
}
#logo-footer
{
    max-width: 24px;
}
.header-about
{
    color: #fff;
    margin-bottom: 2em;
}
.header-about .element
{
    display: flex;
    align-items: center;
    padding: 15px 30px;
    border-bottom: 1px solid #9f9f9f;
}
.header-about h3
{
    font-size: 30px;
    line-height: 30px;
    font-weight: 450;
    color: #D3B11F;
    width: 30%;
    min-width: 145px ;
    margin: 0;
}
.header-about p
{
    font-size: 14px;
    margin: 0;
}

.btn.btn-default
{
    color: #fff;
    background: #1A3432;
    padding: 0.45em 1.5em;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: lighter;
    border-radius: 80px;
    transition: all .4s linear;
}
.btn.btn-center
{
    display: table;
    margin: 1em auto;
}
.btn.btn-default:hover
{
    background: #0f1f1d;
    box-shadow: 0 0 15px rgba(0,0,0,.55);
}
.font-orig
{
    font-family: 'Futura PT', sans-serif;
}
.contacts-block
{
    color: #fff;
    font-size: 14px;
}
.contacts-block .btn
{
    color: #fff;
    width: 160px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 80px;
    transition: all .4s linear;
}
.contacts-block .btn:hover,
.contacts-block .btn:active
{
    background: #fff;
    color: #000;
}
.contacts-block a.social-link:hover img
{
    animation: tada .6s;
}
.contacts-block img
{
    width: 36px;
    height: auto;
}
.contacts-block iframe
{
    border-radius: 10px;
}

.btn.btn-secondary
{
    width: 440px;
    max-width: 100%;
    font-size: 14px;
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 1rem;
}
.btn.btn-secondary:hover,
.btn.btn-secondary:active,
.btn.btn-secondary:focus
{
    color: #000;
    background: #D3B11F;
}
















footer
{
    padding-top: 1em;
    font-size: 14px;
}
footer a
{
    color: #fff;
    text-transform: uppercase;
}
footer .navbar-nav
{
    display: inline-block;
}
footer .navbar-nav li
{
    width: 50%;
    float: left;
}