.strategic-highchart{
    margin:0 auto 0 auto;
    background-color: #f2f2f2;
}
.strategic-highchart .row{
        margin-left:0;
        margin-right:0;
    }
.highchartContainer{
    padding-right:0;
}

.strategic-chart-wrapper{
	position: relative;
}

.strategic-box-wrapper { 
    /*padding:0 27px 0 ;*/
    padding:0 ;
}

.strategic-box{
	width: 100%;
	/*width: 270px;*/
	height: auto;
	background-color: #fff;
    cursor:inherit;
}
.strategic-box:nth-child(2){
	margin-top:20px;
}

.strategic-box .box-value{
    box-sizing: border-box;
    font-family: Nimbus Sans BoldCon;
    line-height: 1.375;
    padding:30px 30px 0;
    font-size: 55px;
    color: #767676;
    font-weight: 400;
    letter-spacing: -2px;
    text-align: center;
}

.strategic-box .box-text{
    padding:11px 30px 30px;
    font-family: "Nimbus Sans Reg";
    font-size: 16px;
    color: #3b3b3b;
    font-weight: 400;
    line-height: 24px;
}
.strategic-box .box-text .box-year{
	font-weight:600;
}

.highcharts-legend-item tspan{
    font-family: "Nimbus Sans Reg";
    font-size: 20px;
    color: #3b3b3b;
    font-weight: 400;
    line-height: 26px;
}

/*slider*/
.strategic-slider-group-wrapper{
    padding:0 27px 0;
    margin-top:39px;
    font-family: "Nimbus Sans Reg";
}

.strategic-slider-group-wrapper .col-sm-6{padding: 0 0 0;}

.strategic-slider-wrapper{
    padding:0 0 0;
}

.strategic-slider-wrapper .slider-title{
    font-size: 24px;
    color: #3b3b3b;
    font-weight: 400;
    line-height: 30px;
}

.strategic-slider-wrapper .slider-monitor-wrapper{
	margin-top:9px;
	margin-bottom:27px;
    width: 208px;
    height: 45px;
    border-radius: 2px;
    background-color: #ffffff;
}

.strategic-slider-wrapper .slider-monitor{
    padding:8px 10px 8px 10px;
    font-size: 20px;
    color: #3b3b3b;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
}


.strategic-slider-wrapper .ui-slider .ui-slider-handle {
    box-sizing: border-box;
	width: 35px;
	height: 35px;
    margin-top:-10px;
    margin-left:-17px;
	border: 2px solid #fff;
    border-radius:17px;
	background-color: #4f4f4f ;
	background-size: cover;
}

.strategic-slider-wrapper .ui-slider-horizontal{
	height: 6px;
	opacity: 0.8;
	border-radius: 4px;
	background-color: #c4c4c4;
}

.strategic-slider-wrapper .slider-range {
	padding-top:20px;
	font-size: 18px;
	color: #3b3b3b;
	font-weight: 400;
	line-height: 22px;
}

.strategic-slider-wrapper .slider-min{
    padding:0 0 0;
	text-align:left;
}

.strategic-slider-wrapper .slider-max{
    padding:0 0 0;
	text-align:right;
}

.strategic-slider-wrapper .ui-state-active:active {
	outline: none;
}
.strategic-slider-wrapper .ui-state-focus:focus:not(:active){
	outline: none;
}
@media  (max-width: 480px){
/*box*/
	.strategic-box-wrapper { 
		padding:0 ;
	}
	.strategic-box:nth-child(2){
		margin-bottom: 15px;
		margin-top:5px;
	}
 	.strategic-box .box-value{
    	padding:15px 15px 0 15px;
    	text-align: left;
    	font-size: 30px;
	}
	.strategic-box .box-text{
    	padding:0 15px 15px;
    }
/*chart*/

	.strategic-chart-wrapper .highchartContainer{
    	padding:0;
    }
    .highcharts-legend-item tspan{
		font-size:16px;
    }
/*slider*/
    .strategic-slider-group-wrapper {
    	margin-top:46px;
        padding:0 30px 0;
    }

    .strategicSlider0{
    	margin-bottom:30px;
    }

	.strategic-slider-wrapper{
        padding:0 0 0;
    }

    .strategic-slider-wrapper .slider-title{
    	font-size: 18px;
        line-height: 24px;
    }
	.strategic-slider-wrapper .slider-monitor-wrapper{
        width:100%;
    }
}

@media (min-width: 481px) and (max-width:768px) {
/*box*/
	.strategic-box-wrapper { 
		padding:0;
    	overflow: hidden;
	}
	.strategic-box{
    	padding-bottom: 100%;
    	margin-bottom: -100%;
        width: 49%;
        float:left;
    }

	.strategic-box:nth-child(2){
		margin-left:2%;
		margin-top:0;
	}
    .strategic-box .box-value{
        font-size: 40px;
    }
	.strategic-box .box-text{
    	padding:11px 30px 30px;
     }
/*chart*/
	.strategic-chart-wrapper .highchartContainer{
    	margin-top:15px;
    	padding:0;

    }
	.highcharts-legend-item tspan{
		font-size:18px;
    }
/*slider*/
	.strategic-slider-group-wrapper {
    	padding:0 27px 0;
    	margin-top:32px;
    }
    .strategic-slider-wrapper{
        padding:0 0 0;
    }
.strategic-slider-group-wrapper .col-sm-6:first-of-type{width:50%; float:left;}
.strategic-slider-group-wrapper .col-sm-6:nth-of-type(2){width:40%; float:right;}

    .strategic-slider-wrapper .slider-monitor-wrapper{
            width:100%;
    }
    .strategic-slider-wrapper .slider-monitor{
        font-size:18px;
    	line-height:24px;
    }
}

@media (min-width: 769px){
    .strategic-slider-group-wrapper .col-sm-6:first-of-type, .strategicSlider0 .col-sm-6{
        padding-right:23px;
    }
    .strategic-slider-group-wrapper .col-sm-6:nth-of-type(2), .strategicSlider1 .col-sm-6{
        padding-left:23px;
    }
}


