@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i&display=swap');

/* Structure */






header > div:nth-of-type(1) {
    width: 85%;
    display: inline-block;
    vertical-align: middle;
    margin-right: -3px;
}
header > div:nth-of-type(3) {
    width: 20%;
    display: inline-block;
    vertical-align: middle;
}
.main-list {
    text-align: left;
    list-style: none;
    padding: 0;
    margin: 0;
}
.main-list li {
    padding: 5px 0 5px 30px;
    position: relative;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
}
.main-list li:before {
    content: url("../images/icon_chev-circ.png");
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    position: absolute;
    left: 0px;
	top:0px
}








 ul.navbar-right a i {
    -webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -ms-transition: .3s all linear;
    -o-transition: .3s all linear;
    transition: .3s all linear;
}






.lnr { position: relative; }
.lnr:before {content: '\e6d9';font-family: 'Linearicons';font-size: 23px;color: #00AADD;width:50px;height:50px}
.lnr.lnr-download:before { content: '\e8f5'; font-family: 'Linearicons' }
.lnr.lnr-magnifier:before { content: '\e922'; font-family: 'Linearicons'}

 ul.navbar-right a span, ul.navbar-right a i {float: left;padding: 0;height: 100%;cursor: pointer;}
 ul.navbar-right a span {border-left: 1px solid rgba(72,83,90,.5);padding: 0 10px;}
 ul.navbar-right a i {font-size: 12px;font-style: normal;overflow: hidden;width: 0;background: #FFF; text-transform: uppercase;}
 ul.navbar-right a:hover { background: #F1F1F1; }
 ul.navbar-right a:hover i { width: 120px; padding-left: 10px; }
 ul.navbar-right li:nth-of-type(2) a:hover i { width: 100px; border-left: 1px solid rgba(72,83,90,.5); }
 ul.navbar-right li:nth-of-type(3) a:hover i { width: 70px; border-left: 1px solid rgba(72,83,90,.5); }



header > nav > .mm01.btn-group > a.active:before { display: none; }

.navbar-nav>li { float: left;}

ul.navbar-right{padding-right:25px;margin:0;height:100%;position: absolute;right:0;top:0;}
 ul.navbar-right li {/* height: 100%; */}
ul.navbar-right li>a{color:#525b61;font-size:24px;padding:0;line-height: 23px;position:relative;height:100%;width:auto;}
body.scrolled header > .logo > ul.navbar-right li > a { line-height: 40px; }
ul.navbar-right a span, ul.navbar-right a i{float:left;padding:0;height:100%;cursor:pointer}
ul.navbar-right a span{
	border:1px solid #00AADD;
	padding: 1px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 1px;
	-webkit-transition: .3s all linear;
	-moz-transition: .3s all linear;
	-ms-transition: .3s all linear;
	-o-transition: .3s all linear;
	transition: .3s all linear;
	}
ul.navbar-right a span:hover {background: #ED1C25;color: #fff;}

ul.navbar-right a span:hover:before {
    color: #fff;
    
}

ul.navbar-right a i{font-size:12px;font-style:normal;overflow:hidden;width:0;background:#fff}
ul.navbar-right a:hover { background: #F1F1F1; }

ul.navbar-right a:hover  ul.navbar-right a i {
    border:1px solid #00AADD;
}
ul.navbar-right a:hover i { width: 53px; padding-left: 10px;border: 1px solid #00AADD;  margin-top: 1px; padding-bottom: 2px;
    padding-top: 6px; color: #ED1C25; }
ul.navbar-right a i {    padding-top: 10px;
}
ul.navbar-right li:nth-of-type(1) a:hover i { width: 115px;
    border: 1px solid #00AADD;
    margin-top: 1px;
   padding-bottom: 2px;
    padding-top: 6px;
    color: #ED1C25; }
ul.navbar-right a span:hover .lnr:before
{
	color: #fff;	
}
ul.navbar-right li:nth-of-type(2) a:hover i { width: 81px;
    border: 1px solid #00AADD;
    margin-top: 1px;
    padding-bottom: 2px;
    padding-top: 6px; color: #ED1C25;}
ul.navbar-right li:nth-of-type(3) a:hover i { width: 60px; border: 1px solid #00AADD;  margin-top: 1px; padding-bottom: 2px;
    padding-top: 6px; color: #ED1C25;}
ul.dropdown-menu{position:absolute;left:0;top:100%;width:100%;border:0;margin:0;border-top:1px solid #00AADD;border-bottom:1px solid #00AADD;padding:20px 6%;background:#cdd5d9;z-index:0}
header > nav > .btn-group > ul.dropdown-menu > div,
header > nav > .btn-group > ul.dropdown-menu li { padding: 0; }
header > nav > .btn-group > ul.dropdown-menu li.dropdown-header { margin-bottom: 10px; }
header>nav>.btn-group>ul.dropdown-menu li>a{padding:5px 0;position:relative;display:block;color:#525b61}


/* Page styles */
.page-header .content {
    padding-right: 100px;
}


.link-section > a {
    margin-top: 0px;
}
.link-section  > a:before {
    content: url("../images/icon_chev-circ.png");
    position: relative;
    left: -6px;
    top: 6px;
}


/*=NAVIGATION
-------------*/
.report-selctor-container h3{ font-weight: 500; margin-bottom:0; padding-bottom:0;}
.report-list li{font-size: 18px;font-weight: 400;padding-bottom: 35px;position:relative;cursor:pointer;color:#1D366D;list-style: none;}
.report-list li:after{ width:40%; position:absolute; bottom:20px; left:0; border-bottom:5px solid #fff; content:''; transition:.3s linear all;}	
.report-list li:hover:after{ width:100%; transition:.3s linear all;}	
.report-list{ padding-left:0;}
.report-list li a {text-decoration: none;color:#1D366D;text-decoration: none!important;}
.report-list li::after {border-bottom: 5px solid #1D366D;}		
.rep-container{ width: 270px; position: absolute; right: 259px; top: 23px; }
.rep-selector li{ position: relative; color: #ED1C25; font-size: 14px;    text-align: right;    padding: 5px 0;    padding-right: 80px; cursor:pointer;}
.rep-selector li a{color: #ED1C25; text-decoration:none; font-weight:400}
.rep-selector li:before{ content: ''; position: absolute; right: 12px; top: 60%; width: 60px; border-bottom: 1px solid #ED1C25; transform: translateY(-50%);}
.rep-selector li:after{ content: ''; border-radius: 50%; border-left: 10px solid #ED1C25; border-bottom: 10px solid #ED1C25; border-right: 10px solid transparent; border-top: 10px solid transparent;transform: rotate(45deg) translateY(-50%); right: 0; top: 50%; width: 0; height: 0; position: absolute;}
	
.report-selctor-container {background:#E8F4FB;padding-top: 30px;display: none;top: 0px;position: relative;}
.content-container {width: 1280px;margin: 0 auto;padding: 0 20px;padding-bottom: 0px;box-sizing: border-box;padding-bottom: 2em;position: relative;}
.report-selector-col {width: calc(33.33% - 20px);float: left;margin: 30px 0;margin-right: 0px;margin-right: 30px;}	
ul.main-list li#rep-selector {color:#98C6D5;font-weight: 500;}	
ul.report-list li#selector-active {color:#01B5EB;}
ul.report-list li#selector-active:after	{width:100%;border-color:#01B5EB;}
ul.report-list li#selector-active:hover	{cursor:default;}	
	
ul.main-list li#rep-selector:hover {cursor:pointer;color: #89696B;}




ul.report-list li#selector-active {color:#01B5EB;}

.select-report{position:relative;width: 80%;float: right;z-index: 99999999999;}

.lightgray-wrapper {
    background: #E6F0F9;
    padding-top: 27px;
    margin-top: 0px;
}
.full-image > div {
    width: 25%;
    padding-right: 51px;
    display: inline-block;
}
.full-image > div:nth-last-of-type(1) {
    padding-right: 0;
    width: 41%;
}
img.inline {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
}

.segments h2 {
    background: #DCEFF8;
    padding: 10px 10px 10px 20px;
}
h2 img {
    float: left;
    margin-top: -20px;
    margin-right: 20px;
}
.segments .segment-content {
    background: #E3F2FA;
    padding: 20px 45px 20px 0;
}
.segment-content > div {
    display: inline-block;
    vertical-align: top;
    margin-right: -3px;
}
.segment-content > div:nth-of-type(1) {
    width: 10%;
}


.segment-content > div:nth-of-type(2) {
    width: 61%;
    padding-right: 100px;
}
.segment-content > div:nth-of-type(3) {
    width: 20%;
}
.segment-content .content {
    border-bottom: solid #A7A9AC 1px;
}
.segment-inset {
    padding-left: 100px;
}
img.inline-left {
    float: left;
    margin-right: 24px;
}
.stat-graph {
    width: 160px;
    height: 160px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #EDEDEE;
    border: solid #FFF 2px;
    margin: 0 0 34px 0;
    text-align: center;
}
.stat-graph p {
    padding-top: 20px;
    max-width: 80%;
    margin: 0 auto;
}
.stat-graph h1 {
    color: #5BCBF5;
    font-size: 65px;
    font-weight: 400;
    margin: 0;
}
