/* ==========================================================================
		   Global Styles
		   ========================================================================== */
		*, *:before, *:after {
		  -moz-box-sizing: border-box;
		  -webkit-box-sizing: border-box;
		  box-sizing: border-box;
		}

		body {
		  background: #ffffff;
		  font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
		  font-size: 16px;
		  font-weight: 300;
		  line-height: 1.2;
		  color: #6f6b6b;
		}

		.links {
		   font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
			font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
			font-size: 16px;
		   color: #0e76bc;
		}

		#page {
		  overflow: hidden;
		  position: relative;
		  min-height: 100vh;
		  display: -webkit-box;
		  display: -ms-flexbox;
		  display: flex;
		  -webkit-box-orient: vertical;
		  -webkit-box-direction: normal;
		  -ms-flex-direction: column;
		  flex-direction: column;
		}

		a {
		  color: #194996;
		  text-decoration: none;
		  transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
		}

		a:hover {
		  text-decoration: underline;
		}

		p {
		  margin: 12px 0 22px;
		}

		ul, ol {
		  margin: 12px 0 22px;
		  padding: 0 0 0 1em;
		}

		h1, h2, h3, h4, h5, h6 {
		  font-weight: 300;
		  line-height: 1.2;
		  margin: 1em 0 .5em;
		}

		h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
		  font-weight: bold;
		}

		h1 {
		  line-height: 1;
		  font-size: 32px;
		}

		h2 {
		  font-size: 26px;
		}

		h3 {
		  font-size: 20px;
		}

		h4 {
		  font-size: 18px;
		}

		h5 {
		  font-size: 16px;
		}

		h6 {
		  font-size: 14px;
		}

		p:first-child, ul:first-child, ol:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
		  margin-top: 0;
		}

		p:last-child, ul:last-child, ol:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
		  margin-bottom: 0;
		}

		.text-center {
		  text-align: center;
		}

		.text-left {
		  text-align: left;
		}

		.text-right {
		  text-align: right;
		}

		.text-justify {
		  text-align: justify;
		}

		.img-responsive {
		  display: block;
		  max-width: 100%;
		  height: auto;
		}

		.embed-responsive {
		  position: relative;
		  display: block;
		  height: 0;
		  padding: 0;
		  overflow: hidden;
		  z-index: 5;
		}

		.embed-responsive-16by9 {
		  padding-bottom: 56.25%;
		}

		.embed-responsive-4by3 {
		  padding-bottom: 75%;
		}

		.embed-responsive .embed-responsive-item,
		.embed-responsive embed,
		.embed-responsive iframe,
		.embed-responsive object,
		.embed-responsive video {
		  position: absolute;
		  top: 0;
		  bottom: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  border: 0;
		}

		.button {
		  appearance: none;
		  padding: 0;
		  margin: 0;
		  border: solid 2px #fff;
		  border-radius: 0;
		  cursor: pointer;
		  background: #4e4e4e;
		  color: #ffffff;
		  text-decoration: none;
		  text-transform: uppercase;
		  line-height: 20px;
		  padding: 5px 10px;
		  font-weight: bold;
		  display: inline-block;
		  vertical-align: top;
		}

		.button:hover,
		.button:focus,
		.button:active {
		  color: #ffffff;
		  background: #000000;
		  transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
		}

		.container {
		  padding: 0 10px;
		  margin: 0 auto;
		  position: relative;
		  z-index: 1;
		}

		.container:before,
		.container:after {
		  content: " ";
		  display: table;
		}

		.container:after {
		  clear: both;
		}

		.row {
		  margin: 0 -10px;
		}

		.row:before,
		.row:after {
		  content: " ";
		  display: table;
		}

		.row:after {
		  clear: both;
		}

		.container-large {
		  position: relative;
		  z-index: 1;
		  margin: auto;
		}

		@media (min-width: 768px) {
		  .container {
			width: 750px;
		  }
		}

		@media (min-width: 992px) {
		  .container {
			width: 970px;
		  }
		}

		@media (min-width: 1130px) {
		  .container {
			width: 1100px;
		  }
		}

		@media (min-width: 1300px) {
		  .container-large {
			width: 1274px;
		  }
		}

		@media (max-width: 991px) {
		  h1 {
			font-size: 36px;
		  }

		  h2 {
			font-size: 26px;
		  }
		}

		/* ==========================================================================
		   Header
		   ========================================================================== */

		@media only screen 
		and (min-device-width : 320px) 
		and (max-device-width : 540px) {

		  #promo-toolbar-top {
			  color: #767676;
			  font-size: 16px;
			  font-weight: 600;
			  padding: 10px 0;
			  display: inline;
                          text-align: center;
                          background-color: #faf9f9;
			  }

                    .topbarIcons {
                         width: 25px;
                         float: right;
                         margin: 10px;
                    }
                     .topbarIconLabels {
                        float: right;
                        display: none;
                    }

		}

		@media only screen 
                  and (min-device-width : 768px) 
                  and (min-width : 768px) {

			 #promo-toolbar-top {
			  color: #767676;
			  font-size: 16px;
			  font-weight: 600;
			  padding: 10px 0;
                          text-align: right;
                          background-color: #faf9f9;
			  }

                          .topbarIcons {
                           width: 20px;
                           float: right;
                           margin-right: 5px;
                          }
                         .topbarIconLabels {
                             float: right;
                             margin-right: 20px;
                          }

		}

		#logo-toolbar {
		  padding: 20px 0 15px;
		}

		#logo-toolbar #logo {
		  float: left;
		}

		#logo-toolbar #search-form {
		  float: right;
		  padding: 20px 0 0;
		}

		#logo-toolbar #search-form .search-field {
		  width: 250px;
		  height: 30px;
		  border: solid 1px #b1b1b1;
		  border-radius: 0;
		  outline: none;
		  background: #f2f2f2;
		  color: #ada6a6;
		  font-size: 16px;
		  font-weight: bold;
		  line-height: 20px;
		  padding: 4px 5px;
		  margin: 0;
		}


                 @media only screen 
		and (min-device-width : 320px) 
		and (max-device-width : 540px) {

		         .menubar {
                         width: 100%;
                         height: 40px;
                         color: #ffffff;
		         background: #0e76bc;
                         }
                         .menubar-container {
                         width: 100%;
                         margin: auto;
                         padding: 10px;
                         }

		}

		@media only screen 
                  and (min-device-width : 768px) 
                  and (min-width : 768px) {

                        .menubar {
                         width: 100%;
                         height: 40px;
                         color: #ffffff;
		         background: #0e76bc;
                         }
                         .menubar-container {
                         width: 1200px;
                         margin: auto;
                         border: 0px #cccccc solid;
                         padding: 10px;
                         }

		}



		@media (max-width: 767px) {
		  #logo-toolbar {
			padding: 20px 0;
		  }

		  #logo-toolbar #logo {
			margin: auto;
			float: none;
			text-align: center;
		  }

		  #logo-toolbar #logo a {
			display: inline-block;
		  }

		  #logo-toolbar #search-form {
			max-width: 480px;;
			margin: 20px auto 0;
			width: auto;
			float: none;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			padding: 0;
		  }

		  #logo-toolbar #search-form .search-field {
			flex: 1;
			margin-right: 5px;
		  }

		
		}


		/* ==========================================================================
		   Content Area
		   ========================================================================== */

		#content-area {
		  padding: 10px 0;
		  font-size: 20px;
		}


		/* ==========================================================================
		   Footer
		   ========================================================================== */

		#footer {
		  margin-top: auto;
                  background-image: url("/images/footerBG.jpg");
                  color: #fff;
		}


		#footer .social-links {
		  text-align: center;
		  padding: 0 0 10px;
		}

		#footer .copyright-text {
		  text-align: center;
		  font-size: 14px;
		  padding: 0 0 20px;
		}

                 #footer .product-drop {
		  text-align: center;
		  font-size: 14px;
		  padding: 0 0 20px;
                  color: #000;
		} 

		#footer .copyright-text a {
		  color: inherit;
		  text-decoration: none;
		}

		#footer .copyright-text a:hover {
		  color: #194996;
		  text-decoration: underline;
		}

		

              @media only screen 
		and (min-device-width : 320px) 
		and (max-device-width : 540px) {

		    .HomeBanner {
                       display: none;
                    }

                    .mobileBanner {
                           width: 100%;
                       }
                  
                     .featuresContainer {
                       width: 100%;
                       margin: auto;
                    }

                       .features {
                        width: 44%;
                        margin: 10px;;
                        float: left;
                        border: solid 0px #ccc;
                        text-align: center;
                     }

                   .halfBuckets {
                       width: 100%;
                       margin-bottom: 30px;
                    }
                   .thirdBuckets  {
					 width: 99%;
					 margin: 5px 5px 15px 5px; /* top right bottom left */
					 border: 0px #cccccc solid;
					 text-align: center;
					}
			
					.bucketSpacer {
							 display: none;
						 }
                   
                    .fullBuckets {
                       display:none;
                     }
                     .fullBucketMobile {
                        width: 100%;
                        margin-bottom: 40px;
                    } 
                   

		}

		@media only screen 
                  and (min-device-width : 768px) 
                  and (min-width : 768px) {

                       .HomeBanner {
                        width: 100%;
                        margin-top: 0px;
                       }

                         .mobileBanner {
                            display: none;  
                         }
 
                      .featuresContainer {
                        width: 1150px;
                        margin: auto;
                        border: solid 0px #ccc;
                     }

                       .features {
                        width: 24%;
                        float: left;
                        border: solid 0px #ccc;
                        text-align: center;  
                        margin-right: 10px;
                     }

                      .halfBuckets {
                       width: 47%;
                       float: left;
                       margin-bottom: 30px;
                    }
             
                      .thirdBuckets  {
						 width: 32%;
						 margin: 0px 10px 50px 0px; /* top right bottom left */
						 border: 0px #cccccc solid;
						 float: left;
						 text-align: center;
						}
			
					.bucketSpacer {
							 width: 3%;
							 float: left;
						 }
                  
                    .fullBuckets {
                        width: 100%;
                        margin-bottom: 40px; 
                    }
                     .fullBucketMobile {
                        display:none;
                    }
                    

		}
              


		/* ==========================================================================
				   Deals Modal
		 ========================================================================== */


		 .modal {
		  display: none; /* Hidden by default */
		  position: fixed; /* Stay in place */
		  z-index: 999; /* Sit on top */
		  padding-top: 100px; /* Location of the box */
		  left: 0;
		  top: 0;
		  width: 100%; /* Full width */
		  height: 100%; /* Full height */
		  overflow: auto; /* Enable scroll if needed */
		  background-color: rgb(0,0,0); /* Fallback color */
		  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ }	



		@media only screen 
		and (min-device-width : 320px) 
		and (max-device-width : 540px) {

		  /* Modal Content */
		.modal-content {
		  background-color: #e2823b;
		  margin: auto;
		  padding: 20px;
		  border: 3px solid #fff;
		  width: 95%; }	

		}

		@media only screen 
						  and (min-device-width : 768px) 
						  and (min-width : 768px) {

		  /* Modal Content */
		.modal-content {
		  background-color: #e2823b;
		  margin: auto;
		  padding: 20px;
		  border: 3px solid #fff;
		  width: 35%; }	

		}


		/* The Close Button */
		.close {
		  color: #aaaaaa;
		  float: right;
		  font-size: 28px;
		  font-weight: bold;
		}

		.close:hover,
		.close:focus {
		  color: #000;
		  text-decoration: none;
		  cursor: pointer;
		}