#serviceManuell ul, #serviceManuell ol, #serviceManuell li{
    list-style: inherit !important;
    margin-left: 30px;
}
#serviceManuell .alignCenter, #serviceManuell .center-block {
    display: block !important;
    margin-right: auto !important;
    margin-left: auto !important;
}
/*font face*/ 
@font-face {font-family: "Halloween";
            src: url("../fonts/3f3a3590a62eac4cfccae4c2ed2586d3.eot"); /* IE9*/
            src: url("../fonts/3f3a3590a62eac4cfccae4c2ed2586d3.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
                url("../fonts/3f3a3590a62eac4cfccae4c2ed2586d3.woff2") format("woff2"), /* chrome、firefox */
                url("../fonts/3f3a3590a62eac4cfccae4c2ed2586d3.woff") format("woff"), /* chrome、firefox */
                url("../fonts/3f3a3590a62eac4cfccae4c2ed2586d3.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
                url("../fonts/3f3a3590a62eac4cfccae4c2ed2586d3.svg#Halloween V1") format("svg"); /* iOS 4.1- */
}
@font-face {font-family: "MacFunky";
            src: url("../fonts/e5985b71d95b9471e916a062a8933b23.eot"); /* IE9*/
            src: url("../fonts/e5985b71d95b9471e916a062a8933b23.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
                url("../fonts/e5985b71d95b9471e916a062a8933b23.woff2") format("woff2"), /* chrome、firefox */
                url("../fonts/e5985b71d95b9471e916a062a8933b23.woff") format("woff"), /* chrome、firefox */
                url("../fonts/e5985b71d95b9471e916a062a8933b23.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
                url("../fonts/e5985b71d95b9471e916a062a8933b23.svg#MacFunky") format("svg"); /* iOS 4.1- */
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}
#myOfferModal{
    top: 26%;
    /*top: 10%;*/
}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {
    display: block;
}
ol,ul {
    list-style:none;
    margin:0px;
    padding:0px;
}
blockquote,q {
    quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after {
    content:'';
    content:none;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}

/* start editing from here */
body {
    background:transparent;
    /*    background:url(../images/banner.jpg);*/
    /*    background-repeat:no-repeat;
        background-position:center;
        background-attachment:fixed;
        background-size:100% 100%;
        -webkit-background-size:100% 100%;
        -moz-background-size:100% 100%;
        -o-background-size:100% 100%;
        -ms-background-size:100% 100%;*/    
    font-family: 'Raleway', sans-serif;
}
a {
    text-decoration:none;
}
.txt-rt {
    text-align:right;
}/* text align right */
.txt-lt {
    text-align:left;
}/* text align left */
.txt-center {
    text-align:center;
    /*-- W3Layouts --*/	
}/* text align center */
.float-rt {
    float:right;
}/* float right */
.float-lt {
    float:left;
}/* float left */
.clear {
    clear:both;
}/* clear float */
.pos-relative {
    position:relative;
}/* Position Relative */
.pos-absolute {
    position:absolute;
}/* Position Absolute */
.vertical-base {	
    vertical-align:baseline;
}/* vertical align baseline */
.vertical-top {	
    vertical-align:top;
}/* vertical align top */
nav.vertical ul li {	
    display:block;
}/* vertical menu */
nav.horizontal ul li {	
    display: inline-block;
}/* horizontal menu */
img {
    max-width:100%;
}
/*--- end reset code ---*/
h1.header-w3ls {
    text-align: center;
    font-size: 60px;
    letter-spacing:3px;
    font-weight:normal;
    text-transform: uppercase;
    color: #fff;
    padding:35px 0;
    font-family: 'Viga', sans-serif;
}
/*-- popup --*/
.content-w3ls {
    width:60%;
    min-height: 400px; 
    margin:0 auto;
    position:relative;
    background:#fff;
    border-radius: 12px;
}
.content1 {
    /*    background:url(../images/img-offer.png) no-repeat;
        background-position:center;
        background-size:cover;
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover;
        -ms-background-size:cover;*/
    width:30%;
    float:left;
    padding: 67px 0;
    /*padding:60px 0 109px;*/
    text-align:center;
    text-align:-webkit-center;
    text-align:-moz-center;
    max-height: 600px;
    height: auto; 
    margin-top: 3%; 
}
.content1>img {
    width: 100%;
    float: left;
    height: auto;
}
.content1>iframe {
    margin: 0;
    max-width: 100%;
    width: 100%;
    float: left;
    /*margin-top: 22%;*/
    height: 250px;
    margin-top: 0%;
}
.content2 {
    width:65%;
    float:left;
    margin-top: 5%;
    padding:40px 0;
    text-align:center;
    text-align:-webkit-center;
    text-align:-moz-center;
}
.contentAll {
    width:100%;
    padding:20px 0 15px 0;
    text-align:center;
    text-align:-webkit-center;
    text-align:-moz-center;
}
.contentAll>.wthree1 {
    width: 100%;
    /*width: 20%;*/
    border-radius: 50%;
    padding: 34px 0px;
    position: absolute;
    right: 0;
    top: 0;
}
h3.w3-agileits1 {
    font-size: 22px;
    /*font-size: 35px;*/
    font-weight: normal;
    color: #e51b28;
    text-transform:uppercase;
}
h4.agileits1 {
    font-size: 40px;
    /*    font-size: 60px;*/
    font-weight: normal;
    color: #e51b28;
    text-transform: uppercase;
    /*padding-bottom: 40px;*/
}
h3.w3-agileits2 {
    font-size: 20px;
    font-weight: normal;
    color: #2fe7be;
    text-transform: uppercase;
}
h4.agileits2 {
    font-size: 114px;
    font-weight: normal;
    color: #fff;
    margin-left: -30px;
    padding-bottom: 30px;
    position:relative;
    font-family: 'Viga', sans-serif;
}
h4.agileits2:before {
    content: '%';
    position: absolute;
    right: 88px;
    top: 22px;
    font-size: 20px;
    font-weight: normal;
}
h4.agileits2:after {
    content: 'OFF';
    position: absolute;
    right: 78px;
    bottom: 52px;
    font-size: 17px;
    font-weight: normal;
}
a.w3l1 {
    font-size: 20px;
    font-weight: normal;
    color: #b3b3b3;
    text-align: Center;
    border-top: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
    text-transform:initial;
    /*    text-transform:uppercase;*/
    padding:2px 0;
    /* add style to fix position */    
    position: absolute;
    bottom: 4%;
    right: 3%;
}
a.w3l1:hover {
    color: #b3b3b3;
    border-top: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
}
.linkClose{
    width: 35px;
    height: 35px;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 10px;
    margin-right: 10PX;
}
h3.agileinfo1 {
    font-size: 24px;
    font-weight: normal;
    margin-top: 2%;
    color: #000;
    padding-bottom: 12px;
    text-transform:uppercase;
    font-family: 'Viga', sans-serif;
}
p.agileinfo2 {
    font-size: 18px;
    font-weight: normal;
    color: #b3b3b3;
    padding-bottom: 25px;
    text-transform:capitalize;
}
input#email {
    width: 60%;
    height: 60px;
    margin: 0 auto 30px;
    padding: 0 30px;
    text-align: center;
    font-size: 17px;
    font-weight: normal;
    color: #000;
    display:block;
    border:1px solid #f0f0f0;
    outline:none;
    background-color:#f0f0f0;
    font-family: 'Viga', sans-serif;
}
input.register {
    width: 69%;
    height: 63px;
    margin: 0 auto 30px;
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    color: #fff;
    display: block;
    background-color:#e51b28;
    border:1px solid #e51b28;
    font-family: 'Viga', sans-serif;
    cursor:pointer;
}
a.w3l2 {
    font-size: 17px;
    font-weight: normal;
    color: #e51b28;
    text-align: Center;
    border-top: 1px solid #e51b28;
    border-bottom: 1px solid #e51b28;
    display: inline-block;
    margin-bottom: 20px;
    padding: 2px 0;
    margin-top: 6%;
    /* add style */
    /*    position: absolute;
        bottom: 8%;
        left: 10%;*/
}
a.w3l2>span.dateAvailable {
    font-size: 18px;
    font-weight: bold;
    color: #e51b28;
    margin-left: 5px;
    margin-right: 5px;

}
.nav-carousel{
    padding-top: 50%;
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
p.agile1 {
    font-size: 16px;
    font-weight: normal;
    color: #000;
    line-height: 30px;
    padding: 0 60px;
    overflow-y: scroll !important;
    width:60%;
    overflow: auto !important;
    height: 150px;
}
div.agile1 {
    font-size: 16px;
    font-weight: normal;
    color: #000;
    line-height: 30px;
    padding: 0 60px;
    overflow-y: scroll !important;
    width:85%;
    overflow: auto !important;
    height: 150px;
    text-align: left;
}
.alert-close1 img {
    display:block;
    position:absolute;
    right: 2%;
    top: 4%;
    cursor: pointer;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}


/*-- popup --*/
p.copyright {
    font-size: 16px;
    font-weight:normal;
    color: #fff;
    text-align:center;
    padding:30px 0;
}
p.copyright a {
    color:#f15f22;
}
p.copyright a:hover {
    color:#36b051;
}

/*-- responsive design --*/
@media (max-width:1440px) {
    .content1 {
        width:35%;
        padding: 78px 0 60px;	
        /*padding: 67px 0 109px;*/	
    }
    .content2 {
        width:60%;	
    }
}
@media screen  and (max-width: 1366px) {
    #myOfferModal {
        top: 18%;
    }
}
@media (max-width:1280px) {
    .content-w3ls {
        width: 65%;
    }
}

@media (max-width:1080px) {
    h1.header-w3ls {
        font-size: 50px;
        padding: 30px 0;	
    }
    h3.w3-agileits1 {
        font-size: 30px;
    }
    h4.agileits1 {
        font-size: 55px;
    }
    h4.agileits2 {
        font-size: 110px;
    }
    h4.agileits2:before {
        right: 55px;
        top: 30px;
    }
    h4.agileits2:after {
        right: 41px;
        bottom: 64px;
    }
    a.w3l1 {
        font-size: 16px;
    }
    p.agileinfo2 {
        font-size: 16px;
    }
    input.register {
        width: 73.5%;
    }
    p.agile1 {
        font-size: 14px;
    }
    p.copyright {
        font-size: 14px;
        line-height:30px;
    }
    .content-w3ls {
        width: 70%;
    }
    .content1 {
        width: 35%;
        padding: 82px 0 109px;
    }
}

@media (max-width: 1024px) {
    h4.agileits1 {
        font-size: 42px;
    }
    h1.header-w3ls {
        font-size: 45px;
        padding: 25px 0;
    }
    .content1 {
        width: 40%;
        padding: 105px 0 56px;
    }
    .content2 {
        width: 55%;
        margin-top: 10%;
    }
}

@media (max-width: 991px) {
    .content-w3ls {
        width: 75%;
    }
}

@media (max-width: 900px) {
    .content1 {
        background-size:cover;
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover;
        -ms-background-size:cover;
    }	
}

@media (max-width: 800px) {
    .content1 {
        width: 100%;
        padding:5px 0 30px;
    }
    .content2 {
        width: 100%;
        padding: 40px 0 20px 0;
    }
    a.w3l1 {
        bottom: 1%;
    }
    .alert-close1 img {
        top:1%;
    }
    .wthree1 {
        width: 50%;
        float: left;
    }
    .wthree2 {
        width: 50%;
        float: left;
    }
    h3.w3-agileits1 {
        font-size: 24px;
        padding-bottom: 15px;
    }
    h4.agileits1 {
        font-size: 45px;
        padding-bottom: 0;
    }
    h4.agileits2 {
        font-size: 95px;
        padding-bottom:0;
    }
    h4.agileits2:before {
        right: 82px;
        top: 25px;
    }
    h4.agileits2:after {
        right: 67px;
        bottom: 29px;
    }
}

@media (max-width: 640px) {
    h4.agileits1 {
        font-size: 55px;
    }
    h4.agileits2 {
        font-size: 75px;
        margin-top: -6px;
    }
    h3.w3-agileits1 {
        font-size: 20px;
        padding-bottom: 10px;
    }
    h4.agileits2:before {
        right: 68px;
        top: 20px;
    }
    h4.agileits2:after {
        right: 54px;
        bottom: 21px;
    }
    .content1 {
        padding: 5px 0 30px;
    }
    .content2 {
        padding:35px 0;
    }
    h3.agileinfo1 {
        font-size: 17px;
        padding-bottom:15px;
    }
    p.agileinfo2 {
        font-size: 17px;
        padding-bottom:20px;
    }
    input#email {
        height:50px;
    }
    input.register {
        height:53px;
        font-size:18px;
        margin: 0 auto 20px;
    }
    a.w3l2 {
        font-size: 14px;
    }
    h1.header-w3ls {
        font-size: 40px;
        padding: 25px 0;
    }
}

@media (max-width: 568px) {
    h4.agileits2 {
        font-size: 65px;
        margin-top: -2px;
    }
    h4.agileits2:before {
        right: 58px;
        top: 17px;
    }
    h4.agileits2:after {
        right: 44px;
        bottom: 18px;
    }
}

@media (max-width: 480px) {
    h4.agileits1 {
        font-size: 45px;
    }
    h4.agileits2 {
        font-size: 55px;
        margin-left: -47px;
    }
    h4.agileits2:before {
        right: 58px;
        top: 13px;
        font-size:16px;
    }
    h4.agileits2:after {
        right: 44px;
        bottom: 16px;
        font-size:16px;
    }
    h1.header-w3ls {
        font-size: 35px;
        padding: 25px 0;
    }
    .content-w3ls {
        width: 80%;
    }
    a.w3l1 {
        font-size: 14px;
    }
    p.agile1 {
        font-size: 14px;
        padding:0 30px;
    }
    p.copyright {
        font-size: 14px;
        line-height: 30px;
        padding:30px 10px;
    }
}

@media (max-width: 414px) {
    h3.w3-agileits1 {
        font-size: 15px;
        padding-bottom: 10px;
    }
    h3.w3-agileits2 {
        font-size: 15px;
    }
    h4.agileits1 {
        font-size: 30px;
    }
    h4.agileits2 {
        font-size: 45px;
        margin-left: -40px;
    }
    h4.agileits2:before {
        right: 55px;
        top: 12px;
        font-size: 15px;
    }
    h4.agileits2:after {
        right: 42px;
        bottom: 11px;
        font-size: 14px;
    }
    .content2 {
        /*padding: 25px 0;*/
        padding: 35px 0 10px 0; 
    }
    h3.agileinfo1 {
        font-size: 15px;
        padding-bottom: 15px;
    }
    p.agileinfo2 {
        font-size: 12px;
        padding-bottom: 20px;
    }
    input#email {
        height: 45px;
        width: 65%;
        font-size: 16px;
        margin: 0 auto 20px;
    }
    input.register {
        width: 84%;
        height: 45px;
        font-size: 17px;
    }
    a.w3l2 {
        font-size: 10px;
    }
}

@media (max-width: 384px) {
    h1.header-w3ls {
        font-size: 26px;
        padding: 20px 0;
    }
    h4.agileits2 {
        padding-bottom: 7px;
    }
    h4.agileits2:after {
        right: 39px;
        bottom: 18px;
        font-size: 14px;
    }
    h4.agileits2:before {
        right: 52px;
        top: 12px;
        font-size: 15px;
    }
}

@media (max-width: 320px) {
    h1.header-w3ls {
        font-size: 22px;
        padding: 20px 0;
    }
    .content-w3ls {
        width: 88%;
    }
    h4.agileits2:before {
        right: 42px;
        top: 12px;
        font-size: 15px;
    }
    h4.agileits2:after {
        right: 29px;
        bottom: 18px;
        font-size: 14px;
    }
    a.w3l1 {
        font-size: 13px;
    }
    h3.agileinfo1 {
        font-size: 14px;
        padding-bottom: 15px;
    }
    p.agileinfo2 {
        font-size: 14px;
        padding-bottom: 20px;
    }
    input#email {
        height: 40px;
        width: 72%;
        font-size: 15px;
        margin: 0 auto 20px;
        padding:0 20px;
    }
    input.register {
        width: 92%;
        height: 40px;
        font-size: 15px;
    }
    p.agile1 {
        font-size: 13px;
        padding: 0 10px;
    }
    a.w3l2 {
        font-size: 13px;
        margin-bottom: 10px;
    }
    p.copyright {
        font-size: 13px;
    }
}

.cp-youtube-frame{
    max-width: 600px;
    width: 100%;
    height: auto;
}
a#details_offers{
    width: 180px;
    height: auto;
    background-color:#ffffff;
    box-shadow:inset 0px 0px 6px 0px rgba(229, 27, 40, 0.78), 0px 0px 30px 2px rgba(229, 27, 40, 0.5);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: 5.6%;
    margin-bottom: 2%;
    /*    margin-left: 15px;
        margin-bottom: 5px;*/
    border-radius: 5px;
    cursor: pointer;
}
div.content-offre{
    width: 80%;
    margin-top: 15px;
    margin-bottom: 15px;
}
div.content-offre>p{
    font-family: MacFunky; 
    font-size: 18px; 
    color: #e51b28;
    font-weight: bold; 
    text-transform: capitalize; 
}








/*-- /responsive design --*/