/* FAMILY FONTS */
@font-face {
font-family: "GothamBold";
src:    url('../fonts/Gotham-Bold.otf') }

@font-face {
    font-family: "GothamMedium";
    src:    url('../fonts/Gotham-Medium.otf') }

@font-face {
font-family: "GothamLight";
src:    url('../fonts/Gotham-Light.otf'); }
     
*, input:focus, textarea:focus, select:focus {
    outline: none;
    -moz-outline-style: none}

html, body{
    background-color: #fff;
    font-size: 18px !important;
    font-family: 'GothamMedium', 'Source Sans Pro', sans-serif !important}

a{
    font-family: 'GothamMedium'}
      
.pointer{
    cursor: pointer}

.flex{
    display: flex}

.block{
    display: block}

.absolute{
    position: absolute}

.relative{
    position: relative}

/* FONTS */
.f-f-bold{
    font-family: 'GothamBold'}

.f-f-medium{
    font-family: 'GothamMedium'}

.f-f-light{
    font-family: 'GothamLight'}

/* ALIGN */
.t-a-c{
    text-align: center}

.t-a-l{
    text-align: left}

.t-a-r{
    text-align: right}

/* MARGINS */
.m-t_25{
    margin-top: -25px}

.m-t_15{
    margin-top:-15px;
}

.m-0{
    margin: 0px}

.m-t-10{
    margin-top: 10px}

.m-r-10{
    margin-right: 10px}

.m-r-50{
    margin-right: 50px}

.m-t-15{
    margin-top: 15px}

.m-t-20{
    margin-top: 20px}

.m-r-20{
    margin-right: 20px}
    
.m-t-30{
    margin-top: 30px}

.m-t-50{
    margin-top: 50px}

.m-b-50{
    margin-bottom: 50px}

.m-t-70{
    margin-top: 70px}

.m-t-90{
    margin-top: 90px}

.m-t-100{
    margin-top: 100px}

.m-b-10{
    margin-bottom: 10px}

.m-b-20{
    margin-bottom: 20px}

.m-b-70{
        margin-bottom: 70px}

.m-b-100{
    margin-bottom: 100px}
    
.m-b-0{
    margin-bottom: 0px}

.m-l-r_15{
    margin-left: -15px;
    margin-right: -15px}

.m-t_90{
    margin-top: -110px}

.m-t_290{
    margin-top: -290px}

.m-t_190{
    margin-top: -190px}

.m-t_156{
    margin-top: -156px}

/* PADDINGS */
.p-r-10{
    padding-right: 15px}

.p-30{
    padding: 30px}

.p-20{
    padding: 20px}

.p-0{
    padding: 0px}

.p-t-0{
    padding-top: 0px}

.p-b-0{
    padding-bottom: 0px}

.p-r-0{
    padding-right: 0px}

.p-t-5{
    padding-top: 5px}

.p-t-10{
    padding-top: 10px}

.p-t-25{
    padding-top: 25px}

.p-t-30{
    padding-top: 30px}

.p-t-100{
    padding-top: 100px}

.p-b-100{
    padding-bottom: 100px}

.p-t-110{
    padding-top: 110px}

.p-t-150{
    padding-top: 150px}

.p-b-150{
    padding-bottom: 150px}

.p-l-150{
    padding-left: 150px}
    
.p-l-170{
    padding-left: 170px}

.p-t-20{
    padding-top: 20px}

.p-b-15{
    padding-bottom: 15px}

.p-b-18{
    padding-bottom: 18px}

.p-b-20{
    padding-bottom: 20px}

.p-r-20{
    padding-right: 20px}

.p-l-20{
    padding-left: 20px}

.p-r-40{
    padding-right: 40px}

.p-t-50{
    padding-top: 50px}

.p-t-80{
    padding-top: 80px}

.p-b-80{
    padding-bottom: 80px}

.p-l-35{
    padding-left:35px;
}

.p-l-50{
    padding-left: 50px}

.p-b-50{
    padding-bottom: 50px}

.p-b-60{
        padding-bottom: 60px}

.p-b-35{
    padding-bottom: 35px}

.p-50{
    padding: 50px}

/* COLORS */
.c-12164D{
    color: #12164D}

.bg-12164D{
    background-color: #12164D}

.c-E6E6E6{
    color: #E6E6E6}

.bg-E6E6E6{
    background-color: #E6E6E6}

.c-8B8B9C{
    color: #8B8B9C}

.bg-8B8B9C{
    background-color: #8B8B9C}

.c-1A906C{
    color: #1A906C}

.bg-1A906C{
    background-color: #1A906C}

.c-BCE0FD{
    color: #BCE0FD}

.bg-BCE0FD{
    background-color: #BCE0FD}

.c-01166C{
    color: #01166C}

.bg-01166C{
    background-color: #01166C}

.c-1981C0{
    color: #1981C0}

.bg-1981C0{
    background-color: #1981C0}

.c-35AE5A{
    color: #35AE5A}

.bg-35AE5A{
    background-color: #35AE5A}

.c-FFFFFF{
    color: #FFFFFF}

.bg-FFFFFF{
    background-color: #FFFFFF}

.c-F2F2F2{
    color: #F2F2F2}

.bg-F2F2F2{
    background-color: #F2F2F2}

.c-1158A3{
    color: #1158A3}

.bg-1158A3{
    background-color: #1158A3}

.c-0F7E8B{
    color: #0F7E8B}

.bg-0F7E8B{
    background-color: #0F7E8B}

.c-8EC650{
    color: #8EC650}

.bg-8EC650{
    background-color: #8EC650}

.c-F6F6F6{
    color: #F6F6F6}

.bg-F6F6F6{
    background-color: #F6F6F6}

.c-88C550{
    color: #88C550}

.bg-88C550{
    background-color: #88C550}

.c-1158a3{
    color: #1158a3}

.bg-1158a3{
    background-color: #1158a3}
    
.bg-circle-1981C0{
    background-image: url('../images/circle-1981C0.svg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain}

img.bg-circle{
    width: 100%;
    height: auto}

/* BORDERS */
.b-r-30{
    border-radius: 30px}

.b-r-70{
    border-radius: 70px}

.b-r-t-70{
    border-top-left-radius: 70px;
    border-top-right-radius: 70px}

.b-r-b-40{
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
}

.b-r-b-70{
    border-bottom-left-radius: 70px;
    border-bottom-right-radius: 70px}

/* SHADOW */
.shadow{
    -moz-box-shadow:    0px 0px 6px 2px rgba(0,0,0,.10)!important;
    -webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,.10)!important;
    box-shadow:         0px 0px 6px 2px rgba(0,0,0,.10)!important}

/* FONTS */

.f-s-100{
    font-size: 100px}

.f-s-40{
    font-size: 40px}

.f-s-20{
    font-size: 20px}
    
.f-s-60{
    line-height: 45px;
    font-size: 60px}

.f-s-12{
    font-size: 12px}

.f-s-14{
    font-size: 14px}

.f-s-18{
    font-size:18px;
}

.f-s-16{
    font-size: 16px}

.f-s-24{
    font-size: 24px}

.f-w-300{
    font-weight: 300}

.f-w-400{
    font-weight: 400}

.f-w-600{
    font-weight: 600}

.f-w-700{
    font-weight: 700}

.f-s-30{
    font-size: 30px}

.f-s-36{
    font-size: 36px}

.f-s-48{
    font-size: 48px}

.l-h-85{
    line-height: 90px}

/* POSITION */
.f-right{
    float: right}

.f-left{
    float: left}

/* CURSOR */
.pointer{
    cursor: pointer}

/* DISPLAY */
.show{
    display: block}

.hide{
    display: none}

/* MAIL */
a.mail{
    text-decoration: none;
    border: 2px solid transparent;
    color: #FFFFFF}

a.mail:hover{
    border-bottom: 2px solid #FFFFFF;
    color: #FFFFFF}

/* SOCIAL */
button.icon-social{
    background-color: transparent;
    background-repeat: no-repeat;
    cursor: pointer;
    border: transparent;
    width: 50px;
    height: 50px;
    background-position: center center}

button.icon-social.icon-twitter-white{
    background-image: url('../images/Icon-twitter-white.svg');
    background-size: 20px auto}

button.icon-social.icon-facebook-white{
    background-image: url('../images/Icon-facebook-white.svg');
    background-size: 10px auto}

button.icon-social.icon-linkedin-white{
    background-image: url('../images/Icon-linkedin-white.svg');
    background-size: 20px auto}

button.icon-social.icon-twitter-grey{
    background-image: url('../images/Icon-twitter-grey.svg');
    background-size: 20px auto}

button.icon-social.icon-facebook-grey{
    background-image: url('../images/Icon-facebook-grey.svg');
    background-size: 10px auto}

button.icon-social.icon-linkedin-grey{
    background-image: url('../images/Icon-linkedin-grey.svg');
    background-size: 20px auto}

/* HEADER */
header{
    position: fixed;
    z-index: 99;
    height: 84px}

header .container{
    position: relative}

header #menuHeaderMobile{
    position: absolute;
    right: 10px;
    top: 15px;
    width: 50px;
    height: 50px;
    display: none}

header #menuHeaderMobile:before{
    color: #fff;
    font-size: 40px}

header .logoC-Voucher{
    margin-top: 28px;
    width: 137px;
    height: 25px;
    background-image: url('../images/logo-header.svg');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain}

header #menuHeader{
    margin-top: 32px}

header ul.menu{
    z-index: 99}

header ul.menu li{
    margin-right: 20px;
    display: inline;
    list-style: none}

header ul.menu li:last-child{
    margin-right: 0px}

header ul.menu li a{
    text-decoration: none;
    color: #fff;
    border-bottom: 2px solid transparent}

header ul.menu li a:hover, header ul.menu li a.hover{
    border-bottom: 2px solid #fff}

header ul.menu li:last-child a{
    -webkit-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:         all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    padding-top: 10px;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
    border: solid 2px #fff;
    border-radius: 30px}

header ul.menu li:last-child a:hover{
    color: #01166C;
    background-color: #fff;
    border-bottom: 2px solid #fff}

/* header submenu */

header li.submenu-circularity-marketplace{
    position: relative}

header li.submenu-circularity-marketplace ul.sub-menu{
    -webkit-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:         all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    position: absolute;
    height: 0px;
    overflow: hidden;
    z-index: -1;
    opacity: 0;
    background-color: #01166C;
    padding-top: 15px;
    top: 15px;
    left: 0px;
    width: 350px;
    padding-bottom: 10px;
    padding-left: 0px}

header li.submenu-circularity-marketplace ul.sub-menu.show{
    top: 15px;
    height: auto;
    z-index: 9;
    opacity: 1}
    
header li.submenu-circularity-marketplace ul.sub-menu li{
    width: 100%;
    display: block;
    padding-top: 0px;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    border: none;
    margin-right: 0px !important}

header li.submenu-circularity-marketplace ul.sub-menu li a{
    line-height: 25px;
    -webkit-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:         all 500ms cubic-bezier(0.215, 0.61, 0.355, 1)}

header li.submenu-circularity-marketplace ul.sub-menu li:last-child a{
    padding: 0px !important;
    text-align: left;
    border-radius: 0px;
    border: none !important;
    border-bottom: solid 2px #01166C !important}

header li.submenu-circularity-marketplace ul.sub-menu li:last-child a:hover{
    background-color: #01166C;
    color: #FFFFFF;
    border-bottom: solid 2px #fff !important}

/* FOOTER */
footer .logo-c-voucher-footer{
    width: 150px;
    height: auto}

footer .logo-euro{
    width: 100px;
    height: auto}

footer a.privacy-policy{
    text-decoration: none;
    border-bottom: transparent}
    
footer a.privacy-policy:hover{
    color: #8B8B9C;
    border-bottom: 2px solid #8B8B9C}

/* MODAL MENU */
#modalMenu{
    position: fixed;
    background-color: #01166C;
    opacity: 0;
    top: 0px;
    width: 100%;
    height: 100vh;
    z-index: -1}

#modalMenu.show{
    z-index: 999;
    top: 0px;
    opacity: 1}

#modalMenu .container{
    position: relative}

#modalMenu .icon-close-modal:before{
    position: absolute;
    z-index: 9999;
    color: #fff;
    cursor: pointer;
    right: 25px;
    top: 0px;
    font-size: 50px}

#modalMenu #contentMenu{
    width: 350px;
    margin-top: 15px}

#modalMenu .logo-footer{
    margin-bottom: 20px;
    width: 137px;
    height: 50px;
    background-image: url('../images/logo-header.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain}

#modalMenu #contentMenu ul{
    padding: 0px !important}

#modalMenu #contentMenu ul li{
    padding-bottom: 10px;
    list-style-type: none;
    text-align: left}

#modalMenu #contentMenu ul li a{
    border-radius: 0px;
    border-bottom: solid 2px #01166C !important;
    text-align: left;
    cursor: pointer;
    text-decoration: none !important;
    color: #fff !important;
    font-size: 14px !important}

#modalMenu #contentMenu ul li a:hover{
    border-bottom: solid 2px #fff !important;
    color: #FFFFFF !important}

#modalMenu #contentMenu ul.sub-menu{
    margin-top: 20px}

#modalMenu #contentMenu ul.sub-menu li a{
    margin-left: 20px}

.capitalize{
    text-transform: capitalize;
}

.uppercase{
    text-transform: uppercase;
}

.nowrap{
    white-space: nowrap;
}

li.cat-item a{
    font-family: 'GothamLight';
    font-size: 16px;
    -webkit-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:         all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    color: #1158A3;
}

/* LINES */
img.line-white, img.line-green{
    vertical-align: top;
    width: 200px;
    height: 1px}

div.line-white{
    height: 1px}

/* HEIGHT */
.m_h-100{
    min-height: 100px}
.m_h-400{
    min-height:400px;
}

/* ARROW */
div.down-arrow{
    text-align: center;
    width: 100%}

div.down-arrow img{
    width: 30px;
    height: auto}

/* IMG */
img {
    vertical-align: bottom;
    border-style: none}

/* BORDER */
.b-b-C9C9C9{
    border-bottom: solid 2px #C9C9C9}

/* POPUP MODAL IMG SIZE*/
#fullscreenimg .modal-body img{
    width: 100%;
    height: auto}

.modal-dialog{
    max-width: 1000px !important;
}

.modal-header{
    padding: 8px !important;
    border-bottom: none !important;
}

/* ANIMATION */
.easeOutCubic{
    -webkit-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:         all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);}

/*BREADCRUMBS*/

.breadcrumbs a{

    color:white;

}