/* NON-RESPONSIVE ELEMENTS */

a:hover, a:active, a:visited {text-decoration:none !important;}

.learnmore {display: inline; float: right;  font-size: 18px; margin-right: 30px; color: #FFFFFF;}
.learnmore:hover {text-decoration:underline;}

.readmore {display:block; position: relative; right: 10px; bottom: 10px; font-size: 18px; margin-right: 30px;  }
.readmore:hover {text-decoration:underline;}


/* FONTS */
.rokkit {font-family: 'Rokkitt', serif;	font-style: normal;	}
.bebas 	{font-family: 'Bebas Neue', sans-serif;	font-style: normal;	font-weight: 800;}
.roboto {font-family: 'Roboto', sans-serif;	font-weight: 300;}
.robotolight {font-family: 'Roboto', sans-serif; font-weight: 100;}

/* COLORS */
.bg-pink {background-color: #F5198F; color: #000000;}
.bg-orange {background-color: #FF8E01;	color: #000000;}
.bg-black {background-color: #000000;}
.bg-grey {background-color: #ebebeb;}
.bg-f5 {background-color: #F5F5F5;}
.bg-e0 {background-color: #e0e0e0;}
.bg-white  {background-color: #ffffff;}

.txt-pink {color: #F5198F !important; text-decoration: none !important;}
.txt-orange {color: #FF8E01 !important; text-decoration: none !important;}
.txt-black {color: #000000 !important; text-decoration: none !important;}
.txt-grey {color: #CCCCCC !important; text-decoration: none !important;}
.txt-white {color: #ffffff !important; text-decoration: none !important;}

/* NAV */
.nav-link {
	font-family: 'Rokkitt', serif; text-transform: uppercase; font-style: bold; font-weight: 800;
	color: #FFFFFF;
}
.nav-link:hover {color: #f7941e !important;  background-color: #000000;  border-color: #000000;} 
.nav-link:focus {color: #f7941e !important;  background-color: #000000;  border-color: #000000;  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);}
.btn-nav { color: #FFFFFF !important;  background-color: #000000;  border-color: #000000; }

.btn-polly {  color: #FFFFFF !important;  background-color: #000000;  border-color: #000000;}
.btn-polly:hover {  color: #f7941e !important;  background-color: #000000;  border-color: #000000;}
.btn-polly:focus, .btn-polly.focus {  color: #f7941e !important;  background-color: #000000;  border-color: #000000;  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);}

.btn-black {  color: #FFFFFF !important;  background-color: #000000;  border-color: #000000;}
.btn-black:hover {  color: #e35193 !important;  background-color: #000000;  border-color: #000000;}
.btn-black:focus, .btn-black.focus {  color: #e35193 !important;  background-color: #000000;  border-color: #000000;  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);}


.btn-white {  color: #000000 !important;  background-color: #FFFFFF;  border-color: #FFFFFF;}
.btn-white:hover {  color: #e35193 !important;  background-color: #FFFFFF;  border-color: #FFFFFF;}
.btn-white:focus, .btn-white.focus {  color: #e35193 !important;  background-color: #FFFFFF;  border-color: #FFFFFF;  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);}


/* ******************************** DESKTOP */
/* ******************************** DESKTOP */
/* ******************************** DESKTOP */

.marginx {padding-left: 60px !important; padding-right: 60px !important;}

 .dbr {display: block !important; }  
 .mbr {display: none !important; }   

.canvas  {max-width:1000px; vertical-align: middle !important; margin: 0px auto !important; padding: 35px 60px 35px 60px !important; }
.section {max-width: 880px; vertical-align: middle !important; margin: 0px auto; }
.crd {padding: 45px 0px 55px 0px;}
.crd-img {padding: 35px 20px 35px 20px;}
.crd-img-whatis {padding: 25px 20px 25px 20px;margin-left:45px !important;}
.crd-tst  {padding: 45px 45px 55px 45px;}
.crd-wide  {padding: 20px 45px 20px 45px; }
.crd-full  {padding: 0px 0px 25px 0px; max-width:625px;}

/* NAVIGATION */
.navbar {padding-top: 48px; padding-right: 0; padding-bottom: 48px; padding-left: 0;}
.nav-link {
	padding: 5px 20px 3px 20px !important;
	margin-top: 0px ;margin-bottom: 0px; margin-left: 9px;	margin-right: 9px;
	font-size:15px; line-height:20px; letter-spacing: 1px;
}
/* TEXT */
.txt-xl {font-size: 79px; line-height: 74px; letter-spacing:2px;}
.txt-ml {font-size: 52px; line-height: 50px;}
.txt-lg {font-size: 52px; line-height: 50px;}
.txt-md {font-size: 35px; line-height: 41px;}
.txt-tst {font-size: 33px; line-height: 39px;}
.txt-sm {font-size: 28px; line-height: 35px;}
.txt-sm-attr {font-size: 25px; line-height: 33px !important;}
.txt-btn {font-size: 45px; line-height: 45px;}

/* BUMPERS */

.img-stripe { padding:0px !important; margin: 10px 20px 10px 0px;}


.bump-left-25 {position: relative; left: -35px;}
.bump-left-100 {position: relative; left: -100px;}
.bump-right-25 {position: relative; right: -35px;}
.bump-right-100 {position: relative; right: -100px;}
.bump-right-180 {position: relative; right: -180px;}
.bump-top-300 {position: relative; top: -300px; }
.bump-top-100 {position: relative; top: -100px; }
.bump-top-50 {position: relative; top: -50px; }

.logo-mobile {display:none !important;}
.logo-desktop {display:block !important;}

/* ******************************** MIDDLE 1 */
/* ******************************** MIDDLE 1 */
/* ******************************** MIDDLE 1 */
@media (max-width: 977px) {
		
	.canvas  {max-width:977px; vertical-align: middle !important; margin: 0px auto !important; padding: 30px 30px 30px 30px; }
	.section {max-width: 977px; vertical-align: middle !important; margin: 0px auto; }
	.logo  {padding: 20px 20px 20px 20px !important; }
	.crd-tst  {padding: 45px 45px 55px 45px;}
	.crd-wide  {padding: 20px 45px 20px 45px; }
	.crd-full  {padding: 20px 20px 20px 20px; }
	/* NAV */
	.navbar {padding-top: 28px; padding-right: 0; padding-bottom: 28px; padding-left: 0;}
	.nav-link {
		padding: 5px 15px 5px 15px !important;
		margin-top: 0px; margin-bottom: 0px; margin-left: 10px;	margin-right: 10px;
		font-size:14px; line-height:17px;
	}	
	/* TEXT */
	.txt-xl {font-size: 79px; line-height: 74px; letter-spacing:2px;}
	.txt-ml {font-size: 69px; line-height: 64px; letter-spacing:2px;}
	.txt-lg {font-size: 52px; line-height: 50px;}
	.txt-btn {font-size: 45px; line-height: 45px;}
	
.marginx {padding-left: 50px !important; padding-right: 50px !important;}
	
	.bump-left-100 {position: relative; left: -40px;}
	.bump-top-300 {position: relative; top: -250px; }
	.bump-right-180 {position: relative; right: -20px;}
}

/* ******************************** MIDDLE 1A */
/* ******************************** MIDDLE 1A */
/* ******************************** MIDDLE 1A */
@media (max-width: 900px) {		
	

	
	/* NAV */
	.navbar {padding-top: 28px; padding-right: 0; padding-bottom: 28px; padding-left: 0;}
	.nav-link {
		padding: 5px 10px 5px 10px !important;
		margin-top: 0px; margin-bottom: 0px; margin-left: 5px;	margin-right: 5px;
		font-size:12px; line-height:15px;
	}	
	/* TEXT */
	.txt-lg {font-size: 42px; line-height: 50px;}

	
}

/* ******************************** MIDDLE 2 */
/* ******************************** MIDDLE 2 */
/* ******************************** MIDDLE 2 */
@media (max-width: 770px) {
	
	.b700 {display:none !important;}
	
	.canvas  {max-width:770px; vertical-align: middle !important; margin: 0px auto !important; padding: 30px 30px 30px 30px !important; }
	.section {max-width: 770px; vertical-align: middle !important; margin: 0px auto; }
	.logo  {padding: 20px 20px 20px 20px !important; }
	.crd-tst  {padding: 20px 15px 55px 15px;}
	.crd-full  {padding: 20px 20px 20px 20px; }
	/* NAV
	.navbar {padding-top: 25px; padding-right: 0; padding-bottom: 20px; padding-left: 0;}
	.nav-link {
		max-width:300px;
		padding: 8px 15px 5px 15px !important;
		margin-top: 5px; margin-bottom: 5px; margin-left: auto;	margin-right: auto;
		font-size:18px; line-height:20px;
	}  */
	/* TEXT */
	.txt-xl {font-size: 79px; line-height: 74px; letter-spacing:2px;}	
	.txt-ml {font-size: 65px; line-height: 65px; letter-spacing:2px;}
	.txt-lg {font-size: 42px; line-height: 50px;}
	.txt-btn {font-size: 45px; line-height: 45px;}
		
	
	.bump-left-100 {position: relative; left: 0px;}
	.bump-top-300 {position: relative; top: 0px; }
	.bump-right-180 {position: relative; right: 0px;}
}


/* ******************************** PHONE */
/* ******************************** PHONE */
/* ******************************** PHONE */
@media only screen and (max-width:619px) {
	
	 .dbr {display: none !important; }  
     .mbr {display: block !important; }    
	
	.marginx {padding-left: 20px !important; padding-right: 20px !important;}
	
	.canvas  {max-width:619px; vertical-align: middle !important; margin: 0px auto !important; padding: 20px 0px 20px 0px !important; }
	.section {max-width: 619px; vertical-align: middle !important; margin: 0px auto; }
	.logo  {padding: 20px 20px 10px 20px !important; }
	.crd-tst  {padding: 20px 15px 55px 15px;}
	.crd-img-whatis {padding: 25px 20px 25px 20px;margin-left:auto !important;}
	.crd-wide  {padding: 20px 15px 20px 15px; }	
	.crd-full  {padding: 20px 20px 20px 20px; }
	/* NAV */
	.navbar {padding-top: 0px; padding-right: 0; padding-bottom: 5px; padding-left: 0;}
	.nav-link {
		max-width:300px;
		padding: 8px 15px 5px 15px !important;
		margin-top: 5px; margin-bottom: 5px; margin-left: auto;	margin-right: auto;
		font-size:18px; line-height:20px;
	}
	
	.logo-mobile {display:block !important;}
	.logo-desktop {display:none !important;}
	
	.learnmore {display: inline-block; float: right;  font-size: 18px; margin-top:10px; margin-right: 20px; margin-bottom:0px;}
	
	/* TEXT */
	.txt-xl {font-size: 45px; line-height: 45px; letter-spacing:2px;}
	.txt-ml {font-size: 40px; line-height: 40px; letter-spacing:2px;}
	.txt-lg {font-size: 37px; line-height: 35px;}
	.txt-md {font-size: 25px; line-height: 31px;}
	.txt-tst {font-size: 23px; line-height: 29px;}
	.txt-sm {font-size: 22px; line-height: 30px;}
	.txt-sm-attr {font-size: 20px; line-height: 28px !important;}
	.txt-btn {font-size: 35px; line-height: 35px;}
	
	.robotolight {font-family: 'Roboto', sans-serif; font-weight: 300;}

	/* BUMPERS */

	.bump-left-25 {position: relative; left: 0;margin:20px auto; float:none;}
	.bump-left-100 {position: relative; left: 0;margin:20px auto; float:none;}
	.bump-top-100 {position: relative; top: 0; margin:20px auto; float:none;}
	.bump-top-50 {position: relative; top: 0; margin:20px auto; float:none;}
	.bump-top-300 {position: relative; top: 0; margin:20px auto; float:none; max-width:300px;}
	.bump-right-180 {position: relative; right: 0;margin:20px auto; float:none;max-width:300px;}

	.image-pollyandlogo { position:relative; max-width:400px;float:none;}
	.image-polly {position:relative; top:0px; right:0px; width:300px; height:auto; float:none;margin:20px auto;}
	.image-plogo {position:relative; top:0px; right:0px; width:190px; float:none; margin:20px auto;}
	
	.mobile-stack {display:block; 
		margin-top:10px !important; 
		margin-right:auto !important; 
		margin-bottom:10px !important; 
		margin-left:auto !important; 
		float:none !important; 
		padding:20px 0px; 
		max-width:325px !important; }
	
	.mobile-button {
		margin-top:20px !important;
		font-size: 44px !important;
    	line-height: 35px !important;
	}
	
	.mobile-border {width: 300px !important; height: 300px !important;}
	.mobile-heavy {font-weight:700 !important;}
}