/*
			  Primary Color: #2aaae1
			  Secondary Color: #241f5d
			*/

			.text-primary,
			#navigation .menu > li:hover > a,
			#navigation .menu > li.active > a,
			#navigation .menu .sub-menu li.active > a,
			#navigation .menu .sub-menu a:hover,
			#mobile-navigation .menu > li:hover > a,
			#mobile-navigation .menu > li.active > a,
			#mobile-navigation .menu .sub-menu li.active > a,
			#mobile-navigation .menu .sub-menu a:hover,
			#menu-toggle,
			.buckets a,
			.sidebar-menu > li > a:hover,
			.sidebar-menu > li.active > a,
			.sidebar-link:hover {
			  color: #2aaae1;
			}


			#navigation .menu > li:hover > a:after,
			#navigation .menu > li.active > a:after,
			.expandable-image-boxes .item,
			.expandable-image-boxes .item-image > div,
			.buckets .item-icon,
			.images-slideshow-and-text,
			#header .search-form {
			  background-color: #2aaae1;
			}

			#menu-toggle .bars {
			  border-color: #2aaae1;
			}

			#header .search-form:before {
			  border-bottom-color: #2aaae1;
			}

			.sidebar-menu > li.active > a:after {
			  border-right-color: #2aaae1;
			}

			.slick-dots button:hover,
			.slick-dots li.slick-active > button {
			  background-color: #241f5d;
			  border-color: #241f5d;
			}

			.button,
			.buckets a:hover .item-icon,
			#footer-cta,
			#footer .social-links a {
			  background-color: #241f5d;
			}

			.button:hover {
			  background-color: #2aaae1;
			}

			.white-button,
			.buckets a:hover,
			#top-navigation a:hover,
			#footer #footer-contact a {
			  color: #241f5d;
			}

			.white-button:hover {
			  color: #2aaae1;
			}

			.images-slideshow-and-text .button:hover {
			  background: #ffffff;
			  color: #2aaae1;
			}

			.expandable-image-boxes .item-image:before {
			  background-image: linear-gradient(to right, #2aaae1 , transparent);
			}



			/* ==========================================================================
			   Fonts
			   ========================================================================== */

			.titles{font-family: 'Lato', sans-serif; font-size: 28px; font-weight: 300; color: #2aaae1; font-style:normal; line-height:1.2; text-transform: uppercase;}

			.subtitles{font-family: 'Lato', sans-serif; font-size: 18px; font-weight: bold; color: #241f5d; font-style:normal; line-height:18px; text-transform: uppercase;}

			.links{font-family: 'Lato', sans-serif; font-size: 14px; font-weight: normal; color: #241f5d; font-style:normal;}

			.spacedGray{font-family: 'Lato', sans-serif; font-size: 28px; font-weight: 300; color: #2aaae1; font-style:normal; line-height:1.2; text-transform: uppercase;}


			/* ==========================================================================
			   Form 
			   ========================================================================== */
			/* mobile */
			@media only screen 
			and (min-device-width : 320px) 
			and (max-device-width : 480px) {

					input.FBfield, .CPtextfield, .ShopTextfield, .ecardTextField, .srvRTextField, .CSTfield, .BLGfield, .EXfield {
					  background-color: #f9f9f9;
					  font-family:"arial";
					  font-size:15px;
					  border-color: #0e76bc;
					  border-width:1px;
					  border-style: solid;   /*  [ none | dotted | dashed | solid | double | groove | ridge | inset | outset  */
					  color: #000;
					  height:40px;
							  width: 95%;
					  padding:5px 20px;
					  border-radius: 15px;
					}

					textarea.FBtextarea, .ShopTextAreafield, .ecardTextAreaField, .srvRTextArea, .BLGtextarea  {
					  background-color: #f9f9f9;
					  border: #0e76bc 1px solid;
					  color: #000;
					  font-family: arial;
					  font-size: 15px;
					  font-weight: normal;
					  border-radius: 15px;
					  padding:5px 20px;
							 width: 95%;
					}

					select.FBselect, .CPselect, .ShopDropMenu, .vsDropMenu, .ecardDropField, .compareDropMenu, .srvRDropMenu  {
					  background-color: #f9f9f9;
					  border: #0e76bc 1px solid;
					  color:#000;
					  font-weight:normal;
					  font-family: arial;
					  font-size:15px;
					  height: 40px;
					  width: 90%;
					  border-radius: 15px;
					}

					.FBbutton, .CPbutton, .ShopButton, .vsButton, .ecardbutton, .compareSubmit, .srvRButton, .CSTbutton, .BLGbutton, .CouponButton, .EXbutton  {
						background: #2aaae1;
						color: #fff;
						font-family: Sans-serif;
						font-size: 17px;
						height: 35px;
						line-height: 18px;
						margin: 5px 5px;
						padding: 0px 15px 0px 15px;
						text-align: center;
						border: 2px solid #ffffff;
						transition: all 0.3s ease 0s;
						border-radius: 15px;
					}
					input.FBbutton:hover, .CPbutton:hover, .ShopButton:hover, .vsButton:hover, .ecardbutton:hover, .compareSubmit:hover, .srvRButton:hover, .CSTbutton:hover, .BLGbutton:hover, .CouponButton:hover, .EXbutton:hover {
					  background: #ffffff;
					  color: #2aaae1;
					  border: 2px solid #2aaae1;
					}

							.ssl75 {
						 width: 95%;
						 margin: auto;
						 font-size: 16px;
							 font-family: arial;
						  }


			}

			/* desktop*/
			@media only screen 
			and (min-device-width : 800px) 
			and (min-width : 800px) {

					  input.FBfield, .CPtextfield, .ShopTextfield, .ecardTextField, .srvRTextField, .CSTfield, .BLGfield, .EXfield {
					  background-color: #f9f9f9;
					  font-family:"arial";
					  font-size:15px;
					  border-color: #0e76bc;
					  border-width:1px;
					  border-style: solid;   /*  [ none | dotted | dashed | solid | double | groove | ridge | inset | outset  */
					  color: #000;
					  height:40px;
							  width: 80%;
					  padding:5px 20px;
					  border-radius: 15px;
					}

					textarea.FBtextarea, .ShopTextAreafield, .ecardTextAreaField, .srvRTextArea, .BLGtextarea  {
					  background-color: #f9f9f9;
					  border: #0e76bc 1px solid;
					  color: #000;
					  font-family: arial;
					  font-size: 15px;
					  font-weight: normal;
					  border-radius: 15px;
					  padding:5px 20px;
							 width: 90%;
					}

					select.FBselect, .CPselect, .ShopDropMenu, .vsDropMenu, .ecardDropField, .compareDropMenu, .srvRDropMenu  {
					  background-color: #f9f9f9;
					  border: #0e76bc 1px solid;
					  color:#000;
					  font-weight:normal;
					  font-family: arial;
					  font-size:15px;
					  height: 40px;
							  width: 80%;
					  border-radius: 15px;
					}

					.FBbutton, .CPbutton, .ShopButton, .vsButton, .ecardbutton, .compareSubmit, .srvRButton, .CSTbutton, .BLGbutton, .CouponButton, .EXbutton {
						background: #2aaae1;
						color: #fff;
						font-family: Sans-serif;
						font-size: 17px;
						height: 35px;
						line-height: 18px;
						margin: 5px 5px;
						padding: 0px 15px 0px 15px;
						text-align: center;
						border: 2px solid #ffffff;
						transition: all 0.3s ease 0s;
						border-radius: 15px;
					}
					input.FBbutton:hover, .CPbutton:hover, .ShopButton:hover, .vsButton:hover, .ecardbutton:hover, .compareSubmit:hover, .srvRButton:hover, .CSTbutton:hover, .BLGbutton:hover, .CouponButton:hover, .EXbutton:hover {
					  background: #ffffff;
					  color: #2aaae1;
					  border: 2px solid #2aaae1;
					}

						   .ssl75 {
						 width: 75%;
						 margin: auto;
						 font-size: 16px;
							 font-family: arial;
						  }

			}


			.Requestbutton {
				background: #2aaae1;
				color: #fff;
				font-family: 'Lato', sans-serif;
				font-size: 17px;
				padding-top: 10px; 
				padding-bottom: 10px;
				margin: 5px 5px;
				text-align: center;
				border: 2px solid #ffffff;
				transition: all 0.3s ease 0s;
				border-radius: 15px;
			}
			input.Requestbutton:hover {
			  background: #ffffff;
			  color: #2aaae1;
			  border: 2px solid #2aaae1;
			}


			.CTAbutton {
				background: #241f5d;
				color: #fff;
				font-family: 'Lato', sans-serif;
				font-size: 17px;
				margin: 5px 5px;
				 padding-top: 10px; 
				 padding-bottom: 10px;
				text-align: center;
				border: 2px solid #ffffff;
				transition: all 0.3s ease 0s;
				border-radius: 15px;
			}
			input.CTAbutton:hover {
			  background: #ffffff;
			  color: #241f5d;
			  border: 2px solid #241f5d;
			}