/*FONTS*/

@font-face {
    font-family: 'NoticiaText-Regular';
    src: url('fonts/NoticiaText-Regular.eot');
    src: local('☺'), url('fonts/NoticiaText-Regular.woff') format('woff'), url('fonts/NoticiaText-Regular.ttf') format('truetype'), url('fonts/NoticiaText-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe Print';
    src: url('fonts/segoe_print.eot');
    src: url('fonts/segoe_print.eot?#iefix') format('embedded-opentype'), url('fonts/segoe_print.svg#Segoe Print') format('svg'), url('fonts/segoe_print.woff') format('woff'), url('fonts/segoe_print.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
 }

 @font-face {
    font-family: 'Montreal Serial Light Regular';
    src: url('fonts/montreal_serial_light_regular.eot');
    src: url('fonts/montreal_serial_light_regular.eot?#iefix') format('embedded-opentype'), url('fonts/montreal_serial_light_regular.svg#Montreal Serial Light Regular') format('svg'), url('fonts/montreal_serial_light_regular.woff') format('woff'), url('fonts/montreal_serial_light_regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


#preloadImages,#preloadImages i,#preloadImages img,#preloadImages p{
  float:none !important;
  display:block;
  background-color:transparent;
  color:transparent;
  width:1px !important;
  height:1px !important;
  font-size:1px !important;
  line-height:1px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  outline:0 none;
}


/*CSS RESET*/
/*
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, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, 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;
}*/
/* HTML5 display-role reset for older browsers */
/*
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}*/
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*CSS RESET END*/
/*
body{
    font-family: Verdana, serif;
}*/

.lbl-welcome h1{font-size: 30px;color: #7c7910; margin-bottom: 28px}
.lbl-welcome h2{font-size: 28px;color: #7c7910; margin-bottom: 15px; margin-top: 15px; font-weight: bold}
.lbl-welcome h3{font-size: 24px;color: #662e8d; margin-top: 32px; font-weight: bold}
.lbl-welcome h4{font-size: 20px;color: #000000; margin-top: 26px; font-weight: bold}

.lbl-welcome p, .lbl-welcome h1, .lbl-welcome h2, .lbl-welcome h3, .lbl-welcome h4, .lbl-welcome button,.lbl-welcome label, .lbl-welcome .section-title, .lbl-welcome .section-number, .lbl-welcome a, .lbl-welcome .jh-moto, .lbl-welcome .label {
    font-family: 'Montreal Serial Light Regular';
    font-style: normal;
    text-decoration: none;
}
.lbl-welcome strong{
    font-family: 'Montreal Serial Light Regular';
    font-style: bold;
    text-decoration: none;
}
.jh-moto{font-family: 'Segoe Print';}

.lbl-welcome p{
	margin: 10px 0;
    color: #000000;
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 10px;
}

#site-wrapper{
    position: relative;
    margin: 0 auto;
    padding: 0;
    background-color: #F0F0F2;

    -webkit-box-shadow:  0px 3px 50px 1px rgba(0, 0, 0, 0.3);
    box-shadow:  0px 3px 50px 1px rgba(0, 0, 0, 0.3);
}
/*
.container{width: 920px;margin-right: auto;margin-left: auto;position: relative;}
*/

/*GENERAL CLASSES*/

.clear{clear:both;}
.no-margin{margin:0!important;}
.border-r{border-right: 1px solid white;}
.inner-wrapper{padding:20px;}
.fl-r{float:right;}
.first.ext{margin-left: -5px!important;height:30px;}

/*HEADER*/

div.header-wrapper{

}
.top-header{
    background-color: #2B2B2B;
    padding:0 50px;
    height: 40px;
}
.top-header a{color:white;position:absolute;left:0;font-size: 1.0em;top:11px;}
.top-header .lang-toggle{left:inherit;right:0;}
.header{
    height: 99px;
    position: relative;
    padding: 10px 50px;
}
.i1,.header .lymphoma-logo{
    background:transparent url(../img/lbl-logo_233.png)no-repeat 0 0;
    display: block;
    height: 55px;
    width: 233px;
    position: absolute;
    top: 22px;
}
.header .lymphoma-moto{
    color: black;
    font-size: 27px;
    line-height: 28px;
    position: absolute;
    top: 19px;
    left: 250px;
    width: 180px;
    font-family: 'Montreal Serial Light Regular';
}
.header .document-link,.header .video-link{position: absolute;top:3px;left: 697px;margin:0;}
.fr .header .document-link,.fr .header .video-link{left: 660px;}
.header .video-link{top:55px;}
.document-link{float:left;margin: 30px 0 50px;}
/*.download span,
.video-link span{
    background:transparent url(../img/download.png)no-repeat 0 0;
    height:41px;
    width:41px;
    display:block;
    float:left;
}
.video-link span{background:transparent url(../img/video-link.png)no-repeat 0 0;}*/
.document-link a,
.video-link a{
    display:inline-block;
    margin: 0px;
    height: 35px;
    padding: 5px 0px 5px 50px;
}
.i2,.document-link a{background: url('../img/download.png') no-repeat scroll 0px center transparent;}
.i3,.video-link a{background: url('../img/video-link.png') no-repeat scroll 0px center transparent;}
.document-link a,
.video-link a{
    float: left;
    line-height: 18px;
    font-size: 15px;
    margin: 2px 0 2px 10px;
    font-weight: bold;
    font-family: "Montreal Serial Light Regular";
    font-style: normal;
    text-decoration: none;
    color:#555;
}
.text-area .document-link { width: 100%; }
.header .download p{width:auto;}

/*HEADER END*/

/*MAIN NAVIGATION MENU*/

#main-nav{
    height: 40px;
    margin: 0 auto;
    width: 920px;
    background-color: #662F8D;
    position: relative;
}

#main-nav .menu,
#main-nav .menu ul,
#main-nav .menu li,
#main-nav .menu a,
.side-bar ul,
.side-bar li,
.side-bar a{
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}
.side-bar ul li{
    margin-left:10px;
}
.side-bar ul li:first-child{
    margin-left:0px;
}
#main-nav .menu li {
    list-style: none;
    float: left;
    display: block;
}
#main-nav .menu li a{
    display: block;
    margin:0;
    padding: 10px 30px;
    line-height: 20px;
    font-size: 16px;
    color: white;
}
.fr #main-nav .menu li a{ padding: 10px 28px; }
.fr #main-nav .menu li > ul a {padding:0;}
#main-nav .menu li a.home{background:none;}
#main-nav .menu li.selected a,
#main-nav .menu li:hover a{background-color: #7C7910;}
#main-nav .menu li:hover > ul li a{background-color: transparent;}
#main-nav .menu li:hover ul li p.first,
.side-bar ul li p.first{background-color: #956CB0;}
.side-bar ul li p.first{margin:0; padding:5px 0 5px 10px;}
#main-nav .menu li:hover ul li p.first a,
#main-nav .menu li:hover ul li p.first span.noLink,
.side-bar li:hover ul li p.first a,
.side-bar ul li p.first span.noLink{color: #fff;}
#main-nav .menu li:hover ul li p a,
.side-bar ul li p a{color: #000;}
.side-bar ul li p.first a{color:#fff;}
#main-nav .menu li ul li > a{border-left: none;float:left;}
#main-nav .menu li:first-child a { border-left: none!important; }
.i4,.btn-toggle{cursor: pointer;background: transparent url(../img/menu-arrow.png) no-repeat 15px 20px;}
#main-nav a.ham-btn-toggle{
    height:40px;
    width:46px;
    text-align:center;
    padding-top:1px;
    position: absolute;
}
#main-nav a.ham-btn-toggle.active{background-color: #1B3B75;}
#main-nav a.ham-btn-toggle.active svg path{
    fill:white;
}
#main-nav a.ham-btn-toggle svg path{
    fill:#1b3b75;
}
#main-nav .menu li:last-child a{ border-right: none!important; }

#main-nav .menu li ul span.border{
    width: 100%;
    height: 10px;
    display: block;
    margin-bottom: 6px;
}

#main-nav .menu li > a.selected{border-bottom:2px solid white;border-top: 10px solid white;}


#main-nav .menu li:hover,
#main-nav .menu li ul li:hover,
#main-nav .menu li ul li:hover span,
#main-nav .menu ul li:hover span.icon path{
-webkit-transition: all 300ms cubic-bezier(0.365, 1, 0.820, 1); /* older webkit */
-webkit-transition: all 300ms cubic-bezier(0.365, 1.035, 0.820, 1.120);
   -moz-transition: all 300ms cubic-bezier(0.365, 1.035, 0.820, 1.120);
     -o-transition: all 300ms cubic-bezier(0.365, 1.035, 0.820, 1.120);
        transition: all 300ms cubic-bezier(0.365, 1.035, 0.820, 1.120); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.365, 1, 0.820, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.365, 1.035, 0.820, 1.120);
   -moz-transition-timing-function: cubic-bezier(0.365, 1.035, 0.820, 1.120);
     -o-transition-timing-function: cubic-bezier(0.365, 1.035, 0.820, 1.120);
        transition-timing-function: cubic-bezier(0.365, 1.035, 0.820, 1.120); /* custom */
}
#main-nav .menu ul {
    position: absolute;
    padding: 8px 8px 10px 8px;
    width: 350px;
    background: white;
    border: 2px solid #D5D5D5;
    z-index: 5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;

    -webkit-box-shadow:  0px 3px 7px 1px rgba(0, 0, 0, 0.3);
    box-shadow:  0px 3px 7px 1px rgba(0, 0, 0, 0.3);

    -webkit-transition: opacity .15s ease 0.25s;
    -moz-transition: opacity .15s ease 0.25s;
    -ms-transition: opacity .15s ease 0.25s;
    -o-transition: opacity .15s ease 0.25s;
    transition: opacity .15s ease 0.25s;

}
ul.clear-l li{clear:left;}
#main-nav .menu ul li.column{overflow:visible;}
#main-nav .menu li > ul{visibility: hidden;}
#main-nav .menu li:hover > ul{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    visibility: visible;
}
#main-nav .menu ul ul{left:75px;}
#main-nav .menu ul li {
    height:0;
    padding: 0;
    /*margin:3px 5px;*/
    position: relative;

    -webkit-transition: height 300ms cubic-bezier(0.000, 1.000, 0.425, 0.990);
       -moz-transition: height 300ms cubic-bezier(0.000, 1.000, 0.425, 0.990);
         -o-transition: height 300ms cubic-bezier(0.000, 1.000, 0.425, 0.990);
            transition: height 300ms cubic-bezier(0.000, 1.000, 0.425, 0.990); /* custom */

    -webkit-transition-timing-function: cubic-bezier(0.000, 1.000, 0.425, 0.990);
       -moz-transition-timing-function: cubic-bezier(0.000, 1.000, 0.425, 0.990);
         -o-transition-timing-function: cubic-bezier(0.000, 1.000, 0.425, 0.990);
            transition-timing-function: cubic-bezier(0.000, 1.000, 0.425, 0.990); /* custom */

    -webkit-transition-delay:0.2s;
    transition-delay:0.2s;

}
#main-nav .menu ul li p{margin:5px;}

#main-nav .menu ul li p a,
#main-nav .menu ul li p span.noLink,
.side-bar ul li p span.noLink{display:inline-block;position:relative;width:100%;}

#main-nav .menu ul li p.first,
.side-bar ul li p.first{font-weight:normal}

#main-nav .menu ul li p.second,
#main-nav .menu ul li p.third,
.side-bar ul li p.second,
.side-bar ul li p.third{
    background: none!important;
}

#main-nav .menu ul li p.second a,
#main-nav .menu ul li p.third a{
    background-color: white;
    color: black;
}
.side-bar ul li p.second a,
.side-bar ul li p.third a{color:black;font-size: 14px;}

#main-nav .menu ul li p.second{}
#main-nav .menu ul li p.second a,
.side-bar ul li p.second a{font-weight: bold;}
#main-nav .menu ul li p.third,
.side-bar ul li p.third{margin: 0 5px 0 15px;}
#main-nav .menu ul li p.third a,
.i5,.side-bar ul li p.third a{background: transparent url(../img/bullet.png) no-repeat 0 14px!important;padding: 5px 0 5px 15px; display:inline-block; }

#main-nav .menu ul li span.icon,
.side-bar ul li span.icon{position: absolute;left:10px;opacity:0.3;top: -2px;}
#main-nav .menu ul li span.icon.text-icon,
.side-bar ul li span.icon.text-icon{top: 1px;left:17px;}
#main-nav .menu ul li:hover span.icon,
.side-bar ul li:hover span.icon{opacity:1;}

.side-bar ul li.selected a{color:#662F8D !important;}

.divider{
    background-color: black;
    width: 1px;
    height: 30px;
    display: inline-block;
    float: left;
    margin-top: 16px;
}

.section-line{
    border: 1px solid #d5d5d5;
    margin: 20px 5%;
    float: left;
    width: 90%;
}

.i6,
span.tool-icon,
span.video-icon,
span.text-icon,
span.text-small-icon,
span.mobile-phone,
span.enveloppe,
span.pin-icon{
    background: transparent url(../img/gears-icon.png) no-repeat 0 0;
    display:inline-block;
    float:left;
    margin: 3px 5px;
    width:41px;
    height:35px;
}

span.icons span.tool-icon,
span.icons span.video-icon,
span.icons span.text-icon,
span.icons span.mobile-phone,
span.icons span.enveloppe,
span.icons span.pin-icon{
    margin: 0 0 0 5px;
    float:none;
}

span.icons {
    float: right;
    position: absolute;
    /*top: 2px;*/
    /*width: 100%;*/
}

.i7,span.mobile-phone{background: transparent url(../img/phone-icon.png) no-repeat 0 0;width:23px;height:31px;}
.i8,span.enveloppe{background: transparent url(../img/enveloppe.png) no-repeat 0 0;width:34px;height:22px;}
.i9,span.text-icon{background: transparent url(../img/text-icon.png) no-repeat 0 0;width:34px;height:34px;}
.i10,span.text-small-icon{background: transparent url(../img/text-small-icon.png) no-repeat 0 0;width:21px;height:25px;}
.i11,span.video-icon{background: transparent url(../img/video-icon-small.png) no-repeat 0 0;width:19px;height:19px;}
.i12,.first span.video-icon{background: transparent url(../img/video-icon-white.png) no-repeat 0 0;width:23px;height:24px;margin: 3px 0 0 5px;}
.i13,span.pin-icon{background: transparent url(../img/pin-icon-small.png) no-repeat 0 0;width:19px;height:19px;}

.side-bar span.icons span,
#main-nav span.icons span{
    width:21px;
    height:21px;
}

.i14,.side-bar span.text-icon,
#main-nav span.text-icon{background: transparent url(../img/text-icon-small.png) no-repeat 0 2px;height:20px !important;}

.i15,.side-bar span.video-icon,
#main-nav span.video-icon{background: transparent url(../img/video-icon-small.png) no-repeat 0 2px;}

.i16,.side-bar span.pin-icon,
#main-nav span.pin-icon{background: transparent url(../img/pin-icon-small.png) no-repeat 0 2px;}



#main-nav .menu li:hover > ul li{
    /*width: 98%;*/
    height: auto;
    padding: 0;
    /*background-color: #956CB0;*/
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
#main-nav .menu li:hover > ul.large li{width:490px;}

#main-nav .menu li:hover > ul.columns-3{
    left: 0;
    width: 901px;
}
#main-nav .menu li:hover > ul.columns-3 div{width: 32%;float: left;margin: 0 4px;}
#main-nav .menu li:hover > ul.columns-2{width: 650px;}
#main-nav .menu li:hover > ul.columns-2 div{width: 48%;float: left;margin: 0 4px;}
/*#main-nav .menu li:hover > ul.columns-1 li{margin: 3px;}*/
#main-nav .menu li.cancer-treatment ul.columns-2,
#main-nav .menu li.caring-for ul,
#main-nav .menu li.life-after ul.columns-2{right: 0;}
#main-nav .menu ul li a,
#main-nav .menu ul li span.noLink,
.fr #main-nav .menu ul li a{
    padding: 5px 0 5px 10px;
    margin: 0;
    text-align: left;
    border: none;
    font-size: 14px;
}

#main-nav a.ham-btn-toggle,
#main-nav li.mobile-home{display:none;}

/*MAIN MENU END*/

div.content-toggle{
    position:absolute;
    right: 7px;
    padding: 10px;
    top: 68px;
}
div.content-toggle a{color: white;}

/*MAIN CONTENT*/

div.main-wrapper{}

body.home div.main-wrapper{
    padding:0 5px 20px 5px;
    position: relative;
}

div.upper-nav-wrapper{
    border-bottom: 4px solid #3F3F3F;
    padding:17px 0 10px 10px;
    position: relative;
}

div.upper-nav-wrapper h2{
    font-size:35px;
    color:#9f9f9f;
    position: absolute;
    bottom: 0;
}

div.upper-nav-wrapper div.search-nav-wrapper{
    position: relative;
    float: right;
    width:520px;
    height:97px;
}


div#search-nav{
    margin: 6px 0;
    position: absolute;
    right: 10px;
}
div#search-nav input {width:178px;border-radius: 50px;padding: 2px 10px;border: 2px solid #626262;margin-top: 2px;}
div#breadcrumb {
    position: relative;
    color: #626262;
    padding: 9px 400px 8px 0;
    font-size: 11px;
    line-height: 1.45em;
    border-bottom: 1px solid #c6c6c6;
}

div#breadcrumb span {}
div#breadcrumb a {color: #626262;}

.i17,input#search {background: white url(../img/search-icon.png) no-repeat 10px;}

/*HOME NAV*/

div.home-nav{}

div.home-tile,
div.nurse-nav{height:202px;}

.section-number,
.section-icon{
    float: left;
    font-size: 65px;
    color: white;
    margin-right: 10px;
    margin-top: -7px;
}
.section-icon{margin: 0;padding: 0 15px 10px 5px;}
.lbl-welcome .section-title{display: inline-block;width: 72%;}
div.home-tile p,
div.nurse-nav p{color: white;}

div.left-nav-top .top-nav,
div.home-tile .top-nav,
div.nurse-nav .top-nav{
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    padding: 15px 0 15px 5px;
    min-height:80px;
}

.top-nav p{margin: 0; font-size: 18px;line-height: 22px;color:white;}
div.nurse-nav .top-nav p{margin: 0; font-size: 18px;line-height: 20px;}

div.home-nav p{color:white;}

/*HOME NAV END*/

/* HOME PAGE */

.i85,div.cancer-at-work{
    background: transparent url(../img/cancer-at-work.jpg) no-repeat 0 0;
    height:242px;
}
div.help-you{
    background-color: #1B3B74;
    height:242px;
}
div.help-you h2{color:white;}

/*LEFT NAVIGATION*/

div.left-nav-wrapper{
    margin: 0 1% 0 0;
    float: left;
    width: 24%;
}
div.left-nav-top{
    padding:20px;
    margin-bottom: 10px;
}
div.left-nav-top ul{margin:0 0 15px 0;}
div.left-nav-top ul li, div.left-nav-bottom ul li{border-bottom:1px solid white;}
div.left-nav-top ul li:hover, div.left-nav-bottom ul li:hover{border-right: 4px solid white;}
div.left-nav-top ul li a,
div.left-nav-bottom ul li a{
    color:white;
    padding:15px 0;
    display:block;
}
div.left-nav-bottom{
    padding:20px;
    margin-top: 10px;
}

.i86,span.featured-img{
    background: transparent url(../img/featured-img.jpg) no-repeat 0 0;
    display: block;
    margin:10px auto 0 auto;
    width:232px;
    height:103px;
}
.i87,span.video1-img{
    background: transparent url(../img/video1-img.jpg) no-repeat 0 0;
    display: block;
    margin:10px auto 0 auto;
    width:332px;
    height:187px;
}
.i88,span.video2-img{
    background: transparent url(../img/video2-img.jpg) no-repeat 0 0;
    display: block;
    margin:10px auto 0 auto;
    width:332px;
    height:187px;
}

div.top-title{
    color:white;
    padding: 40px 20px;
    border-top: 1px solid white;
}
div.top-title span{
    float:left;
}

/*LEFT NAVIGATION END*/

/* SCREENING TOOL */

.sandp-tool-wrapper{}

.sandp-tool{
    background-color: #666666;
    padding: 10px;
    float: left;
}

.sandp-tool .tool-nav{
}

.sandp-tool .tool-nav ul li{
    float: left;
    margin: 3px;
}

.sandp-tool .tool-nav ul li a{
    color: white;
    background-color: #82BE07;
    height: 71px;
    width: 71px;
    display: inline-block;
    padding: 10px;
}

.sandp-tool .tool-section{
    border-bottom:1px solid white;
    float: left;
}

/* SCREENING TOOL END*/

div.main-content-wrapper{

}

div.main-content.home{width: 75%;float:left;}
div.column p.title{
    margin:20px 0 0 0;
    border-top:1px solid #414141;
}

.i89,div.video-demo{
    background: transparent url(../img/video-demo.jpg) no-repeat 0 0;
    width:742px;
    height:419px;
    float:left;
}

.i90,div.cancer-types .video-demo{background: transparent url(../img/types.jpg) no-repeat 0 0;}

.inner-content-wrapper{border-top: 1px solid white;}

div.text-area{
    padding: 0 15px 0 0;
    position: relative;
    width: 598px;
    float: left;
    border-right: 1px solid #c6c6c6;
}

div.text-area a{color:#662F8D; font-weight: bold;}

.screening-tool .text-area{padding:0; width:68%;}

div.text-area .next-arrow{padding: 20px 0 20px 50px;display: block;line-height: 20px;color:#1b3b75;}

.i18,div.text-area .next-arrow span{background: transparent url(../img/next-arrow.png) no-repeat 0 0;width:38px;height:36px;display: inline-block;position: absolute;left:15px;}

div.text-area ul{list-style: disc;margin: 25px 20px 25px 40px;}

div.text-area ul li{font-family: 'Montreal Serial Light Regular';margin: 5px 0;line-height: 20px;}

div.side-bar{
    width: 265px;
    padding: 15px 15px 25px 15px;
    float: left;
    height: auto;
    position: relative;
    border-left: 1px solid white;
}

div.quote-area,
div.side-quote{
    padding: 10px 15px 40px 15px;
    background-color: white;
    float: left;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    font-size: 20px;
    font-weight: bold;
    width: 30%;
    margin: 25px 25px 40px;
    text-align: left;
}
div.side-quote{
    margin:0;
    width: auto;
}
div.side-quote.middle{margin-top:200px;}
div.side-quote.bottom{margin-top:400px;}

div.quote-area p,
div.side-quote p{
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    padding: 20px;
}

.i19,span.left-quote{background: transparent url(../img/left-quote.png) no-repeat 0 0;width:24px;height:24px;display: inline-block;position: absolute;left:5px;}
.i20,span.right-quote{background: transparent url(../img/right-quote.png) no-repeat 0 0;width:24px;height:24px;display: inline-block;position: absolute;right: 13px;bottom: 40px;}

div.post{
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    height: 225px;
    margin-top: 15px;
}

div.post h3{
    line-height: 22px;
    height:50px;
}
div.post p{line-height: 21px;margin-top: 30px;}

.i21,div.post a.more{
    background: transparent url(../img/more-arrow.png) no-repeat 0 0;
    width:23px;
    height:22px;
    display: inline-block;
    position: absolute;
    margin: 0 10px;
}

.i22,.pinned-text{
    background: #666666 url(../img/pin.png) no-repeat 15px 20px;
    padding: 5px 20px 10px 90px;
    margin: 20px 0 20px -15px;
    width: 84%;
}

.pinned-text p{
    color:white;
    font-size: 1em;
    line-height: 22px;
}

/*MAIN CONTENT END*/

/*FOOTER*/

#footer{margin-top: 80px;}

#footer .container{
    margin-right: auto;
    margin-left: auto;
}
#footer .footer-top{
    background-color: #662F8D;
    padding: 20px 0px;
}
#footer .footer-nav .menu,
#footer .footer-nav .menu ul,
#footer .footer-nav .menu li,
#footer .footer-nav .menu a {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}
#footer .footer-nav .menu li {
    list-style: none;
    float: left;
    display: block;
    padding: 0 12px 0 0;
    width: 141px;
}
#footer .footer-nav .menu li a{
    display: block;
    margin: 0;
    padding: 0px 10px 5px 0;
    line-height: 20px;
    font-size: 14px;
    color: white;
}
#footer .footer-nav .menu li a.btn-toggle{border-bottom: 1px solid white;background: none;}
#footer .footer-nav .menu ul {position: absolute;width: 141px;}

.i23,
#footer .footer-nav .menu .social .facebook,
#footer .footer-nav .menu .social .twitter,
#footer .footer-nav .menu .social .google-plus,
#footer .footer-nav .menu .social .flickr,
#footer .footer-nav .menu .social .youtube,
#footer .footer-nav .menu .social .linkedin{
    background: transparent url(../img/social_sprite.png) no-repeat 0 0;
    display:block;
    height:32px;
    width:32px;
    padding:0;
    float: left;
    margin: 10px 10px 0 0;
}
#footer .footer-nav .menu .social .twitter{background-position: -1px -40px;}
#footer .footer-nav .menu .social .google-plus{background-position: 0 -80px;}
#footer .footer-nav .menu .social .flickr{background-position: 0 -120px;}
#footer .footer-nav .menu .social .youtube{background-position: 0 -160px;}
#footer .footer-nav .menu .social .linkedin{background-position: 0 -395px;}

#footer .footer-middle{
    height: 86px;
    background-color: #2B2B2B;
    position: relative;
    padding:20px 0;
    color:white;
}
.i24,#footer .lymphoma-logo-white{
    background:transparent url(../img/lymphoma-logo-white.png)no-repeat 0 0;
    display: block;
    height: 68px;
    width: 68px;
}
#footer .lymphoma-moto{
    color: white;
    font-size: 18px;
    line-height: 18px;
    position: absolute;
    top: 16px;
    left: 75px;
    width: 140px;
    font-family: 'Montreal Serial Light Regular';
}
#footer .lymphoma-moto-right{
    width: 600px;
    right: 0;
    top: 0;
    position: absolute;
    line-height: 26px;
    font-size: 15px;
}
#footer .footer-bottom{
    height: 80px;
    position: relative;
    padding: 30px 0;
}
#footer .footer-bottom div.footer-left{
    width: 50%;
    float: left;
}

#footer .footer-bottom div.footer-right{
    width: 50%;
    float: right;
    font-size: 12px;
    line-height: 1.3em;
    text-align: right;
}
#footer .footer-bottom div.footer-right a{
    color: #000;
}

.i25,
.fr #footer .footer-bottom div.footer-left{width:60%;}
.fr #footer .footer-bottom div.footer-right{width:40%;}
#footer  .powered{
    padding-right:100px;
    margin-top: 20px;
    display: inline-block;
    background: url("../img/logo-Bluerush.png") no-repeat scroll right center transparent;
    color:#000;
}

#footer .footer-bottom ul{}
#footer .footer-bottom ul li{
    float: left;
    margin-right: 5px;
    padding-right: 5px;
    border-right: 1px solid #662F8D;
}
#footer .footer-bottom ul li a,
#footer .footer-bottom .copywrite a{
    color:#662F8D;
}

#footer .footer-bottom ul li:last-child{border:none;}
#footer .footer-bottom .copywrite{clear:both;padding:10px 0;font-size: 11px;}

/*FOOTER END*/

.delay1 {-webkit-transition-delay:0.1s;}
.delay2 {-webkit-transition-delay:0.2s;}
.delay3 {-webkit-transition-delay:0.3s;}
.delay4 {-webkit-transition-delay:0.4s;}
.delay5 {-webkit-transition-delay:0.5s;}
.delay6 {-webkit-transition-delay:0.6s;}
.delay7 {-webkit-transition-delay:0.7s;}
.delay8 {-webkit-transition-delay:0.8s;}
.delay9 {-webkit-transition-delay:0.9s;}
.delay10 {-webkit-transition-delay:1.0s;}
.delay11 {-webkit-transition-delay:1.1s;}
.delay12 {-webkit-transition-delay:1.2s;}
.delay13 {-webkit-transition-delay:1.3s;}
.delay14 {-webkit-transition-delay:1.4s;}
.delay15 {-webkit-transition-delay:1.5s;}
.delay16 {-webkit-transition-delay:1.6s;}
.delay17 {-webkit-transition-delay:1.7s;}
.delay18 {-webkit-transition-delay:1.8s;}
.delay19 {-webkit-transition-delay:1.9s;}
.delay20 {-webkit-transition-delay:2.0s;}
.delay21 {-webkit-transition-delay:2.1s;}
.delay22 {-webkit-transition-delay:2.2s;}
.delay23 {-webkit-transition-delay:2.3s;}
.delay24 {-webkit-transition-delay:2.4s;}
.delay25 {-webkit-transition-delay:2.5s;}
.delay26 {-webkit-transition-delay:2.6s;}
.delay27 {-webkit-transition-delay:2.7s;}

/* ANIMATION DELAYS */

.brdelay05 {
    -webkit-animation-delay:0.05s!important;
    -moz-animation-delay:0.05s!important;
    animation-delay:0.05s!important;
}

.brtransdelay05{
    transition-delay: 0.05s!important;
    -webkit-transition-delay: 0.05s!important;
}

.brdelay1 {
    -webkit-animation-delay:0.1s!important;
    -moz-animation-delay:0.1s!important;
    animation-delay:0.1s!important;
}

.brtransdelay1 {
    transition-delay: 0.1s!important;
    -webkit-transition-delay: 0.1s!important;
}

.brdelay1-5 {
    -webkit-animation-delay:0.15s!important;
    -moz-animation-delay:0.15s!important;
    animation-delay:0.15s!important;
}

.brtransdelay1-5 {
    transition-delay: 0.15s!important;
    -webkit-transition-delay: 0.15s!important;
}

.brdelay2 {
    -webkit-animation-delay:0.2s!important;
    -moz-animation-delay:0.2s!important;
    animation-delay:0.2s!important;
}

.brtransdelay2 {
    transition-delay: 0.2s!important;
    -webkit-transition-delay: 0.2s!important;
}

.brdelay2-5 {
    -webkit-animation-delay:0.25s!important;
    -moz-animation-delay:0.25s!important;
    animation-delay:0.25s!important;
}

.brtransdelay2-5 {
    transition-delay: 0.25s!important;
    -webkit-transition-delay: 0.25s!important;
}

.brdelay3 {
    -webkit-animation-delay:0.3s!important;
    -moz-animation-delay:0.3s!important;
    animation-delay:0.3s!important;
}
.brtransdelay3 {
    transition-delay: 0.3s!important;
    -webkit-transition-delay: 0.3s!important;
}

.brdelay3-5 {
    -webkit-animation-delay:0.35s!important;
    -moz-animation-delay:0.35s!important;
    animation-delay:0.35s!important;
}
.brtransdelay3-5 {
    transition-delay: 0.35s!important;
    -webkit-transition-delay: 0.35s!important;
}

.brdelay4 {
    -webkit-animation-delay:0.4s!important;
    -moz-animation-delay:0.4s!important;
    animation-delay:0.4s!important;
}
.brtransdelay4 {
    transition-delay: 0.4s!important;
    -webkit-transition-delay: 0.4s!important;
}

/* SVG ANIMATION */

.answer{cursor: pointer;}

.innerring{
    width:244px;
    height:244px;
    position: absolute;
}

.i26,#lateEffectsBig .innerring{background: transparent url(../img/innerring.png) no-repeat top center;}
.i27,#healthyLifestyleBig .innerring{background: transparent url(../img/innerring-healthy-lifestyle.png) no-repeat top center;}
.i28,#yourEmotionsBig .innerring{background: transparent url(../img/innerring-emotions.png) no-repeat top center;}
.i29,#takingActionBig .innerring{background: transparent url(../img/innerring-action.png) no-repeat top center;}
.i30,#relationshipsBig .innerring{background: transparent url(../img/innerring-relationships.png) no-repeat top center;}
.i31,#workLifeBig .innerring{background: transparent url(../img/innerring-worklife.png) no-repeat top center;}
.i32,#schoolLifeBig .innerring{background: transparent url(../img/innerring-schoollife.png) no-repeat top center;}

#haveLymphoma,
#lymphomaPatient,
#lookingAround,
#myDisease,
#myBody,
#myMind,
#myWorld,
#afterTreatment,
#afterTreatmentBig,
#afterLymphoma,
#afterLymphomaBig,
#lateEffects,
#lateEffectsBig,
#healthyLifestyle,
#healthyLifestyleBig,
#yourEmotions,
#yourEmotionsBig,
#gettingSupport,
#gettingSupportBig,
#takingAction,
#takingActionBig,
#relationships,
#relationshipsBig,
#workLife,
#workLifeBig,
#schoolLife,
#schoolLifeBig,
#financialHelp,
#financialHelpBig{
    position: absolute;
    left: 85px;
    top: 92px;
}

#lymphomaPatient{left: 368px;}
#lookingAround{left: 646px;}
#myDisease{left: 56px;}
#myBody{left: 264px;}
#myMind{left: 472px;}
#myWorld{right: 56px;left:inherit;}
#afterTreatment{left: 264px;}
#afterTreatmentBig{left: 338px;top:120px;}
#afterLymphoma{left: 472px;}
#afterLymphomaBig{left: 338px;top:120px;}
#lateEffects{left: 264px;}
#lateEffectsBig{left: 338px;top:120px;}
#healthyLifestyle{left: 472px;}
#healthyLifestyleBig{left: 338px;top:120px;}
#yourEmotionsBig{left: 338px;top:120px;}
#gettingSupport{left: 368px;}
#gettingSupportBig{left: 338px;top:120px;}
#takingAction{left: 646px;}
#takingActionBig{left: 338px;top:120px;}
#relationships{left: 56px;}
#relationshipsBig{left: 338px;top:120px;}
#workLife{left: 264px;}
#workLifeBig{left: 338px;top:120px;}
#schoolLife{left: 472px;}
#schoolLifeBig{left: 338px;top:120px;}
#financialHelp{right: 56px;left:inherit;}
#financialHelpBig{left: 338px;top:120px;}

.i33,
.person,
.people,
.magnifier,
.medic-2,
.med-pad,
.med-pad-big,
.head,
.items-4,
.stethoscope,
.stethoscope-big,
.calendar,
.calendar-big,
.apple,
.apple-big,
.head-2,
.head-2-big,
.handshake,
.handshake-big,
.running-man,
.running-man-big,
.group,
.group-big,
.building,
.building-big,
.pencil,
.pencil-big,
.money,
.money-big{
    background: transparent url(../img/person-icon.png) no-repeat 0 0;
    display: block;
    height:85px;
    width:34px;
    position: absolute;
    top: 50%;
    margin-top: -43px;
    left: 50%;
    margin-left: -17px;
}
.i34,.people{background: transparent url(../img/people-icon.png) no-repeat 0 0;width:54px;margin-left: -27px;}
.i35,.magnifier{background: transparent url(../img/magnifier-icon.png) no-repeat 0 0;width:56px;height:60px;margin-left: -28px;margin-top: -30px;}
.i36,.medic-2{background: transparent url(../img/medic-2.png) no-repeat 0 0;width:98px;height:63px;margin-left: -49px;margin-top: -33px;}
.i37,.head{background: transparent url(../img/head.png) no-repeat 0 0;width:67px;height:77px;margin-left: -34px;margin-top: -38px;}
.i38,.items-4{background: transparent url(../img/items-4.png) no-repeat 0 0;width:91px;height:87px;margin-left: -46px;margin-top: -46px;}
.i39,.med-pad{background: transparent url(../img/med-pad.png) no-repeat 0 0;width:58px;height:79px;margin-left: -29px;margin-top: -41px;}
.i40,.med-pad-big{background: transparent url(../img/med-pad-big.png) no-repeat 0 0;width:72px;height:97px;margin-left: -36px;margin-top: -53px;}
.i41,.stethoscope{background: transparent url(../img/stethoscope.png) no-repeat 0 0;width:59px;height:76px;margin-left: -30px;margin-top: -38px;}
.i42,.stethoscope-big{background: transparent url(../img/stethoscope-big.png) no-repeat 0 0;width:73px;height:93px;margin-left: -36px;margin-top: -47px;}
.i43,.calendar{background: transparent url(../img/calendar.png) no-repeat 0 0;width:64px;height:64px;margin-left: -32px;margin-top: -32px;}
.i44,.calendar-big{background: transparent url(../img/calendar-big.png) no-repeat 0 0;width:90px;height:90px;margin-left: -45px;margin-top: -49px;}
.i45,.apple{background: transparent url(../img/apple.png) no-repeat 0 0;width:58px;height:73px;margin-left: -29px;margin-top: -37px;}
.i46,.apple-big{background: transparent url(../img/apple-big.png) no-repeat 0 0;width:74px;height:93px;margin-left: -37px;margin-top: -53px;}

.i47,.head-2{background: transparent url(../img/head-2.png) no-repeat 0 0;width:84px;height:75px;margin-left: -42px;margin-top: -40px;}
.i48,.head-2-big{background: transparent url(../img/head-2-big.png) no-repeat 0 0;width:92px;height:83px;margin-left: -46px;margin-top: -46px;}
.i49,.handshake{background: transparent url(../img/handshake.png) no-repeat 0 0;width:90px;height:70px;margin-left: -45px;margin-top: -33px;}
.i50,.handshake-big{background: transparent url(../img/handshake-big.png) no-repeat 0 0;width:109px;height:85px;margin-left: -54px;margin-top: -43px;}
.i51,.running-man{background: transparent url(../img/running-man.png) no-repeat 0 0;width:64px;height:83px;margin-left: -32px;margin-top: -43px;}
.i52,.running-man-big{background: transparent url(../img/running-man-big.png) no-repeat 0 0;width:74px;height:96px;margin-left: -37px;margin-top: -43px;}
.i53,.group{background: transparent url(../img/group.png) no-repeat 0 0;width:74px;height:59px;margin-left: -37px;margin-top: -30px;}
.i54,.group-big{background: transparent url(../img/group-big.png) no-repeat 0 0;width:99px;height:80px;margin-left: -49px;margin-top: -42px;}
.i55,.building{background: transparent url(../img/building.png) no-repeat 0 0;width:58px;height:73px;margin-left: -29px;margin-top: -33px;}
.i56,.building-big{background: transparent url(../img/building-big.png) no-repeat 0 0;width:89px;height:89px;margin-left: -45px;margin-top: -50px;}
.i57,.pencil{background: transparent url(../img/pencil.png) no-repeat 0 0;width:56px;height:56px;margin-left: -28px;margin-top: -32px;}
.i58,.pencil-big{background: transparent url(../img/pencil-big.png) no-repeat 0 0;width:90px;height:90px;margin-left: -45px;margin-top: -45px;}
.i59,.money{background: transparent url(../img/money.png) no-repeat 0 0;width:66px;height:45px;margin-left: -33px;margin-top: -26px;}
.i60,.money-big{background: transparent url(../img/money-big.png) no-repeat 0 0;width:108px;height:73px;margin-left: -54px;margin-top: -40px;}

.i61,.bubble{background: transparent url(../img/bubble.png) no-repeat 0 0;width:177px;height:162px;position: absolute;top: 87px;right: 50px;}
.i62,.audio-on{background: transparent url(../img/audio-on.png) no-repeat 0 0;width:177px;height:162px;position: absolute;top: 105px;left: 50%;margin-left:-88px;}
.audio-text{width:100%;text-align: center;position: absolute;top:268px;}
.audio-text p{color:#52247F;font-size: 22px;}

/*.advance*/

.innerring,
.answer p,
.person,
.people,
.magnifier,
.medic-2,
.head,
.items-4,
.med-pad,
.med-pad-big,
.stethoscope,
.stethoscope-big,
.calendar,
.apple,
.apple-big,
.head-2,
.head-2-big,
.handshake,
.handshake-big,
.running-man,
.running-man-big,
.group,
.group-big,
.building,
.building-big,
.pencil,
.pencil-big,
.money,
.money-big,
.dot,
.bar,
.calendar-big,
#svg-container .label,
.section.svg-anim h1{opacity:0;}

.welcome-wrapper h1{opacity:1;}

/* HTML5 - MOBILE - ALERTS */

.no-warning{}
.mobile-warning,.html-warning{
    display:none;
    border: 1px solid #662F8D;
    border-radius: 5px;
    padding: 0 15px 15px 15px;
    margin-top: 20px;
}
.mobile-warning{padding: 0 15px 30px 15px;}
.i63,.mobile-alert{
    background: transparent url(../img/mobile_devices_warning.png) no-repeat 0 0;
    /*width:261px;*/
    width:64px;
    height:136px;
    float: left;
    margin: 10px 0 0 0;
}
.mobile-text{
    /*margin: 0 0 0 261px;*/
    margin: 0 0 0 80px;
}
.html-text{
    margin: 0 0 0 50px;
}
.mobile-text p,.html-text p{
    color:#662F8D;
}
.html-warning{}
.i64,.html-alert{
    background: transparent url(../img/html-alert.png) no-repeat 0 0;
    width:35px;
    height:31px;
    float: left;
    margin: 10px 0 0 0;
}
.html-icons{
    text-align:center;
    padding: 20px 0;
}
.chrome-icon,.firefox-icon,.ie-icon{
    display: inline-block;
    padding-top:70px;
    width: 160px;
    font-size: 14px;
    color:#662F8D;
    text-decoration:underline;
}
.i65,.chrome-icon{
    background: transparent url(../img/chrome-icon.png) no-repeat center top;
}
.i66,.firefox-icon{
    background: transparent url(../img/firefox-icon.png) no-repeat center top;
}
.i67,.ie-icon{
    background: transparent url(../img/ie-icon.png) no-repeat center top;
}

/* HTML5 - MOBILE - ALERTS END */

.answer p{cursor: pointer;}

#svg-container p{
    position: absolute;
    top: 180px;
    width: 124%;
    margin-left: -12%;
    text-align: center;
    font-weight: bold;
}

.section h1{text-align: center;margin:0;font-size: 32px;color: #662e8d;position: absolute;top: 0;width: 100%;height: 65px;line-height: 65px;}

.section label{color:#662e8d;font-size: 20px;padding: 7px 0;float:left;cursor: pointer;}
.section label.question{
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    font-size: 22px;
}

.top-section{
    margin: 65px 40px 0;
    float: left;
    width: 836px;
}

.top-section.half{}

.top-section.half label.question{text-align: center;margin-left: -100px;width:100%;}

.radio-wrapper{margin: 0 auto;padding-left: 30px;}

.top-section.half .radio-wrapper{width: 50%;}

.top-section.half .radio-row label{width:inherit;}

.top-section div.form,
.top-section div.radio-row{margin-top: 3px;width: 50%;float: left;}

.top-section div.radio-column div.radio-row{width: 100%;}
.top-section.half div.radio-column div.radio-row label{width:auto;}
div[data-stack="6"] .top-section div.radio-column div.radio-row { padding-bottom: 10px; height: auto;}

.top-section.double-line div.radio-row{margin-top: 0;height:51px;}

div.radio-row label{width:90%;}

div.radio-column {
    float: left;
    width: 50%;
}

.label span{float:left;}

.answer.highlight p span,
.highlight .more-info-text{
    background-color: #E0D885;
    padding: 4px;
    margin-top: -4px;
    margin-left: -5px;
}

.more-info-text.align-flush-right{
    text-align: right;
}

.noVideo .smart-player{
    opacity:0;
}

.answer.highlight p span{margin-top:6px;}

.dot{
    position:absolute;
}

.noVideo .smartPlayer{

}

#svg-container .label{
    position:absolute;
    min-width: 300px;
    font-size: 16px;
    color:black;
    text-decoration: none;
}

#svg-container .pin-icon,#svg-container .video-icon{margin: -2px 5px 0 5px;}
#svg-container .text-small-icon{margin: -4px 5px 0 5px;}

#label-1{top:20px;left:20px;}
#label-2{top:20px;left:20px;}
#label-3{top:20px;left:20px;}
#label-4{top:20px;left:20px;}
#label-5{top:20px;left:20px;}
#label-6{top:20px;left:20px;}
#label-7{top:20px;left:20px;}

.welcome-wrapper{
    width: 65%;
    padding: 60px 50px 0;
}
.welcome-wrapper h1{text-align: left;}

.dot-wrapper{position: absolute;}


.dot-wrapper.A14{
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}
.dot-wrapper.A15{
    -ms-transform: rotate(15deg); /* IE 9 */
    -webkit-transform: rotate(15deg); /* Chrome, Safari, Opera */
    transform: rotate(15deg);
}
.dot-wrapper.A17{
    -ms-transform: rotate(42deg); /* IE 9 */
    -webkit-transform: rotate(42deg); /* Chrome, Safari, Opera */
    transform: rotate(42deg);
}
.dot-wrapper.A16{
    -ms-transform: rotate(28deg); /* IE 9 */
    -webkit-transform: rotate(28deg); /* Chrome, Safari, Opera */
    transform: rotate(28deg);
}
.dot-wrapper.A18{
    -ms-transform: rotate(58deg); /* IE 9 */
    -webkit-transform: rotate(58deg); /* Chrome, Safari, Opera */
    transform: rotate(58deg);
}
.dot-wrapper.deg60{
    -ms-transform: rotate(60deg); /* IE 9 */
    -webkit-transform: rotate(60deg); /* Chrome, Safari, Opera */
    transform: rotate(60deg);
}
.dot-wrapper.A1{
    -ms-transform: rotate(124deg); /* IE 9 */
    -webkit-transform: rotate(124deg); /* Chrome, Safari, Opera */
    transform: rotate(124deg);
}
.dot-wrapper.deg136{
    -ms-transform: rotate(136deg); /* IE 9 */
    -webkit-transform: rotate(136deg); /* Chrome, Safari, Opera */
    transform: rotate(136deg);
}
.dot-wrapper.A2{
    -ms-transform: rotate(138deg); /* IE 9 */
    -webkit-transform: rotate(138deg); /* Chrome, Safari, Opera */
    transform: rotate(138deg);
}
.dot-wrapper.A3{
    -ms-transform: rotate(150deg); /* IE 9 */
    -webkit-transform: rotate(150deg); /* Chrome, Safari, Opera */
    transform: rotate(150deg);
}
.dot-wrapper.A4{
    -ms-transform: rotate(164deg); /* IE 9 */
    -webkit-transform: rotate(164deg); /* Chrome, Safari, Opera */
    transform: rotate(164deg);
}
.dot-wrapper.A5{
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
.dot-wrapper.A6{
    -ms-transform: rotate(196deg); /* IE 9 */
    -webkit-transform: rotate(196deg); /* Chrome, Safari, Opera */
    transform: rotate(196deg);
}
.dot-wrapper.A7{
    -ms-transform: rotate(209deg); /* IE 9 */
    -webkit-transform: rotate(209deg); /* Chrome, Safari, Opera */
    transform: rotate(209deg);
}
.dot-wrapper.A8{
    -ms-transform: rotate(224deg); /* IE 9 */
    -webkit-transform: rotate(224deg); /* Chrome, Safari, Opera */
    transform: rotate(224deg);
}
.dot-wrapper.A9{
    -ms-transform: rotate(238deg); /* IE 9 */
    -webkit-transform: rotate(238deg); /* Chrome, Safari, Opera */
    transform: rotate(238deg);
}
.dot-wrapper.A10{
    -ms-transform: rotate(303deg); /* IE 9 */
    -webkit-transform: rotate(303deg); /* Chrome, Safari, Opera */
    transform: rotate(303deg);
}
.dot-wrapper.A11{
    -ms-transform: rotate(317deg); /* IE 9 */
    -webkit-transform: rotate(317deg); /* Chrome, Safari, Opera */
    transform: rotate(317deg);
}
.dot-wrapper.deg329{
    -ms-transform: rotate(329deg); /* IE 9 */
    -webkit-transform: rotate(329deg); /* Chrome, Safari, Opera */
    transform: rotate(329deg);
}
.dot-wrapper.A12{
    -ms-transform: rotate(331deg); /* IE 9 */
    -webkit-transform: rotate(331deg); /* Chrome, Safari, Opera */
    transform: rotate(331deg);
}
.dot-wrapper.A13{
    -ms-transform: rotate(344deg); /* IE 9 */
    -webkit-transform: rotate(344deg); /* Chrome, Safari, Opera */
    transform: rotate(344deg);
}



.dot-wrapper > div{
    position: relative;
}

.i91,.dot{
    background:transparent url(../img/circle.svg) no-repeat 0 0;
    height: 1px;
    width: 1px;
    position: absolute;
    top:-5.5px;
    left:-5.5px;
}

.bar{
    background-color: #67308E;
    height:1px;
    position: absolute;
    width:35px;
}
div.A1{top:214px;left:63px;}
div.A2{top:197px;left:42px;}
div.A3{top:175px;left:26px;}
div.A4{top:150px;left:17px;}
div.A5{top:122px;left:14px;}
div.A6{top:95px;left:16px;}
div.A7{top:70px;left:27px;}
div.A8{top:48px;left:42px;}
div.A9{top:30px;left:62px;}
div.A10{top:30px;left:179px;}
div.A11{top:48px;left:200px;}
div.A12{top:69px;left:216px;}
div.A13{top:94px;left:227px;}
div.A14{top:121px;left:231px;}
div.A15{top:149px;left:227px;}
div.A16{top:174px;left:218px;}
div.A17{top:196px;left:201px;}
div.A18{top:214px;left:180px;}
div.A1 .bar{width: 66px;}
div.A2 .bar{width: 56px;}
div.A3 .bar{width: 42px;}
div.A4 .bar{width: 38px;}
div.A5 .bar{width: 35px;}
div.A6 .bar{width: 38px;}
div.A7 .bar{width: 42px;}
div.A8 .bar{width: 56px;}
div.A9 .bar{width: 66px;}
div.A10 .bar{width: 66px;}
div.A11 .bar{width: 56px;}
div.A12 .bar{width: 42px;}
div.A13 .bar{width: 38px;}
div.A14 .bar{width: 35px;}
div.A15 .bar{width: 38px;}
div.A16 .bar{width: 42px;}
div.A17 .bar{width: 56px;}
div.A18 .bar{width: 66px;}

/* FORM STYLE */

/*input*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number]{
    -moz-appearance: textfield;
}

input.brinput:invalid{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -o-box-shadow:none;
    ms-box-shadow:none;
    box-shadow:none;
}

.input-skin {
    border:1px solid #999999;
    display:inline-block;
    position:relative;
    vertical-align:middle;
    width:73px;
    background-color:#fff;
    -moz-box-shadow:0 2px 2px 0 #D9D9D9 inset;
    -webkit-box-shadow:0 2px 2px 0 #D9D9D9 inset;
    box-shadow:0 2px 2px 0 #D9D9D9 inset;
}

.input-skin .brdisplay,
.select-skin .brdisplay{
    -webkit-user-select:none;
    -moz-user-select:none;
    -o-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

.input-skin .brdisplay, .input-skin input {
    display:block;
    font-family:inherit;
    font-size:100%;
    font-style:inherit;
    font-weight:inherit;
    margin:0;
    padding:5px;
    text-align:right;
    width:63px;
}

.input-skin .brdisplay {
    line-height:130%;
    overflow:hidden;
    position:relative;
    white-space:nowrap;
}
.input-skin input {
    background:none repeat scroll 0 0 transparent;
    border:0 solid #999999;
    left:0;
    outline:0 none;
    position:absolute;
    top:0;

    line-height:130%;
}
.input-skin.error {
    background:none repeat scroll 0 0 #FFF2F2;
    border:1px solid #FF4444;
}
.input-skin.focus, .input-skin.focus.error {
    border:1px solid #6699FF;
}

.input-skin.placeholder {
    color:#aeaeae;
}

/*input without display*/
input.brinput.input-skin {
    font-family:inherit;
    font-style:inherit;
    font-weight:inherit;
    padding:5px;
    text-align:right;
    width:63px;
}

.error-message{
    color:#dd3300;
    display:none;
}
.error-message.show{
    display:block;
    font-size:smaller;
    text-align:right;
}
/*  slider  */
.brslider{
    position:relative;
    width:100%;
    margin-top:1px;
    padding-top:7px;
    -ms-touch-action:none;
}

.i82,.brslider .brsliderHandle{
    position:absolute;
    display:block;
    top:2px;
    left:0;
    width:13px;
    height:21px;
    margin-left:-7px;
    background:url("../img/slider-handle.gif") no-repeat center center;
    cursor:pointer;
}

/*.brslider .brsliderHandle:focus{
    outline:none;
}*/

.brslider .brslider-active{
    position:absolute;
    display:block;
    top:7px;
    left:0;
    width:100%;
    height:10px;
    background:#0D78BB;
    -webkit-box-shadow:inset 3px 3px 1px 0px #085687;
    -moz-box-shadow:inset 3px 3px 1px 0px #085687;
    box-shadow:inset 3px 3px 1px 0px #085687;
    -webkit-border-radius:3px;
    border-radius:3px;
}

.brslider .brslider-bg{
    position:relative;
    left:0;
    border:0;
    height:10px;
    margin-bottom:7px;
    background:#dbdbdb;
    -webkit-box-shadow:inset 3px 3px 1px 0px #afafaf;
    -moz-box-shadow:inset 3px 3px 1px 0px #afafaf;
    box-shadow:inset 3px 3px 1px 0px #afafaf;
    -webkit-border-radius:3px;
    border-radius:3px;
}

/*vertical slider*/
.brsliderVertical{
    position:relative;
    width:30px;
    -ms-touch-action:none;
}

.i83,.brsliderVertical .brsliderHandle{
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:21px;
    height:13px;
    margin-top:-7px;
    background:url("../img/slider-handle-vertical.gif") no-repeat center center;
    cursor:pointer;
}

.brsliderVertical .brsliderHandle:focus{
    outline:1px dotted #333;
}

.brsliderVertical .brslider-active{
    position:absolute;
    display:block;
    top:0;
    left:5px;
    width:10px;
    width:10px;
    background:#0D78BB;
    -webkit-box-shadow:inset 3px 3px 1px 0px #085687;
    -moz-box-shadow:inset 3px 3px 1px 0px #085687;
    box-shadow:inset 3px 3px 1px 0px #085687;
    -webkit-border-radius:3px;
    border-radius:3px;
}

.brsliderVertical .brslider-bg{
    position:relative;
    left:5px;
    border:0;
    width:10px;
    height:100%;
    margin-right:7px;
    background:#dbdbdb;
    -webkit-box-shadow:inset 3px 3px 1px 0px #afafaf;
    -moz-box-shadow:inset 3px 3px 1px 0px #afafaf;
    box-shadow:inset 3px 3px 1px 0px #afafaf;
    -webkit-border-radius:3px;
    border-radius:3px;
}

div.brsliderScale{
    height:5px;
    margin:8px 0 2px;
    border-left:1px solid #ccc;
}

div.toolScale{
    float:right;
    width:7.14%;
    *width:7.1%;
    height:100%;
    margin-left:-1px;
    border-right:1px solid #ccc }

div.toolScaleX2{
    width:50% }

div.brsliderScale div.toolScale:first-child{
    float:left }

div.brsliderLabelMin,
div.brsliderLabelMid,
div.brsliderLabelMax{
    color:#666666;
    font:90%/0.9em Arial,Verdana,Helvetica,sans-serif;
    width:33.2%;
    line-height:100%;
}

div.brsliderLabelMin{ float:left; text-align:left; }
div.brsliderLabelMid{ float:left; text-align:center; }
div.brsliderLabelMax{ float:right; text-align:right; }

div.brClear{ clear:both; line-height:0; }

/*  select  */
.select-skin,
.select-skin select,
.select-skin .brdisplay{
    position:relative;
    width:190px;
    display:block;
    cursor:pointer;
    -ms-text-overflow:ellipsis;
    text-overflow:ellipsis;
}

.select-skin,
.radio-row{
    vertical-align: middle;
    display: inline-block;
    padding: 0px 0 0;
    overflow: hidden;
}

.select-skin.error{
    border:2px solid #f44;
    background:#fff2f2;
}

.select-skin.focus,.select-skin.focus.error{
    border:2px #69f solid;
}

.select-skin select{
    position:absolute;
    height:100%;
    width:100%;
    border:none;
    left:0;
    top:0;
    opacity:0.01;
    filter:alpha(opacity=0.01);
}
.select-skin select.dropdown{
    width:120%;
}

.select-skin select option{
    padding:5px;
}

.select-skin .brdisplay{
    left:0px;
    top:0px;
    width:145px;
    padding: 10px 0px 10px 10px;
    overflow:hidden;
    white-space:nowrap;
    line-height:100%;
}

.i68,.select-skin .select-arrow{
    position:absolute;
    right:0px;
    top:0px;
    background:url("../img/select-arrow.png") no-repeat center center transparent;
    width:20px;
    height:100%;
    padding: 0 10px;
}

.brDropdown{
    background:#fff;
    border:1px solid #bbb;
    position:absolute;
    width:123px;
}
.brSelectOption{
    padding:5px;
    cursor:pointer;
    font-size:109.09%;
    overflow:hidden;
    white-space:nowrap;
    -ms-text-overflow:ellipsis;
    text-overflow:ellipsis;
}

.brSelectOption:hover{
    background:#ddd;
}

/*radio*/
.i69,.brradio-skin{
    float:left;
    margin: 10px;
    display:inline-block;
    line-height:0;
    background: url("../img/checkbox.png") no-repeat scroll 0px 0px transparent;
}
/*.brradio-skin.selected, .selected .brradio-skin,*/.i70,.brradio-skin.focus{background: url("../img/checkbox-on.png") no-repeat scroll 0px 0px transparent;}
.i92,.brradio-skin.selected,.brradio-skin.focus{background: url("../img/checkbox-on.png") no-repeat scroll 0px 0px transparent;}
/*.brradio-skin.focus{ outline:1px dotted #000;}*/

.brradio-skin .brrb{
    width:15px;
    height:15px;
    border:none;
    margin:0;
    padding:0;
    opacity:0.01;
    filter:alpha(opacity=0.01);
    cursor:pointer;
}


/*checkbox*/
.i84,.brcb-skin{
    display:inline-block;
    line-height:0;
    vertical-align:middle;
    background: url("../img/cb_blue.gif") no-repeat scroll 0px 0px transparent;
}
.brcb-skin.selected{background-position:0px -19px; }
.brcb-skin.focus{ outline:1px dotted #000;}

.brcb-skin .brcb{
    height:15px;
    width:15px;
    border:none;
    margin:0;
    padding:0;
    opacity:0.01;
    filter:alpha(opacity=0.01);
    cursor:pointer;
}

/* FORM STYLE END */

/* CONTROLS STYLE */

body, html{
    padding: 0;
    margin:0;
}

body{
    background-color:#f0f0f2;
}

#wrapper{
    width:920px;
    margin:auto;
}

.i71,#content{

    background: white url(../img/section-bg.png) no-repeat right bottom;
    width:920px ;
	margin:auto;
	
    height:523px;
    position: relative;

    /*width:inherit;*/
    border:2px solid #d5d5d5;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    overflow: hidden;

}

#sectionBoard{position: absolute;}

#controler{
    position: absolute;
    bottom:0px;
    padding-left: 44px;
    padding-right: 44px;
    padding-bottom: 30px;
    width:100%;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#controler svg path{fill:#ffffff;}
#controler .right-dontrols{float:right;}

#controler button,
button.tip2{
    display: none;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    position: relative;
    background-color: #7c7910;
    height:39px;

    font-size: 22px;
    color:#fff;
    border:none;
    float:left;
    margin-left: 5px;
    margin-right: 5px;

    padding-left: 17px;
    padding-right: 17px;
    padding-bottom: 4px;
    
    -webkit-box-shadow: 3px 3px 5px 0 #666;
    box-shadow: 3px 3px 5px 0 #666;

    cursor: pointer;
    cursor: hand;
}
#controler button{

    -webkit-transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
   -moz-transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
     -o-transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
        transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */

-webkit-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
   -moz-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
     -o-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
        transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */
}
button.tip2{
    display: block;
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    overflow: visible;
}

#controler button.small{
    height:29px;
    min-width: 29px;
    font-size: 18px;
    margin-left: 5px;
    margin-right: 5px;

    padding-left: 12px;
    padding-right: 12px;
}

#controler button span{font-size: 30px;line-height: 0;}

#controler .continue-button{float:right;}

.section{
    display: none;
    position:absolute;
    width: 920px;
    height: 523px;
}

#controler button.visible{
    display: block;
    opacity: 1;
}

#controler button.visible.blocked{
    display: block;
    opacity: .3;
}

.section.visible{
    display: block;
}

.preloader {
    visibility:hidden;
    background: rgba(255,255,255); /* fallback */
    background: rgba(255,255,255,0.75) url(../img/logo_lymphoma_loop.gif) no-repeat center center;
    position:absolute;
    top:0;left:0;right:0;left:0;
    width:100%;
    height:100%;
    z-index: 200;


    opacity:0;
    -webkit-transition:opacity 300ms linear;
    -moz-transition:opacity 300ms linear;
    -o-transition:opacity 300ms linear;
    transition:opacity 300ms linear;
}

.preloader.isLoading {
    visibility:visible;
    opacity:1;
}

/* advance mode */
.advance .section{
    display: block;
}

.advance #sectionBoard{
-webkit-transition: all 1500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
   -moz-transition: all 1500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
     -o-transition: all 1500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
        transition: all 1500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */

-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
     -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */
}

.advance #q2{opacity: 0;}

#controler .icon{
    width:40px;
    padding:0px;
}

#controler .icon div{
    background-repeat: no-repeat;
    position: absolute;
}

.i72,#controler .mute-button div{
    background-image: url(../img/mute-icon.svg);
    background-image: url(../img/mute-icon.png)\9;
    width:23px;
    height:20px;
    left: 9px;
    top: 10px;
}

.i73,#controler .unmute-button div{
    background-image: url(../img/unmute-icon.svg);
    background-image: url(../img/unmute-icon.png)\9;
    width:12px;
    height:20px;
    left: 14px;
    top: 10px;
}

.i74,#controler .play-button div{
    background-image: url(../img/play-icon.svg);
    background-image: url(../img/play-icon.png)\9;
    width:18px;
    height:20px;
    left: 11px;
    top: 10px;
}

.i75,#controler .pause-button div{
    background-image: url(../img/pause-icon.svg);
    background-image: url(../img/pause-icon.png)\9;
    width:16px;
    height:20px;
    left: 12px;
    top: 10px;
}

.i76,#controler .replay-button div{
    background-image: url(../img/replay-icon.svg);
    background-image: url(../img/replay-icon.png)\9;
    width:26px;
    height:29px;
    left: 7px;
    top: 4px;
}

.i77,#controler .skipToEnd-button div{
    background-image: url(../img/skip-icon.svg);
    background-image: url(../img/skip-icon.png)\9;
    width:18px;
    height:20px;
    left: 11px;
    top: 10px;
}

.left-controls{
    float:left;
}

.right-controls{
    float:right;
}

#content_video{
    margin-top: 10px;
    margin-bottom: 10px;
    /*border: 1px solid #C6C6C6;*/
}

#bp-preloadContainer{display:none;}

/*div.caption-area{
    border-bottom: 1px solid #C6C6C6;
    margin:16px 0;
}*/

.videoCaption,.documentCaption,.pinCaption{
    margin: 0px;
    display: block;
    color: #717173 !important;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.3em;
    border-bottom: 1px solid #C6C6C6;
}

a.documentCaption, a.pinCaption { Color:#7c7910 !important; }

.videoCaption{padding: 5px 0px 16px 40px;}
.documentCaption,.pinCaption{   padding: 16px 0px 16px 40px;border-top: 1px solid #C6C6C6;}
.i78,.videoCaption{background: url('../img/video_captions_icon.png') no-repeat scroll 10px -2px transparent;}
.i79,.documentCaption{background: url('../img/document_caption_icon.png') no-repeat scroll 10px 11px transparent;}
.i80,.pinCaption{background: url('../img/pin_caption_icon.png') no-repeat scroll 10px 9px transparent;}

/* Legend */
.legend {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -16px;
    font-size: 11px;
    line-height: 32px;
    max-width: 412px;
}
.legend .legendItem {
    display: inline;
    color: #626262;

}
.i81,
.legend span.text-icon,
.legend span.video-icon,
.legend span.pin-icon {
    position: relative;
    display: inline-block;
    float: none;
    width: 23px;
    height: 25px;
    top: -2px;
    margin: 0 5px -10px 5px;
    background: url(../img/legend.png) no-repeat 3px 0;
}
.legend span.video-icon {
    background-position: -25px 0;
}
.legend span.pin-icon {
    background-position: -50px 0;
}

/* CONTROLS STYLE END */

/* HOVER BUBBLE */

button.tip2 {
    position: relative;
    text-decoration: none;
    float: right;
    margin: 30px 165px 0 0;
    font-size: 18px;
    height: auto;
    padding: 5px 10px;
    line-height: 30px;
}
.fr button.tip2{
    margin: 30px 162px 0 0;
    line-height: 16px;
    font-size: 14px;
    text-align: left;
}
button.tip2 div {
    display:none;
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}
button.tip2:hover div {
    display: block;
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    position: absolute;
    padding: 10px 15px;
    width: 200px;
    text-align: left;
    height: auto;
    top: -212px;
    left: 188px;
    line-height: 19px;
    background: white;
    color: #666666;
    font-size: 16px;
    border: 2px solid #D5D5D5;
    z-index:2147483647;
    -webkit-box-shadow: 2px 2px 5px 0 #999;
    box-shadow: 2px 2px 5px 0 #999;
}
.fr button.tip2:hover div{
    top: -231px;
    font-size: 14px;
}
button.tip2:hover div ul{
    list-style: inherit;
    list-style-position: outside;
    margin-top: 10px;
    margin-left: 18px;
}
button.tip2:hover div ul li{}
button.tip2:hover div:before,
button.tip2:hover div:after {
    position: absolute;
    display: block;
    content: "";
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid white;
    height: 0;
    width: 0;
    bottom: -10px;
    left: 1em;
}
button.tip2:hover div:before {
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 13px solid;
    border-top-color: inherit;
    bottom: -13px;
    margin-left: -3px;
}


/*RESPONSIVE MENU*/

@media all and (max-width: 767px) {

    #main-nav{

    }

    #main-nav .menu{
        background-color: #1b3b75;
        position: absolute;
        top: 72px;
        width: 300px;
        height: 100%;
        z-index: 1;

        opacity:0.95;
        -o-opacity:0.95;
        -moz-opacity:0.95;
        -khtml-opacity:0.95;
        -webkit-opacity:0.95;
        filter:alpha(opacity=95);
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";

        -webkit-transform: translate3d(-300px,0,0);
        -moz-transform: translate3d(-300px,0,0);
        -o-transform: translate3d(-300px,0,0);
        transform: translate3d(-300px,0,0);

        -webkit-transition: all 150ms cubic-bezier(0.035, 0, 0.000, 1.000); /* older webkit */
        -webkit-transition: all 150ms cubic-bezier(0.035, -0.010, 0.000, 1.000);
           -moz-transition: all 150ms cubic-bezier(0.035, -0.010, 0.000, 1.000);
             -o-transition: all 150ms cubic-bezier(0.035, -0.010, 0.000, 1.000);
                transition: all 150ms cubic-bezier(0.035, -0.010, 0.000, 1.000); /* custom */

        -webkit-transition-timing-function: cubic-bezier(0.035, 0, 0.000, 1.000); /* older webkit */
        -webkit-transition-timing-function: cubic-bezier(0.035, -0.010, 0.000, 1.000);
           -moz-transition-timing-function: cubic-bezier(0.035, -0.010, 0.000, 1.000);
             -o-transition-timing-function: cubic-bezier(0.035, -0.010, 0.000, 1.000);
                transition-timing-function: cubic-bezier(0.035, -0.010, 0.000, 1.000); /* custom */
    }

    #main-nav .menu.mobile-on{
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    #main-nav .menu li{
        float:none;
        border-bottom: 1px dotted white;
    }

    #main-nav .menu li:hover{
        background-color: white;
    }

    #main-nav .menu li ul{
        display:none;
    }

    #main-nav .menu li > a {
        border: none;
        margin:0;
        padding:20px;
        color:white;
    }

    #main-nav .menu li:hover > a {
        color:white;
        background-color: #1b3b75;
    }

    #main-nav .menu li > a br{
        display:none;
    }

    .header-wrapper,
    .upper-nav-wrapper,
    .controls-wrapper,
    .right-nav-wrapper{
        display:none;
    }

    div.main-content.employees, div.main-content.managers, div.main-content.navigators {
    width: 100%;
    }
    #main-nav ul li a.home{display:none;}
    #main-nav a.ham-btn-toggle,
    #main-nav li.mobile-home{display:block;}
    #main-nav a.ham-btn-toggle{padding:15px 15px 12px 15px;}


}

@media all and (max-width: 1000px) {
	.mobile-warning {
		display:block;
	}
	.no-warning, .bubble, #controler {display: none;}
	
	#content, #sectionBoard, .section, .welcome-wrapper {width:100%;   }
	.welcome-wrapper {    padding: 55px 10px 0; }
}