/* 
  -----------------------------------
  Omni Panel Magic
  by Project Seven Development
  www.projectseven.com
  Core Styles
  -----------------------------------
*/

.p7OPM {
	width: 100%;
	overflow: hidden;
}

.p7OPM,
.p7OPM li,
.p7OPM a,
.opm-tabs-wrapper,
.opm-panel-wrapper,
.opm-tabs-wrapper ul {
	box-sizing: border-box;
}


.opm-v-tabs .p7OPM-layout {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.opm-v-tabs .opm-panel-wrapper,
.opm-v-tabs .opm-tabs-wrapper {
	display: table-cell;
	vertical-align: top;
}
.opm-tabs-wrapper.centered {
	text-align: center;
}
.opm-tabs-wrapper.right {
	text-align: right;
}

.opm-v-tabs .opm-tabs-wrapper {
	table-layout: fixed;
}
.opm-v-tabs .opm-panel-wrapper {
	width: 100%;
	table-layout: fixed;
}

.opm-accordion-trig {
	margin: 0px;
	display: none;
}

.p7OPM .opm-accordion-trig a {
	display: block;
}

/*
*****************************************
          Tabs Wrapper Structure
    (opm-v-tabs are for Vertical Tabs)
*****************************************	 
*/
.p7OPM .opm-tabs-wrapper ul {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	vertical-align: bottom;
}
.p7OPM.opm-v-tabs .opm-tabs-wrapper ul {
	display: block;
	padding: 0px; 
}

.p7OPM .opm-tabs-wrapper li {
	list-style-type: none;
	display: block;
	margin: 0px;
	float: left;
	padding: 0;
}
.p7OPM.opm-v-tabs .opm-tabs-wrapper li {
	float: none;
	width: 100%;
}
.p7OPM .opm-tabs-wrapper a {
	display: block;
	text-decoration: none;
	-webkit-transition: background, color, border ease .35s;
	transition: background, color, border ease .35s;
}
.p7OPM .opm-accordion-trig a {
	-webkit-transition: all linear .25s;
	transition: all linear .25s;
	text-decoration: none;
}

/*
**********************************************
       Curret Tab Marker (check mark)
**********************************************
*/
.p7OPM .opm-tabs-wrapper a.open:before {
	position: absolute;
	left: 4px;
}

/*
**************************
     Rounded Corners
**************************	 
*/
.p7OPM.p7OPM.opm-rounded {
	border-radius: 5px;
}
.p7OPM.opm-rounded .opm-tabs-wrapper a {
	border-radius: 0px;
}

/*
********************************
    Content Utility Rules 
********************************
*/
.opm-panel-content img.scalable,
.opm-panel-content img.scalable-rounded {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}
.opm-panel-content.no-padding {
	padding: 0px;
}
.opm-panel-content.centered {
	text-align: center;
}
.opm-panel-content img {
	vertical-align: bottom;
}

/*
********************************
       No Script Rules 
********************************
*/
.p7OPM.opm-noscript .opm-tabs-wrapper li {
	display: inline-block;
	float: none;
}
.p7OPM.opm-noscript .opm-arrow-left,
.p7OPM.opm-noscript .opm-arrow-right,
.p7OPM.opm-noscript .opm-paginator,
.p7OPM.opm-noscript .opm-toolbar {
	display: none;
}

/*
************************
     Carousel
************************
*/
.p7OPM.opm-carousel .opm-tabs-wrapper {
	display: none;
}

/*
**********************************
   Arrows, Toolbar, Paginator
**********************************
*/
.opm-arrows {
	font-size: 0px;
	position: absolute;
	z-index: 10;
	top: 40%;
}
.opm-arrows a {
	display: block;
	background-repeat: no-repeat;
	text-decoration: none;
	width: 16px;
	height: 28px;
	opacity: .65;
}
.opm-arrows a:hover {
	opacity: 1;
}
.opm-arrows.arrows-dark.opm-arrow-left a {
	background-image: url(img/p7opm-left-dark.png);
}
.opm-arrows.arrows-dark.opm-arrow-right a {
	background-image: url(img/p7opm-right-dark.png);
}
.opm-arrows.arrows-light.opm-arrow-left a {
	background-image: url(img/p7opm-left-light.png);
}
.opm-arrows.arrows-light.opm-arrow-right a {
	background-image: url(img/p7opm-right-light.png);
}
.opm-arrow-left {
	left: 6px;
}
.opm-arrow-right {
	right: 6px;
}


.p7OPM .opm-paginator,
.p7OPM .opm-toolbar {
	text-align: center;
	font-size: 0px;
	padding: 5px 0px;
}
.p7OPM.paginator-top .opm-paginator {
	border-bottom: 1px solid #000;
}
.p7OPM.paginator-bottom .opm-paginator {
	border-top: 1px solid #000;
}

.p7OPM .pags-dark.opm-paginator,
.p7OPM .toolbar-dark.opm-toolbar {
	background-color: #222;
}
.p7OPM .pags-light.opm-paginator,
.p7OPM .toolbar-light.opm-toolbar {
	background-color: #FFF;
}

.p7OPM .opm-paginator ul,
.p7OPM .opm-toolbar ul {
	margin: 0px;
	padding: 0px;
	display: inline-block;
}
.p7OPM .opm-paginator li,
.p7OPM .opm-toolbar li {
	list-style-type: none;
	display: inline-block;
	vertical-align: middle;
	margin: 3px;
}
.p7OPM .opm-paginator a {
	text-decoration: none;
	display: block;
	height: 16px;
	width: 16px;
	border-radius: 20px;
	background-color: #222;
}
.p7OPM .pags-dark.opm-paginator a {
	background-color: #BBB;
}
.p7OPM .opm-paginator a.opm-pause-play {
	background-repeat: no-repeat;
	background-position: center;
	width: 25px;
	height: 25px;
	background-color: transparent;
	opacity: .7;
}
.p7OPM .opm-paginator a.opm-pause-play:hover {
	opacity: 1;
}

.p7OPM .pags-dark.opm-paginator a.opm-pause-play {
	background-image: url(img/p7opm-play-light.png);
}
.p7OPM .pags-dark.opm-paginator a.opm-pause-play.pause-icon {
	background-image: url(img/p7opm-pause-light.png);
}

.p7OPM .pags-light.opm-paginator a.opm-pause-play {
	background-image: url(img/p7opm-play.png);
}
.p7OPM .pags-light.opm-paginator a.opm-pause-play.pause-icon {
	background-image: url(img/p7opm-pause.png);
}


.p7OPM .pags-light.opm-paginator a:hover {
	background-color: #DC494C;
}
.p7OPM .pags-light.opm-paginator a.down {
	background-color: #DC494C;
}
.p7OPM .pags-dark.opm-paginator a:hover {
	background-color: #FFF;
}
.p7OPM .pags-dark.opm-paginator a.down {
	background-color: #FFF;
}
.p7OPM .opm-paginator a.opm-pause-play:hover {
	background-color: transparent;
	opacity: 1;
}
.p7OPM .opm-pause {
	margin-left: 24px;
}

.p7OPM.toolbar-top .opm-toolbar {
	border-bottom: 1px solid #000;
}
.p7OPM.toolbar-bottom .opm-toolbar {
	border-top: 1px solid #000;
}

.p7OPM .opm-toolbar em {
	display: none;
}
.p7OPM .opm-toolbar a {
	text-decoration: none;
	font-size: 0px;
	display: block;
	height: 25px;
	width: 25px;
	background-repeat: no-repeat;
	background-position: center;
	opacity: .75;
}
.p7OPM .opm-toolbar a:hover {
	opacity: 1;
}
.p7OPM .toolbar-dark a.previous {
	background-image: url(img/p7opm-prev-light.png)
}
.p7OPM .toolbar-dark a.opm-pause-play {
	background-image: url(img/p7opm-play-light.png);
}
.p7OPM .toolbar-dark a.opm-pause-play.pause-icon {
	background-image: url(img/p7opm-pause-light.png);
}
.p7OPM .toolbar-dark a.next {
	background-image: url(img/p7opm-next-light.png);
}
.p7OPM .toolbar-light a.previous {
	background-image: url(img/p7opm-prev.png);
}
.p7OPM .toolbar-light a.opm-pause-play {
	background-image: url(img/p7opm-play.png);
}
.p7OPM .toolbar-light a.opm-pause-play.pause-icon {
	background-image: url(img/p7opm-pause.png);
}
.p7OPM .toolbar-light a.next {
	background-image: url(img/p7opm-next.png);
}

/*
**********************************
          Media Query
**********************************
*/
@media only screen and (min-width: 0px) and (max-width: 700px) {

.p7OPM.opm-phone,
.p7OPM.opm-phone .p7OPM-layout,
.p7OPM.opm-phone .opm-tabs-wrapper,
.p7OPM.opm-phone .opm-tabs-wrapper {
	display: block;
	width: 100%;
	max-height: 700777px;
}
.p7OPM.opm-phone.opm-v-tabs .p7OPM-layout,
.p7OPM.opm-phone.opm-v-tabs .opm-panel-wrapper,
.p7OPM.opm-phone.opm-v-tabs .opm-tabs-wrapper {
	display: block;
}

.p7OPM.opm-phone .opm-accordion-trig {
	display: block;
}
.p7OPM.opm-phone .opm-tabs-wrapper {
	position: absolute;
	top: -3000px;
	
}
.p7OPM.opm-phone .opm-arrows,
.p7OPM.opm-phone .opm-toolbar,
.p7OPM.opm-phone .opm-paginator {
	display: none;
}


}


