
/* Tabs container */
.divhortabfp .r-tabs {
	position: relative;
}

/* .r-tabs .r-tabs-nav {padding-left:25%} */
/* Tab element */
.divhortabfp .r-tabs .r-tabs-nav .r-tabs-tab {
	position: relative;
}

/* Tab anchor */
.divhortabfp .r-tabs .r-tabs-nav .r-tabs-anchor {
	display: inline-block;
	padding: 10px 40px;
	font-weight: normal; background-color:#fff; border:solid 1px #c85832;
	color: #434242; text-decoration:none;
}

/* Disabled tab */
.divhortabfp .r-tabs .r-tabs-nav .r-tabs-state-disabled {
	opacity: 0.5;
}

/* Active state tab anchor */
.divhortabfp .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
	background-color:#c85832; color:#fff; font-weight:normal; 
}
.divhortabfp .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor:after {
    content: "";
    width:0px;
    height:0px;
    border-left:16px solid transparent;
    border-right:16px solid transparent;
    border-top:16px solid #c85832;
    position:absolute;
    bottom:-16px; 
    left: 50%;
    margin-left: -16px;
}


.divhortabfp .r-tabs .r-tabs-nav a:hover, .divhortabfp .r-tabs .r-tabs-nav a:focus{background-color:#c85832; color:#fff;}

/* Tab panel */
.divhortabfp .r-tabs .r-tabs-panel {



}

/* Accordion anchor */
.divhortabfp .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	display: block;
	padding: 10px;

	background-color: #ececec;
	color: #333333;
	font-weight: normal; text-decoration:none}

/* Active accordion anchor */
.divhortabfp .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
	background-color: #c85832;
	color: #ffffff;
	text-shadow: none; text-decoration:none; font-weight:bold;
}

/* Disabled accordion button */
.divhortabfp .r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
	opacity: 0.5;
}
.hortabfpli {font-size:0; margin-bottom:20px}
.hortabfpli > li {font-size:11pt;}
.viewmap .play {font-size:11pt;}
}

@media screen and (min-width: 300px) {
.divhortabfp {position: relative; height:220px}
}

@media screen and (min-width: 480px) {
.divhortabfp .r-tabs .r-tabs-nav .r-tabs-anchor {padding: 10px 50px; }
.hortabfpli > li {font-size:12pt;}
.divhortabfp {position: relative; height:275px}

}
@media screen and (min-width: 768px) {
.divhortabfp .r-tabs .r-tabs-nav .r-tabs-anchor {padding: 10px 80px; }
.divhortabfp {position: relative; height:370px}

}


@media screen and (min-width: 1024px) {
.divhortabfp .r-tabs .r-tabs-nav .r-tabs-anchor {padding: 10px 100px; }
.hortabfpli > li {font-size:14pt;}
.viewmap .play {font-size:14pt;}
.divhortabfp {position: relative; height:570px}
}

.video-wrapper img {width:100%}
.videocontainer {width:100%; height:100%}
.videoname {width:100%; margin:0; padding:0; position:relative;}
.videoplay {position:absolute; width:100%; left:0; top:0; display:flex; justify-content: center; align-items: center;flex-flow: column; height:100%; background:transparent}
.viewmap .play {display:inline-block; background-color:#c85832; color:#fff; padding:6px 20px; z-index:99; cursor:pointer}


@media screen and (min-width: 1024px) {
.divhortabfp {position: relative; height:430px}
}

@media screen and (min-width: 1280px) {
.divhortabfp {position: relative; height:470px}
}

@media screen and (min-width: 1366px) {
.divhortabfp {position: relative; height:490px}
}

@media screen and (min-width: 1440px) {
.divhortabfp {position: relative; height:510px}
}

@media screen and (min-width: 1600px) {
.divhortabfp {position: relative; height:530px}
}

@media screen and (min-width: 1900px) {
.divhortabfp {position: relative; height:570px}
}