@font-face {
    font-family: "Montserrat";
    src: url("/wp-content/themes/gigabyte/font/Montserrat-Regular.otf") format("truetype");
}
@font-face {
    font-family: "Montserrat-Bold";
    src: url("/wp-content/themes/gigabyte/font/Montserrat-Bold.otf") format("truetype");
}
@font-face {
    font-family: "Montserrat-ExtraBold";
    src: url("/wp-content/themes/gigabyte/font/Montserrat-ExtraBold.otf") format("truetype");
}
@font-face {
    font-family: "Montserrat-Black";
    src: url("/wp-content/themes/gigabyte/font/Montserrat-Black.otf") format("truetype");
}


#home_page {
    font-family: Montserrat, Arial;
    font-size: 20px;
    margin-left: 155px;
    padding-top: 10px;
}

#home_page h1 {
    font-size: 35px;
}

.block-head {
    text-transform: uppercase;
}

.red { color: #FA2B1F; fill: #FA2B1F; }
.grey2 { color: #656364; fill: #656364; }
.grey { color: #605D5C; fill: #605D5C; }
.grey-dark { color: #414340; fill: #414340; }
.bold { font-family: Montserrat-Bold, Montserrat, Arial; font-weight: bold; }
.bold-extra { font-family: Montserrat-ExtraBold, Montserrat-Bold, Montserrat, Arial; font-weight: bold; }
.bold-black { font-family:Montserrat-Black, Montserrat-ExtraBold, Montserrat-Bold, Montserrat, Arial; font-weight: bold; }
.uppercase { text-transform: uppercase; }

svg .text { font-size: 55px; }
svg .mid-text { font-size: 65px; }
svg .big-text { font-size: 110px; }

.bg11,
.bg22,
.bg33,
.bg44,
.bg55 {
    display: flex;
    justify-content: space-between;
}
.bg11-svg,
.bg33-svg,
.bg55-svg {
    shape-rendering: geometricPrecision;
    text-rendering: geometricPrecision;
    image-rendering: optimizeQuality;
    fill-rule: evenodd;
    clip-rule: evenodd;
    margin: 0 auto;
    display: block;
}

.bg11-svg {
    /*width: 2321px;*/
    /*height: 1362px;*/
    max-height: 496px;
    max-width: 845px;
}

.bg2 { margin-top: -41px; }

.bg22 ul { max-width: 435px; flex-shrink: 0 }
.bg22 li {
    list-style: disc;
    margin-left: 25px;
    margin-bottom: 10px;
}
.bg22 li span { line-height: 25px; }
/*.bg22 li:before {*/
/*    content:"·";*/
/*    font-size: 90px;*/
/*    vertical-align: top;*/
/*    line-height: 6px;*/
/*}*/

.bg22 img {
    min-width: 10%;
    flex-shrink: 1;
}

.bg33-svg{
    /*width:2393px;*/
    /*height: 1206px;*/
    max-width: 845px;
    max-height: 426px;
}

.bg44 ul { max-width: 435px; flex-shrink: 0 }
.bg44 li {
    list-style: disc;
    margin-left: 25px;
}
.bg44 li::marker {
    color: #FA2B1F;
}
.bg44 li span { line-height: 25px; }

.bg44 img {
    min-width: 10%;
    max-width: 320px;
    margin-top: -25px;
    flex-shrink: 1;
}

.bg55-svg {
    /*width: 2350px;*/
    /*height: 1113px;*/
    max-height: 400px;
    max-width: 845px;
}

.motto {
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
}

.motto .we {
    font-size: 74px;
    margin-right: 7px;
}

.motto .we_text {
    font-size: 30px;
}

.motto .dot {
    border: 12px solid red;
    border-radius: 20px;
    margin-top: -35px;
    margin-left: -22px;
}

/* Animations */
.to-be-animated .icon {
    opacity: 0;
}
.to-be-animated.run-animate .icon {
    animation: fadeIn ease-in 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.to-be-animated .line {
    stroke-dasharray: 1400;
    stroke-dashoffset: -1400;
}
.to-be-animated.run-animate .line {
    animation: line-left ease-out 1s ;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.to-be-animated .dot {
    opacity: 0;
}
.to-be-animated.run-animate .dot {
    animation: fadeIn linear 0.1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.to-be-animated .text {
    opacity: 0;
}
.to-be-animated.run-animate .text {
    animation: slide-left ease-out 1s;
    animation-fill-mode: forwards;
}
.right-animate.run-animate .text {
    animation: slide-right ease-out 1s;
    animation-fill-mode: forwards;
}

#start-time.run-animate .icon { animation-delay: 0s }
#start-time.run-animate .line { animation-delay: 0.75s }
#start-time.run-animate .dot { animation-delay: 1.75s }
#start-time.run-animate .text { animation-delay: 0.75s }

#clients.run-animate .icon { animation-delay: 1s }
#clients.run-animate .line { animation-delay: 1.75s }
#clients.run-animate .dot { animation-delay: 2.75s }
#clients.run-animate .text { animation-delay: 1.75s }

#repair.run-animate .icon { animation-delay: 2s }
#repair.run-animate .line { animation-delay: 2.75s }
#repair.run-animate .dot { animation-delay: 3.75s }
#repair.run-animate .text { animation-delay: 2.75s }

#c_clients.run-animate .icon { animation-delay: 0s }
#c_clients.run-animate .line { animation-delay: 0.75s }
#c_clients.run-animate .dot { animation-delay: 1.75s }
#c_clients.run-animate .text { animation-delay: 0.75s }

#c_delivery.run-animate .icon { animation-delay: 1s }
#c_delivery.run-animate .line { animation-delay: 1.75s }
#c_delivery.run-animate .dot { animation-delay: 2.75s }
#c_delivery.run-animate .text { animation-delay: 1.75s }

#c_corporate.run-animate .icon { animation-delay: 2s }
#c_corporate.run-animate .line { animation-delay: 2.75s }
#c_corporate.run-animate .dot { animation-delay: 3.75s }
#c_corporate.run-animate .text { animation-delay: 2.75s }

#yur_pdv.run-animate .icon { animation-delay: 0s }
#yur_pdv.run-animate .line { animation-delay: 0.75s }
#yur_pdv.run-animate .dot { animation-delay: 1.75s }
#yur_pdv.run-animate .text { animation-delay: 0.75s }

#yur_no_queue.run-animate .icon { animation-delay: 1s }
#yur_no_queue.run-animate .line { animation-delay: 1.75s }
#yur_no_queue.run-animate .dot { animation-delay: 2.75s }
#yur_no_queue.run-animate .text { animation-delay: 1.75s }

#yur_all_country.run-animate .icon { animation-delay: 2s }
#yur_all_country.run-animate .line { animation-delay: 2.75s }
#yur_all_country.run-animate .dot { animation-delay: 3.75s }
#yur_all_country.run-animate .text { animation-delay: 2.75s }

#yur_delay.run-animate .icon { animation-delay: 3s }
#yur_delay.run-animate .line { animation-delay: 3.75s }
#yur_delay.run-animate .dot { animation-delay: 4.75s }
#yur_delay.run-animate .text { animation-delay: 3.75s }

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes line-left { to { stroke-dashoffset: 0;} }

@keyframes slide-left {
    0% {
        transform: translateX(-500px);
        opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}
@keyframes slide-right {
    0% {
        transform: translateX(500px);
        opacity: 1;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}



@media screen and (max-width: 1000px) {
    #home_page {
        margin: 0 auto;
        padding: 0 10px;
    }
}
@media screen and (max-width: 800px) {
    .bg2 { margin-top: 0; }
    .bg22 { flex-direction: column; }
    .bg22 ul { max-width: 100%; flex-shrink: 0 }
    .bg22 img {max-width: 70%; margin: 0 auto; }

    .bg44 { flex-direction: column; }
    .bg44 ul { max-width: 100%; flex-shrink: 0 }
    .bg44 img { margin: 0 auto; }

    .motto .we { font-size: 54px; margin-right: 7px; }
    .motto .we_text { font-size: 20px; }
    .motto .dot {
        border: 8px solid red;
        border-radius: 20px;
        margin-top: -23px;
        margin-left: -18px;
    }
}

/* Styles exported from svg */
.bg11-svg .str1 {stroke:#605D5C;stroke-width:5.83088}
.bg11-svg .str0 {stroke:#4D4948;stroke-width:5.83088}
.bg11-svg .fil10 {fill:none}
.bg11-svg .fil11 {fill:red}
.bg11-svg .fil3 {fill:#4D4948;fill-rule:nonzero}
.bg11-svg .fil9 {fill:#605D5C;fill-rule:nonzero}
.bg11-svg .fil2 {fill:#72706F;fill-rule:nonzero}
.bg11-svg .fil6 {fill:#838281;fill-rule:nonzero}
.bg11-svg .fil5 {fill:#969594;fill-rule:nonzero}
.bg11-svg .fil8 {fill:#AAA9A9;fill-rule:nonzero}
.bg11-svg .fil4 {fill:white;fill-rule:nonzero}
.bg11-svg .fil1 {fill:#AAA9A9;fill-rule:nonzero;fill-opacity:0.200000}
.bg11-svg .fil0 {fill:#AAA9A9;fill-rule:nonzero;fill-opacity:0.501961}

.bg33-svg .str0 {stroke:#605D5C;stroke-width:5.93973}
.bg33-svg .str2 {stroke:#4D4948;stroke-width:11.8795}
.bg33-svg .str1 {stroke:#4D4948;stroke-width:14.2197}
.bg33-svg .fil5 {fill:none}
.bg33-svg .fil12 {fill:#4D4948}
.bg33-svg .fil11 {fill:#605D5C}
.bg33-svg .fil10 {fill:white}
.bg33-svg .fil9 {fill:red}
.bg33-svg .fil2 {fill:#4D4948;fill-rule:nonzero}
.bg33-svg .fil6 {fill:#72706F;fill-rule:nonzero}
.bg33-svg .fil1 {fill:#838281;fill-rule:nonzero}
.bg33-svg .fil0 {fill:#969594;fill-rule:nonzero}
.bg33-svg .fil3 {fill:#AAA9A9;fill-rule:nonzero}
.bg33-svg .fil13 {fill:white;fill-rule:nonzero}
.bg33-svg .fil4 {fill:#969594;fill-rule:nonzero;fill-opacity:0.501961}
.bg33-svg .fil8 {fill:#4D4948;fill-rule:nonzero}
.bg33-svg .fil7 {fill:#605D5C;fill-rule:nonzero}
.bg33-svg .fnt0 {font-weight:bold;font-size:50px;font-family: Montserrat-Bold;}
.bg33-svg .fnt1 {font-weight:bold;font-size:64px;font-family: Montserrat-Bold;}
.bg33-svg .fnt3 {font-weight:bold;font-size:64px;font-family:Montserrat-Bold;}
.bg33-svg .fnt5 {font-weight:bold;font-size:64px;font-family:Montserrat-Bold;}
.bg33-svg .fnt2 {font-weight:900;font-size:128px;font-family:Montserrat-Black;}
.bg33-svg .fnt4 {font-weight:900;font-size:128px;font-family:Montserrat-Black;}
.bg33-svg .fnt6 {font-weight:900;font-size:128px;font-family:Montserrat-Black;}

.bg55-svg .str2 {stroke:#FF1E00;stroke-width:2.37665}
.bg55-svg .str0 {stroke:#605D5C;stroke-width:5.94162}
.bg55-svg .str1 {stroke:#4D4948;stroke-width:6.72472}
.bg55-svg .str3 {stroke:#4D4948;stroke-width:8.91361}
.bg55-svg .str4 {stroke:#4D4948;stroke-width:10.5131}
.bg55-svg .fil3 {fill:none}
.bg55-svg .fil1 {fill:#4D4948}
.bg55-svg .fil0 {fill:#605D5C}
.bg55-svg .fil13 {fill:#FA1D00}
.bg55-svg .fil2 {fill:red}
.bg55-svg .fil5 {fill:#4D4948;fill-rule:nonzero}
.bg55-svg .fil11 {fill:#605D5C;fill-rule:nonzero}
.bg55-svg .fil9 {fill:#72706F;fill-rule:nonzero}
.bg55-svg .fil4 {fill:#838281;fill-rule:nonzero}
.bg55-svg .fil6 {fill:#969594;fill-rule:nonzero}
.bg55-svg .fil10 {fill:white;fill-rule:nonzero}
.bg55-svg .fil12 {fill:red;fill-rule:nonzero}
.bg55-svg .fil8 {fill:#838281;fill-rule:nonzero;fill-opacity:0.200000}
.bg55-svg .fil7 {fill:#838281;fill-rule:nonzero;fill-opacity:0.501961}
.bg55-svg .fnt0 {font-weight:bold;font-size:50px;font-family:Montserrat-Bold;}
.bg55-svg .fnt7 {font-weight:bold;font-size:50px;font-family:Montserrat-Bold;}
.bg55-svg .fnt1 {font-weight:bold;font-size:64px;font-family:Montserrat-Bold;}
.bg55-svg .fnt3 {font-weight:bold;font-size:64px;font-family:Montserrat-Bold;}
.bg55-svg .fnt5 {font-weight:bold;font-size:64px;font-family:Montserrat-Bold;}
.bg55-svg .fnt9 {font-weight:bold;font-size:64px;font-family:Montserrat-Bold;}
.bg55-svg .fnt8 {font-weight:900;font-size:101px;font-family:Montserrat-Black;}
.bg55-svg .fnt2 {font-weight:900;font-size:128px;font-family:Montserrat-Black;}
.bg55-svg .fnt4 {font-weight:900;font-size:128px;font-family:Montserrat-Black;}
.bg55-svg .fnt6 {font-weight:900;font-size:128px;font-family:Montserrat-Black;}