.pm-banner-container { width: 100%; margin: 0 auto; max-width: 100%; position: relative; }

.pm-banner-nav { z-index: 999; }

.pm-banner-group-item:not(:first-child) { display:none;}
.pm-banner-group-item.cycle-slide { display:block; width:100%; }
.pm-banner-group-item.cycle-slide img { width:100%; }

span.bannext:before, span.banprev:before { font-family: 'gillmorespace' !important; font-size: 75px; line-height: 1; opacity: 1; color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

span.banprev:before { content: "\e00a" !important; }

span.bannext:before { content: "\e00c" !important; }

span.bannext, span.banprev { position: absolute; top: 50%; transform: translateY(-50%); color: transparent; z-index: 998; cursor: pointer; width: 75px; height: 75px; }

span.banprev { left: 20px; }
span.bannext { right: 20px; }

.pm-banner-outer {position: relative;}

/*.pm-banner-content { background: rgba(0,0,0,0.5); padding: 10px; }*/

.pm-banner-content h3 { text-transform: uppercase; font-size: 25px; margin-top: 5px; }
/*
.contentpos- .pm-banner-inner, .contentpos-1 .pm-banner-inner { top: 50%; transform: translateY(-50%) translateX(-50%); }

.contentpos-1 .pm-banner-inner { width: 82%; left: 9%; }

.contentpos-0 .pm-banner-inner { transform: translateX(-50%); top: 0; width: 100%; }
.contentpos-2 .pm-banner-inner { transform: translateX(-50%); bottom: 5px; width: 100%; }*/

.pm-container.pm-banners { position: relative; }

.pm-banner-underbanner { position: absolute; bottom: -3%; z-index: 99; left: 50%; transform: translateX(-50%); }

.cycle-pager > span { font-size: 60px; color: #fff; cursor: pointer; }

.imgcount-1 .pm-banner-nav, .imgcount-1 .pm-banner-underbanner { display: none; }

@media (min-width: 768px) {
    .pm-banner-container .pm-banner-mob-img { display: none; }
}

@media (max-width: 1199px) {
    span.bannext:before, span.banprev:before { font-size: 45px; }
    span.bannext, span.banprev { width: 45px; height: 45px; }
}

@media (max-width: 767px) {
    .pm-banner-container .pm-banner-desk-img { display: none; }
}

@media screen and (min-width: 1705px) {
	.pm-banner-content { 
		display: block;
	    position: absolute;
	    top:0;
		left:0;
		width:100%;
		box-sizing: border-box;
	    padding: 10px 60px 60px;
	    z-index: 2;
	    text-align: center;
	}

	.pm-banner-content h3 {
	    font-size: 90px;
	    /*line-height: 100px;*/
	    display: inline-block;
	    /*margin: 0 50px 0 0;*/
	    position: relative;
	    z-index: 1;
	    text-transform: uppercase;
	    font-weight: 100;
	    color: #fff;
	}

	.pm-banner-content h3:after {
	    top: 10px;
	    bottom: 13px;
	    width: 3px;
	    position: absolute;
	    top: 10px;
	    bottom: 13px;
	    right: -25px;
	    width: 3px;
	    background: rgba(255,255,255,0.5);
	    content: "";
	}

	.pm-banner-content h4 {
	    font-size: 36px;
	    line-height: 32px;
	    display: inline-block;
	    position: relative;
	    z-index: 1;
	    text-transform: uppercase;
	    color: #fff;
	    text-align: left;
	    font-weight: 100;
	    margin: 0 55px 0 0;
	}

	.pm-banner-content h4:after {
	    width: 3px;
	    position: absolute;
	    top: -10px;
	    bottom: 0px;
	    right: -25px;
	    width: 3px;
	    background: rgba(255,255,255,0.5);
	    content: "";
	}

	.pm-banner-content h4 div {
	    width: 250px;
  		overflow-wrap:break-word;
	}

	.pm-banner-content .button {
	    bottom: 12px;
	    background: #000;
	    display: inline-block;
	    position: relative;
	    z-index: 1;
	    font-size: 18px;
	    text-transform: uppercase;
	    color: #fff;
	    padding: 13px 18px;
	    border: 1px solid #000;
	    font-weight: 300;
	    transition: border-color 350ms ease-in-out,background 350ms ease-in-out;
	    text-decoration: none;
	    max-width:125px;
	    overflow-wrap:break-word;
	}

	.cycle-pager > span { font-size: 90px; color: #fff; cursor: pointer; }
}

@media screen and (min-width: 768px) {
	.pm-banner-content div > span:nth-child(2n+0) {
	    color: #fff;
	}
	.pm-banner-content div > span:not(:last-child) {
	    display: inline-block;
	    margin: 0 10px 0 0;
	}
}

@media screen and (max-width: 599px) and (min-width: 320px) {
	.pm-banner-content { 
	    display: block;
	    position: absolute;
	    bottom: 30px;
	    left: 0;
	    right: 0;
	    padding: 10px 10px 25px;
	    z-index: 2;
	    text-align: center;
	}

	.pm-banner-content h3 {
	    display: block;
	    margin: 0;
	    position: relative;
	    z-index: 1;
	    font-size: 45px;
	    line-height: 45px;
	    text-transform: uppercase;
	    font-weight: 100;
	    color: #fff;
	}

	.pm-banner-content h4 {
	    position: static;
	    display: block;
	    z-index: 1;
	    font-size: 26px;
	    width: auto;
	    line-height: 26px;
	    text-transform: uppercase;
	    color: #fff;
	    text-align: center;
	    font-weight: 100;
	    margin: 0 0 20px;
	}

	.pm-banner-content .button {
	    background: #000;
	    display: inline-block;
	    position: relative;
	    z-index: 1;
	    font-size: 16px;
	    text-transform: uppercase;
	    color: #fff;
	    padding: 7px 18px;
	    border: 1px solid #000;
	    font-weight: 300;
	    bottom: 0;
	    transition: border-color 350ms ease-in-out,background 350ms ease-in-out;
	    text-decoration: none;
	}
}

@media screen and  (max-width: 1024px) and (min-width: 768px) {
	.pm-banner-content .button {
		bottom: 25.5px;
	}
}

@media screen and  (max-width: 1024px) and (min-width: 600px) {
	.pm-banner-content {
	    display: block;
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    padding: 10px 20px 75px;
	    z-index: 2;
	    text-align: center;
	}

	.pm-banner-content h3 {
	    display: inline-block;
	    margin: 0 30px 0 0;
	    position: relative;
	    z-index: 1;
	    font-size: 75px;
	    line-height: 59px;
	    text-transform: uppercase;
	    font-weight: 100;
	    color: #fff;
	}

	.pm-banner-content h3:after {
	    position: absolute;
	    top: 3px;
	    bottom: 7px;
	    right: -17.5px;
	    width: 5px;
	    background: rgba(255,255,255,0.5);
	    content: "";
	}

	.pm-banner-content h4 {
	    position: absolute;
	    top: 77px;
	    left: 0;
	    right: 0;
	    display: inline;
	    z-index: 1;
	    font-size: 26px;
	    width: auto;
	    line-height: 28px;
	    text-transform: uppercase;
	    color: #fff;
	    text-align: center;
	    font-weight: 100;
	    margin: 0 15px 0 0;
	}

	.pm-banner-content .button {
	    background: #000;
	    display: inline-block;
	    position: relative;
	    z-index: 1;
	    font-size: 16px;
	    text-transform: uppercase;
	    color: #fff;
	    padding: 12px 18px 10px;
	    border: 1px solid #000;
	    font-weight: 300;
	    bottom: 15.5px;
	    transition: border-color 350ms ease-in-out,background 350ms ease-in-out;
	    text-decoration: none;
	}
}

span.cycle-pager-active { color: #ad8b69; }