/* CSS IMPORT */
@import url("color-button.css");

HTML{
    height: 100%;
    box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

BODY{
  position: relative;
  margin: 0;
  padding-bottom: 6rem;
  min-height: 100%;
}

/* COMMON CLASSES */

H1, .h1{text-transform: none;}
A:link, A:visited, A:active{text-decoration:underline;}

/* Text color */
.inwhite{color:#ffffff;}
.inblack{color:#333333;}
.inpurple{color:#931648;}
.inblue{color:#0089b4;}

.purple{color:#931648;}
.orange{color:#d06836;}
.green{color:#77c662;}
.blue {color:#0089b4;}
.white {color:#ffffff;}
.grey{color:#e6e6e6;}
.darkgrey{color:#e6e6e6;}
.mauve{color:#231d45;}
.green {color:#5c944d;}
.black {color:#000000;}

    /* For link hover */

    a.purple:hover{color:#c01b5d;}
    a.orange:hover{color:#f56f2e;}
    a.green:hover{color:#77c662;}
    a.blue:hover{color:#00a9de;}

/* Alignement */
.onleft{text-align:left;}
.oncenter{text-align:center;}
.onright{text-align:right;}

/*Text size */
.inbig{font-size:28px;}
.innormal{font-size:24px;}
.insmall{font-size:20px;}

/* Background color */
.bg-purple{background-color:#931648;}
.bg-orange{background-color:#d06836;}
.bg-green{background-color:#5c944d;}
.bg-blue{background-color:#0089b4;}
.bg-white{background-color:#ffffff;}
.bg-grey{background-color:#F2F2F2;}
.bg-darkgrey{background-color:#e6e6e6;}
.bg-mauve{background-color:#231d45;}

.bkg-color-blue{background-color:#0089b4;}
.bkg-color-darkblue{background-color:#231e46;}
.bkg-color-white{background-color:#ffffff;}
.bkg-color-purple{background-color:#931648;}
.bkg-color-orange{background-color:#d06836;}
.bkg-color-green{background-color:#5c944d;}
.bkg-color-gray{background-color:#e6e6e6;}
.bkg-color-lightgray{background-color:#F2F2F2;}

    /* BKG color on mouseover: add subclass "MOUSEREACT" */
    .bkg-color-blue.mousereact:hover{background-color:#00a9de;}
    .bkg-color-darkblue.mousereact:hover{background-color:#3d3766;}
    .bkg-color-white.mousereact:hover{background-color:#dad7d5;}
    .bkg-color-purple.mousereact:hover{background-color:#c01b5d;}
    .bkg-color-orange.mousereact:hover{background-color:#f56f2e;}
    .bkg-color-green.mousereact:hover{background-color:#77c662;}
	.bkg-color-gray.mousereact:hover{background-color:#d5d5d5;}
	.bkg-color-lightgray.mousereact:hover{background-color:#F6F6F6;}


.imageOnLeft { margin:0px 10px 10px 0px; }
.imageOnRight { margin:0px 0px 10px 10px; }
.outsideBorder { border:1px solid #F4F4F4; }
.clearFloat{clear:both;}
.pagecontent{padding-bottom: 25px; margin-top: -20px;}
.pagecontent IMG{max-width:100%; height: auto;}


/* Numbered list gray or red or blue */

ul.numberedlist{padding:0 0 0 0px;}
ul.numberedlist li{font-size:14px; padding:0;}

ul.numberedlist li:nth-child(1){list-style:none; background:url(../images/bullet-numbered-1.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist li:nth-child(2){list-style:none; background:url(../images/bullet-numbered-2.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist li:nth-child(3){list-style:none; background:url(../images/bullet-numbered-3.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist li:nth-child(4){list-style:none; background:url(../images/bullet-numbered-4.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist li:nth-child(5){list-style:none; background:url(../images/bullet-numbered-5.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist li:nth-child(6){list-style:none; background:url(../images/bullet-numbered-6.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist li:nth-child(7){list-style:none; background:url(../images/bullet-numbered-7.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist li:nth-child(8){list-style:none; background:url(../images/bullet-numbered-8.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist li:nth-child(9){list-style:none; background:url(../images/bullet-numbered-9.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}

ul.numberedlist.inred li:nth-child(1){list-style:none; background:url(../images/bullet-red-numbered-1.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist.inred li:nth-child(2){list-style:none; background:url(../images/bullet-red-numbered-2.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist.inred li:nth-child(3){list-style:none; background:url(../images/bullet-red-numbered-3.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist.inred li:nth-child(4){list-style:none; background:url(../images/bullet-red-numbered-4.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist.inred li:nth-child(5){list-style:none; background:url(../images/bullet-red-numbered-5.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist.inred li:nth-child(6){list-style:none; background:url(../images/bullet-red-numbered-6.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist.inred li:nth-child(7){list-style:none; background:url(../images/bullet-red-numbered-7.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist.inred li:nth-child(8){list-style:none; background:url(../images/bullet-red-numbered-8.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist.inred li:nth-child(9){list-style:none; background:url(../images/bullet-red-numbered-9.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}

ul.numberedlist.inblue li:nth-child(1){list-style:none; background:url(../images/bullet-blue-numbered-1.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist.inblue li:nth-child(2){list-style:none; background:url(../images/bullet-blue-numbered-2.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist.inblue li:nth-child(3){list-style:none; background:url(../images/bullet-blue-numbered-3.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist.inblue li:nth-child(4){list-style:none; background:url(../images/bullet-blue-numbered-4.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist.inblue li:nth-child(5){list-style:none; background:url(../images/bullet-blue-numbered-5.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist.inblue li:nth-child(6){list-style:none; background:url(../images/bullet-blue-numbered-6.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist.inblue li:nth-child(7){list-style:none; background:url(../images/bullet-blue-numbered-7.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist.inblue li:nth-child(8){list-style:none; background:url(../images/bullet-blue-numbered-8.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist.inblue li:nth-child(9){list-style:none; background:url(../images/bullet-blue-numbered-9.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}

/* Numbered list gray or red or blue */

ul.numberedlist{padding:0 0 0 0px;}
ul.numberedlist li{font-size:14px; padding:0;}

ul.numberedlist li:nth-child(1){list-style:none; background:url(../images/bullet-numbered-1.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist li:nth-child(2){list-style:none; background:url(../images/bullet-numbered-2.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist li:nth-child(3){list-style:none; background:url(../images/bullet-numbered-3.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist li:nth-child(4){list-style:none; background:url(../images/bullet-numbered-4.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}

ul.numberedlist li:nth-child(5){list-style:none; background:url(../images/bullet-numbered-5.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist li:nth-child(6){list-style:none; background:url(../images/bullet-numbered-6.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist li:nth-child(7){list-style:none; background:url(../images/bullet-numbered-7.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist li:nth-child(8){list-style:none; background:url(../images/bullet-numbered-8.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist li:nth-child(9){list-style:none; background:url(../images/bullet-numbered-9.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}

ul.numberedlist.inred li:nth-child(1){list-style:none; background:url(../images/bullet-red-numbered-1.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist.inred li:nth-child(2){list-style:none; background:url(../images/bullet-red-numbered-2.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist.inred li:nth-child(3){list-style:none; background:url(../images/bullet-red-numbered-3.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist.inred li:nth-child(4){list-style:none; background:url(../images/bullet-red-numbered-4.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist.inred li:nth-child(5){list-style:none; background:url(../images/bullet-red-numbered-5.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist.inred li:nth-child(6){list-style:none; background:url(../images/bullet-red-numbered-6.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist.inred li:nth-child(7){list-style:none; background:url(../images/bullet-red-numbered-7.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist.inred li:nth-child(8){list-style:none; background:url(../images/bullet-red-numbered-8.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist.inred li:nth-child(9){list-style:none; background:url(../images/bullet-red-numbered-9.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}

ul.numberedlist.inblue li:nth-child(1){list-style:none; background:url(../images/bullet-blue-numbered-1.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist.inblue li:nth-child(2){list-style:none; background:url(../images/bullet-blue-numbered-2.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist.inblue li:nth-child(3){list-style:none; background:url(../images/bullet-blue-numbered-3.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist.inblue li:nth-child(4){list-style:none; background:url(../images/bullet-blue-numbered-4.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist.inblue li:nth-child(5){list-style:none; background:url(../images/bullet-blue-numbered-5.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist.inblue li:nth-child(6){list-style:none; background:url(../images/bullet-blue-numbered-6.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist.inblue li:nth-child(7){list-style:none; background:url(../images/bullet-blue-numbered-7.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist.inblue li:nth-child(8){list-style:none; background:url(../images/bullet-blue-numbered-8.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
ul.numberedlist.inblue li:nth-child(9){list-style:none; background:url(../images/bullet-blue-numbered-9.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}



/* -------- */


/* HEADER / TOPBAR / BECOME CUSTOMER BUTTON */
/* ---------------------- */

.header{overflow:auto; padding-top:20px; padding-bottom:10px;}
.logo{position:relative; float:left; z-index:1000;}

.topbar{position:absolute; z-index:1000; width:100%; height:50px;}
.topbar A{float:right;}


@media (max-width: 768px) {
    .topbar{display:none;}
    .hideMobile{display:none !important;}
    body{padding:0px;}
}

A.become-customer{
    text-decoration: none;
    background-color: #5c944d;
    background-repeat: no-repeat;
    background-position: right center;
    border-radius:25px;
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    position: relative;
    top: 10px;
    color: #FFF;
    font-size: 18px;
    padding: 15px 15px 17px;
    line-height: 0;
}

A.become-customer:hover{
    color:#fff;
    text-decoration: none;
    background-color:#77c662;
}

.login_en{display:block; height:51px; background:url(../images/login-en.png) no-repeat bottom center;  text-decoration: none;}
.login_en:hover{background:url(../images/login-en.png) no-repeat top center;  text-decoration: none;}
.login_nl{display:block; height:51px; background:url(../images/login-nl.png) no-repeat bottom center;  text-decoration: none;}
.login_nl:hover{background:url(../images/login-nl.png) no-repeat top center;  text-decoration: none;}
.login_fr{display:block; height:51px; background:url(../images/login-fr.png) no-repeat bottom center;  text-decoration: none;}
.login_fr:hover{background:url(../images/login-fr.png) no-repeat top center;  text-decoration: none;}

@media (max-width: 481px) {
    BODY{background:none; padding:0;}
    .header{margin:0px 0px 8px 0px;}
    .logo{margin-left:10px;}
    .logo IMG{height:50px;}
    .topbar{margin-top:10px; margin-right:10px;}
    .login_en, .login_nl, .login_fr{display:none;}
}


/* END OF TEMPLATE HEADER */
/*------------------------*/

.row-with-client-area {
    padding-top: 40px !important;
}

.loginbox{
    margin-bottom: 15px !important;
    background-color: #fff;
    padding: 15px;
    position: relative;
    margin: 0px 0px 40px 0px;
    border-radius: 15px;
    text-align: center;
}
.logintitle{color: #0089b4; font-size: 28px; }
.isabel6button{text-align:center; margin-bottom:15px;}
.isabel6button IMG{width: 100%;}

@media (max-width: 990px) {
    .loginbox{min-height:inherit;}
    .isabel6button IMG{width: auto;}
}
.alternativelinks{}
.alternativelinkstitle{font-size:22px; padding-bottom:15px;}
.alternativelinks A{
    display: block;
    color: #fff;
    background: rgba(0, 137, 180, 1) url("../images/white-arrow.png") center right no-repeat;
    border-radius: 15px;
    padding: 4px 20px 5px 15px;
    margin-bottom: 5px;
}
.alternativelinks A:hover{ color: #ffffff; text-decoration: none; background: rgba(0, 137, 180, 0.9)}
.loginbox IMG.shadow{display:none; position:absolute; bottom:-13px; z-index:1000; left:0px; width:100%; height: 13px;}


/* ---- */

a.pdf { background: url("../images/file_red.png") no-repeat center left!important; padding:10px 0; padding-left: 32px; }


/* SIDEMENU with arrow on active item menu */
/* --------------------------------------- */

.topleftnavigationtext DIV{font-size: 20px; color:#D8013D;}

.sidemenu{padding-left:0;} /* Overwrite padding-left:15px from col bootstrap */

.sidemenu ul.menu{margin:0px; padding:0px; margin-top:20px; list-style:none;}
.sidemenu ul.menu li{padding:5px 0; font-size:16px; font-weight:300; -o-text-overflow: ellipsis; /* pour Opera 9 */ text-overflow: ellipsis; overflow: hidden;}
.sidemenu ul.menu li.active{padding:10px 15px 10px 15px; background:#F5F5F5; font-weight:400; -o-text-overflow: ellipsis; /* pour Opera 9 */ text-overflow: ellipsis; overflow: hidden;}
.sidemenu ul.menu li.active  SPAN{font-weight:400; display:block; background:url('../images/menu-arrow-active.png') no-repeat right; margin-right:20px; padding-right: 15px; -o-text-overflow: ellipsis; /* pour Opera 9 */ text-overflow: ellipsis; overflow: hidden;}
.sidemenu ul.menu li.active > A{font-weight:400; display:block; background:url('../images/menu-arrow.png') no-repeat right; margin-right:20px; padding-right: 15px;}

.sidemenu ul.menu li ul{margin:0px; padding:0px; margin-top:10px; list-style:none;}
.sidemenu ul.menu li ul li{color:#6C6C6C; padding:5px 25px 5px 10px; font-weight:300; font-size:14px; -o-text-overflow: ellipsis; /* pour Opera 9 */ text-overflow: ellipsis; overflow: hidden;}
.sidemenu ul.menu li ul{display:none;}
.sidemenu ul.menu li.active ul{display:block;}
.sidemenu ul.menu li ul li.active{padding:10px 0px 10px 10px; background:#EAEAEA; -o-text-overflow: ellipsis; /* pour Opera 9 */ text-overflow: ellipsis; overflow: hidden;  }
.sidemenu ul.menu li.active ul li.active SPAN{font-weight:400; background:url('../images/menu-arrow-active-white.png') no-repeat right; margin-right:10px; -o-text-overflow: ellipsis; /* pour Opera 9 */ text-overflow: ellipsis; overflow: hidden;}
.sidemenu ul.menu li ul li ul li.active{list-style-image:none; margin-left:0px; font-weight:800;}
.sidemenu ul.menu li ul li ul li.active SPAN{color:#c62c40;}

.sidemenu  A{color:inherit; text-decoration:none;}
.sidemenu  A:hover{color:inherit; text-decoration:underline;}

/* -------------------------------------------------------*/

.subResultContainer{padding:5px 0 0 20px;}


/* Class for Highlight-box Component */

.highlight-box{ background-color:#49a2f9;}
.highlight-box.blue{ background-color:#0089b4;}
.highlight-box.gray{ background-color:#eff3f7;}
.highlight-box.orange{ background-color:#d06836;}
.highlight-box.nobkg{ background-color:transparent;}

.highlight-box H3{margin-top:0;}
.highlight-box .content{padding:15px;}
.highlight-box.nobkg .content{padding:15px 0px;}
.highlight-box .content P.title{margin:0; font-size:16px; padding:0; margin-bottom:15px;}
.highlight-box .content P{margin:0; padding:0; margin-bottom:15px;}

.highlight-box .content > A{display: table-cell; color:#fff; border-radius: 25px; background:#96999c url(../images/white-arrow.png) center right no-repeat; padding:8px 15px; padding-right: 25px; text-decoration:none;}
.highlight-box .content > A:hover{background:#a9adb0 url(../images/white-arrow.png) center right no-repeat;}
.highlight-box .content > A.red{background:#931648 url(../images/white-arrow.png) center right no-repeat; padding-right:25px;}
.highlight-box .content > A.orange{background:#d06836 url(../images/white-arrow.png) center right no-repeat; padding-right:25px;}
.highlight-box .content > A.blue{background:#0089b4 url(../images/white-arrow.png) center right no-repeat; padding-right:25px;}
.highlight-box.blue .content > A.blue{background:#0089b4 url(../images/white-arrow.png) center right no-repeat; padding-right:35px;}

.highlight-box .content ul{padding:0 0 0 15px;}
.highlight-box .content ul li{
    list-style: outside url("../images/bullet-gray.png") none;
    margin-left: 15px;
    min-height: 20px;
    padding: 3px 3px 3px 0;
}

.highlight-box.blue .content, .highlight-box.blue .content P, .highlight-box.orange .content, .highlight-box.orange .content P{color: white;}

/* Class for Related Topics Component */

.related-topics{border-top:5px solid #c62c40; margin-top:25px;}
.related-topics H4{margin-top:5px;}
.related-topics ul{margin:0px; padding:0px; margin-left:18px; list-style-image:url(../images/bullet.png);}
.related-topics ul li{padding-bottom:10px;}


/* Class for Feature-bx component */

.feature-box{background-color:#eff3f7; position:relative; padding: 10px 0px 65px 0px; margin-bottom:20px; border-bottom-left-radius:15px; border-bottom-right-radius:15px;}
.feature-box.blue{ background-color:#0089b4;}
.feature-box.gray{ background-color:#eff3f7;}
.feature-box.orange{ background-color:#d06836;}
.feature-box.purple{ background-color:#931648;}
.feature-box.nobkg{ background-color:transparent;}

.feature-box H2, .feature-box .title{ font-size:22px; font-weight:400; margin: 2px 15px 2px 15px; border-style:none; }
.feature-box.nobkg H2, .feature-box.nobkg .title{margin-right: 0px; margin-left: 0px;}

.feature-box P {margin:5px 15px;}
.feature-box.nobkg P{margin:5px 0px;}
.feature-box.blue, .feature-box.orange {color:#fff;}

.feature-box P IMG{margin-right:15px;}
.feature-box > A{
    border-radius: 25px; display: table-cell; margin:15px; color:#fff; float:right;
    background:#96999c url(../images/white-arrow.png) center right no-repeat; padding:8px 45px 8px 20px; text-decoration:none;
    width: calc(100% - 30px);
}

    /* Adapt button size when column Control has 2col or 3 col */
    .col2 .feature-box > A, .col3 .feature-box > A{width: auto;}


.feature-box > A.white{background:#f8f8f8 url(../images/blue-arrow.png) center right no-repeat; color:#0089b4;}
.feature-box > A.white:hover{background:#ffffff url(../images/blue-arrow.png) center right no-repeat; color:#0089b4;}
.feature-box > A.gray{background:#eff3f7 url(../images/blue-arrow.png) center right no-repeat; color:#0089b4;}
.feature-box > A.red{background:#931648 url(../images/white-arrow.png) center right no-repeat;}
.feature-box > A.green{background:#5c944d url(../images/white-arrow.png) center right no-repeat; }
.feature-box > A.orange{background:#d06836 url(../images/white-arrow.png) center right no-repeat; }
.feature-box > A.blue{background:#0089b4 url(../images/white-arrow.png) center right no-repeat; }
.feature-box > A.blue:hover{background:#00a9de url(../images/white-arrow.png) center right no-repeat; color:#fff; }
.feature-box.blue > A.blue{background:#328ae0 url(../images/white-arrow.png) center right no-repeat;}
.feature-box IMG.shadow{position:absolute; bottom:-8px; z-index:1000; left:0px; width:100%;}
.feature-box ul{padding:0 0 0 15px;}
.feature-box ul li{
    list-style: outside url("../images/bullet-gray.png") none;
    margin-left: 15px;
    min-height: 20px;
    padding: 3px 3px 3px 0;
}

@media (max-width: 480px) {
    .feature-box{background-color:#e9edf2; padding:15px 0px 40px 0px; margin-right:0; margin-bottom:30px;}
}


/* home-blocks-2 */
/*-------------------*/


.home-blocks-2{padding:15px 0px; overflow:auto;}
@media (min-width: 481px) {
    .home-block-2{width:32%; float:left; padding:0px 0px; margin-right:2%;}
}
.home-block-2:last-child{margin-right:0px;}
.home-block-2 H2{font-size:22px; margin:0 0; font-weight:300;}
.home-block-2 H2 SPAN{color:#e5324a;}
.home-block-2 P{margin:5px 0px; color:#6C6C6C;}

.home-block-2 ul{padding:0 0 0 0px;}
.home-block-2 ul li{font-size:14px; padding:0;}

.home-block-2 ul li:nth-child(1){list-style:none; background:url(../images/bullet-numbered-1.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
.home-block-2 ul li:nth-child(2){list-style:none; background:url(../images/bullet-numbered-2.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
.home-block-2 ul li:nth-child(3){list-style:none; background:url(../images/bullet-numbered-3.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
.home-block-2 ul li:nth-child(4){list-style:none; background:url(../images/bullet-numbered-4.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
.home-block-2 ul li:nth-child(5){list-style:none; background:url(../images/bullet-numbered-5.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
.home-block-2 ul li:nth-child(6){list-style:none; background:url(../images/bullet-numbered-6.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
.home-block-2 ul li:nth-child(7){list-style:none; background:url(../images/bullet-numbered-7.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
.home-block-2 ul li:nth-child(8){list-style:none; background:url(../images/bullet-numbered-8.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
.home-block-2 ul li:nth-child(9){list-style:none; background:url(../images/bullet-numbered-9.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}

.home-block-2 ul.red li:nth-child(1){list-style:none; background:url(../images/bullet-red-numbered-1.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
.home-block-2 ul.red li:nth-child(2){list-style:none; background:url(../images/bullet-red-numbered-2.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
.home-block-2 ul.red li:nth-child(3){list-style:none; background:url(../images/bullet-red-numbered-3.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
.home-block-2 ul.red li:nth-child(4){list-style:none; background:url(../images/bullet-red-numbered-4.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
.home-block-2 ul.red li:nth-child(5){list-style:none; background:url(../images/bullet-red-numbered-5.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
.home-block-2 ul.red li:nth-child(6){list-style:none; background:url(../images/bullet-red-numbered-6.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
.home-block-2 ul.red li:nth-child(7){list-style:none; background:url(../images/bullet-red-numbered-7.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
.home-block-2 ul.red li:nth-child(8){list-style:none; background:url(../images/bullet-red-numbered-8.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}
.home-block-2 ul.red li:nth-child(9){list-style:none; background:url(../images/bullet-red-numbered-9.png) no-repeat top left; padding:3px; padding-left:30px; min-height:20px;}

.home-block-2 > A{margin:0 0px; border-radius: 2px; color:#fff; background-color:#424242; padding:5px 10px; display:compact; text-decoration:none;}
.home-block-2 > A:hover{background-color:#e5324a;}


/* featuring-blocks */
.testmonials-ticker{padding:20px 0px 40px 0px; overflow:auto;}
.testmonials-ticker H1{text-transform:capitalize; font-size:22px; margin:0 20px 20px 0px; color:#2D2D2D;}
.testmonials-ticker H1 SPAN{color:#c62c40;}

/* featuring-blocks */
.featuring-blocks{background:#f5f9fc; padding:20px 0px 20px 0px; overflow:auto; margin-bottom:25px;}
.featuring-blocks H1{text-transform:capitalize; font-size:22px; margin:10 20px 20px 20px; color:#2D2D2D;}
.featuring-blocks H1 SPAN{color:#c62c40;}
.featuring-block{width:33.3%; float:left;}
.featuring-block H2{font-size:16px; font-weight:normal; margin:0 15px;}
.featuring-block P{margin:5px 15px; color:#6C6C6C;}
.featuring-block A{margin:0 20px;}

/* Block mat (displaying list of block in "vrac" */
OL.block-mat{width:22%; float:left; margin:0; padding:0; list-style:none; margin-right:4%;}
OL.block-mat:last-child{margin-right:0;}
@media (max-width: 480px) {
    OL.block-mat{width:100%; float:none; margin-right:0;}
}
OL.block-mat LI{margin:0; margin-bottom:20px; padding:0; padding-bottom:30px; border-bottom:1px dotted #ABABAB;}
OL.block-mat LI:last-child{border-bottom:none;}
OL.block-mat LI P{color:#818181; font-weight:300;}

/* Testimony frame */
.testimony{position:relative}
.testimony .text-insert{position:absolute; z-index:2; bottom:8%; max-width:55%; padding:20px 20px 20px 20px; background:url(../images/bkg-opaciy-65.png);}
.testimony .text-insert P{font-style:italic; color:#000000; margin:0;}
.testimony .text-insert h5 {color:#636363; font-weight:normal;}
.testimony .text-insert h5 SPAN{color:#0089b4; font-weight:normal;}
.testimony IMG{}

@media only screen and (min-width: 768px) and (max-width: 1200px){
    .testimony .text-insert{bottom:0; height:100%;}
}


/* Testimonial */
DL{width:100%; font-weight:300; padding-bottom:10px;}
DD{font-family:Georgia, "Times New Roman", Times, serif; color:#818181; font-style:italic; margin:0; padding-bottom:10px; float:left;}

DL.with-video DD{ width:calc(100% - 160px);}
DL.with-video DD.img-for-video{float:right; width:160px; text-align:right;}

DT{clear:both;}
DT SPAN{color:#e5324a; font-weight:400;}
DT.link{font-size:14px;}

/* Frame */
.frame {
    padding:15px;
    background-color:#a1d0ff;
    margin-bottom:20px;
}

.frame.blue {
    background-color:#49a2f9;
}

.frame A {

}
.frame H1 {
    font-size:18px;
    margin:0;
    color:#424242;
}
.frame UL {
    list-style-image:url(images/bullet.png);
    margin:0;
    padding:0;
    padding-left:18px;
}

/* Video Component */
/* --------------- */
DL {
    width:100%;
    font-weight:300;
    padding-bottom:10px;
}
DD {
    font-family:Georgia, "Times New Roman", Times, serif;

    color:#818181;
    font-style:italic;
    margin:0;
    padding-bottom:10px;
    float:left;
}
DL.with-video DD {width:calc(100% - 160px);}
DL.with-video DD.img-for-video {
    float:right;
    width:160px;
    text-align:right;
}
DT {clear:both;}
DT SPAN {color:#e5324a; font-weight:400;}
DT.link {font-size:14px;}

.videos {overflow:auto; padding-bottom:20px;}
.video-launcher, .goto-youtube-channel {
    display:compact;
    padding:0px;
    position:relative;
    padding-bottom:20px;
}
.play-arrow {position:absolute; background:url(../images/videoLauncherArrow.png) no-repeat center center;}

.goto-youtube-channel {
    border:1px solid #EAEAEA;
    background-color:#eff3f7;
    border-radius:15px;
    width:220px;
    text-align:center;
    height:91px;
    padding-top:40px;
}
.goto-youtube-channel A {display:block;}
.video-launcher A {font-size:14px;}
.video-launcher .video-thumbnail {}
.video-launcher .video-thumbnail IMG {border-radius:3px;}
.video-launcher .cut-text {
    padding-top:6px;
    display:block;
    text-align:center;
}

/* SEARCH */
/* ----------------------------------------*/

.searchArea{text-align:center; display:block; width:610px; margin:0 auto; padding-top: 20px;}
.searchFrame{display:flex; width:610px; position:relative; padding:8px 5px; border-radius:22px; background:#dad7d5;}

.searchField{
    flex-grow: 1;
    border-top-left-radius:15px;
    border-bottom-left-radius:15px;
    border:1px solid #0089b4;
    padding:8px 15px;
    height:43px;
    font-size:18px;
    color:#0089b4;
    font-weight:400;
    border-right:1px solid #D5D5D5;
}
.searchSubmit{
    border-top-right-radius:15px;
    border-bottom-right-radius:15px;
    border:1px solid #0089b4;
    display:inline;
    padding:8px 15px;
    cursor:pointer;
    height:43px;
    position:relative;
    font-size:18px;
    color:#fff;
    font-weight:400;
    font-family:Arial, Helvetica, sans-serif;
    background:#0089b4;
    line-height:0;

}
.searchSubmit:hover{
    background:#00a9de;
    border:1px solid #00a9de;

}
.searchwhere {
    display: none; /* @FIXME workaround until this functionality is removed */
}

@media (max-width: 768px) {
    .searchArea{width:100%;}
    .searchFrame{width:100%;}
    .searchField{width:calc(70% - 12px);}
    .searchSubmit{width:30%;}
}

/* -- Search Autocomplete -- */
.algolia-autocomplete {
    width: 100%;
}
.algolia-autocomplete .aa-input, .algolia-autocomplete .aa-hint {
    width: 100%;
}
.algolia-autocomplete .aa-hint {
    color: #999;
}
.algolia-autocomplete .aa-dropdown-menu {
    width: 100%;
    background-color: #fff;
    border: 1px solid #999;
    border-top: none;
    text-align: left;
}
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion {
    cursor: pointer;
    padding: 5px 10px;
}
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion.aa-cursor {
    background-color: #B2D7FF;
}
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion em {
    font-weight: bold;
    font-style: normal;
}
.search-result-footer {
    padding: 5px 10px;
    text-align: right;
}


/* -- Search Result -- */
/* ------------------------------------------------*/

UL.searchResults{margin:0; padding:0; list-style:none;}
LI.searchresult{margin-bottom:30px;}
LI.searchresult A{font-size:16px; text-decoration:underline;}
.subResult{font-size:14px;}
.lastModified{font-size:12px;}
.similarPage{font-size:12px;}

.searchTags{list-style-image:url(../images/gray-arrow.png); margin:0px; padding-left:25px;}
.searchTags LI{padding:2px 0;}

.pagination{margin-bottom:20px;}
.pagination .page, .pagination .next, .pagination .previous{display:inline-block; width:25px; height:25px; text-align:center; font-weight:bold; background-color:#F5F5F5;}
.pagination .page A{color:#FFFFFF;  width:25px; height:25px; background-color:#6AB5FF; font-weight:normal; text-align:center;}
.pagination .next A, .pagination .previous A{width:25px; height:25px; text-align:center; background-color:#6AB5FF; color:#FFFFFF; text-decoration:none;}


/* Base for label styling */
/* ---------------------- */

.findsimilar_checkbox{
    position:absolute;
    z-index:2;
    right:-398px;
    top:94px;
}


.content [type="checkbox"]:not(:checked),
.content [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}
.content [type="checkbox"]:not(:checked) + label,
.content [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}

/* checkbox aspect */
.content [type="checkbox"]:not(:checked) + label:before,
.content [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left:0; top: 2px;
    width: 17px; height: 17px;
    border: 1px solid #aaa;
    background: #f8f8f8;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.2)
}
/* checked mark aspect */
.content [type="checkbox"]:not(:checked) + label:after,
.content [type="checkbox"]:checked + label:after {
    content: '\2716';
    position: absolute;
    top: 1px; left: 4px;
    font-size: 14px;
    color: #ea263f;
}
/* checked mark aspect changes */
.content [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
}
.content [type="checkbox"]:checked + label:after {
    opacity: 1;
}
/* disabled checkbox */
.content [type="checkbox"]:disabled:not(:checked) + label:before,
.content [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}
.content [type="checkbox"]:disabled:checked + label:after {
    color: #999;
}
.content [type="checkbox"]:disabled + label {
    color: #aaa;
}


/* Styles embedded in Richtext component */
/* ------------------------------------- */

span.rt_button_red A, span.rt_button_blue A, span.rt_button_orange A, span.rt_button_black A, span.rt_button_green A{
    font-size:16px; color:#fff; padding:6px 20px;
    display:compact; text-decoration:none;
}
span.rt_button_red A{background-color:#c62c40;}
span.rt_button_red:hover A{background-color:#e5324a;}
span.rt_button_orange A{background:#FF8000;}
span.rt_button_blue A{background:#49a2f9;}
span.rt_button_black A{background:#424242;}
span.rt_button_green A{background:#65c24b;}

span.rt_button_red_arrow A,
span.rt_button_orange_arrow A,
span.rt_button_blue_arrow A,
span.rt_button_black_arrow A,
span.rt_button_green_arrow A{
    font-size:16px; color:#fff;
    padding:6px 30px 6px 20px; display:compact;
    text-decoration:none;
}
span.rt_button_red_arrow A{background:#c62c40 url(../images/white-arrow.png) center right no-repeat;}
span.rt_button_red_arrow:hover A{background:#e5324a  url(../images/white-arrow.png) center right no-repeat;}
span.rt_button_orange_arrow A{background:#FF8000 url(../images/white-arrow.png) center right no-repeat;}
span.rt_button_blue_arrow A{background:#49a2f9 url(../images/white-arrow.png) center right no-repeat;}
span.rt_button_black_arrow A{background:#424242 url(../images/white-arrow.png) center right no-repeat;}
span.rt_button_green_arrow A{background:#65c24b url(../images/white-arrow.png) center right no-repeat;}

.highlight-box-grey{background-color:#e1e8ee; padding:15px;}
.highlight-box-blue{background-color:#49a2f9; padding:15px;}


/* Image Magnifier */
/* -------------------------------------------------*/

.magnifier {
    padding: 0;
    display:compact;
    position: relative;
    border:1px solid #EAEAEA;
    width:400px;
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
    line-height:0;
}

.magnifier.small{width:300px;}
.magnifier.medium{width:400px;}
.magnifier.large{width:600px;}

.magnifier:hover {
    box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
}

.magnifier IMG{
    width:100%;
    line-height:0;
}

.magnify-image {
    background: url(../images/magnify.png) no-repeat scroll center center rgba(0, 0, 0, 0);
    position: absolute;
    width:100%;
    height:100%;
    z-index:2;
    line-height:0;
}


/* MASONRY classes */
.masonry .item {padding:20px 20px 20px 0; }
/* --------------- */


/* TABS */
/* ---- */
ul.basictabs {
    margin:0px; padding:0px;
    margin-top:5px;
    padding-bottom:7px;
    padding-left:0px;
    background:url(shadow.png) no-repeat left;
}
ul.basictabs li {
    list-style:none;
    display:inline;
    margin-left:0px;

}
ul.basictabs li a {
    background-color:#c1273b;
    cursor:pointer;
    color:#fff;
    padding:8px 20px;
    text-decoration:none;
    border:1px solid #c1273b;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom:none;
}
ul.basictabs li a:hover {
    background-color:#F5F5F5;
    border-color:#D5D5D5;
    color:#c1273b;
    border-bottom:1px solid #fff;
}
ul.basictabs li a.active {
    background-color:#FCFCFC;
    color:#2D2D2D;
    border:1px solid #ABABAB;
    border-bottom: 1px solid #FCFCFC;
    font-weight:bold;
}

.basictab-content {
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color:#FCFCFC;
    padding:15px;
    border:1px solid #ABABAB;
    min-height:150px;

}

#content_2, #content_3 { display:none; }

.basictab-content UL{
    margin:0px;
    padding:5px 0px;
    padding-left:20px;
}
.basictab-content UL LI{
    padding-bottom:5px;
}



/* More info box */
/* -----------------------------------------------*/

.moreinfo-box {margin-bottom: 25px;}
.moreinfo-box {width: 100%;}
.moreinfo-box .title {
    color: #303030;
    font-size: 1.5em;
    font-weight: 300;
    padding-bottom: 10px;
}
.moreinfo-box .content {
    color: #746858;
    padding-bottom: 10px;
}
.moreinfo-box .link A{
    border-radius: 2px;
    margin-top:10px; color:#fff; padding:5px 10px;
    display:compact; text-decoration:none;
    background-color: #c52b3f;
}

.moreinfobox-bkg{
    height:120px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-size: contain, cover;
    background-repeat: no-repeat;
    background-position: center;
}


/* TESTIMONIALS */
/* -------------------------------------- */

.testimonialFrame { border:1px solid #EFEFEF; padding:10px; margin:5px 0px; overflow:auto; }


/* iBUTTON */
/* ------------- */

.ibtn {
    background:#AAAAAA; border-radius: 25px; color: #FFFFFF;
    cursor: pointer; display: inline-table; position: relative; text-decoration: none;
    font-size:16px; padding:15px;
    border:0; line-height:0;
}

.ibtn.tiny {
    padding:4px 28px 4px 8px;
    font-size:13px;
}

.ibtn.rightarrow{
    background: url(../images/white-arrow.png) no-repeat center right;
    padding-right:30px;
}

.ibtn span {position: relative; }

.ibtn.gray { background-color:#dad7d5; color:#222222; }
.ibtn.gray:hover { background-color: #ecebeb; color:#333333; text-decoration: none; }

.ibtn.red { background-color:#931648; color:#FFFFFF; }
.ibtn.red:hover { background-color: #c01b5d; color:#FFFFFF; text-decoration: none; }

.ibtn.blue { background-color:#0089b4; color:#FFFFFF;}
.ibtn.blue:hover { background-color: #00a9de; color:#FFFFFF; text-decoration: none; }

.ibtn.black { background-color:#636363; }
.ibtn.black:hover { background-color: #676868; color:#FFFFFF; text-decoration: none; }

.ibtn.green { background-color:#5c944d; }
.ibtn.green:hover { background-color: #77c662; color:#FFFFFF; text-decoration: none; }



.mobile-rotator img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

div.splitter{background-color: #fff;}
.splitter .splitter-pane #results a {color: #49a2f9;}
.splitter .splitter-pane #results a:hover {color: #087cee;}

/* knowledge base thumbnail generator and screenshot enlarger */
.kb_box A{position:relative;}
.kb_box A img {
    border: none;
    height: auto;
    max-width: 75%;
}

@media (max-width: 776px) {
    .kb_box A img {
        max-width: 100%;
    }
}

.kb_screenshot{}

.kb_box A img.expanded {max-width: none;}
.kb_box .enlarge{width:30px; height:30px; background:url(../images/template/enlarge.png) no-repeat center center; position:absolute; margin:10px;}
.kb_box .reduce{width:30px; height:30px; background:url(../images/template/reduce.png) no-repeat center center; position:absolute; margin:10px;}

ul.ui-autocomplete li.ui-menu-item strong {
    color: #D11B33;
    font-weight: normal;
}

ul.ui-autocomplete {
    background: #f5f9fc;
    z-index: 1;
}

.popup .modal-header {min-height: 40px;}
.popup .modal-body {padding: 0px;}

.teaserbox {
    font-size: 10px;
    color: blue;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    background-color: #EEE;
    border: 2px dotted #CCC;
}

.feature-box {background-color: #eff3f7;}
.feature-box.greenbkg {background-color: #388d46;}
.feature-box.mauvebkg {background-color: #271a40;}
.feature-box.orangebkg {background-color: #ed8107;}
.feature-box.bluebkg {background-color: #0088ad;}
.feature-box.redbkg {background-image: linear-gradient(to right, #931648 0%, #650520 100%);}
.feature-box.greybkg {background-color: #eff3f7;}
.feature-box.nobkg {background: none;}

.backgroundvideo {
    overflow: hidden;
    position: relative;
    min-height:350px;
}
.feature-box.greenbkg h2 , .feature-box.mauvebkg h2, .feature-box.redbkg h2{
    color: #ffffff;
}
.backgroundvideo video#bgvid{
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    /*z-index: -1; */
}

.backgroundvideo .overlay h1, .backgroundvideo .overlay h2, .backgroundvideo .overlay h3, .backgroundvideo .overlay h4, .backgroundvideo .overlay h5, .backgroundvideo .overlay p, .backgroundvideo .overlay span {
    color: #ffffff;
    position: relative;
}

.backgroundvideo .overlay .bg-white h1{color:#931648;}
.backgroundvideo .overlay .bg-white h2{color:#231D45;}
.backgroundvideo .overlay .bg-white h3{color:#0089B4;}
.backgroundvideo .overlay .bg-white h4{color:;}
.backgroundvideo .overlay .bg-white h5{color:;}
.backgroundvideo .overlay .bg-white p,
.backgroundvideo .overlay .bg-white span {
    color:black;
}


/* END */

/*
Media component
*/

.media{
    height:300px;
    position:relative;
    overflow:hidden;
}

.media .slider{width:100%; height:300px;
    position:absolute; z-index:4;
}

.media .slider TABLE{height:300px; width:100%;}
.media .slider TABLE TR TD{width:50%; font-size:24px;}
.media .slider TABLE TR TD.slider-cell-left{text-align:right; font-weight:200;}
.media .slider TABLE TR TD.slider-cell-left.red{color:#951247;}
.media .slider TABLE TR TD.slider-cell-left.orange{color:#ec6730;}
.media .slider TABLE TR TD.slider-cell-left.green{color:#2f9647;}
.media .slider TABLE TR TD.slider-cell-left.blue{color:#008ab7;}
.media .slider TABLE TR TD.slider-cell{width:inherit; text-align:center; padding:0 15px;}
.media .slider TABLE TR TD.slider-cell-right{text-align:left; font-weight:300;}
.media .slider TABLE TR TD.slider-cell-right.white{color:#FFFFFF;}

.media .text{width:50%; height:160px; padding:0px 15px 15px 15px; color:#FFFFFF; position:absolute; right:0px; bottom:0px; z-index:3;}
.media .text .title{font-size:18px;}
.media .text P{font-size:14px; margin:0px; padding:0px;}

.media .image{background-image:url('/content/dam/isabel6/images/group/street.jpg'); background-size:55%; position:absolute; width:100%; height:300px; z-index:1; background-repeat:no-repeat;}
.media .image.secured{background-image:url('/content/dam/isabel6/images/group/secured.jpg'); background-size:55%; background-position:0 25%;}
.media .image.transaction{background-image:url('/content/dam/isabel6/images/group/transaction.jpg'); background-size:55%; background-position:0 25%;}
.media .image.professional{background-image:url('/content/dam/isabel6/images/group/professional.jpg'); background-size:55%; background-position:0 25%;}

@media (max-width: 992px) {
    .media .image.secured,
    .media .image.transaction,
    .media .image.professional{background-size:cover; background-position:-25% 15%;}
}

.media .color{background-color:#424242; transform: skewX(-17deg); width:100%; height:300px; position:absolute; right:-50%; z-index:2;}
.media .color.red{background-color:#951247; background: linear-gradient(to right, #941146 0%,#650520 100%);}
.media .color.orange{background-color:#ec6730; background: linear-gradient(to right, #ea5b0b 0%,#d72000 100%);}
.media .color.green{background-color:#2f9647; background: linear-gradient(to right, #2f9647 0%,#095814 100%);}
.media .color.blue{background-color:#008ab7; background: linear-gradient(to right, #008ab7 0%,#004b83 100%);}

.media, .media .image, .media .color, .media .slider, .media .slider TABLE{height:260px;}

/* SIMPLE BUTTON */

.simplebutton SPAN{
    padding:0px 0px 20px 0px;
    display:inline-block;
    color:white;
    border:none;
}

.simplebutton A{
    border-radius:25px;
    padding:10px 20px 10px 20px;
    display:inline-block;
    color:white !important;
    border:none;
    cursor: pointer;
    font-size:20px;
    background-repeat:no-repeat;
    background-position:right 18px center;
    background-size:auto 55%;
}

.simplebutton A:hover{color:white !important;}

.simplebutton A.red{ background-color: #931648 !important;}
.simplebutton A.red:hover{ background-color: #c71c60 !important;}
.simplebutton A.blue{background-color: #0089b4 !important;}
.simplebutton A.blue:hover{background-color: #00b1e7 !important;}
.simplebutton A.orange{background-color: #d06836 !important;}
.simplebutton A.green{background-color: #5c944d !important;}
.simplebutton A.gray{background-color: #dad7d5 !important;}
.simplebutton A.white{background-color: white !important; color:#931648 !important;}

.simplebutton SPAN.red{color: #931648}
.simplebutton SPAN.blue{color: #0089b4;}
.simplebutton SPAN.orange{color: #d06836;}
.simplebutton SPAN.green{color: #5c944d;}
.simplebutton SPAN.gray{color: #dad7d5;}
.simplebutton SPAN.white{color: white;}

.simplebutton.onleft{text-align:left;}
.simplebutton.oncenter{text-align:center;}
.simplebutton.onright{text-align:right;}

.simplebutton.sizeconv A{
    padding:8px 20px 12px 20px;
    font-size:22px;
}
.simplebutton.sizenormal A{
    padding:12px 18px 12px 18px;
    font-size:16px;
}


@media (max-width: 768px) {

/* Always centered on smartphone */ 
    .simplebutton.onleft{text-align:center;}
    .simplebutton.oncenter{text-align:center;}
    .simplebutton.onright{text-align:center;}

}

.topmargin{margin-top:50px;}
.bottommargin{margin-bottom:50px;}

/* END - SIMPLE BUTTON */




/* Color Section Component */
.colorsection .overlay{padding:50px 0px;}

@media (max-width: 768px) {
	.colorsection .overlay {padding: 20px 0px;}
}

.colorsection:first-child .overlay .container{margin-top: 35px;}

.notoppadding, .colorsection .overlay.notoppadding{padding-top:0px;}
.nobottompadding, .colorsection .overlay.nobottompadding{padding-bottom:0px;}

/* PORTAMENTO SCRIPT */

.user-blocks{padding-bottom:40px;}
.user-added H4 A{font-size:12px; color:#0089B4; text-decoration:underline;}

.pricetable{padding: 25px; background-color: rgba(0, 137, 180, 0.21); color:black;}
.username{font-size:20px;}
.user-price UL{padding-left: 10px; padding-top: 5px;}
.requiredpackage{font-weight:bold;}
.total-price{
    font-size: 20px;
    color: rgb(255, 255, 255);
    padding: 15px 25px 20px;
    border-top: 1px solid rgb(3, 102, 134);
    background-color: rgb(0, 137, 180);
}
.remove-user{font-size:12px;}
.price-col{float:right; width:350px;}

#portamento_container {float:right; position:relative;} /* take the positioning of the sidebar, and become the start point for the sidebar positioning */
#portamento_container .price-col{float:none; position:absolute;} /* no need to float anymore, become absolutely positoned */
#portamento_container .price-col.fixed {position:fixed;} /* if the panel is sliding, it needs position:fixed */

/* CAROUSEL TESTIMONIALS */

.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
  border:none;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-control {
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  opacity: .5;
  filter: alpha(opacity=50);
  line-height: 40px;
  line-height: 28px;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  opacity: .9;
  filter: alpha(opacity=90);
}
/* carousel */
.media-carousel {
  margin-bottom: 0;
  padding: 0;
  margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control {
  background: none repeat scroll 0 0;
  border: 2px solid #8c0e4b;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width: 40px;
  margin-top: -20px;
  color: #8c0e4b;
  font-size: 40px;
}
.media-carousel .carousel-control.left {
  left: -90px;
}
.media-carousel .carousel-control.right {
  left: auto;
  right: -90px !important;
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators {
  right: 50%;
  top: auto;
  bottom: 0;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li {
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active {
  background: #333333;
}
/* End carousel */
@media (max-width: 1040px) {
  .media-carousel .carousel-control {
    position: static;
    display: inline-block;
    margin: 0 5px 0 5px;
  }
}


.wrapper-reference {
  padding: 75px 0 99px 0;
  text-align: center;
}
.wrapper-reference .intro,
.wrapper-interested .intro {
  color: #8c0e4b;
  font-size: 30px;
  margin-top: 0;
}
.wrapper-reference .slider {
  color: #8c0e4b;
  font-size: 20px;
  font-family: "Rubrik-Medium", Arial, Helvetica, sans-serif;
}
.wrapper-reference .icon-slide {
  margin: 0 10px;
}

.reference {
  margin-bottom: 28px;
  overflow: auto;
  text-align: left;
}
.reference.right {
  text-align: right;
}
.reference .user {
  width: 130px;
  height: 130px;
  border-radius: 130px;
  box-shadow: 0 2px #ccc;
  vertical-align: inherit;
}
.reference .content, .reference .left.content {
  border: 2px solid #8c0e4b;
  padding: 30px;
  border-radius: 12px;
  width: 546px;
  margin: 30px 30px 0 30px;
  position: relative;
}

.reference.inblue .content, .reference.inblue .left.content {
  border: 3px solid #0089b4;
}

.reference .content:before {
  content: '';
  background: url('../images/sprites.png') no-repeat;
  width: 21px;
  height: 22px;
  display: block;
  position: absolute;
  top: 35px;
}

.reference.inblue .content:before {
  background: url('../images/sprites-blue.png') no-repeat;
}

.reference .content.right:before {
  background-position: -584px -33px;
  left: -21px;
}
.reference .content.left:before {
  background-position: -500px 0;
  right: -21px;
}
.reference blockquote {
  font-size: 16px;
  line-height: 24px;
  padding: 0;
  margin: 0;
  text-align: left;
  border:none;
}
.reference blockquote > span {
  color: #8c0e4b;
  font-family: "Rubrik-SemiBold", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 14px;
  display: block;
  text-align: right;
  margin-top: 20px;
}

.reference.inblue blockquote > span {
  color: #0089b4;
}

.reference .left,
.reference .right {
  display: inline-block;
}
.reference .left{
    border:none;
}

@media (max-width: 1040px) {
  .container {
    width: 100%;
    margin: auto;
    padding: 0 20px;
    box-sizing: border-box;
  }
  .reference .content {
    width: 50%;
  }

}

@media (max-width: 700px) {

  .reference .left,
  .reference .right {
    display: none;
  }
  .reference .left.content,
  .reference .right.content {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
  }
  .reference .left.content:before,
  .reference .right.content:before {
    content: normal;
  }

}

@media (max-width: 450px) {
  .wrapper-reference .slider {
    display: none;
  }
}

/* grecaptcha-badge */
.grecaptcha-badge{
    z-index:1000;
    bottom:100px !important;
}


/* ISABEL GROUP CSS */
/*---------------------*/

p{font-weight:400;}

.topbar{position:absolute; z-index:1000; width:100%; height:50px;}
.topbar A{float:right;}
.search-menu-button{display:none;}

@media (max-width: 768px) {
    .topbar{display:none;}
}

@media (max-width: 768px) {
    .hideMobile{display:none !important;}

}

.login_en{display:block; height:51px; background:url(../images/login-en.png) no-repeat bottom center;  text-decoration: none;}
.login_en:hover{background:url(../images/login-en.png) no-repeat top center;  text-decoration: none;}
.login_nl{display:block; height:51px; background:url(../images/login-nl.png) no-repeat bottom center;  text-decoration: none;}
.login_nl:hover{background:url(../images/login-nl.png) no-repeat top center;  text-decoration: none;}
.login_fr{display:block; height:51px; background:url(../images/login-fr.png) no-repeat bottom center;  text-decoration: none;}
.login_fr:hover{background:url(../images/login-fr.png) no-repeat top center;  text-decoration: none;}

@media (max-width: 481px) {
    BODY{background:none; padding: 0px;}
    .header{margin:0px 0px 8px 0px;}
    .topbar{margin-top:10px; margin-right:10px;}
    .login_en, .login_nl, .login_fr{display:none;}
}

.parallax-window {
    height: 500px;
    background: transparent;
}

.page-parallax .parallax-behind-menu {
    height: 600px;
}

.topnav {
    margin-top: -600px;
    margin-left: -15px;
    background-color: #ffffff;
}

.topdiv.noparallax .topnav {
    margin-top: 0px;
}

.topdiv.noparallax {
    height: auto;
}

@media (max-width: 992px) {
    .page-parallax .parallax-behind-menu {
        height: 800px;
    }

    .topnav {
        margin-top: -800px;
    }

    .topdiv.noparallax .topnav {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        background-color: #F6F6F6;
    }

    .topdiv.noparallax {
        height: auto;
    }
}

@media (max-width: 768px) {
    .page-parallax .parallax-behind-menu {
        height: 1000px;
    }

    .mainnav {
        margin-top: -1000px;
    }

    .topdiv.noparallax .mainnav {
        margin-top: 0px;
    }

    .topdiv {
        width: auto;
    }

    .topdiv.noparallax {
        height: auto;
    }
}

.row{position: relative;}
.row-margin{margin-top:20px; margin-bottom:20px;}
.row_topmargin{margin-top:20px;}
.row_bottommargin{ margin-bottom:20px;}

@media (max-width: 768px) {
    .mainmenu{position:absolute; z-index: 1; top:20px; width:100%;}
}

.nav{background-color: rgba(255,255,255, 0.9); border-radius: 40px;}
.nav > li > a{font-size:1.6em; padding: 10px 0px; font-weight:400;}
.nav > li > a:hover, .nav > li > a:hover{background:none;}

.home-header{position:relative; text-align:center; top:150px; font-size:36px; text-shadow:1px 1px rgba(156,2,67,0.95);z-index: 11;}
.home-logo{position:relative; top:1px;z-index: 11}


@media (max-width: 768px) {

    .nav{padding: 10px;}
    .nav > li A.lens{text-align:center; display:none;}
    .home-header{position:relative; text-align:center; opacity:0.9; top:300px; font-size:28px;z-index: 11}
    .home-logo{top:15px; position:absolute;}
    .home-logo IMG{width:220px;}
    .mainmenu UL LI A{padding:0;}
    .search-menu-button{position:absolute; top:-55px; right:0px; display:block;}
    .footer {position: initial !important;}
    .portamento_container {float: none !important;}
    .price-col {position: initial !important;}
}

@media screen and (min-width: 768px) and (max-height: 700px){
    .parallax-window {height:425px;}
    .home-logo{top:1px;}
    .home-logo IMG{height:auto; width:220px;}
}


/* footer */

.footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    clear:both;
    width:100%;
    background-color:#323435;
}

.footer-top{display:block; width:100%; padding:12px 0 12px 0; background-color:#323435; position:relative; color:#EAEAEA; font-weight:200;}

.footer-btn{padding:3px 20px; background-color:#5c944d; color:#FFFFFF; text-decoration:none; display: inline-block;  border-radius:15px; font-weight:200;}
.footer-btn.lang{background-color:#818181; padding:3px 8px;}
.footer-btn.lang:hover{color:#FFFFFF; background-color:#CCC;}
.footer-btn.lang.active{background-color:#575757; color:#ABABAB;}
.footer-btn.subscribe{background:#5c944d url(../images/mailing-subscribe-icon.png) 20px center no-repeat; padding-left:40px; padding-right:20px;}
.footer-btn:visited{color:#FFFFFF;}
.footer-btn:hover{color:#D3F1E2; background-color: #77c662; text-decoration:none;}

.footer-btn.dark-blue, .footer-btn.dark-blue:visited, .footer-btn.dark-blue:active, .footer-btn.dark-blue:hover{background-color:#005772 !important; color:#FFFFFF;}
.footer-btn.blue, .footer-btn.blue:visited, .footer-btn.blue:active, .footer-btn.blue:hover{background-color:#0089b4 !important; color:#FFFFFF;}

.toggle-footer{text-align:right;}
.row.toggle-footer {margin: 0;}

.row.toggle-footer .colorsection section {padding:10px 15px;}

.footer .follow-us{display:inline; padding-right:20px;}
.footer .footer-links{color:#818181; display:inline;}

.footer .footer-links A:link{margin:0px 20px 0px 0px; color:#D5D5D5; text-decoration:none; white-space:nowrap;}
.footer .footer-links A:visited{color:#D5D5D5;}
.footer .footer-links A:hover{color:#FFFFFF;}

.footer .text-align{text-align:right;}

.footer .copyright{color:#F5F5F5; display:inline;  text-align:right; padding-left:20px;}
.footer .call-to-action{display:inline; text-align:right;}
.footer-top .call-to-action DIV{display:inline; margin-left:20px;}

@media (max-width: 992px) {
    .footer .follow-us, .footer .call-to-action, .footer .footer-links, .footer .copyright{text-align:center; display:block;}
    .footer-top .call-to-action DIV{padding:10px; display:block;}
}

@media handeld and (max-width: 768px) {
    /* Hide MSI Download button */
    .call-to-action DIV:first-child{display:none;}
}



/*
Media component
*/

.media{
    /*width:400px;*/
    height:300px;
    position:relative;
    overflow:hidden;
}

@media (max-width: 768px) {
    .media{
        margin-bottom: 15px;
    }
}

.media .text{width:50%; height:200px; padding:0px 15px 15px 15px; color:#FFFFFF; position:absolute; right:0px; bottom:0px; z-index:3;}
.media .text .title{font-size:1.4em;}
.media .text P{font-size:1.1em; margin:0px; padding:0px;}

.media .image{background-size:cover; position:absolute; width:100%; height:300px; z-index:1;}
.media .color{background-color:#424242; transform: skewX(-17deg); width:100%; height:300px; position:absolute; right:-45%; z-index:2;}
.media .color.purple{background-color:#951247; background: linear-gradient(to right, #931648 0%,#650520 100%);}
.media .color.orange{background-color:#ec6730;}
.media .color.green{background-color:#2f9647;}
.media .color.blue{background-color:#008ab7;}
.media .color.grey{background-color:#dad7d5;}
.media .color.darkgrey{background-color:#636363;}
.media .color.mauve{background-color:#231d45;}
.media .color.none{background-color:#951247;}



/* CSS FOR NEW WEBSITE ISABEL GROUP */
/* -------------------------------- */

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 10px;
    margin: 2px 0px 0px;
    font-size: 14px;
    text-align: left !important;
    list-style: outside none none;
    background-color:rgba(0, 137, 180, 0.8);
    background-clip: padding-box;
    border: none;
    border-radius: 4px;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
}
.dropdown-menu > li {margin:5px 0;}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 3px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    color: #ffffff;
    white-space: nowrap;
}

/* PARALLAX BEHIND MENU */
.parallax-behind-menu {
    /* CSS positioning the parallax image background under the MENU and on top of the page. */
    position:relative; z-index:-1;
    width:100%;
    background: transparent;
}

.contentpar {
    min-height: 200px;
}



/*  BOOTSTRAP OVERWRITE  */
/*------------------------------*/

.alert {
    padding: 10px;
    font-size: 18px;
    border: 1px solid transparent;
    border-radius: 15px;
}

.col-ctrl{border-radius: 15px;}

.col-inline{position:relative; float:left; min-width:50px; margin-left:20px;}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

/* ------------------------------- */

/* NEW Feature Box Component */

.item-benefit {
  background-color: #e6e6e6;
  color: #636363;
  line-height: 26px;
  font-size: 18px;
  border-radius: 14px;
  padding: 30px;
  min-height:inherit;
  margin: 0px 0px 40px 0px;
}

.feature_box A .item-benefit{transition: all .5s ease-in-out;}
.feature_box A:hover .item-benefit{transition: all .2s ease-in-out;}

.feature_box A:hover .item-benefit.bluebkg{background-color:#00b1e7;}
.feature_box A:hover .item-benefit.graybkg {background-color: #e9e9e9;}
.feature_box A:hover .item-benefit.purplebkg {background-color: #c71c60;}
.feature_box A:hover .item-benefit.greenbkg {background-color: #71b85f;}
.feature_box A:hover .item-benefit.orangebkg {background-color: #f17235;}
.feature_box A:hover .item-benefit.whitebkg {background-color: #f0f0f0;} 

.item-benefit UL{padding-left: 20px;}
.item-benefit UL LI{margin-left:0px;}

.item-benefit blockquote {
  color: #272345;
  font-style: italic;
  font-size: 20px;
}

.item-benefit blockquote span {
  font-size: 12px;
  display: block;
}

.item-benefit .moreinfo{
    background-color: #008AB4;
    padding: 0px 30px;
    color: #FFF;
    border: medium none;
    border-radius: 25px;
    height: 50px;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    margin-bottom: -55px;
}

.item-benefit .featured-image{margin-bottom:20px;}
.item-benefit .title {margin: 0; color: #333333;}
.item-benefit .featured-content-text{margin-top: 20px;}
.item-benefit .morecontent{color:#636363; margin-top:10px;}
.item-benefit .featured-content-button{margin-top:10px;}

.item-benefit.graybkg {background-color: #F2F2F2;}
.item-benefit.darkgraybkg {background-color: #E6E6E6;}
.item-benefit.bluebkg {background-color: #0089b4;}
.item-benefit.purplebkg {background-color: #931648;}
.item-benefit.greenbkg {background-color: #5c944d;}
.item-benefit.orangebkg {background-color: #d06836;}
.item-benefit.whitebkg {background-color: #ffffff;} 

.item-benefit.bluebkg .title, .item-benefit.purplebkg .title,
.item-benefit.greenbkg .title, .item-benefit.orangebkg .title{color: #ffffff;}

.item-benefit.bluebkg .featured-content, .item-benefit.bluebkg .featured-content-text, .item-benefit.bluebkg .morecontent{color:#fff;}
.item-benefit.bluebkg .featured-content A, .item-benefit.bluebkg .featured-content-text A, .item-benefit.bluebkg .morecontent A{color:#fff; text-decoration:underline;}
.item-benefit.greenbkg .featured-content, .item-benefit.greenbkg .featured-content-text, .item-benefit.greenbkg .morecontent{color:#fff;}
.item-benefit.greenbkg .featured-content A, .item-benefit.greenbkg .featured-content-text A, .item-benefit.greenbkg .morecontent A{color:#fff; text-decoration:underline;}
.item-benefit.orangebkg .featured-content, .item-benefit.orangebkg .featured-content-text, .item-benefit.orangebkg .morecontent{color:#fff;}
.item-benefit.orangebkg .featured-content A, .item-benefit.orangebkg .featured-content-text A, .item-benefit.orangebkg .morecontent A{color:#fff; text-decoration:underline;}
.item-benefit.purplebkg .featured-content, .item-benefit.purplebkg .featured-content-text, .item-benefit.purplebkg .morecontent{color:#fff;}
.item-benefit.purplebkg .featured-content A, .item-benefit.purplebkg .featured-content-text A, .item-benefit.purplebkg .morecontent A{color:#fff; text-decoration:underline;}

.btn {
  border: 2px solid #8c0e4b;
  border-radius: 25px;
  font-size: 16px;
  color: #8c0e4b;
  height: 45px;
  display: inline-block;
  text-align: center;
  line-height: 44px;
}
.btn.checker-button {
  border: 2px solid #8c0e4b;
  background-color: #8c0e4b;
  border-radius: 25px;
  margin-top: 30px;
  font-size: 16px;
  color: #fff;
  height: auto;
  display: inline-block;
  text-align: center;
  line-height: 44px;
}
.btn.cta {
  width: 250px;
  margin-right: 30px;
}
.btn:hover,
.btn:focus {
  background-color: #8c0e4b;
  color: #fff;
}
.btn.secondary {
  background-color: #008ab4;
  padding: 0 15px;
  color: #fff;
  border: none;
}
.btn.secondary:hover,
.btn.secondary:focus {
  background-color: #00b1e7;
}
.btn.secondary.opaque {
  background-color: transparent;
  border: 2px solid #008ab4;
  color: #008ab4;
}
.btn.secondary.opaque:hover,
.btn.secondary.opaque:focus {
  background-color: #008ab4;
  color: #fff;
}
.wrapper-benefit .btn {
    margin-bottom: -80px;
}

.btn.secondary.inblue{ background-color:#0089b4; }
.btn.secondary.inblue:hover { background-color: #00a9de; color:#FFFFFF; text-decoration: none; }
.btn.secondary.inorange{ background-color:#d06836; }
.btn.secondary.inorange:hover { background-color: #f56f2e; color:#FFFFFF; text-decoration: none; }
.btn.secondary.ingreen{ background-color:#5c944d; }
.btn.secondary.ingreen:hover { background-color: #77c662; color:#FFFFFF; text-decoration: none; }
.btn.secondary.inpurple{ background-color:#931648; }
.btn.secondary.inpurple:hover { background-color: #c01b5d; color:#FFFFFF; text-decoration: none; }
.btn.secondary.ingray{ background-color:#636363; }
.btn.secondary.ingray:hover { background-color: #919191; color:#FFFFFF; text-decoration: none; }


/* Images Box Component */

.image-box{
    background-color: #e6e6e6; 
    border-radius: 14px;
    margin: 0px 0px 40px 0px;
    background-color: #ffffff;
    background-repeat: no-repeat;
    display: table;
    overflow: hidden;
    width:100%;
    position:relative;
    transition: all .3s ease-in-out;
    background-size: 100%;
}

.image-box:hover{background-size: 105%;}

.image-box-text{
    display: table-cell; vertical-align: middle; padding:0 25px;
    width: 100%; height: 100%; border-radius: 15px;
}


/* Billboard Box Component */

.banner-box-container{position:relative; width:100%;}
.banner-box-image{
    position:relative;
    border-radius: 15px;
    width:100%;
    background-repeat:no-repeat;
    background-position:center center;
    z-index:0;
}
.banner-box-container A{position:relative;}

.banner-box-coloroverlay{position:absolute; width:100%; height:100%; top:0px; background-color:#00CC66; opacity:0.5; border-radius: 15px}
.banner-box-text{position:absolute; top:0px; width:100%; height:100%; border-radius:15px; z-index: 2;}
.banner-box-text-content{padding:25px;}
.banner-box-text.bg-purple,.banner-box-text.bg-black, .banner-box-text.bg-blue{background-color:transparent;}

@media (max-width: 768px) {
    .banner-box-container{margin-bottom:15px;}
	.banner-box-image{
        border-radius: 15px 15px 0 0;
        width:100%; background-repeat:no-repeat; background-position:center center;
    }
    .banner-box-coloroverlay{border-radius:15px 15px 0 0;}
    .banner-box-text{position:relative; border-radius: 0 0 15px 15px;}
    .banner-box-text.bg-purple{background-color:#931648;}
	.banner-box-text.bg-blue{background-color:#0089b4;}
	.banner-box-text.bg-black{background-color:#333333;}
}



/* FLOATING CONTACT NAVIGATION */

#floatingNav { position:  fixed; visibility: hidden; opacity: 0; transition: .3s opacity, 0s .3s visibility; right: -30px; top: 50%; z-index:  60; margin-top: -102px; font-family:"Calibri", sans-serif; }
#floatingNav.visible { display:  block; visibility: visible; opacity: 1; }
#floatingNav ul { list-style:none; }
#floatingNav li:first-child { margin-top: 0; }
#floatingNav li { position:  relative; margin-top: 10px; }
#floatingNav button { width:  100px; height: 70px; background: #931648; border:none; border-radius: 50px; text-indent: -9999px; cursor: pointer; z-index:5; position: relative; overflow:  visible; }
#floatingNav button:before { content:""; position:  absolute; display: block; top: 15px; left: 15px; width: 35px; height: 35px; background: url(../images/contactsbar/socialWhite.png) no-repeat; background-size: 100%; }
#floatingNav li:hover span { visibility:  visible; opacity: 1; transform: none; }
#floatingNav li:hover span:before { transform: none; transition: .3s .2s ease-out; }
#floatingNav span { visibility: hidden; position: absolute; display:  block; opacity: 0; width: 195px; right: 50px; top: 0; background: #931648; color:  white; font-size: 1.6em; padding: 20px 60px 18px 30px; box-sizing: content-box; transition: .3s; -webkit-transform:  translateX(-30px); -ms-transform: translateX(-30px); transform:  translateX(-30px); }
#floatingNav span:before { content:""; position: absolute; left: -98px; top: -25px; width:  115px; height: 115px; border: 5px solid #931648; border-radius: 100%; background:url(../images/contactsbar/floatingVisuals.png) no-repeat center top; transition: .3s ease-out; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; }
#floatingNav li.phone button:before { background-position:0 0%; }
#floatingNav li.email button:before { background-position:0 50%; }
#floatingNav li.meeting button:before { background-position:0 100%; }
#floatingNav li.email span:before { background-position: center -125px; }
#floatingNav li.meeting span:before { background-position: center -261px; }

@media (max-width: 768px) {
	#floatingNav button { width:  75px; height: 45px;}
	#floatingNav button:before {top: 8px; left: 8px; width: 30px; height: 30px;}
	#floatingNav span {width: 150px; right: 45px; font-size: 1em; padding: 12px 12px 12px 30px; border-radius:50px 0 0 50px;}
}  

/* CSS for STEPS SLIDER */

.steps-slider{width:100%; position:relative; margin:0 auto;}
.text-part{width: 50%; float: left; height: 200px; position: relative; margin: 1% 0;}
.image-part{width: 50%; float:right;}

.circle{

    border:6px solid #0089b4; color:#0089b4; border-radius:50px;
    display:inline-block; text-align:center; height:52px; width:52px;
    font-size:32px; line-height: 1.2; cursor:pointer; margin-right:10px;
}
.circle:hover{border-color:#00B3DD;}
.circle.active, .circle.active:hover{background-color:#0089b4; color:#FFFFFF; cursor:default; height:60px; width:60px; line-height: 1.5; border-color:#0089b4;}

.steps{margin:20px 0;}
.steps .title{font-size:32px; font-weight: bold; sans-serif; color:#0089b4;}
.steps .description{font-size:18px; margin-top:10px; color:#0089b4;}

.image-part IMG{display:none;}
.image-part IMG.visible{display:inline;}

.steps > DIV{display:none;}
.steps > DIV.visible{display:inline;}


@media (min-width: 768px) and (max-width: 1150px) {

    .steps-slider{width:100%; height: 310px;}
    .image-part IMG{width:100%;}
	.image-part IMG.visible{display:inline; width:100%;}

}

@media (max-width: 768px) {

    .steps-slider{width:100%; position:relative; margin:0 auto; text-align:center;}
    .text-part{width: 100%; float: none; height: inherit;  text-align:center;}
    .image-part{width: 100%; float:none;  text-align:center;}
	.image-part IMG{width:100%;}
	.image-part IMG.visible{display:inline; width:100%;}

}




/* BEEHIVE */

.beehive{width:900px; margin:0 auto;}
.beehive UL{list-style:none; margin:0px;}
.beehive UL.en LI{background-image:url(/content/dam/isabel6/images/group/picto/beehive-standard-modules-en.png);}
.beehive UL.fr LI{background-image:url(/content/dam/isabel6/images/group/picto/beehive-standard-modules-fr.png);}
.beehive UL.nl LI{background-image:url(/content/dam/isabel6/images/group/picto/beehive-standard-modules-nl.png);}

.beehive LI{
    cursor:pointer;
    width:  113px;
    height: 175px;
    display:inline-block;
    position:relative;
    border-radius:100px;
    margin:0px !important;
    cursor:default !important;
}

.beehive li div.hivetip{
    transform: translateY(0px);
    transition: .3s ease-in-out;
    opacity: 0;
}

.beehive li:hover div.hivetip{
    visibility:  visible;
    transition: .3s;
    transform:  translateY(20px);
    opacity: 1;
}

.hive1{background-position:0 0;}
.hive2{background-position:-125px 0;}
.hive3{background-position:-250px 0;}
.hive4{border-radius:50px !important; width: 152px !important; background-position:-375px 0;}
.hive5{background-position:-538px 0;}
.hive6{background-position:-663px 0;}
.hive7{background-position:-786px 0;}

.hivetip{
    font-size:18px;
    visibility: hidden;
    position:absolute;
    width:180px;
    text-align:center;
    left:-34px;
    top:140px;
    background-color:#0089b4;
    padding:10px;
    color:#FFFFFF;
    margin-top:10px;
    border-radius: 15px;
    z-index:50000;
}

.hivetip IMG{
    position:absolute;
    z-index:-1;
    top:-15px;
    left:69px;
}

@media (max-width: 768px) {

    .beehive UL{position: relative;}
    .beehive LI{position: absolute;}

	.beehive{width:275px; margin:0 auto; height: 580px;}
	.hive1{background-position:0 0; top:126px; left:20px;}
    .hive2{background-position:-125px 0; top:126px; left: 140px;}
    .hive3{background-position:-250px 0; top:228px; left: 80px;}
    .hive4{cursor:default !important; border-radius:50px !important; width: 152px !important; background-position:-375px 0; top: 0px; left: 62px;}
    .hive5{background-position:-538px 0; top: 331px; left: 20px;}
    .hive6{background-position:-663px 0; top: 331px; left: 140px;}
    .hive7{background-position:-786px 0; top: 433px; left: 79px;}

}

/*@media (min-width: 768px) and (max-width: 960px) {*/
@media (max-width: 960px) and (orientation: landscape) {

	.beehive UL{position: relative;}
    .beehive LI{position: absolute;}

	.beehive{width:400px; margin:0 auto; height: 400px;}
	.hive1{background-position:0 0; top:124px; left:0px;}
    .hive2{background-position:-125px 0; top:2px; left: 70px;}
    .hive3{background-position:-250px 0; top:2px; left: 215px;}
    .hive4{cursor:default !important; border-radius:50px !important; width: 152px !important; background-position:-375px 0; top: 124px; left: 124px;}
    .hive5{background-position:-538px 0; top: 126px; left: 285px;}
    .hive6{background-position:-663px 0; top: 248px; left: 72px;}
    .hive7{background-position:-786px 0; top: 248px; left: 211px;}

}


/* Reveal Box */

.reveal-box{text-align:center; position:relative;}
.reveal-box.active{z-index:3;}
.reveal-box-button{position:relative; z-index:2; cursor:pointer; border-radius:10px;}

.reveal-box-text {
	border-radius: 15px;
	padding: 15px;
	position: absolute;
	top: -25px;
	margin: 0px;
	display:none;
    width:100%;
}

.visible{display:block;}

.reveal-box-text .reveal-box-text-content {
    font-size: 12px;
	text-align:center;
	margin-top:125px;
    line-height:normal;
    word-wrap: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}


.statusbox-container {
    width: 100%;
}

.statusbox-container .alert {
    border-radius: 0px;
    margin-bottom: 0px;
}

.statusbox-container .alert A {
    padding: 7%;
}