/*
thin: 100
light: 300
regular: 400
medium 500

*/
body {
	color: #444;
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
}
h1 {
	font-weight: 300;
	border-bottom: 3px solid #78c56e;
	padding: 25px 0 15px;
	margin: 0 0 30px;
	color: #444;
}
h2 {
	font-weight: 400;
	color: #444;
}
.heading {
    min-height:16.875vw;
}
.block h2 {
	margin-bottom: 6%;
	margin-top: 0;
}
.block__data {
	margin: .7% 0;
}
.block__data .head {
	font-size: 2.03125vw;
	font-weight: 400;
	padding: .7% 1.4%;
	display: inline-block;
    min-width: 15% !important;
    max-width: 75% !important;
}
.block__data .head.head__yesterday {
    min-width: 25% !important;
    width:auto !important;
}
.block__data span {
	font-weight: 500;
	font-size: 2.03125vw;
	padding: 1.4%;
	display: inline-block;
}
.block__3-column {
	width: 48%;
	float:left;
    margin-top:0%;
}
@media (min-width: 1280px) {
    .block__3-column{
        /*margin-top:-4%;*/
    }
}
.colBlock-3 {
	width: 31%;
	float:left;
    margin-top:0%;
}
/* progress bar */
.slider-progress {
	width: 100%;
	height: 3px;
	background: #eee;
}
.slider-progress .progress {
	width: 0%;
	height: 3px;
	background: #0076a7;
}
/* content */

html, body {
	height: 100%;
    background:#BABABA;
}
.screens-to-slide, .screens-slides, .slick-list, .slick-track {
	height: 100%;
}
.fullscreen {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;    
}
.fullscreen__ratio {
	position: relative;
	width: 100%;
}
.fullscreen__img {
	width: 100%;
	opacity: 0;
	display: block
}
.fullscreen__content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;	
	width: 100%;
    height: 100%;
    margin:0;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(107,102,107,1);
    -moz-box-shadow: 0px 0px 15px 0px rgba(107,102,107,1);
    box-shadow: 0px 0px 15px 0px rgba(107,102,107,1);
}
@media (min-width: 1280px) {
    .fullscreen__content {
        margin:3% 0;
        height:auto;
    }
}
.block {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:right top;
    display: flex;
    align-items: center;
}
.block:after {
	content: "";
	display: table;
	clear: both;
}
.body__dashboard {
	display: block;
}
.body__dashboard h2 {
	font-size: 4vw;
	font-weight: 100;
}
.body__dashboard .topnum {
	font-size: 12vw;
	font-weight: 100;
    line-height:1.3;
}
@media (min-width: 1280px) {
    .body__dashboard .topnum {
	    line-height:1.2;
        font-size: 11.20vw;
        /*font-size:14.66171875vw;*/
    }
}
.logo {
    position:absolute;
    right:0;
    bottom: .3%;
    margin-bottom:2%;
    padding-right: 2%;
}

@media (max-width: 1548px) {
    .logo {
	    bottom: -0.6%;
    }
}

@media (max-width: 1840px) {
    .logo {
	    bottom: -0.3%;
    }
}


@media all and (-ms-high-contrast:none) {
    .logo {
        bottom: 2.2%;
    }
}

.logo img {
    padding-top: 6%;
    /*width:15.46875vw;*/  
}
.body__dashboard h2.need_support {
	font-size: 7vw;
    margin-top:6%;
}
@media (min-width: 1280px) {
    .body__dashboard h2.need_support {
        margin-top:4%;
    }
}
.body__dashboard .block__in-need{
	font-size: 4vw;
    font-weight: 100;
}
.body__dashboard .block__in-need a{
	color:#fff;
    text-decoration:none;
    font-weight: 500;
    outline:none;
}
.body__dashboard .pointer_in-need{
	width:78%;
}
.body__dashboard .pointer_in-need .pointer_white{
	width:11%;
}
.body__dashboard .pointer_in-need .heading{
	min-height:0;
}
.body__dashboard .pointer_in-need .block__data{
	min-height:28vw;
}
@media (min-width: 1280px) {
    .body__dashboard .pointer_in-need .block__data{
	    min-height:24vw;
    }
}
@media all and (-ms-high-contrast:none) {
    .body__dashboard .pointer_in-need .block__data{
	    min-height:22.3vw;
    }
}

.body__dashboard .pointer_average{
	width:78%;
}
.body__dashboard .pointer_average .heading h2{
    font-weight: 300;
    padding-top:0;
    margin-bottom:0;
}
@media (min-width: 1280px) {
    .body__dashboard .pointer_average .heading h2{
        padding-top:6%;
    }
}
.body__dashboard .pointer_average .pointer_brdr{
	width:11%;
}
.body__dashboard .pointer_average .heading{
	min-height:0;
}
.body__dashboard .pointer_average .block__data{
	color:#fff;
    margin:3.4% 0;
    min-height:9.5vw;
    display: flex;
    align-items: center;
    flex-wrap: nowrap
}
.body__dashboard .pointer_average .block__data.last{
    min-height:0;
}
.body__dashboard .pointer_average .block__data span{
	display:block;
    font-size: 4vw;
    font-weight: 100;
    padding:0;
}
.body__dashboard .pointer_average .block__data strong{
	display:block;
    font-weight: 500;
    padding:0;
    text-transform:uppercase;
}
.body__dashboard .pointer_average .block__data img{
    margin-right:2%;
}
.body__dashboard .pointer_average .animals__content {
    display:block;
}
.body__dashboard .pointer_average .animals__content .head{
    max-width: none !important;
    min-width: 0 !important;
}

.pointer_adoptedSlide{
	width:100%;
}
.pointer_adoptedSlide .pointer_brdr{
	width:11% !important;
    bottom:4.5% !important;
}
.pointer_adoptedSlide .heading2 h2{
    font-weight: 300;
    padding-top:6%;
    margin-bottom:0;
}
.pointer_adoptedSlide .blockData{
    padding: 3.4% 5%;
    min-height: 6.5vw;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    background:white;
}
.imgLatestAdoptedQld {
    max-width:85px;
    margin-right:4%;
}
.nameLatestAdoptedQld {
    font-size:2.5vw;
    display:block;
    font-weight:300;
}
.addressLatestAdopted {
    font-size:1.5vw;
    display:block;
    font-weight:400;
}

.pointer_adoptedSlide .adoptedBlock{
	margin-left:1%;
    margin-right:1%;
}
.pointer_adoptedSlide .txtAdopted{
	padding:2% 0;
    text-align:center;
    text-transform:uppercase;
    font-size:1.6vw;
    font-weight:300;
}
.pointer_adoptedSlide .imgAdopted {
	text-align:center;
    background:white;
}
.pointer_adoptedSlide .imgAdopted img{
	max-width:100%;
    display:inline-block;
    height:auto;
    margin:0;
    vertical-align:top;
    max-height:27.5vw;
}
.pointer_adoptedSlide .imgAdopted img.img_last{
    max-height:22vw;
}



.w_content {
    width: 39.0625%;
}
.clr__white {
	color: #fff;
}
.clr__orange {
	color: #C28029;
}
.clr__blue {
	color: #0080A4;
}
.clr__black {
	color: #000;
}
.clr__green{
	color: #80AE76;
}
.bg__white {
	background: #fff;
}
.bg__blue {
	background: #0080A4;
}
.bg__green{
	background: #80AE76;
}
.brdr__white {
    border-top:2px solid #ffffff;
}
.brdr__blue {
    border-top:2px solid #0080A4;
}
.brdr__green {
    border-top:2px solid #80AE76;
}

.pointer_white {
    position:absolute; 
    left:0; 
    top:17%;
    bottom: 1%;
    width: 19%;
    
}
.pointer_white:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 50%;
    right: 2px;
    width: 50%;
    box-sizing: border-box;
    border: 2px solid #fff;
    border-bottom: 0 none;
    border-right: 0 none;           
}
.pointer_white:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    border-radius: 0 0 20px 0;
    box-sizing: border-box;
    border: 2px solid #fff;
    border-top: 0 none;
    border-left: 0 none;           
}
.pointer_blue {
    position:absolute; 
    left:0; 
    top:17%;
    bottom: 1%;
    width: 19%;
    
}
.pointer_blue:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 50%;
    right: 2px;
    width: 50%;
    box-sizing: border-box;
    border: 2px solid #0080A4;
    border-bottom: 0 none;
    border-right: 0 none;           
}
.pointer_blue:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    border-radius: 0 0 20px 0;
    box-sizing: border-box;
    border: 2px solid #0080A4;
    border-top: 0 none;
    border-left: 0 none;           
}
.pointer_green {
    position:absolute; 
    left:0; 
    top:17%;
    bottom: 1%;
    width: 19%;
    
}
.pointer_green:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 50%;
    right: 2px;
    width: 50%;
    box-sizing: border-box;
    border: 2px solid #80AE76;
    border-bottom: 0 none;
    border-right: 0 none;           
}
.pointer_green:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    border-radius: 0 0 20px 0;
    box-sizing: border-box;
    border: 2px solid #80AE76;
    border-top: 0 none;
    border-left: 0 none;           
}

.bg__spanInCareLocalToday {
    background-image:url("../images/spanInCareLocalToday.jpg");
}
.bg__spanInCareQldToday {
    background-image:url("../images/spanInCareQldToday.jpg");
}
.bg__spanInAdoptionLocalToday {
    background-image:url("../images/spanInAdoptionLocalToday.jpg");
}
.bg__spanInAdoptionQldToday {
    background-image:url("../images/spanInAdoptionQldToday.jpg");
}
.bg__spanInFosterLocalToday {
    background-image:url("../images/spanInFosterLocalToday.jpg");
}
.bg__spanInFosterQldToday {
    background-image:url("../images/spanInFosterQldToday.jpg");
}
.bg__aveStay {
    background-image:url("../images/average.jpg");
}
.bg__spanWildlifeInVetcareLocalToday {
    background-image:url("../images/spanWildlifeInVetcareLocalToday.jpg");
}
.bg__spanDomesticInVetcareQldToday {
    background-image:url("../images/spanDomesticInVetcareQldToday.jpg");
}
.bg__inNeed {
    background-image:url("../images/need.jpg");
}
.bg__inSupport {
    background-image:url("../images/support.jpg");
}
.bg__spanAmbulanceQldToday {
    background-image:url("../images/spanAmbulanceQldToday.jpg");
}
.bg__spanCrueltyQldToday {
    background-image:url("../images/spanCrueltyQldToday.jpg");
}
.bg__spanVolunteerHoursQldToday {
    background-image:url("../images/spanVolunteerHoursQldToday.jpg");
}
.bg__adoptedSlide {
    background-color:#F2F2F2;
}
.dnone {
    display:none !important;
}
.slick-slide {
    margin:0 20px;
    outline:none;
}

.pointer__block {
    position:relative;
    padding-left:12%;
    margin-top: -7%;
}
@media (min-width: 1281px) {
    .pointer__block {
        margin-top: -2.75%;
    }
}
@media all and (-ms-high-contrast:none) {
    .bg__aveStay .pointer__block {
        margin-top: -4.75%;
    }
}
.pull-left {
	float: left !important;    
}
.pull-right {
	float: right !important;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.clearfix:before, .clearfix:after {
	display: table;
	content: " ";
}
.clearfix:after {
	clear: both;
}