.all_mission_wrapper {
	width: 100%;
	height: 375px;
	position: relative;
	
}
.mission_p_outer_div {
	position: absolute;
	top: 0px;
	margin: 62px 15px 62px 110px;
	z-index: 1;
	width: 85%;
	height: 249px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: table;
	border: 1px solid #cccccc;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+41,f1f1f1+100 */
	background: #e5e5e5; /* Old browsers */
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 41%, #f1f1f1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 41%,#f1f1f1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 41%,#f1f1f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
	
}
.mission_p_div {
	display: table-cell;
	vertical-align: middle;
	padding: 0 5% 0 33%;
}
.mission_p_div p {
	font: 17px Tahoma,sans-serif;
	color: #2963aa;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
}
.mission_logo_wrapper{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3;
	height: 375px;
	width: 385px;
	background: url(/company/mission/images/missionbackground1.png);
	}
.mission_logo_div {
	position: absolute;
	top: 106px;
	left: 124px;
	width: 191px;
	height: 191px;
	text-align: center;
	}	
.ch-info-wrap {
    position: absolute;
    width: 135px;
    height: 135px;
    border-radius: 50%;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px;
 
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    top: 0px;
    left: 0px;
    background: #6ea3d4;
    box-shadow: 
        0 0 0 23px rgba(255,255,255,0.2), 
        inset 0 0 3px rgba(204, 204, 204, 0.8);
}
 
.ch-info {
    position: absolute;
    width: 135px;
    height: 135px;
    border-radius: 50%;
 
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
 
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
 
.ch-info > div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-position: center center;
 
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
 
.ch-info .ch-info-back {
    -webkit-transform: rotate3d(0,1,0,180deg);
    -moz-transform: rotate3d(0,1,0,180deg);
    -o-transform: rotate3d(0,1,0,180deg);
    -ms-transform: rotate3d(0,1,0,180deg);
    transform: rotate3d(0,1,0,180deg);
    background: #efefef;
}
 
.ch-item:hover .ch-info-wrap {
    box-shadow: 
        0 0 0 0 rgba(255,255,255,0.8), 
        inset 0 0 3px rgba(204, 204, 204, 0.8);
}
 
.ch-item:hover .ch-info {
    -webkit-transform: rotate3d(0,1,0,-180deg);
    -moz-transform: rotate3d(0,1,0,-180deg);
    -o-transform: rotate3d(0,1,0,-180deg);
    -ms-transform: rotate3d(0,1,0,-180deg);
    transform: rotate3d(0,1,0,-180deg);
}

.mission_logo_hb {
	font: 30px Tahoma,sans-serif;
	color: #2963aa;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
	line-height: 135px;
	margin: 0px;
}
.mission_logo_hf {
	font: 30px Tahoma,sans-serif;
	color: #ffffff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
	line-height: 135px;
	margin: 0px;
}
.all_values { 
	position: relative;
	height: 703px; 
	width: 100%;
	}
.all_values_wrapper {
	position: relative;
	height: 703px;
	width: 730px;
	margin: 0 auto;
	background-image: url(/company/mission/images/valuesrounds.png);
	background-position: 38px 20px;
	background-repeat: no-repeat;
}
.rounds_wrapper {
	width: 265px;
	height: 265px;
	text-align: center;
	/*background-color: #cdcdcd;*/
}
.values_h3 {
	font: 18px Tahoma,sans-serif;
	color: #ffffff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.37);
	margin-top: 35px;
 }
.values_h3b {
	font: 18px Tahoma,sans-serif;
	color: #2963aa;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
	margin-top: 35px;
	}
.values_p {
	text-align: center;
	
	font: 14px Verdana,sans-serif;
}
#confidence {
	position: absolute;
	left: 89px;
	top: 11px;
}
#professionalism {
	position: absolute;
	left: 387px;
	top: 16px;
}
 #reputation {
	position: absolute;
	left: 467px;
	top: 290px;
}
#discipline {
	position: absolute;
	left: 239px;
	top: 452px;
}
#innovation {
	position: absolute;
	left: 3px;
	top: 295px;
}
/*------------------------------------------*/
#confidence .vvch-info .vvch-info-front {
	background: #b6e42c;
	}
#professionalism  .vvch-info .vvch-info-front {
	background: #ff7101;
	}
#reputation  .vvch-info .vvch-info-front {
	background: #6da8df;
	}
#discipline  .vvch-info .vvch-info-front {
	background: #cc66cc;
	}
#innovation  .vvch-info .vvch-info-front {
	background: #ff3333;
	}
#innovation  .vvch-info .vvch-info-front>h3 {
	margin-bottom: 8px;
	margin-top: 30px;
	}
.vvch-info .vvch-info-back {
    -webkit-transform: rotate3d(0,1,0,180deg);
    -moz-transform: rotate3d(0,1,0,180deg);
    -o-transform: rotate3d(0,1,0,180deg);
    -ms-transform: rotate3d(0,1,0,180deg);
    transform: rotate3d(0,1,0,180deg);
    background: #efefef;
}
	/* #confidence .vvch-info .vvch-info-back {
	background: #b6e42c;
	} 
	#innovation  .vvch-info .vvch-info-back>h3 {
	margin-bottom: 8px;
	margin-top: 30px;
	}
	#innovation  .vvch-info .vvch-info-back {
	background: #ff3333;
	}
	#professionalism  .vvch-info .vvch-info-back {
	background: #ff7101;
	}
	#discipline  .vvch-info .vvch-info-back {
	background: #cc66cc;
	}
	#reputation  .vvch-info .vvch-info-back {
	background: #6da8df;
	}
	*/
	
.vvch-info-wrap {
    position: absolute;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px;
 
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    top: 0px;
    left: 0px;
    background: #6ea3d4;
    box-shadow: 
        0 0 0 23px rgba(255,255,255,0.2), 
        inset 0 0 3px rgba(204, 204, 204, 0.8);
}
 
.vvch-info {
    position: absolute;
    width: 260px;
    height: 260px;
    border-radius: 50%;
 
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
 
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
 
.vvch-info > div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-position: center center;
 
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
 
.vvch-info .vvch-info-back {
    -webkit-transform: rotate3d(0,1,0,180deg);
    -moz-transform: rotate3d(0,1,0,180deg);
    -o-transform: rotate3d(0,1,0,180deg);
    -ms-transform: rotate3d(0,1,0,180deg);
    transform: rotate3d(0,1,0,180deg);
    background: #efefef;
}
 
.vvch-item:hover .vvch-info-wrap {
    box-shadow: 
        0 0 0 0 rgba(255,255,255,0.8), 
        inset 0 0 3px rgba(204, 204, 204, 0.8);
}
 
.vvch-item:hover .vvch-info {
    -webkit-transform: rotate3d(0,1,0,-180deg);
    -moz-transform: rotate3d(0,1,0,-180deg);
    -o-transform: rotate3d(0,1,0,-180deg);
    -ms-transform: rotate3d(0,1,0,-180deg);
    transform: rotate3d(0,1,0,-180deg);
}

#values {
	position: absolute;
	left: 245px;
	top: 245px;
	width: 250px;
	height: 250px;
	text-align: center;
}
.values-h {
	font: 30px Tahoma,sans-serif !important;
	color: #2963aa;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
	line-height: 135px;
	margin: 0px;
}