/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

.btn-outline-retail {
    color: #9f62ff;
    border-color: #9f62ff;
}
    .btn-outline-retail:hover {
        color: #fff;
        background-color: #9f62ff;
        border-color: #9f62ff;
    }

.btn-outline-wholesale {
    color: #5aa8ff;
    border-color: #5aa8ff;
}

    .btn-outline-wholesale:hover {
        color: #fff;
        background-color: #5aa8ff;
        border-color: #5aa8ff;
    }

.btn-outline-compass {
    color: #84f23b;
    border-color: #84f23b;
}

    .btn-outline-compass:hover {
        color: black;
        background-color: #84f23b;
        border-color: #84f23b;
    }


/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

#DDLProdotti .dropdown-item:hover {
    background-color: #3f474e !important;
    color: #fff !important;
}

#DDLProdotti .dropdown-item.attiva {
    background-color: #343a40 !important;
    color: #fff !important;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 0;
}

.form-control-newsletter {
    width: 100%;
    border: 1px solid #338dd8;
    background-color: #0066ba;
    font-size: 1.4rem;
    text-indent: 15px;
    outline: 0;
    height: 48px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    color: #fff;
    font-weight: 300
}

    .form-control-newsletter::placeholder {
        color: white;
        font-size: 1rem;
        opacity: 1; /* Firefox */
    }

.btn-newsletter {
    outline: 0;
    font-size: 0.95rem;
    letter-spacing: 2px;
    padding: 12px 0;
    background-color: #0071cd;
    border: 1px solid rgba(255,255,255,.5);
    color: #fff;
    width: 100%;
}

.validate {
    display: none;
    color: red;
    font-weight: 300;
}

.validate2 {
    display: none;
    font-size: 14px;
    color: yellow !important;
    font-weight: 300;
}

.footer {
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
}

.back-on-top .fa-arrow-up {
    transition: all .2s ease;
}

.back-on-top a:hover {
    color: #fff;
}

    .back-on-top a:hover .fa-arrow-up {
        color: #fff;
        transform: translateY(-7px);
    }

.navbar-dark .navbar-nav .nav-link.active {
    border-bottom: #fff 3px solid;
}


/*--------Home-------Index.cshtml-------------*/
#home-header {
    background: url('../img/header-bg.jpg') 70% 30% no-repeat #1b1a1d;
    min-height: 600px;
    margin-top: 72px;
}

.products-box-img svg {
    width: 30%;
}

#box1 {
    --animate-delay: 0.5s !important;
    -webkit-animation-delay: 0.5s !important;
}

#box2 {
    --animate-delay: 1s !important;
    -webkit-animation-delay: 1s !important;
}

#box3 {
    --animate-delay: 1.5s !important;
    -webkit-animation-delay: 1.5s !important;
}

.sfondo-1 {
    background: url(../img/patterns-database-tools.png) center no-repeat;
}

.sfondo-2 {
    background: url(../img/pattern-data-connectivity.png) center no-repeat;
}

.sfondo-3 {
    background: url(../img/pattern-productivity-tools.png) center no-repeat;
}

.sfondo-4 {
    background: url(../img/pattern-data-services.png) center no-repeat;
}

#home-header .effects-viola:hover {
    background: rgba(159,98,255,0.1);
}

.card-body a {
    color: rgba(255,255,255,.8);
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    text-decoration: none;
}

.effects-viola a:hover {
    color: #9f62ff;
}

.effects-verde a:hover {
    color: #84f23b;
}

.effects-azzurro a:hover {
    color: #37e9e7;
}

.effects-blu a:hover {
    color: #5aa8ff;
}


#home-header .effects-verde:hover {
    background: rgba(132,242,59,0.1);
}

#home-header .effects-azzurro:hover {
    background: rgba(55,233,231,0.1);
}

#home-header .effects-blu:hover {
    background: rgba(90,168,255,0.1);
}

.social-icon a {
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
}

.fb a:hover {
    color: #3b5998;
}

.tw a:hover {
    color: #00acee;
}

.lk a:hover {
    color: #0e76a8;
}

.yt a:hover {
    color: #c4302b;
}

.ig a:hover {
    color: #d82b7d;
}

.typewrite-style {
    font-weight: 300;
    color: #008aff;
}

#ViewAllProducts {
    padding: 0;
}

.view-all-products a {
    width: 100%;
    font-size: 1.8rem;
    font-weight: 400;
    padding: 38px 40px;
    white-space: normal;
    text-decoration: none;
}

.view-all-products .fa-arrow-right {
    transition: all .2s ease;
}

.view-all-products a:hover .fa-arrow-right {
    transform: translateX(13px);
}

#NumbersCount {
    background: linear-gradient( 90deg,#68478B 0,#3970A4 100%);
}


/*--------Contatti/Index-------------*/
#contatti-header a {
    text-decoration: none;
    color: #fff
}

.btn-special {
    display: inline-block;
    padding: 12px 25px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .15em;
    border-radius: 0;
    font-size: 1rem;
    line-height: 22px;
    border: 1px solid #DDD;
    position: relative;
    background: #0071ce;
    box-sizing: border-box;
    transition: .3s;
}

    .btn-special:hover {
        background: #007fe8
    }

    .bg-contatti {
        background: url('../img/map.svg')
    }

#contact-us a {
    color: #3D3D3D;
}

.address-email {
    font-weight: 500;
    font-size: 18px;
    color: #3D3D3D;
}

/*------Contatti/Form--------*/

#card-form input[type=text], input[type=email], .select {
    border: 1px solid #ddd;
    border-radius: 0;
    font-size: 1rem;
    color: #3D3D3D;
    height: 46px;
    padding: 6px 12px;
    background-color: #fff;
}

#card-form textarea {
    border: 1px solid #ddd;
    border-radius: 0;
    font-size: 1rem;
    color: #3D3D3D;
    padding: 6px 12px;
    background-color: #fff;
    resize: none;
}

#card-form input[type=button] {
    color: #fff;
}

/*--------Assistenza/Index-----------*/

/*--------Prodotti/Index-----------*/

#Prodotti {
    background-color: #1B1A1D;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='200' viewBox='0 0 160 80'%3E%3Cg fill='%231F1E21' %3E%3Cpolygon points='0 10 0 0 10 0'/%3E%3Cpolygon points='0 40 0 30 10 30'/%3E%3Cpolygon points='0 30 0 20 10 20'/%3E%3Cpolygon points='0 70 0 60 10 60'/%3E%3Cpolygon points='0 80 0 70 10 70'/%3E%3Cpolygon points='50 80 50 70 60 70'/%3E%3Cpolygon points='10 20 10 10 20 10'/%3E%3Cpolygon points='10 40 10 30 20 30'/%3E%3Cpolygon points='20 10 20 0 30 0'/%3E%3Cpolygon points='10 10 10 0 20 0'/%3E%3Cpolygon points='30 20 30 10 40 10'/%3E%3Cpolygon points='20 20 20 40 40 20'/%3E%3Cpolygon points='40 10 40 0 50 0'/%3E%3Cpolygon points='40 20 40 10 50 10'/%3E%3Cpolygon points='40 40 40 30 50 30'/%3E%3Cpolygon points='30 40 30 30 40 30'/%3E%3Cpolygon points='40 60 40 50 50 50'/%3E%3Cpolygon points='50 30 50 20 60 20'/%3E%3Cpolygon points='40 60 40 80 60 60'/%3E%3Cpolygon points='50 40 50 60 70 40'/%3E%3Cpolygon points='60 0 60 20 80 0'/%3E%3Cpolygon points='70 30 70 20 80 20'/%3E%3Cpolygon points='70 40 70 30 80 30'/%3E%3Cpolygon points='60 60 60 80 80 60'/%3E%3Cpolygon points='80 10 80 0 90 0'/%3E%3Cpolygon points='70 40 70 60 90 40'/%3E%3Cpolygon points='80 60 80 50 90 50'/%3E%3Cpolygon points='60 30 60 20 70 20'/%3E%3Cpolygon points='80 70 80 80 90 80 100 70'/%3E%3Cpolygon points='80 10 80 40 110 10'/%3E%3Cpolygon points='110 40 110 30 120 30'/%3E%3Cpolygon points='90 40 90 70 120 40'/%3E%3Cpolygon points='10 50 10 80 40 50'/%3E%3Cpolygon points='110 60 110 50 120 50'/%3E%3Cpolygon points='100 60 100 80 120 60'/%3E%3Cpolygon points='110 0 110 20 130 0'/%3E%3Cpolygon points='120 30 120 20 130 20'/%3E%3Cpolygon points='130 10 130 0 140 0'/%3E%3Cpolygon points='130 30 130 20 140 20'/%3E%3Cpolygon points='120 40 120 30 130 30'/%3E%3Cpolygon points='130 50 130 40 140 40'/%3E%3Cpolygon points='120 50 120 70 140 50'/%3E%3Cpolygon points='110 70 110 80 130 80 140 70'/%3E%3Cpolygon points='140 10 140 0 150 0'/%3E%3Cpolygon points='140 20 140 10 150 10'/%3E%3Cpolygon points='140 40 140 30 150 30'/%3E%3Cpolygon points='140 50 140 40 150 40'/%3E%3Cpolygon points='140 70 140 60 150 60'/%3E%3Cpolygon points='150 20 150 40 160 30 160 20'/%3E%3Cpolygon points='150 60 150 50 160 50'/%3E%3Cpolygon points='140 70 140 80 150 80 160 70'/%3E%3C/g%3E%3C/svg%3E");
}

/*--------Prodotti/BrokerWholesale-----------*/
#BrokerWholesale {
    background-color: #1B1A1D;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='403' height='48.4' viewBox='0 0 1000 120'%3E%3Cg fill='none' stroke='%235AA8FF' stroke-width='9.2' stroke-opacity='0.07'%3E%3Cpath d='M-500 75c0 0 125-30 250-30S0 75 0 75s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 45c0 0 125-30 250-30S0 45 0 45s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 105c0 0 125-30 250-30S0 105 0 105s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 15c0 0 125-30 250-30S0 15 0 15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500-15c0 0 125-30 250-30S0-15 0-15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 135c0 0 125-30 250-30S0 135 0 135s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3C/g%3E%3C/svg%3E");
}

#BrokerRetail {
    /*    background-color: #1B1A1D;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%239F62FF' stroke-width='1' stroke-opacity='0.2'%3E%3Crect x='-40' y='40' width='75' height='75'/%3E%3Crect x='-35' y='45' width='65' height='65'/%3E%3Crect x='-30' y='50' width='55' height='55'/%3E%3Crect x='-25' y='55' width='45' height='45'/%3E%3Crect x='-20' y='60' width='35' height='35'/%3E%3Crect x='-15' y='65' width='25' height='25'/%3E%3Crect x='-10' y='70' width='15' height='15'/%3E%3Crect x='-5' y='75' width='5' height='5'/%3E%3Crect width='35' height='35'/%3E%3Crect x='5' y='5' width='25' height='25'/%3E%3Crect x='10' y='10' width='15' height='15'/%3E%3Crect x='15' y='15' width='5' height='5'/%3E%3Crect x='40' width='75' height='75'/%3E%3Crect x='45' y='5' width='65' height='65'/%3E%3Crect x='50' y='10' width='55' height='55'/%3E%3Crect x='55' y='15' width='45' height='45'/%3E%3Crect x='60' y='20' width='35' height='35'/%3E%3Crect x='65' y='25' width='25' height='25'/%3E%3Crect x='70' y='30' width='15' height='15'/%3E%3Crect x='75' y='35' width='5' height='5'/%3E%3Crect x='40' y='80' width='35' height='35'/%3E%3Crect x='45' y='85' width='25' height='25'/%3E%3Crect x='50' y='90' width='15' height='15'/%3E%3Crect x='55' y='95' width='5' height='5'/%3E%3Crect x='120' y='-40' width='75' height='75'/%3E%3Crect x='125' y='-35' width='65' height='65'/%3E%3Crect x='130' y='-30' width='55' height='55'/%3E%3Crect x='135' y='-25' width='45' height='45'/%3E%3Crect x='140' y='-20' width='35' height='35'/%3E%3Crect x='145' y='-15' width='25' height='25'/%3E%3Crect x='150' y='-10' width='15' height='15'/%3E%3Crect x='155' y='-5' width='5' height='5'/%3E%3Crect x='120' y='40' width='35' height='35'/%3E%3Crect x='125' y='45' width='25' height='25'/%3E%3Crect x='130' y='50' width='15' height='15'/%3E%3Crect x='135' y='55' width='5' height='5'/%3E%3Crect y='120' width='75' height='75'/%3E%3Crect x='5' y='125' width='65' height='65'/%3E%3Crect x='10' y='130' width='55' height='55'/%3E%3Crect x='15' y='135' width='45' height='45'/%3E%3Crect x='20' y='140' width='35' height='35'/%3E%3Crect x='25' y='145' width='25' height='25'/%3E%3Crect x='30' y='150' width='15' height='15'/%3E%3Crect x='35' y='155' width='5' height='5'/%3E%3Crect x='200' y='120' width='75' height='75'/%3E%3Crect x='40' y='200' width='75' height='75'/%3E%3Crect x='80' y='80' width='75' height='75'/%3E%3Crect x='85' y='85' width='65' height='65'/%3E%3Crect x='90' y='90' width='55' height='55'/%3E%3Crect x='95' y='95' width='45' height='45'/%3E%3Crect x='100' y='100' width='35' height='35'/%3E%3Crect x='105' y='105' width='25' height='25'/%3E%3Crect x='110' y='110' width='15' height='15'/%3E%3Crect x='115' y='115' width='5' height='5'/%3E%3Crect x='80' y='160' width='35' height='35'/%3E%3Crect x='85' y='165' width='25' height='25'/%3E%3Crect x='90' y='170' width='15' height='15'/%3E%3Crect x='95' y='175' width='5' height='5'/%3E%3Crect x='120' y='160' width='75' height='75'/%3E%3Crect x='125' y='165' width='65' height='65'/%3E%3Crect x='130' y='170' width='55' height='55'/%3E%3Crect x='135' y='175' width='45' height='45'/%3E%3Crect x='140' y='180' width='35' height='35'/%3E%3Crect x='145' y='185' width='25' height='25'/%3E%3Crect x='150' y='190' width='15' height='15'/%3E%3Crect x='155' y='195' width='5' height='5'/%3E%3Crect x='160' y='40' width='75' height='75'/%3E%3Crect x='165' y='45' width='65' height='65'/%3E%3Crect x='170' y='50' width='55' height='55'/%3E%3Crect x='175' y='55' width='45' height='45'/%3E%3Crect x='180' y='60' width='35' height='35'/%3E%3Crect x='185' y='65' width='25' height='25'/%3E%3Crect x='190' y='70' width='15' height='15'/%3E%3Crect x='195' y='75' width='5' height='5'/%3E%3Crect x='160' y='120' width='35' height='35'/%3E%3Crect x='165' y='125' width='25' height='25'/%3E%3Crect x='170' y='130' width='15' height='15'/%3E%3Crect x='175' y='135' width='5' height='5'/%3E%3Crect x='200' y='200' width='35' height='35'/%3E%3Crect x='200' width='35' height='35'/%3E%3Crect y='200' width='35' height='35'/%3E%3C/g%3E%3C/svg%3E");
*/
    background-color: #1B1A1D;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='403' height='48.4' viewBox='0 0 1000 120'%3E%3Cg fill='none' stroke='%239F62FF' stroke-width='9.2' stroke-opacity='0.07'%3E%3Cpath d='M-500 75c0 0 125-30 250-30S0 75 0 75s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 45c0 0 125-30 250-30S0 45 0 45s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 105c0 0 125-30 250-30S0 105 0 105s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 15c0 0 125-30 250-30S0 15 0 15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500-15c0 0 125-30 250-30S0-15 0-15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 135c0 0 125-30 250-30S0 135 0 135s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3C/g%3E%3C/svg%3E");
}

#CompagnieAss {
    background-color: #1B1A1D;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='403' height='48.4' viewBox='0 0 1000 120'%3E%3Cg fill='none' stroke='%2384F23B' stroke-width='9.2' stroke-opacity='0.07'%3E%3Cpath d='M-500 75c0 0 125-30 250-30S0 75 0 75s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 45c0 0 125-30 250-30S0 45 0 45s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 105c0 0 125-30 250-30S0 105 0 105s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 15c0 0 125-30 250-30S0 15 0 15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500-15c0 0 125-30 250-30S0-15 0-15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 135c0 0 125-30 250-30S0 135 0 135s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3C/g%3E%3C/svg%3E");
}