/*
  Designed by Sérgio Gaspar
  Developed by Carlos Santos
  Website: http://www.incogaf.com
*/

* {
    margin: 0;
    padding: 0;
}



a {

    color: rgb(153,154,156);

    text-decoration: none;

}



hr {

    border: 0;

    background-color: rgb(153,154,156);

    height: 1px;

    opacity: 0.4;

    filter:alpha(opacity=40);

}



table {

    border-spacing: 0;

    padding: 0;

}



body {

    /* background: #FFFFFF url('images/bg1.gif') repeat-x left top; */

    font-size: 10pt;

    font-family: Oswald;

    font-weight: 300;

    color: rgb(153,154,156);

    overflow-y: scroll;

}



br.clear-all {

    clear: both;

}



h1,h2,h3,h4 {

    text-transform: uppercase;

}



#slideshow {

    margin-top: 0px !important;

}



#website {

    width: 900px;

    margin: auto;

    padding: 25px 0 5px 0;

}



#website #header {

    background: url('./images/header-bg.png') no-repeat;

    width: 900px;

    height: 140px;

}



#website #header #top {

    display: inline-block;

    width: 100%;

    height: 71px;

}



#website #header #top #left {

    float: left;

    width: 134px;

    height: 23px;

    background-image: url('./images/logo.png');

    background-repeat: no-repeat;

    background-position: center;

    cursor: pointer;

}



#website #header #top #right {

    float: right;

    width: 57px;

    height: 57px;

    background-image: url('./images/logo-2.png');

    background-repeat: no-repeat;

    background-position: center;

}




#website #header #bottom {

    display: inline-block;

    width: 100%;

    height: 71px;

    font-size: 11px;

}



#website #header #bottom #left {
    float: left;
    width: 179px;
    height: 45px;
}



#website #header #bottom #left ul {

    list-style-type: none;

}



#website #header #bottom #left ul li {

    display: inline-block;

    width: 50px;

    height: 30px;

    line-height: 30px;

    background: url('./images/menu-unselect.png') no-repeat;

    background-position: left bottom;

    margin-right: 3px;

    cursor: pointer;

    letter-spacing: 2px;

}



#website #header #bottom #left ul li:hover {

    color: #000;

    background: url('./images/menu-unselect-hover.png') no-repeat;

    background-position: left bottom;

}



#website #header #bottom #right {

    float: right;

    width: 77px;

    height: 30px;

    line-height: 30px;

    background: url('./images/menu-unselect.png') no-repeat;

    background-position: left bottom;

    letter-spacing: 1px;



}



#website #menu {

    width: 900px;

    height: 50px;

    margin-bottom: 20px;

}



#website #menu ul {

    list-style-type: none;

}



#website #menu ul li {

    font-family: "PT Sans Narrow";

    font-size: 11pt;

    margin-right: 7px;

    display: inline-block;

    width: 215px;

    height: 48px;

    line-height: 60px;

    vertical-align: bottom;

    background: url('./images/menu-unselect.png') no-repeat;

    background-position: left bottom;

    color: rgb(153,154,156);

    cursor: pointer;

    letter-spacing: 1px;

    text-transform: uppercase;

}



#website #menu ul li:hover {

    color: #000;

    vertical-align: bottom;

    background: url('./images/menu-unselect-hover.png') no-repeat;

    background-position: left bottom;

}



#website #menu ul li#select {

    color: rgb(194,0,27);

    background: url('./images/menu-select.png') no-repeat;

    background-position: left bottom;

}



#website #menu ul li#select{

    color: rgb(201,2,40);

}	





#website #content {

    padding-top: 20px;

    padding-bottom: 20px;

}


#website #footer {
    display: inline-block;
    background: url('./images/footer-line.png') repeat-x 0 20px;
    width: 900px;
    height: 75px;
    letter-spacing: 1px;

    position: relative;
}
#website #footer #left {
    float: left;
    margin-top: 30px;
    font-size: 10pt;
}
#website #footer #right {
    float: right;
    background: url('./images/facebook.png') no-repeat;
    width: 48px;
    height: 48px;
    margin-top: 2px;
    margin-right: 10px;
    cursor: pointer;
}
#website #footer #right:hover {
    background: url('./images/facebook-hover.png') no-repeat;
}
#website #footer #quality {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 30px;
}
#website #footer #quality:hover {
    color: #000;
}

#footer #left {
    width: 840px;
}
#footer #left > div {
    float: left;
    cursor: pointer;
    margin-right: 15px;
}
/*#footer #left > div.complaint-book,*/
#footer #left > div.data-policy {
    margin: 0 15px;
}
#footer #left > div.complaint-book {
    margin: 0;
    margin-left: 15px;
}
#footer #left > div.quality-policy {
    margin-left: 15px;
}

.menu-item  img{

    opacity: 0;

    filter:alpha(opacity=0);

}



.menu-item:hover  img {

    opacity: 1;

    filter:alpha(opacity=100);

}

.sgs-icone {
    /*cursor: pointer;*/
    float: right;    
}


/* SLIDESHOW */

.hidden {
    display: none;
}



#prevNext {

    width: 920px;

    height: 77px;

    top: 115px;

    margin-bottom: -100px;

    position: relative;

}



#prevNext #right {

    float: right;

    width: 135px;

    height: 77px;

    text-align: right;

    background: url('./images/next-pixel.png');

    position: relative;

    z-index: 2;

}



#prevNext #right #counter {

    text-align: center;

    font-size: 10pt;

    color: #FFF;

    float: left;

    line-height: 76px;

    height: 77px;

    width: 70px;

}



#prevNext #left{

    float: left;

    position: relative;

    height: 77px;

    z-index: 2;

}



#prevNext img {

    opacity: 0;

    filter:alpha(opacity=0);

    cursor: pointer;

}



#prevNext:hover img {

    opacity: 1;

    filter:alpha(opacity=100);

    cursor: pointer;

}



p.subtitle {

    margin: 0;

    padding: 0 1em;

    font-size: 1.5em;

    position: relative;

    top: -50px;

    line-height: 50px;

    height: 50px;

    background: black;

    opacity: .7;

    filter:alpha(opacity=70);

}



/* BUTTONS */

button#plus {

    border: none;

    width: 17px;

    height: 17px;

    background: url('./images/plus-button.png') no-repeat center center;

    cursor: pointer;

}



/* HOME */

#home {

    display: inline-block;

    width: 900px;

}



#home #right {

    float: right;

    padding-left: 7px;

    width: 200px;

    letter-spacing: 1px;

}



#home #right #top {

    margin-top: 50px;

    padding-top: 15px;

    border-top: 1px dotted rgb(195,196,198);

}



#home #right #bottom {

    margin-top: 15px;

    margin-bottom: 15px;

    padding-top: 15px;

    border-top: 1px dotted rgb(195,196,198);

    color: rgb(31,30,29);

}



#home #right #bottom a {

    color: rgb(31,30,29);

    text-decoration: none;

}



#home #left {

    float: left;

    width: 685px;

    height: 300px;

    cursor: default;

}



#home #left #item {

    float: left;

    width: 227px;

    height: 300px;

    cursor: pointer;

}



/*#home #left #item:hover {

        background: url('./images/item-hover.jpg') no-repeat center bottom;

        background-size: 217px 35px;

}*/



#home #left #item #container {

    border-right: 1px solid rgb(195,196,198);

}



#home #left #item #container #img {

    padding-top: 50px;

    height: 60px;

    text-align: right;

    background-position: right bottom;

    background-repeat: no-repeat;

}



#home #left #item #container #img img {

    opacity: 0;

    filter:alpha(opacity=0);

}



#home #left #item:hover #container #img img {

    opacity: 1;

    filter:alpha(opacity=100);

}



#home #left #item #container #title {

    margin-top: 10px;

    margin-left: 10px;

    color: rgb(31,30,29);

    font-size: 11pt;

    border-bottom: 1px solid rgb(195,196,198);

    letter-spacing: 1px;

}



#home #left #item #container #sample {

    margin-top: 10px;

    margin-left: 10px;

    letter-spacing: 1px;

}



#home #left #item #container #button {

    margin-top: 10px;

    margin-left: 10px;

}



/* WORK */

#work {

    display: inline-block;

    width: 900px;

}

#work #work-menu {

    width: 215px;

    height: 139px;

    margin-right: 9px;

    margin-bottom: 9px;

    padding-top: 10px;

    border-top: 1px solid rgb(195,196,198);

    float: left;

}



#work #work-menu ul {

    list-style-type: none;

    width: 107px;

}



#work #work-menu ul li {

    color: #FFF;

    background-color: rgb(196,197,199);

    display: inline;

    line-height: 19px;

    padding-left: 5px;

    padding-right: 5px;

    cursor: pointer;

    letter-spacing: 2px;

    text-transform: uppercase;

}



#work #work-menu ul li:hover {

    color: #FFF;

    background-color: rgb(0,0,0);

    display: inline;

    line-height: 19px;

    padding-left: 5px;

    padding-right: 5px;

}



/* #work #work-menu ul li {

        color: #FFF;

        font-size: 10pt;

        height: 25px;

        line-height: 20px;

        padding-left: 6px;

        margin-bottom: 3px;

        background-image: url(./images/button-bg.png),url(./images/button-right-bottom.png), url(./images/button-right-top.png), url(./images/button-left-bottom.png), url(./images/button-bottom.png), url(./images/button-right.png);

        background-position: left top,bottom right, top right, left bottom, bottom, right;

        background-repeat: no-repeat,no-repeat, no-repeat, no-repeat,repeat-x, repeat-y;

        background-size: 101px 20px, 6px 6px, 6px 6px, 6px 6px, 1px 6px, 6px 1px;

        cursor: pointer;

} 



#work #work-menu ul li:hover {

        color: #FFF;

        font-size: 10pt;

        height: 25px;

        line-height: 20px;

        padding-left: 6px;

        margin-bottom: 3px;

        background-image: url(./images/hover-button-bg.png),url(./images/hover-button-right-bottom.png), url(./images/hover-button-right-top.png), url(./images/hover-button-left-bottom.png), url(./images/hover-button-bottom.png), url(./images/hover-button-right.png);

        background-position: left top,bottom right, top right, left bottom, bottom, right;

        background-repeat: no-repeat,no-repeat, no-repeat, no-repeat,repeat-x, repeat-y;

        background-size: 101px 20px, 6px 6px, 6px 6px, 6px 6px, 1px 6px, 6px 1px;

}*/



#work #item {

    width: 215px;

    height: 150px;

    margin-right: 9px;

    margin-bottom: 9px;

    float: left;

    cursor: pointer;

}



#work #item img {

    width: 215px;

    height: 150px;

    opacity: 0;

    filter:alpha(opacity=0);

}



#work #item:hover img {

    opacity: 1;

    filter:alpha(opacity=100);

}



/* WORK-SHOW */

#work-show {

    padding-left: 25px;

    padding-right: 25px;

}



#work-show #title {

    width: 215px;

}



#work-show #title ul li {

    color: #FFF;

    font-size: 10pt;

    height: 25px;

    letter-spacing: 1px;

    line-height: 20px;

    padding-left: 6px;

    margin-bottom: 3px;

    background-image: url('./images/hover-button-bg.png'),url('./images/hover-button-right-bottom.png'), url('./images/hover-button-right-top.png'), url('./images/hover-button-left-bottom.png'), url('./images/hover-button-bottom.png'), url('./images/hover-button-right.png');

    background-position: left top,bottom right, top right, left bottom, bottom, right;

    background-repeat: no-repeat,no-repeat, no-repeat, no-repeat,repeat-x, repeat-y;

    background-size: 209px 20px, 6px 6px, 6px 6px, 6px 6px, 1px 6px, 6px 1px;

}



#work-show #text {

    margin-top: 20px;

    margin-bottom: 20px;

    letter-spacing: 1px;

}



#work-show #text hr {

    margin-top: 35px;

    border-bottom: 1px dashed rgb(153, 154, 156);

    background: none;

}
#work-show #text ul {
    padding-left: 20px;
}
#work-show #text ul li{
    padding-bottom: 10px;
}



#work-show #images {

    text-align: center;

    margin-top: 40px;

    margin-bottom: 30px;

}



#work-show #images img {

    /*margin: 10px;*/

    margin-top: 10px;

    margin-bottom: 10px;

    width: 850px;

}



#work-show #images .work-desc-area {

}



#work-show-footer {

    margin-top: 20px;

    display: inline-block;

    width: 900px;

}



#work-show-footer #work-show-menu {

}

#work-show-footer #work-show-menu ul {

    display: block;

}



#work-show-footer #work-show-menu ul li {

    color: #FFF;

    font-size: 10pt;

    height: 25px;

    line-height: 20px;

    padding-left: 6px;

    margin-bottom: 3px;

    background-image: url('./images/hover-button-bg.png'),url('./images/hover-button-right-bottom.png'), url('/images/hover-button-right-top.png'), url('./images/hover-button-left-bottom.png'), url('./images/hover-button-bottom.png'), url('./images/hover-button-right.png');

    background-position: left top,bottom right, top right, left bottom, bottom, right;

    background-repeat: no-repeat,no-repeat, no-repeat, no-repeat,repeat-x, repeat-y;

    background-size: 130px 20px, 6px 6px, 6px 6px, 6px 6px, 1px 6px, 6px 1px;

    width: 130px;

    margin-left: auto;

    margin-right: auto;

    cursor: pointer;

    letter-spacing: 1px;

    text-transform: uppercase;

}



#work-show-footer #works {

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 20px;

}



#work-show-footer #works img {

    margin: 2px;

    width: 173px;

    height: 95px;

    cursor: pointer;

}



/* CONTACTS */

#contacts {

    width: 200px;

    letter-spacing: 1px;

}



#contacts a {

    color: #000;

}



#contacts a.black-box {

    display: inline;

    background-color: #000;

    color: #FFF !important;

}



/* NEWS */

#news #top {

    float: left;

    width: 100%;

    height: 275px;

    cursor: default;

    background-image: url('./images/news-img-01.png');

    background-repeat: repeat-x;

    background-position: center bottom;

}



#news #top #item {

    float: left;

    width: 224px;

    height: 250px;

    cursor: default;

    cursor: pointer;

    letter-spacing: 1px;

}



#news #top .selected, #news #top #item:hover {

    background-image: url('./images/news-img-02.png');

    background-repeat: no-repeat;

    background-position: center bottom;

    background-size: 224px 20px;

    color: rgb(201,2,40);

    letter-spacing: 1px;

}



#news #top .selected #container #img img {

    opacity: 1 !important;

    filter:alpha(opacity=100) !important;

}



#news #top .selected #container #sample {

}



#news #top #item #container {

    border-right: 1px solid rgb(195,196,198);

    min-height: 231px;

}



/*#news #top #item:hover #container {

        border: none;

}*/



#news #top  #item:hover button {

    background: url('./images/plus-button-hover.png') no-repeat center center;

}



#news #top  .selected button {

    display: none;

}



#news #top #item #container #img {

    height: 60px;

    text-align: right;

    background-position: right bottom;

    background-repeat: no-repeat;

}



#news #top #item #container #img img {

    opacity: 0;

    filter:alpha(opacity=0);

}



#news #top #item:hover #container #img img {

    opacity: 1;

    filter:alpha(opacity=100);

}



#news #top #item #container #title {

    margin-top: 20px;

    margin-left: 10px;

    font-size: 11pt;

    border-bottom: 1px solid rgb(195,196,198);

}



#news #top .selected #container #title {

    border: none !important;

}



#news #top #item #container #sample {

    margin-top: 10px;

    margin-left: 10px;

}



#news #top #item:hover #container #sample {

}



#news #top #item #container #button {

    margin-top: 10px;

    margin-left: 10px;

}



#news #bottom {

    display: inline-block;

    width: 100%;

    padding-bottom: 30px;

}



#news #bottom #left {

    float: left;

    width: 225px;

    height: 225px;

}



#news #bottom #left img {

    width: 225px;

    height: 225px;

}



#news #bottom #right {

    float: right;

    width: 650px;

    letter-spacing: 1px;

}



#news #bottom #right h1 {

    border-bottom: 1px solid #CCC;

    font-weight: normal;

    font-size: large;

    color: #000;

    padding-bottom: 15px;

    margin-bottom: 20px;

}



/* ABOUT */

#about div ul#menu {

    text-transform: uppercase;

    margin-top: 30px;

    padding-top: 20px;

    border-top: 1px solid #CCC;

    margin-bottom: 40px;

    letter-spacing: 1px;

}



#about div ul#menu li {

    display: inline-block;

    color: #FFF;

    font-size: 10pt;

    width: 150px;

    height: 25px;

    line-height: 20px;

    padding-left: 6px;

    margin-bottom: 3px;

    background-image: url('./images/hover-button-bg.png'),url('./images/hover-button-right-bottom.png'), url('./images/hover-button-right-top.png'), url('./images/hover-button-left-bottom.png'), url('./images/hover-button-bottom.png'), url('./images/hover-button-right.png');

    background-position: left top,bottom right, top right, left bottom, bottom, right;

    background-repeat: no-repeat,no-repeat, no-repeat, no-repeat,repeat-x, repeat-y;

    background-size: 150px 20px, 6px 6px, 6px 6px, 6px 6px, 1px 6px, 6px 1px;

    cursor: pointer;

}



#about div ul#menu li.select, #about div ul#menu li:hover{

    display: inline-block;

    color: #FFF;

    font-size: 10pt;

    width: 150px;

    height: 25px;

    line-height: 20px;

    padding-left: 6px;

    margin-bottom: 3px;

    background-image: url('./images/hover-button-bg-red.png'),url('./images/hover-button-right-bottom-red.png'), url('./images/hover-button-right-top-red.png'), url('./images/hover-button-left-bottom-red.png'), url('./images/hover-button-bottom-red.png'), url('./images/hover-button-right-red.png');

    background-position: left top,bottom right, top right, left bottom, bottom, right;

    background-repeat: no-repeat,no-repeat, no-repeat, no-repeat,repeat-x, repeat-y;

    background-size: 150px 20px, 6px 6px, 6px 6px, 6px 6px, 1px 6px, 6px 1px;

}



#about 	table#services {

    width: 100%;

    margin-bottom: 20px;

}



#about table#services tr td#img {

    width: 220px;

}



#about table#services tr td#text {

    border-top: 1px solid black;

    border-bottom: 1px solid #CCCCCC;

    vertical-align: top;

    letter-spacing: 1px;

}



#about table#services tr td#text span {

    background-color: black;

    color: white;

    padding: 3px;

    margin-top: 10px;

    margin-bottom: 5px;

    display: inline-block;

    text-transform: uppercase;

}



#about table#team {

    width: 100%;

}





#about table#team tr td {

    width: 226px;

}



#about table#team tr td#text {

    padding-left: 3px;

    letter-spacing: 1px;

}



#about table#team tr td#grid {

    background: url('./images/grid.gif');

    height: 100%;

}



#about table#team tr td#slash {

    background: url('./images/slash.gif');

    height: 100%;

    height: 60px;

}



#about table#team tr td#position {

    border-top: 1px solid black;

    border-bottom: 1px solid #CCC;

    text-transform: uppercase;

    letter-spacing: 1px;

}



#about table#team tr td#position span {

    background-color: black;

    color: white;

    padding: 3px;

    margin-top: 10px;

    margin-bottom: 5px;

    display: inline-block;

    margin-bottom: 15px;

    letter-spacing: 1px;

}



#about table#text-only {

    width: 100%;

    margin-bottom: 50px;

    color: black;

    text-transform: uppercase;

    font-size: 13pt;

    letter-spacing: 1px;

}



#about table#text-only tr td {

    background-image: url('./images/extra-only.png');

    background-repeat: no-repeat;

    background-position: left bottom;

    padding-bottom: 10px;

    padding-right: 20px;

    width: 33%;

}



.ral-container{

    padding-top: 430px;

}

.ral-content .ral-content-row{

    display: block;

    height: 1px;

    width: 200px;

    color: rgb(153,154,156);

}

.ral-content a{

    color: #c8021e;

}


/* =================================================== */
/* RGPD pages */
/* =================================================== */

#page_RGPD_consent {
    margin-bottom: 100px
}

#page_RGPD_consent h1,
#page_RGPD_dataPolicy h1{
    font-family: Oswald;
    font-weight: 300;
    color: #FFF;
    font-size: 10pt;
    height: 25px;
    width: 375px;
    letter-spacing: 1px;
    line-height: 20px;
    padding-left: 6px;
    margin-bottom: 3px;
    letter-spacing: 1px;
    /*background-image: url(./images/hover-button-bg.png),url(./images/hover-button-right-bottom.png), url(./images/hover-button-right-top.png), url(./images/hover-button-left-bottom.png), url(./images/hover-button-bottom.png), url(./images/hover-button-right.png);*/
    background-position: left top,bottom right, top right, left bottom, bottom, right;
    background-repeat: no-repeat,no-repeat, no-repeat, no-repeat,repeat-x, repeat-y;
    background-size: 375px 20px, 6px 6px, 6px 6px, 6px 6px, 1px 6px, 6px 1px;
    background-image: url(./images/hover-button-bg-red.png),url(./images/hover-button-right-bottom-red.png), url(./images/hover-button-right-top-red.png), url(./images/hover-button-left-bottom-red.png), url(./images/hover-button-bottom-red.png), url(./images/hover-button-right-red.png);

}
#page_RGPD_consent h2,
#page_RGPD_dataPolicy h2{
    font-family: Oswald;
    font-weight: 300;
    font-size: 10pt;
    text-transform: none;
    margin: 20px 0 10px 0;
    text-align: justify;
}

/* Style the buttons that are used to open and close the accordion panel */
#page_RGPD_dataPolicy article.cookies-policy {
    padding: 30px 0;
}

#page_RGPD_consent article ,
#page_RGPD_dataPolicy article {
    border-top: 1px solid black;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}
#page_RGPD_consent article .accordion_title,
#page_RGPD_dataPolicy article .accordion_title{
    position: relative;
    cursor: pointer;

}
#page_RGPD_consent article .accordion_title h2 ,
#page_RGPD_dataPolicy article .accordion_title h2,
#page_RGPD_consent label > span {
    background-color: black;
    color: white;
    padding: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 10pt;
    font-family: Oswald;
    font-weight: 300;
    /*width: 894px;*/
}


/* Style the accordion panel. Note: hidden by default */
#page_RGPD_consent article .accordion_text ,
#page_RGPD_dataPolicy article .accordion_text {
    /*padding: 2px 18px;*/
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    font-size: 10pt;
    font-family: Oswald;
    font-weight: 300;
    text-align: justify;
    color: rgb(153,154,156);
    margin: 0 0 10px 0;
}
#page_RGPD_consent article .accordion_text ol ,
#page_RGPD_dataPolicy article .accordion_text ol {
    list-style-type: disc;
    padding-left: 25px;
}
#page_RGPD_consent article .accordion_text ul ,
#page_RGPD_dataPolicy article .accordion_text ul {
    list-style-type: circle;
    padding-left: 25px;
}

#page_RGPD_consent article .accordion_title:after ,
#page_RGPD_dataPolicy article .accordion_title:after {
    position: absolute;
    right: 17px;
    top: 15px;
    content: ' '; 
    /*    content: '+';     
        color: black;
        font-size: 28pt;
        font-family: Oswald;
        font-weight: 300;*/
    border: none;
    width: 17px;
    height: 17px;
    background: url(./images/BOTAO-MAIS.png) no-repeat center center;
    cursor: pointer;

}

#page_RGPD_consent article .active:after ,
#page_RGPD_dataPolicy article .active:after {
    /*content: "-";*/
    content: ' '; 
    border: none;
    width: 17px;
    height: 17px;
    background: url(./images/BOTAO-MENOS.png) no-repeat center center;
    cursor: pointer;
}


#page_RGPD_consent a,
#page_RGPD_dataPolicy a{
    color: black;
    font-weight: 300;
}
#page_RGPD_consent a:hover,
#page_RGPD_dataPolicy a:hover{
    text-decoration: underline;
}

/* START ======= RGPD POPUP ======= */
#consent_popup{
    position: fixed;
    bottom: 0px;
    left: 0px;
    background-color: #eee; 
    display: block;
    width: 100%;
    height: 195px;
    z-index: 5;
    margin-bottom: -15px;
}

.moving-zone {
    position: absolute;
    top:70px; left:50%;
    width:900px; height:85px;
    margin: -60px 0 0 -450px;
    perspective: 800px;
}
.popup {
    position: absolute;
    width:900px;
    padding: 10px;        
    /*cursor: pointer;*/
    transform-style: preserve-3d;
    /*
            box-sizing: border-box;
            border-radius: 20px 0 20px 0;
            background: -webkit-linear-gradient(top left, white 50%, #cb0012 50%);
            background:    -moz-linear-gradient(top left, white 50%, #cb0012 50%);
            background:     -ms-linear-gradient(top left, white 50%, #cb0012 50%);
            background:      -o-linear-gradient(top left, white 50%, #cb0012 50%);
            background:         linear-gradient(top left, white 50%, #cb0012 50%);
    
            box-shadow: 2px 2px 15px #999, 2px 2px 20px red;
    */
}
.popup:before {
    content: '';
    position: absolute;
    /*left: 5%; */
    /* top: 5%; */
    width: 100%;
    height: 80%;
    border-radius: inherit;
    background: rgba(0,0,0,.15);
    box-shadow: 0 0 40px 20px rgba(0,0,0,.15);
    transform: translateZ(-100px);
}
.popup-content {
    background: black;
    padding: 20px 0 0 0;
    /*
            box-sizing: border-box;
            border-radius: 10px 0 10px 0;
    */
    border-left: 7px solid #cb0012;
    border-right: 7px solid #cb0012;
    height: 50px;
}
.popup-text {
    color: white;
    font-family: Oswald, sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 100;
    text-align: left;
    transform: translateZ(15px);
    cursor: context-menu;
    margin-left: 50px; 
    float: left;
}
.popup-text b {
    color: #cb0012;
    font-weight: 300;
    text-transform: uppercase;
}

.popup-content input[type="submit"] {
    float: right;
    margin-right: 50px;
}


#consent_popup input[type="checkbox"] {
    margin: 0 0 0 40px;
    cursor: pointer;
}
#consent_popup span {
    font-family: Oswald, sans-serif;
    font-size: 14px;
    letter-spacing: 1.5px;
    font-weight: 500;

}
#consent_popup span.unwantedOption {
    color:#666;
}

#consent_popup input[type="submit"] {
    margin-left: 40px;
    background-color: black;
    border: 1.5px solid white;
    color: white;
    padding: 0px 10px;
    /*border-radius: 4px;*/
    letter-spacing: 1.5px;
    font-family: Oswald, sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 100;
    text-align: center;        
    opacity: 0.9;
    text-transform: uppercase;
    cursor: pointer;
}
#consent_popup input[type="submit"].okToConfirm {
    background-color: white;
    border: 1px solid white;
    color: black;
    font-weight: 600;
}



#consent_popup .fixed-zone{
    position: absolute;
    bottom: 0;
    /*background-color: #eee;*/
    left: 50%;
    margin: 0 0 30px -450px;
    width: 900px;
    padding: 0px;
    transform-style: preserve-3d;
    font-size: 10pt;
    color: black;
    text-align: center;
}
#consent_popup .fixed-zone a, #consent_popup .fixed-zone a:visited,
#consent_popup .fixed-zone a:active {
    font-weight: bold;
    font-size: 10pt;
    color: rgb(200, 2, 30);
}

/*  END  ======= RGPD POPUP ======= */


/* START ======= RGPD ALERT ======= */
.jconfirm {
    background-color: rgba(0,0,0,0.8);
    color: #fff;
    letter-spacing: 1.5px;
    font-family: Oswald, sans-serif !important;
    text-transform: uppercase;
    font-size: 14px !important;
    line-height: 22px;
    font-weight: 100;
    text-align: center;
}
.jconfirm .jconfirm-holder {
    width: 900px;
    margin: 0 auto;
    text-align: center;
}
.jconfirm .jconfirm-box .jconfirm-buttons {
    float: none !important;     
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
    padding: 0px 10px;
    letter-spacing: 1.5px;
    font-family: Oswald, sans-serif !important;
    font-size: 14px !important;
    line-height: 22px;
    font-weight: 100 !important;
    min-width: 100px;
    text-align: center;
    /*text-transform: uppercase;*/
    cursor: pointer;
    text-shadow: none;
    -webkit-transition: background .2s;
    /*transition: background .2s;*/
    background-color: transparent !important;
    color: white !important;
    border: 1px solid white;
    border-radius: 0;
}

.jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box {
    background-color: transparent;
    box-shadow: none !important;
}
/*  END  ======= RGPD ALERT ======= */

/* === RGPD === */
#page_RGPD_consent .frm-group {
    display: block;
    margin: 25px 0;
}
#page_RGPD_consent .frm-group label {
    display: inline-block;
    width: 100%;
}
#page_RGPD_consent .frm-group label > span{
    padding: 0 5px;
}
#page_RGPD_consent .frm-group input[type="text"], 
#page_RGPD_consent .frm-group .readonly {
    display: block;
    width: 100%;
    height: 30px;
    border: 0;
    border-bottom: 1px solid #ccc;
}
#page_RGPD_consent .frm-group input[type="text"],
#page_RGPD_consent .frm-group .readonly > span {
    font-family: Oswald;
    font-weight: 300;
    font-size: 10pt;
    text-transform: none;
    padding: 0 5px;
    color: #000;
}
#page_RGPD_consent .frm-group .readonly > span {
    display: inline-block;
    height: 100%;
    padding: 0 5px;
    padding-top: 5px;
}

#page_RGPD_consent .rgpd-nodata {
    width: 100%;
    display: block;
    margin: 0;
    padding-top: 50px;
}
#page_RGPD_consent .rgpd-nodata a, 
#page_RGPD_consent .rgpd-nodata a:active, 
#page_RGPD_consent .rgpd-nodata a:visited {
    text-decoration: none;
    font-weight: bold;
    font-size: 10pt;
    color: rgb(200, 2, 30);
}

/* === #RGPD === */