/**
    Themes:
    Body Text Color: #434343
    Announcement Bar Dark Blue: #518CBB
    Nav Bar Blue Bg/Highlight Text color/Price Color: #76A7EF
    Navbar Text Color: #fff;
    Highlight Section Gray: #F8F8F8
    Pink Text/Highlight color: #EC7F86
    Footer Background: #2E33CF
    Footer Text Color: #B2B2B2
    **/
    /** Overwrite core bootstrap files**/
input::-webkit-input-placeholder {
    color: #d6d9dd !important;
    padding-left: 20px;
}

input:-moz-placeholder { /* Firefox 18- */
    color: #d6d9dd !important;
    padding-left: 20px;
}

input::-moz-placeholder {  /* Firefox 19+ */
    color: #d6d9dd !important;
    padding-left: 20px;
}

input:-ms-input-placeholder {
    color: #d6d9dd !important;
    padding-left: 20px;
}

body{
    font-family: pt-sans;
    font-size: .8rem;
    background: #fff;
}

/** Header Styles **/
div.upper-header{
    /*border-bottom: solid 1px #21b1e5;*/
    border-bottom: solid 1px #ffffff;
    /*background: #518CBB;*/
    background: #fff;
    height: 40px;
}
div.upper-header ul.navbar-nav li{
    display: inline;
    width: auto;
}

div.upper-header ul.navbar-nav li a.nav-link{
    display: inline;
    color: #5a72f4;
    font-size: .9rem;
}
a.nav-link img.flag{
    width: 30px;
}

#navbarNav{
    margin-left: 100px;
}

/**Search bar */
.search-group{
    margin-top: 2rem;
}
.search-group button, #search_desktop{
    height: 3.2rem;
    border: solid 1px #ddd;
    border-radius: 0;
    color: #707070;
    font-size: .8rem;
}

#search-button{
    width: 125px;
}
#search-department-button{
    width: 180px;
}

/** The main nav bar */

div.nav-container{
    background-color:#76A7EF;
    margin-top: 1.5rem;
}

/* The navigation menu */
.custom-navbar {
    overflow: hidden;
}

/* Navigation links */
.custom-navbar a {
    float: left;
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* The subnavigation menu */
.subnav {
    float: left;
    overflow: hidden;
}

    /* Subnav button */
.subnav .subnavbtn {
    font-size: 16px;
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}


/* Add a red background color to navigation links on hover */
.custom-navbar a:hover, .subnav:hover .subnavbtn {
    background-color: #518CBB;
}

/* Style the subnav content - positioned absolute */
.subnav-content {
    display: none;
    position: absolute;
    /*left: 0;
    background-color: red;
    width: 100%;*/
    z-index: 1;
    background-color: #518CBB;
    min-width: 220px;
    width: 100%;
    left: 0;
}

/* Style the subnav links */
.subnav-content a {
    float: left;
    color: white;
    text-decoration: none;
    float: none;
    padding: 12px 16px;
    text-decoration: none;
    display: inline-block;
    text-align: left;
    font-size: .9rem;
}

/* Add a grey background color on hover */
.subnav-content a:hover {
    background-color: #eee;
    color: black;
}

/* When you move the mouse over the subnav container, open the subnav content */
.subnav:hover .subnav-content {
    display: block;
}

/** Main page styles **/
#main-page-content .page{
    margin-top: 3rem;
    margin-bottom: 3rem;
}
#message{
    display: none;
    position: fixed;
    width: auto;
    background: #fff;
    left: 50%;
    top: 40%;
    transform: translate(-50%, 0);
    padding: 1rem 3rem;
    z-index:99;
    font-size: 1.4rem;
    background: rgb( 234, 234, 234 );
    border-radius: 4px;
    box-shadow: 0 1px 7px rgba(80,80,80,.7);
}

/** All footer styles */
.site-footer{
    background-color: #2E33CF;
    color: #B2B2B2;
    font-size: .8rem;
}

.site-footer .nav .nav-item a{
    color: #B2B2B2;
}

.site-footer .nav-link:first-child{
    padding-left: 0;
}
.copywrite-container{
    border-top: solid 1px #b2b2b2;
    padding-top: .5rem;
}

address.footer-address{
    margin-top: 2rem;
}

/** Sub Page Common Styles **/
.meta-bar{
    font-size: .8rem;
    border-bottom: solid 1px #dfdfdf;
    padding: .4rem;
    box-shadow: 0 3px  7px 1px rgba(240,240,240,.8);
}

/* Home Page Styles**/
.italy-image{
    overflow: hidden;
    padding: 0;
}


@media (max-width: 992px){
    /**Small screens use full page width*/
    .container{
        width: 100%;
        max-width: 100%;
    }
    .searchbox-container{
        min-width: 100%;
        width: 100%;
    }
    .nav-container{
        padding: 0;
    }
    .main-nav{
        background: #fff;
    }
    .custom-toggler{
        border: none;
        background: transparent;
        padding: .5rem;
        cursor: pointer;
    }
    .custom-toggler span {
        /*border-color: #702742;*/
        border: none;
        display: inline-block;
        width: 2em;
        height: 2em;
        vertical-align: middle;
        content: "";
        background: none no-repeat center center;
        background-size: auto;
        background-size: 100% 100%;
    }

    .custom-toggler .navbar-toggler-icon {
        background-image:url("images/menu-32.png");
    }

    .custom-toggler .search-icon{
        background-image:url("images/search-32.png");
    }

    .custom-toggler .my-cart-icon{
        background-image:url("images/cart-32.png");
    }

    .custom-toggler .my-account-icon{
        background-image:url("images/user-32.png");
    }

    .mobile-menu-container{
        margin-top: 1rem;
        padding-bottom: 1rem;
    }

    .mobile-menu{
        margin-top: 1.2rem;
    }
    .main-nav .navbar-nav .nav-item {
        padding: 0rem .4rem;
    }

    #navbarNav{
        position: absolute;
        background: #fff;
        left: -20px;
        top: 0;
        width: 40vw;
        height: 100vh;
        padding: 5px 10px;
        border-right: solid 1px #ddd;
        border-bottom: solid 1px #ccc;
        z-index: 1000 !important;
    }

    #message{
        text-align: center;
        padding: 1rem;
        font-size: 1rem;
        background: rgb( 234, 234, 234 );
        border-radius: 4px;
        box-shadow: 0 1px 7px rgba(80,80,80,.7);
    }

}

@media (max-width: 992px){

    .searchbox-container{
        min-width: 175px;
    }

    .main-nav .navbar-nav .nav-link {
        font-size: .9rem;
    }

    .navbar-light .navbar-nav .nav-item {
        padding: 0rem ;
    }

    .social-bar-top img{
        width: 25px;
        margin-left: 10px;
    }

    div.upper-header{
        display: none;
    }

}



.theme-bg{
    background: #fff;
}

.content-container{
    padding: 1rem;
}





.main-content{
    background: #fff;
    padding: 2rem;
}



.main-content .row div{
    padding-left: 0;
}

.main-content .row .col-content{
    border: none;
    padding: 3rem .2rem;
    margin-bottom: 1rem;
}

/*** Animated popups and menu slider***/

 .blocker{
     width: 100%;
     height: 100%;
     position: fixed;
     z-index: 1;
     display: none;
     background: rgba(0,0,0,0.4);
     transition: 0.5s;
 }

/* Fixed sidenav, full height */

.sidenav {
    height: 100%;
    width: 0px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow: hidden;
    padding-top: 0px;
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

.slide-left {
    -webkit-animation: slide-left 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-left 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.slide-right {
    -webkit-animation: slide-right 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-right 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ----------------------------------------------
* Generated by Animista on 2019-6-24 11:4:23
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-right
 * ----------------------------------------
 */

@-webkit-keyframes slide-right {
    0% {
        -webkit-transform: translateX(-365px);
        transform: translateX(-365px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

}

@keyframes slide-right {
    0% {
        -webkit-transform: translateX(-365px);
        transform: translateX(-365px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

}

@-webkit-keyframes slide-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(-365px);
        transform: translateX(-365px);
    }
}

@keyframes slide-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(-365px);
        transform: translateX(-365px);
    }

}

/* Style the sidenav links and the dropdown button */
.sidenav-content a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 12pt;
    color: #313131;
    display: block;
    border: none;
    background: none;
    width:100%;
    text-align: left;
    cursor: pointer;
    outline: none;
}

/* On mouse-over */
.sidenav-content a:hover, .dropdown-btn:hover {
    color: #000;
}

/* Main content */
.main {
    margin-left: 365px; /* Same as the width of the sidenav */
    font-size: 20px; /* Increased text to enable scrolling */
    padding: 0px 10px;
}

/* Add an active class to the active dropdown button */
.menu{
    width: 365px;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.sub-menu {
    position: absolute;
    display: block;
    background-color: #ffffff;
    left: 365px;
    padding-left: 8px;
    z-index: 10;
    top: 0px;
    width: 100%;
}

.sidenav-content{
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    height: 85%;
}

.sidenav-header{
    width: 365px;
    padding: 10px 15px;
    border-bottom: solid 1px #2c9dc62b;
    font-size: 1.2rem;
}

a.nav-separator{
    background:#76A7EF;
    padding: .7rem auto .7rem auto;
    color:#fff !important;
    margin-bottom: 1rem;
    font-weight: bold;
}

.close-btn{
    position: absolute;
    top: -15px;
    right: -25px;
    font-size: 32px;
    color: #000;
}

.sidenav-header a{
    display: block;
    margin-top: .2rem;
}

span.account-icon{
    background: url("css/images/user-32.png") no-repeat center center;
    width: 1.8em;
    height: 1.8em;
    display: block;
}

.sub-page{
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.site-header{
    padding-left: 0;
    padding-right: 0;
}



     div.top-contact-bar{

         padding: 1rem .5rem;

         color: #004b9b;

         background: #a9cbff;

         font-size: 1rem;

         border-bottom: solid 1px #fff;

         border-top: solid 1px #fff;

     }

    div.top-contact-bar h6{

        text-align: center;

        font-size: 36px;

        margin-bottom: 2rem;

    }



    .contact-list{

        margin: 0;

        padding: 0;

    }

    .contact-list li{

        list-style: none;

        margin-bottom: .8rem;

    }

    @media screen and (max-width: 992px){

        .contact-list li{

            display: block;

        }

    }