/*******             *******/
/*******     All     *******/
/*******             *******/
html, body {
    height: 100%;
}

body {
    margin: 0px;
}

a{
	text-decoration: none;
}

input, select, textarea {
	outline: none !important; 
}
/*******             *******/
/*******     All     *******/
/*******             *******/






/*******             *******/
/*******   Classes   *******/
/*******             *******/
.contain_img{

	background-size: contain;
	background-repeat: no-repeat; 
	background-position: center;

}

.cover_img{

	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;

}

.zoom_container {
	transition: transform .2s;
}

.zoom_container:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

.center_vertical{

	position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);

}




.c3-chart-arc path{
  stroke: none !important;
}

.c3-chart-arcs .c3-chart-arcs-background{

  stroke: #ffffffff !important;
  fill: #525e73 !important;

}

.c3-chart-arc .c3-gauge-value{

  fill: #525e73 !important;
  font-size: 16px !important;
  font-family: arial !important;
  font-weight: 800 !important;
  margin-bottom: 30px !important;
  /*transform: translateY(20px);*/

}

.big_gauge_container .c3-chart-arc .c3-gauge-value{

  font-size: 30px !important;

}

.medium_gauge_container .c3-chart-arc .c3-gauge-value{

  font-size: 24px !important;

}

.line_chart_container path {

  stroke-width: 3px;

}

.selectdiv {
  position: relative;
}

.selectdiv select{

  color: #141a25; 
  width: 100%; 
  text-align: center; 
  border-radius: 8px; 
  padding: 6.5px 10px; 
  font-size: 15px; 
  border: 1px solid #bbb; 
  -webkit-appearance: none; 
  -moz-appearance: none; 
  appearance: none;
  padding-right: 30px;

}

.selectdiv:after {
    content: '\25BE';
    font: normal normal normal 18px sans-serif;
    color: #141a25;
    right: 10px;
    top: 2px;
    height: 24px;
    padding: 2px 0px 0px 8px;
    position: absolute;
    pointer-events: none;
}

.selectdiv.hidden:after{

  display: none;

}

.whalegistic_frontpage_header{

  padding: 0px 50px; 
  padding-top: 110px; 
  padding-bottom: 50px; 
  font-size: 40px; 
  background-color: #56a7ff; 
  color: #fff; 
  font-family: sans-serif;
  text-transform: uppercase;

}

.whalegistic_frontpage_header > h2{

  font-size: 40px;
  margin: 0px;
  font-weight: 200;

}
/*******             *******/
/*******   Classes   *******/
/*******             *******/






/*******            *******/
/*******    ID's    *******/
/*******            *******/
#page_body{

	width: 100%; 
	overflow: hidden;

}
/*******            *******/
/*******    ID's    *******/
/*******            *******/




@media only screen and (min-width : 780px) and (orientation: portrait) {

  .whalegistic_frontpage_header{

    padding-top: 180px; 
    padding-bottom: 60px;

  }

  .whalegistic_frontpage_header > h2{

    font-size: 60px;

  }

}