.shared-detail .header {margin-bottom: 20px;}
.shared-detail .header .previous {display: inline-block; position: relative; top: -37px; z-index: 99;}
.shared-detail .header .btn-back {
	display: block;
	color: #4e464e;
	font-family: 'Pacifico', cursive; font-size: 29px; line-height: 32px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.shared-detail .header .btn-back i {
	color: #3399ba;
	font-size: 18px; line-height: 21.6px;
	margin-right: 15px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.shared-detail .header .btn-back:hover {color: #3399ba;}
.shared-detail .header .btn-back:hover i {
	-webkit-transform: translateX(-3px);
	-moz-transform: translateX(-3px);
	-ms-transform: translateX(-3px);
	-o-transform: translateX(-3px);
	transform: translateX(-3px);
}
.shared-detail .header h1 {text-align: center;}


.shared-detail .detail-top .info {padding: 10px 0 30px;}
.shared-detail .detail-top .info-wrapper {max-width: 270px; width: 100%;}
.shared-detail .detail-top .info .details {margin-bottom: 30px;}
.shared-detail .detail-top .info .details li {color: #3399ba; font-family: "Proxima N W01 Smbd", sans-serif; font-size: 24px; line-height: 26px;}
.shared-detail .detail-top .info .details li.host,.shared-detail .detail-top .info .details li .blabel{color: #002d6c;}
.shared-detail .detail-top .info .btn-action {margin-bottom: 15px;}
.shared-detail .detail-top .info .btn-action .button {
	background-clip: padding-box;
	border-radius: 3px;	
	color: #fff;
	font-family: "Proxima N W01 Smbd", sans-serif; font-size: 20px; line-height: 22px;
	padding: 10px 15px;
	text-transform: uppercase;
	width: 100%;
}
.shared-detail .detail-top .info .btn-action .button .txt {float: left; margin-top: 7px;}
.shared-detail .detail-top .info .btn-action .button .ico {float: right;}
.shared-detail .detail-top .info .btn-action .button .ico i {font-size: 32px;}

.shared-detail .media-gallery {margin-bottom: 30px; max-width: 570px; width: 100%; position: relative;}
.shared-detail .media-gallery .slick-slider {margin-bottom: 0;}
.shared-detail .media-gallery .slick-nav .slick-arrow {
	position: absolute; top: 50%; 	
	cursor: pointer; z-index: 99;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.shared-detail .media-gallery .slick-nav .slick-arrow.nav-prev {left: 0;}
.shared-detail .media-gallery .slick-nav .slick-arrow.nav-next {right: 0;}
.shared-detail .media-gallery .slick-nav .slick-arrow i {
	color: #fff; font-size: 36px; font-weight: 400; line-height: 36px; 
	padding: 0 10px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.shared-detail .media-gallery .slick-nav .slick-arrow.slick-disabled {cursor: default; opacity: 0.5;}
.shared-detail .media-gallery .slick-nav .slick-arrow:hover i {color: #c41845;}
.shared-detail .media-gallery .slick-nav .slick-arrow.slick-disabled:hover i {color: #fff;}


/*********  Pane Layout *********/
.shared-detail .detail-panes {padding: 30px 0 20px;}

/*** Tabs ***/
.shared-detail .detail-panes .tabs-wrapper {margin-bottom: 30px; max-width: 270px; width: 100%;}
.shared-detail .detail-panes .tabs-wrapper > .tabs.vertical {float: none; margin: 0 !important; max-width: 100%; width: 100%;}
.shared-detail .detail-panes .tabs-wrapper > .tabs.vertical > dd {margin-bottom: 15px !important;}
.shared-detail .detail-panes .tabs-wrapper > .tabs.vertical > dd > a {
	position: relative;
	border-radius: 3px;
	background: #c1bec1; background-clip: padding-box;
	color: #fff;
	font-family: "Proxima N W01 Smbd", sans-serif; font-size: 24px; line-height: 26px;
	padding: 15px 20px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.shared-detail .detail-panes .tabs-wrapper > .tabs.vertical > dd > a:before {
	content: "\f105";
	color: #fff;
	position: absolute; top: 50%; right: 20px;
	opacity: 0;
	font-family: 'FontAwesome'; font-size: 18px; line-height: 19.8px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.shared-detail .detail-panes .tabs-wrapper > .tabs.vertical > dd.active > a {background: #3ead2a;}
.shared-detail .detail-panes .tabs-wrapper > .tabs.vertical > dd.active > a:before {opacity: 1;}

.shared-detail .detail-panes .tabs-content {margin: 0 0 40px 0;}
.shared-detail .detail-panes .tabs-content > .content {padding: 0;}
.shared-detail .detail-panes .tabs-content > .content {font-size: 20px; line-height: 24px;}
.shared-detail .detail-panes .tabs-content > .content p {font-size: 20px; line-height: 24px; margin-bottom: 25px;}
.shared-detail .detail-panes .tabs-content > .content div {font-size: 20px; line-height: 24px; margin-bottom: 0px;}
.shared-detail .detail-panes .tabs-content > .content span.title {font-weight: 700; display: inline-block; margin-right: 5px;}
.shared-detail .detail-panes .list-content li {font-size: 20px; line-height: 24px;}
.shared-detail .detail-panes .list-content li i {margin-left: 10px;}
.shared-detail .detail-panes .list-content li span.val {font-weight: 700;}


/*** Desktop ***/
@media only screen and (min-width: 1025px) {
	.shared-detail {padding-top: 55px;}
	.shared-detail .header .previous {margin-top: 15px; top: 0;}
	.shared-detail .header h1 {text-align: left;}
}

/*** Tablet ***/
@media only screen and (max-width: 1024px) {	
	.shared-detail .header .large-4.col {height: 20px;}
	.shared-detail .detail-top .info .details li { font-size: 20px; line-height: 22px;}
	.shared-detail .detail-top .info .btn-action .button {font-size: 18px; line-height: 19.8px;}
}

/*** Small Tablet ***/
@media only screen and (max-width: 750px) {
	.shared-detail .detail-top .info .details {margin-bottom: 20px;}
	.shared-detail .detail-top .info .details li { font-size: 16px; line-height: 17.6px;}
	.shared-detail .detail-top .info .btn-action {margin-bottom: 7px;}
	.shared-detail .detail-top .info .btn-action .button {font-size: 16px; line-height: 17.6px;}
	.shared-detail .detail-top .info .btn-action .button .ico img {height: 25px;}
}

/*** Mobile ***/
@media only screen and (max-width: 640px) {
	.shared-detail .header {margin-bottom: 10px;}
	.shared-detail .header h1 {font-size: 40px; line-height: 44px; margin-bottom: 0;}
	.shared-detail .detail-top .info {margin-bottom: 30px; padding: 0; text-align: center;}
	.shared-detail .detail-top .info-wrapper {margin: auto;}
	.shared-detail .detail-top .info .details {margin-bottom: 25px;}
	.shared-detail .detail-top .info .details li {font-size: 20px; line-height: 22px;}
	.shared-detail .detail-top .info .btn-action .button {font-size: 20px; line-height: 22px;}
	.shared-detail .detail-top .info .btn-action .button .ico img {height: 30px;}

	.shared-detail .detail-panes .tabs-wrapper {margin: auto; max-width: 300px;}
	.shared-detail .detail-panes .tabs-wrapper > .tabs.vertical {padding: 56px 0 20px; position: relative; width: 100%;}
	.shared-detail .detail-panes .tabs-wrapper > .tabs.vertical > dd {display: none; margin-bottom: 0 !important; width: 300px;}
	.shared-detail .detail-panes .tabs-wrapper > .tabs.vertical > dd > a {border-radius: 0;}
	.shared-detail .detail-panes .tabs-wrapper > .tabs.vertical.open > dd {display: block;}
	.shared-detail .detail-panes .tabs-wrapper > .tabs.vertical > dd.active {display: block; position: absolute; top: 0;}
	.shared-detail .detail-panes .tabs-wrapper > .tabs.vertical > dd.active > a {border-radius: 3px;}
	.shared-detail .detail-panes .tabs-wrapper > .tabs.vertical > dd > a:before {content: "\f107";}
	.shared-detail .detail-panes .tabs-wrapper > .tabs.vertical.open > dd > a:before {content: "\f106";}

} 	

/*** Small Mobile ***/
@media only screen and (max-width: 480px) {
	.shared-detail .header .btn-back {font-size: 18px; line-height: 21.6px;}
	.shared-detail .header .btn-back .fa {margin-right: 10px; font-size: 16px; line-height: 19.2px;}
}