@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'ralewayliningfigheavy';
    src: url('../fonts/ralewayliningfig-heavy-webfont.woff2') format('woff2'),
         url('../fonts/ralewayliningfig-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayliningfigthin';
    src: url('../fonts/ralewayliningfig-thin-webfont.woff2') format('woff2'),
         url('../fonts/ralewayliningfig-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayliningfigregular';
    src: url('../fonts/ralewayliningfig-regular-webfont.woff2') format('woff2'),
         url('../fonts/ralewayliningfig-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayliningfiglight';
    src: url('../fonts/ralewayliningfig-light-webfont.woff2') format('woff2'),
         url('../fonts/ralewayliningfig-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayliningfigsemibold';
    src: url('../fonts/ralewayliningfig-semibold-webfont.woff2') format('woff2'),
         url('../fonts/ralewayliningfig-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayliningfigmedium';
    src: url('../fonts/ralewayliningfig-medium-webfont.woff2') format('woff2'),
         url('../fonts/ralewayliningfig-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayliningfigextralight';
    src: url('../fonts/ralewayliningfig-extralight-webfont.woff2') format('woff2'),
         url('../fonts/ralewayliningfig-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayliningfigextrabold';
    src: url('../fonts/ralewayliningfig-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/ralewayliningfig-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayliningfigbold';
    src: url('../fonts/ralewayliningfig-bold-webfont.woff2') format('woff2'),
         url('../fonts/ralewayliningfig-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.row-full
{
	width:100%;
}

.brand-bar
{
	width:100%;
	height:78px;
	border-bottom:10px solid #ffb900;
	background-image:url(../images/posb-header-gradient.jpg);
	position: fixed;
	z-index: 1030;
}
#bg-db1 .button{
	margin: 15px 0 50px 0;
}
.button
{
	margin: 12px 0 18px 0;
	padding-left:25px;
	padding-right:25px;
	background-color:#F7A600;
	border-bottom:2px solid #d28a13;
	border-radius:2px;
	font-family:ralewayliningfigmedium, Arial, sans-serif;
	font-weight:700;
	font-size:15px;
	margin-left:10px;
}

.button:hover, .button:focus {
	background-color:#e9a900;
}

.social-btn
{
	margin-top:16px;
	margin-left:3px;
	margin-right:3px;
	display:inline-block;
}

.bg-light-blue
{
	background-color:#e7f6fd;
}

.bg-dark-blue
{
	background-color:#0082d2;
}

p
{
	font-family:ralewayliningfigregular, Arial, sans-serif;
	
}

a
{
	font-family:ralewayliningfigmedium, Arial, sans-serif;
	font-size:14px;
	color:#fff;
}

a:hover
{
	color:#CCC;
}

h1
{
	font-size:63px;
	line-height:66px;
	font-family:ralewayliningfigheavy, Arial, sans-serif;
	margin-top:60px;
	margin-bottom:26px;
}

.blue
{
	color:#0082d2;
	font-size: 48px;
}
#blue-small{
	color:#007fc5;
	font-size: 25px;
	font-family: ralewayliningfigextrabold, Arial, sans-serif;
	line-height: 27px;
}
#blue-small a{
color:#0082d2;
	font-size: 24px;
	font-family: ralewayliningfigextrabold, Arial, sans-serif;
	line-height: 26px;
}
.home-upper{
	font-size: 20px;
}
.more , .more a{
	color: #ffa800;
	cursor: pointer;
	font-size: 20px;
}
#custom-size{
	font-size: 17px;
	margin-top:20px;
}
.yellow
{
	color:#ffa800;
}

h2
{
	font-size:20px;
	line-height:20px;
	font-family:ralewayliningfigbold, Arial, sans-serif;
	color:#58595b;
}

h3
{
	font-size:17px;
	line-height:17px;
	font-family:ralewayliningfigbold, Arial, sans-serif;
	margin-bottom:40px;
}
h4
{
	font-size:52px;
	line-height:56px;
	font-family:ralewayliningfigsemibold, Arial, sans-serif;
	margin-top: 45px;
}
.icon-thumb{
	display: block;
}
.pf {
    display: inline-block;
    padding-top: 5px;
}
.bg-white{
	background: #E7F6FD;
}
.bg-white p{
	font-size:19px;
	line-height:26px;
	/*font-family:ralewayliningfig, Arial, sans-serif;*/
	font-family: ralewayliningfigregular, Arial, sans-serif;
	color:#58595b;
	margin-bottom:26px; 
}
.thumb{
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -o-border-radius: 7px;
    -ms-border-radius: 7px;
}
.bg-dark-blue p{
	font-size:19px;
	margin-bottom:26px; 
}
.icon-thumb {
    display: block;
}
#bg-db1 .button {
    margin: 15px 0 50px 0;
}
.bg-light-blue p 
{
	font-size:19px;
	line-height:26px;
	/*font-family:ralewayliningfig, Arial, sans-serif;*/
	font-family: ralewayliningfigregular, Arial, sans-serif;
	color:#58595b;
}
 .bg-light-blue h4{
 	color:#58595b; 	
 }
.bg-light-blue p strong, .bg-light-blue ul li
{
	font-size:15px;
	line-height:18px;
	font-family:ralewayliningfigbold, Arial, sans-serif;
	color:#58595b;
}

.bg-dark-blue h3, .bg-dark-blue h4, .bg-dark-blue p
{
	color:#FFF;
}
#bg-lb1 .icon{
	margin-top: 16px;
}
#bg-db2 .icon{
	margin-top: 15px;
}
#bg-lb2 h4 , #bg-db3 h4{ 
	margin-top: 55px;
}

.bryan
{
	width:100%;
	height:100%;
	position:relative;
	/*left:20%;*/
	display:block;
	margin-top:50px;
}

.floating-arrow
{
	position:relative;
	margin-bottom:-30px;
	z-index:1;
}

.floating-arrow a
{
	position:relative;
	bottom:30px;
}

.floating-arrow-wo-padding
{
	position:relative;
	padding-bottom: 35px;
	z-index:1;
}

.floating-arrow-wo-padding a
{
	position:relative;
	bottom:-20px;
}

.margin-40
{
	margin-top:40px;
	margin-bottom:40px;
}
.margin-20{
	margin-top:20px;
	margin-bottom:20px;
}
.padding-50
{
	padding-top:50px;
	padding-bottom:50px;
}
.color-black{
	color: #000;
}
.color-white{
	color: #fff;
}
.merchant{
	font-weight: bold;
}
.mt60{
	margin-top: 60px;
}
h5{
	font-family: ralewayliningfigbold , Arial , sans-serif;
	font-size: 17px;
	margin:35px 0 15px 0;
}
.smaller{
	font-size: 12px;
	margin:20px 0;
}
.posb__subNav__social {
    max-width: 300px;
    background: #000;
    position: absolute;
    right: 0;
    display: none;
    top:79px;
}

.float-left{
	padding:10px;
}
.floating-arrow{
	cursor: pointer;
    -webkit-animation-name: floating;
    animation-name: floating;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.floating-arrow-wo-padding{
	cursor: pointer;
    -webkit-animation-name: floating;
    animation-name: floating;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@keyframes floating{
50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

75% {
    -webkit-transform: translate(0);
    transform: translate(0);
}
0% {
    -webkit-transform: translate(0);
    transform: translate(0);
}
}
.custom-show-1 , .custom-show-2 , .custom-show-3 , .custom-show-4 , .custom-show-5 , .custom-show-6, .custom-show-7{
	display: none;
}
#bg-lb1 .button, #bg-db2 .button, #bg-lb2 .button {
    margin: 15px 0 50px 0;
}
.margin-t35-b35 {
	margin: 35px 0;
    padding-top: 0 !important;
}
.margin-t35-b20 {
    margin: 35px 0 20px 0;
    padding-top: 0 !important;
}
#custom-size-zeo , #custom-size-digi{
	font-size: 17px;
    margin: 20px 0 35px 0;
    padding-top: 0;
}
.bg-light-blue h5 {
	color:#58595b;
}
.bg-dark-blue h5 {
	color: #fff;
}
.bg-light-blue , .bg-dark-blue , .bg-light-pink , .bg-white
{
	padding-top: 50px;
}
.bg-light-pink{
	padding-bottom: 50px;
}
.bg-white h1{
	margin-top: 80px;
	line-height: 60px;
}
.para1{
	padding-top: 25px;
}
.bg-light-pink{
	background: #ffeacd;
}
.bg-light-pink h4 ,.bg-light-pink p{
	color:#58595b;
}
.bg-light-pink p{
	font-size: 19px;
	line-height: 26px;
	    padding-top: 20px;
}
.bg-dark-blue p, .bg-light-blue p{
	line-height: 26px;
	margin: 35px 0;
}
#small{
	font-size: 17px;
	padding-top: 0;
}

.reveal {
	padding:40px;
	background-color:transparent;
	border:none;
}

.reveal-overlay {
	z-index:1035;
}

.close-button {
	color:#fff;
}

.custom-show-2 { margin-bottom:20px !important; }

.custom-bold { font-family:ralewayliningfigbold, Arial, sans-serif; }

.winner-showcase{
	padding-top: 20px;
	padding-bottom: 50px;
	text-align: center;
}
.winner-showcase img{
	border-radius: 10px;
}

.winner-showcase p{
	color: #58595b;
	font-size: 19px; 
	line-height: 1.3; 
	padding: 10px 20px;
	width: 100%;
}


@media (max-width: 767px){
.hidden-xs {
    display: none!important;
}
}
@media (min-width:768px) and (max-width:991px){
	.hidden-sm{display:none!important
	}
}

@media (min-width:992px) and (max-width:1139px){.hidden-md{display:none!important}
}
@media (min-width:1140px){
	.hidden-lg
		{display:none!important}
}
@media(max-width: 1023px){
	.large-2.columns , .large-8.columns.text-right{
		width: auto;
	}
	.large-8.columns.text-right{
		float: right;
	}
	.bryan{
		text-align: center;
		right:-30px;
		margin-top:0px;
	}
	/*.large-5.columns{
		margin: 10px 0;
	}*/
}
@media(max-width: 320px){
	.large-2.columns{
		padding:0 0 0 4px;
	}
}

@media(max-width: 480px){
	.blue { font-size:38px; }
	.yellow { font-size:44px; }
	h1 { font-size:44px; line-height:44px !important; }
	h4 { font-size:44px; line-height:44px; }
	.thumb{
		display: block;
		margin: 0 auto;
	}
	
	.social-btn { margin-left:0; margin-right:0; }
	.button { margin-left:0; }
}

@media(max-width: 769px){
	.hide-on-small{
		display: none;
	}
}