/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

* {
    box-sizing: border-box;
}





/****HEADER****/


.header-content {
    background: url("../images/header-bg.jpg") no-repeat center center / cover;
    min-height:660px;
}

.header-content-container {
    max-width: 1120px;
    padding: 61px 15px 35px;
    margin: 0 auto;
}

.header-content .logo {
    width: 228px;
    display: block;
    margin: 0 auto;
}

.header-content h1 {
    color: #FFF;
    text-align: center;
    font-family: "Darker Grotesque";
    font-size: 54px;
    font-style: normal;
    font-weight: 800;
    line-height: 64px; /* 118.519% */
    letter-spacing: 1.62px;
    text-transform: uppercase;
    padding-top: 28px;
    padding-bottom: 34px;
    max-width: 1091px;
    margin: 0 auto;
}


.header-content .btn {
    width: 406px;
    height: 54px;
    border-radius: 60px;
    background: #FFF;
    color: #2C0B0B;
    text-align: center;
    font-family: "Darker Grotesque";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px; /* 120% */
    display: flex;
    justify-content: center;
    text-decoration: none;
    margin: 0 auto;
    position: relative;
}


.header-content .btn:hover {
    background: #2C0B0B;
    color: #fff;
}

.header-content .btn svg {
    position: absolute;
    right: 5px;
    transform: translateY(-50%);
    top: 50%;
}

.header-img-logo {
    width: 350px;
    height: 78px;
    margin: 34px auto 0;
}

.header-img-logo img {
    display: block;
    width: 100%;
}

/***Main Content***/
    .consultation {
        background: url(../images/consul.png) no-repeat center center / 90%, #120D0A;
    }


@media(max-width:1920px) {

    .consultation {
        background: url("../images/consul.png") no-repeat center center / cover, #120D0A;
    }
}

.consultation .container {
    max-width: 1440px;
    padding: 116px 15px 116px;
    margin: 0 auto;
    display: flex;
}

.consultation-info {
    width: 58%;
}

.consultation-info h2 {
    color: #FFF;
    font-family: "Darker Grotesque";
    font-size: 43px;
    font-style: normal;
    font-weight: 800;
    line-height: 140%; /* 60.2px */
    letter-spacing: 1.29px;
    padding-bottom: 16px;
}

.consultation-info p {
    color: #FFF;
    font-family: "Darker Grotesque";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 30px */
}

/***Prepared secure***/



.prepared-secure {
    background: url("../images/prepared-secure.jpg") no-repeat center center / cover;
}

.prepared-secure .container {
    max-width: 1440px;
    padding: 50px 15px 100px;
    margin: 0 auto;
}

.prepared-secure .container h2 {
    text-align: center;
    font-family: "Darker Grotesque";
    font-size: 43px;
    font-style: normal;
    font-weight: 800;
    line-height: 140%; /* 60.2px */
    letter-spacing: 1.29px;
    background: linear-gradient(90deg, #BE9B38 16.13%, #FFBD15 47.38%, #C0792F 82.15%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 50px;
}

.prepared-secure-wrapper {
    display: flex;
    justify-content: flex-end;
}

.prepared-secure-content {
    max-width: 595px;
}

.prepared-secure-content h3 {
    color: #FFF;
    text-align: center;
    font-family: "Darker Grotesque";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 36px */
    padding-bottom: 25px;
}

.prepared-secure-content ul li {
    color: #FFF;
    font-family: "Darker Grotesque";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 26px */
    position: relative;
    display: flex;
    margin-bottom: 15px;
}

.prepared-secure-content ul li:before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    display: block;
    content: "";
    flex-shrink: 0;
    margin-top: 15px;
    margin-right: 20px;
}

.prepared-secure-content .btn-wrapper {
    display: flex;
    justify-content: center;
    padding-top: 30px;
}

.prepared-secure-content .btn {
    width: 406px;
    height: 54px;
    border-radius: 60px;
    background: #FFF;
    color: #2C0B0B;
    text-align: center;
    font-family: "Darker Grotesque";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    display: flex;
    justify-content: center;
    text-decoration: none;
    margin: 0 auto;
    position: relative;
}

.prepared-secure-content .btn:hover {
    background: #2C0B0B;
    color: #fff;
}

.prepared-secure-content .btn svg {
    position: absolute;
    right: 5px;
    transform: translateY(-50%);
    top: 50%;
}

/**** Time running***/

.time-running {
    background: url("../images/time-runing.jpg") no-repeat center center / cover;
}

.time-running .container {
    max-width: 1440px;
    padding: 95px 15px;
    margin: 0 auto;
}

.time-running-content {
    max-width: 452px;
}

.time-running-content h3 {
    color: #FFF;
    font-family: "Darker Grotesque";
    font-size: 43px;
    font-style: normal;
    font-weight: 800;
    line-height: 140%; /* 60.2px */
    letter-spacing: 1.29px;
    padding-bottom: 10px;
}

.time-running-content p {
    color: #FFF;
    font-family: "Darker Grotesque";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 30px */
    padding-bottom: 57px;
}

.time-running-content .btn {
    border-radius: 60px;
    background: #FFA600;
    display: flex;
    width: 406px;
    height: 54px;
    padding: 10px 0px;
    justify-content: center;
    align-items: center;
    color: #1E1E1E;
    text-align: center;
    font-family: "Darker Grotesque";
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 141.176% */
    text-transform: uppercase;
    text-decoration: none;
}

.time-running-content .btn:hover {
    background: #1E1E1E;
    color: #FFA600;
}

/****FOOTER***/

footer {
    background: #000;
}

footer .container {
    max-width: 975px;
    margin: 0 auto;
    padding: 10px 15px;
}

footer .container img {
    width: 100%;
}

footer .rights {
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .rights p {
    color: #464646;
    font-family: "Darker Grotesque";
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
}

footer .rights a {
    color: #464646;
    text-align: center;
    font-family: "Darker Grotesque";
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px; /* 171.429% */
    margin:0 3px;
}

@media (max-width: 768px) {
    .header-content h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .consultation-info h2 {
        font-size: 24px;
    }

    .consultation-info ul li, .consultation-info p, .time-running-content p,
    .prepared-secure-content ul li {
        font-size: 16px;
    }

    .prepared-secure .container h2,
    .time-running-content h3 {
        font-size: 30px;
    }

    .prepared-secure-content h3 {
        font-size: 20px;
    }

    .time-running-content p {
        padding-bottom: 30px;
    }
}

@media (max-width: 450px) {
    .why-gold-item {
        width: 100%;
    }

    .why-gold .btn, .consultation-info .btn, .header-content .btn, .time-running-content .btn {
        width: 100%;
    }

    .time-running .container {
        flex-direction: column;
        padding: 30px 15px;
    }

    .prepared-secure .container {
        padding-top: 30px;
        padding-bottom: 30px;
    }


    .consultation-info, .consultation-img {
        width: 100%;
    }

    footer .rights {
        flex-direction: column;
    }

    .prepared-secure-content .btn {
        width: 100%;
    }

    .consultation {
        background: url(../images/consul.png) no-repeat -159px 100% / 139%, #120D0A;
    }

    .consultation .container {
        padding-top: 30px;
        padding-bottom: 100px;
    }

    .prepared-secure .container {
        padding-top: 30px;
        padding-bottom: 280px;
    }

    .prepared-secure {
        background: url(../images/prepared-secure.jpg) no-repeat -107px 100% / 229%, #120D0A;
    }

    .time-running .container {
        padding-bottom: 170px;
    }


    .time-running {
        background: url(../images/time-runing.jpg) no-repeat 119% 100% / 155%, #120D0A;
    }
}