@charset "utf-8";
/*expert panel styles used on the expert panel page*/
/*java disabled styles start here*/
.cube-details-box .details{
	background-color:#fff;
	overflow:auto;
}
.cube{
	float:left;
	overflow:hidden;
}

.cube-photo {
	line-height: 0;
	display:none;
}
.cube-title {
	display:none;
	position:absolute;
	bottom:-100%;
	height:100%;
	width:100%;
	background: #000;
	background:rgb(27,24,24);
    background: transparent\9;
    background:rgba(27,24,24,0.85);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d81b1818,endColorstr=#d81b1818);
    zoom: 1;
	color:#fff;
	padding:10px;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.cube-title h3{
	color:#fff;
	margin-bottom:7px;
	line-height:1.2;
	font-size:1.1em;
	margin-top:10px;
}
.cube-title p{
	line-height:1.5;
	margin-top:0;
	font-size:80%;
}
.show-btn{
	padding:2px 6px 3px !important;
	font-size:0.9em;
}
a.more, .close-btn{
	display:none; 
}
.details > img.img-float-left{
	float:left;
	margin-right:20px;
	margin-bottom:5px;
}

/*js enabled styles start here*/
.cube-section-mod .cube-details-box{
	background-color:#000;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	display:none;
	z-index:99998;
}
.cube-section-mod .details{
	position:absolute;
	width:70%;
	height:70%;
	padding:30px 50px;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	top:15%;
	left:15%;
	z-index:99999;
	display:none;
}
.cube-section-mod .cube .cube-title{
	display:block;
}
.cube-section-mod .cube-photo:hover, .cube-section-mod .cube-title:hover, .close-btn:hover{
	cursor:pointer;
}
.cube-section-mod .cube{
	width:33.33%;
	position:relative;
}
.summit .cube{
	width:20%;
}
.cube-section-mod .cube-photo{
	display:block;
}
.cube-section-mod .cube-photo img{
	width:100%;
}
.cube-section-mod a.more{
	display:inline-block; 
}
.close-btn::after{
	content: "\f057";
	font-family:FontAwesome;
	font-style:normal;
	font-weight:normal;
	color:#c21b4b;
	position:absolute;
	font-size:24px;
	top:5px;
	right:10px;
	display:block;
}
.close-btn:hover::after{
	color:#fbab18;
}
.accessible-hide{
	border:0;
	clip:rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	display:block !important;
}


/*3d cube effect support all browsers*/
#cube .cube{
	overflow:visible;
}
#cube .cube-photo {
	width: 205px;
	text-align: center;
	margin: 0 auto;
	height: 233px;
	position:relative;
	display: table;}
#cube .cube-photo .slide1, #cube .cube-photo .slide2{
	height: 233px !important;
	width: 205px !important;
	position: absolute;
	left: -1px;
	top: 0;
	-webkit-backface-visibility: hidden !important;
	-ms-backface-visibility: hidden !important;
	backface-visibility: hidden !important;
	-ms-transform-style: none;
	-webkit-transition: transform .5s;
	-ms-transition: transform .5s;
	transition: transform .5s;
}
#cube .cube-photo .slide1 {
	-webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	-ms-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	-webkit-transform-origin:50% 50% -116px;	
	-ms-transform-origin:50% 50% -116px; 
	transform-origin:50% 50% -116px;
	z-index:2;
	z-index:3\9;
}

#cube .cube-photo .slide2 {
	-webkit-transform:rotateX(-91deg) rotateY(0deg) rotateZ(0deg);
	-ms-transform:rotateX(-91deg) rotateY(0deg) rotateZ(0deg);
	transform:rotateX(-91deg) rotateY(0deg) rotateZ(0deg);
	-webkit-transform-origin:50% 50% -116px;	
	-ms-transform-origin:50% 50% -116px; 
	transform-origin:50% 50% -116px;
	z-index:3;
	z-index:2\9;
	position: relative;
	background: #e86800;
	color: #333;
	display: table-cell;
	font-weight: 700;
	vertical-align: middle;
	line-height: 1.2;
	font-size:  95%;
	text-align: left;
	padding: 0 20px;
}

.details .img-float-right p.caption {
	
    max-width: 450px !important;
}


#cube .cube:hover .cube-photo .slide1 {
	-webkit-transform:perspective(2000px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
	-ms-transform:perspective(2000px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
	transform:perspective(2000px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
	-webkit-transform-origin:50% 50% -116px;	
	-ms-transform-origin:50% 50% -116px;	
	transform-origin:50% 50% -116px;
	z-index:4;
}

#cube .cube:hover .cube-photo .slide2 {
	-webkit-transform:perspective(2000px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	-ms-transform:perspective(2000px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	transform:perspective(2000px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	-webkit-transform-origin:50% 50% -116px;	
	-ms-transform-origin:50% 50% -116px;	
	transform-origin:50% 50% -116px;
	-webkit-transition: transform .5s;	
	-ms-transition: transform .5s;	
	transition: transform .5s;
	z-index:5;
}
/* Cube 3d animation effect ends */
#cube .cube{
	width:205px !important;
}



@media only screen and (min-width: 980px) and (max-width: 1270px) {
	.cube-section-mod .cube-title p{
		display:none;
	}
}
@media only screen and (max-width: 980px) {
	.cube-section-mod .details{
		width:80%;
		height:80%;
		top:10%;
		left:10%;
		padding:20px 30px;
	}
}
@media only screen and (max-width: 500px) {
    .cube-section-mod .cube {
		width:50%;
    }
	.cube-section-mod .details{
		width:90%;
		height:95%;
		top:2.5%;
		left:5%;
		padding:15px 20px;
	}
}
@media only screen and (max-width: 420px) {
	.cube-section-mod .cube-title p{
		display:none;
	}
	.cube-section-mod .details > img{
		float:none;
	}	
	#cube .cube-photo {
	width: 150px;
	text-align: center;
	margin: 0 auto;
	height: 170px;
	position:relative;
	}
	#cube .cube-photo .slide1, #cube .cube-photo .slide2{
		height:170px !important;
		width:150px !important;
		position:absolute;
		left:0; top:0;
		-webkit-backface-visibility: hidden !important; 
		-ms-backface-visibility: hidden !important; 
		backface-visibility: hidden !important;
		-ms-transform-style:none;
		-webkit-transition: transform .5s;	
		-ms-transition: transform .5s;	
		transition: transform .5s;
	}
	#cube .cube-photo .slide1 {
		-webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);
		-ms-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);
		transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);
		-webkit-transform-origin:50% 50% -85px;	
		-ms-transform-origin:50% 50% -85px;	
		transform-origin:50% 50% -85px;
		z-index:2;
		z-index:3\9;
	}
	
	#cube .cube-photo .slide2 {
		-webkit-transform:rotateX(-91deg) rotateY(0deg) rotateZ(0deg);
		-ms-transform:rotateX(-91deg) rotateY(0deg) rotateZ(0deg);
		transform:rotateX(-91deg) rotateY(0deg) rotateZ(0deg);
		-webkit-transform-origin:50% 50% -85px;	
		-ms-transform-origin:50% 50% -85px;	
		transform-origin:50% 50% -85px;
		z-index:3;
		z-index:2\9;
	}
	
	#cube .cube:hover .cube-photo .slide1 {
		-webkit-transform:perspective(2000px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
		-ms-transform:perspective(2000px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
		transform:perspective(2000px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
		-webkit-transform-origin:50% 50% -85px;	
		-ms-transform-origin:50% 50% -85px;	
		transform-origin:50% 50% -85px;
		z-index:4;
	}
	
	#cube .cube:hover .cube-photo .slide2 {
		-webkit-transform:perspective(2000px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
		-ms-transform:perspective(2000px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
		transform:perspective(2000px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
		-webkit-transform-origin:50% 50% -85px;	
		-ms-transform-origin:50% 50% -85px;	
		transform-origin:50% 50% -85px;
		-webkit-transition: transform .5s;	
		-ms-transition: transform .5s;	
		transition: transform .5s;
		z-index:5;
	}
	/* Cube 3d animation effect ends */
	#cube .cube{
		width:150px !important;
	}
}