/* colors:

blue: #2c435e;
grays: #222, #333, #444, #666;
orange: #f4a44d;
teal: #1587c5;
lightblue: #c7f0ff;

*/

body {
	overflow-x:hidden;
	width:100%;
}

h1 {
	color:#2c435e;
	font-size:40px;
	font-weight:500;
	margin-bottom:30px;
}
h1 span .notusingthisrightnow {
	color: #666;
	font-size:40px;
	font-weight:lighter;
}
h2 { /* subtitle under h1 */
	color: #666;
	font-size:36px; /* slightly smaller to balance with h1 short 40px font */
	font-weight:300;
	margin-bottom:0px; /* we want to bring elements closer. Where space is needed, use h2 + p*/
}
h2 + p {
	margin-top:20px;
}
h4 + p {
	margin-top:24px;
}
h2 strong {
	font-weight:700;
}
h3 {
	color: #23435e;
	font-size:40px;
	font-weight:lighter;
	margin-bottom:30px;
}
p {
	font-size:16px;
	font-family:Arial, sans-serif;
	line-height:1.4;
}

img {
	max-width:100%;
}

button {
	background:#f4a44d;
	border-radius:3px;
	color:white;
	font-size:16px;
	height:40px;
	line-height:40px;
}
button:hover {
	background:#db6631; /* slightly darker */
}
/* begin header styles */
.header-utility p, .header-utility a {
	color:#666;
}
.header-logo {
	background:url(/images/header-bluewave.png) no-repeat center center;
}

.header-social img {
	height:24px;
}
.header-social-linkedin img {
	height:20px;
}
.header-social-youtube {
	position:relative;
	top:1px;
}

.header-search {
	display:inline-block;
	position: relative;
	top: 3px;
	padding-right: 5px;
}
.header-search form {
	border-bottom:1px solid white;
	padding-bottom:0px;
}
.header-search.open form {
	border-bottom:1px solid #ABABAB;
}
.header-search input[type=submit] {
	background:url(/images/icons8-search-30.png) center center no-repeat;
	background-size:20px;
	border:0;
	display:inline-block;
	width:15px;
}
.header-search ::placeholder {
	color:#ababab;
	opacity:1;
}
.header-search input[type=text] {
	border:0;
	color:#ababab;
	display:inline-block;
	font-size:14px;
	visibility:hidden;
	width:100px;
}
.header-search.open input[type=text] {
	visibility:visible;
}

.nav {
	position:relative;
	z-index:9999;
}
@media (max-width:767px) {
	.nav-mobile {
		display:none;
	}
	.mobile-menu-button {
		border:1px solid #666;
		border-radius:3px;
		color:#666;
		cursor:pointer;
		display:inline-block;
		font-size:28px;
		margin:10px;
		padding:10px 24px;
	}
	.mobile-menu-open {
		display:block;
	}
	.nav-mobile ul {
		background:#666;
		padding-left:10px;
	}
	.nav-mobile li {
		list-style:none;
	}
	.nav-mobile a {
		border-bottom:1px solid #999;
		color:white;
		display:block;
		padding:8px;
		text-transform:uppercase;
	}
	.nav-mobile a:hover {
		color:#f4a44d;
		text-decoration:none;
	}
	.nav-mobile ul ul {
		display:none;
	}
	.nav-mobile ul ul.mobile-menu-open {
		display:block;
	}
}
@media (min-width:768px) {
	.nav ul {
		width:100%;
	}
	.nav > ul {
		margin-bottom:0;
		padding:15px 40px 0px 40px;
		width:100%;
	}
	.nav li {
		list-style:none;
	}
	.nav a {
		font-size:14px;
		text-decoration:none;
		text-transform:uppercase;
	}
	.nav a[href="#"] {
		cursor:default;
	}
	/* top level items */
	.nav > ul > li {
		display:inline-block;
		position:relative;
		width:24%;
	}
	.nav > ul > li:hover:before {
		content:'';
		background-color:#F4A44D;
		height:2px;
		position:absolute;
		top:-18px;
		width:100%;
	}
	.nav > ul > li:last-child a {
		border-right:1px solid #666;
	}
	.nav > ul > li > a {
		border-left:1px solid #666;
		color:#666;
		display:block;
		margin-bottom:30px;
		text-align:center;
		width:100%;
	}

	/* first child and general hover styles */
	.nav > ul ul {
		background:#666;
		display:none;
		padding:0 0 0 12px;
		position:absolute;
	}
	.nav > ul ul li {
		padding-right:12px;
	}
	.nav > ul li:hover > ul {
		display:block;
	}
	.nav ul ul a {
		border-bottom:1px solid #999;
		color:white;
		display:block;
		padding:8px 0 8px 0;
	}
	.nav ul ul li:last-child a {
		border-bottom:none;
	}
	/* second child */
	.nav ul ul ul {
		left:100%;
		top:0;
		border-left:white 2px solid;
	}

	.nav > ul > li:hover > a, .nav > ul ul > li:hover > a {
		color:#f4a44d;
	}
}

/* end header styles */

/* begin footer styles */

.footer-band-1 {
	background:#2B446E;
	height:30px;
}
.footer-band-2 {
	background:#313233;
	height:6px;
}
.footer-band-3 {
	background:#434445;
}

.footer-band-3 p, .footer-band-3 li, .footer-band-3 a {
	color:#FFFEFE;
	font-size:14px;
	list-style:none;
	text-decoration:none;
	text-transform:uppercase;
}
.footer-band-3 a:hover {
	color:#f4a44d;
}
.footer-band-3 ul {
	padding-left:0;
}
.footer-underline {
	border-bottom:1px solid #fffefe;
	padding-bottom:6px;
}
.footer-band-4 {
	background:#212223;
	padding-top:16px;
}
.footer-band-4 p {
	color:white;
	padding-top:0;
}

/* end footer styles */

/* global page styles */

.header-semibold {
	color:#2c436e;
	font-family:'Kanit', sans-serif;
	font-size:38px;
	font-weight:bolder;
	line-height:.9em;
	margin-bottom:0px;
	text-transform:uppercase;
}
.header-semibold + p { /* compensate for need to remove margin bottom so .header-semibold sits well with subtitle-light */
	margin-top:16px;
}
.subtitle-light {
	color:#666;
	font-family:'Kanit', sans-serif;
	font-size:40px;
	line-height:.8em;
	font-weight:lighter;
}
.header-light {
	color:#2c436e;
	font-family:'Kanit', sans-serif;
	font-size:40px;
	font-weight:lighter;
	line-height:.9em;
	text-transform:uppercase;
}
.orangebutton a, a.button, main input[type=submit] {
	background:#f4a44d;
	border-radius:3px;
	color:white;
	display:inline-block;
	font-size:16px;
	height:40px;
	line-height:40px;
	padding:0px 16px;
	text-decoration:none;
}
.orangebutton a:hover, a.button:hover, main input[type=submit]:hover {
	background:#db6631; /* slightly darker */
}

.image-center {
	text-align:center;
}
.image-right {
	text-align:right;
}
.pageTitle {
	background:#2B446E;
	margin-bottom:30px;
	padding-bottom:24px;
	padding-top:24px;
}
.pageTitle h1 {
	color:white;
	font-family:'Kanit', sans-serif;
	font-size:28px;
	margin-bottom:0px;
	text-transform:uppercase;
}

/* end global page styles */

/* page blocks */

.slider, .productHero {

	padding:0px 20px;
	padding-bottom:30px;
}
.slider-container {
	overflow-x:hidden;
}
@media (min-width:768px) {
	.slider, .productHero {
		padding-left:60px;
		padding-right:60px;
	}
}
@media (min-width:1200px) {
	.slider-container {
		background:url(/images/sliderbackground.jpg) no-repeat top center;
		background-size:contain;
		/*padding-bottom:35px;*/
	}
	.slider-container-inner {
		padding-bottom:32px;
		position:relative;
		height:460px;
	}
	.slick-slide, .productHero-inner {
		height:423px;
	}
	.productHero-inner .row {
		height:100%;
	}
	.slider .slider-image-wrapper img {
		max-height:423px;
	}
	.slider-image-wrapper {
		position: relative;
	    height: 100%;
	    width: 100%;	
	}
	.slider .slider-image-wrapper img, .productHero img {
		bottom: 0px;
		max-height:100%;
		position: absolute;
		
	}


}
.slider .slick-arrow {
	background-color:#444;
	position:absolute;
	top:40%;

	color: white;
    cursor: pointer;
    font-size: 28px;
    padding: 0 12px 5px 12px;

    -webkit-transition: background-color 150ms linear;
    -ms-transition: background-color 150ms linear;
    transition: background-color 150ms linear;
}
.slider .slick-arrow:hover {
	background-color:#f4a44d;
	-webkit-transition: background-color 100ms linear;
	    -ms-transition: background-color 100ms linear;
	    transition: background-color 100ms linear;
}
.slick-arrow.slick-prev {
	left:0px;
	z-index:100;
}
.slick-arrow.slick-next {
	right:0px;
}
.slide-copy p {
	/*color:#666;*/
	font-size:16px;
}

.slide-copy a:hover {
	background:#db6631; /* slightly darker */
}
@media (max-width:767px) {
	.slider .slick-arrow {
		left:99999px;
		right:99999px;
	}
	.slider img {
		padding:20px;
	}
}

/* page block two column */

.hasWavyBackgroundImage-true {
	background:url(/images/bodywavybkgrd_mobile.jpg) repeat-x top center;
	background-size:cover;
	padding-bottom:24px;
}
@media (min-width:1024px) {
	.hasWavyBackgroundImage-true {
		background-image:url(/images/bodywavybackground.jpg);
		background-size:inherit;
	}
}

/* end page block two column */

/* begin gray striped divider */

.block-grayStripedDivider {
	background:url(/images/repeatinggraydivider16x36.png) repeat-x top center;
	height:36px;
}

/* end gray striped divider */

/* blue diagonal divider */
.separator-blue-diagonal {
	background:url(/images/rktrading-blue-repeating-diagonal.png) repeat-x top center;
	background-size:contain;
	height:12px;	
}

/* begin multi column images with captions */

.block-multiColumnImagesWithCaptions-caption {
	background:#2B446E;
	color:white;
	display:block;
	padding:6px 0px;
	text-transform:uppercase;
}
.block-multiColumnImagesWithCaptions a {
	display:block;
}
.block-multiColumnImagesWithCaptions img {
	background-color: #F7F7F7;
	border: 1px solid #eee;
}
/* end multi column images with captions */

/* begin callout icons with text */

.block-rowOfCalloutsWithIcons-card {
	padding:0px 5px;
}
.block-rowOfCalloutsWithIcons-card-inner {
	background:rgba(255,255,255,.5);
	margin:0 auto;
	max-width:290px;
	padding:5px 10px 20px 10px;
}

.block-rowOfCalloutsWithIcons-icon {
	background-color:#F2A54D;
	border-radius: 50%;
	display:inline-block;
    width: 60px;
    height: 60px;
    padding:9px;
    -webkit-transition: background-color 150ms linear;
        -ms-transition: background-color 150ms linear;
        transition: background-color 150ms linear;
}
/* .block-rowOfCalloutsWithIcons-icon:hover {
	background-color:#7F8FA9;
	-webkit-transition: background-color 100ms linear;
	    -ms-transition: background-color 100ms linear;
	    transition: background-color 100ms linear;
} */
.block-rowOfCalloutsWithIcons-title {
	text-align:center;

}
.block-rowOfCalloutsWithIcons-title h2.header-light {
	font-size:26px;
}
.block-rowOfCalloutsWithIcons-content p {
	font-size:14px;
	margin:0 auto;
	max-width:260px;
	padding-left:10px;
}
@media (min-width:768px) and (max-width:900px) {
	.block-rowOfCalloutsWithIcons-icon {
		display:none;
	}
	.block-rowOfCalloutsWithIcons-icon img {
		display:block;
		margin:0 auto;
	}
	.block-rowOfCalloutsWithIcons-title {
		margin-left:0px;
		padding-right:0px;
		text-align:center;
	}
}

/* end callout icons with text */

/* begin CTA block */

.block-cta {
	border-top:2px solid #B2DCED;
	margin-top:36px;
}
.block-cta-inner {
	background:url(/images/questionmark.png) center 20px no-repeat;
	background-size:100px;
	margin:0 auto 36px auto;
	max-width:900px;
	padding-top:86px;
	text-align:center;
}
@media (min-width:768px) {
	.block-cta-inner {
		background-position: 20px 40px;
		padding-left:128px;
		padding-top:36px;
		position:relative;
		left:20px;
		text-align:left;
	}
}
@media (min-width:900px) {
	.block-cta-inner {
		left:100px;
	}
}
@media (min-width:768px) {
	.block-cta-inner-copy {
		display:inline-block;
		max-width:400px;
	}
}
.block-cta h3.header-semibold {
	font-size:24px;
	margin-bottom:0;
	padding-top:36px;
}
.block-cta h3+p {
	color:#666;
	margin-top:0;
}
.block-cta a.button {
	display:inline-block;
	font-size:14px;
	font-weight:bolder;
	text-transform:uppercase;
}
@media (min-width:768px) {
	.block-cta a.button {
		margin-top:0px;
		margin-left:20px;
		position:relative;
		top: 36px;
		vertical-align: top;

	}
}

/* end CTA block */

/* begin FAQ block */

.faq-question {
	background:#F7F8F9;
	border-radius:3px;
	color:#666;
	padding:8px 12px;
	position:relative;
}
.faq-question:after {
	content:'+';
	cursor:pointer;
	position:absolute;
	right:10px;
	top:0px;
	font-size:28px;
}
.faq-answer {
	color:#666;
	height:0;
	opacity:0;
	overflow:hidden;
	padding-left:20px;
	-webkit-transition: opacity 150ms ease-out;
	-ms-transition: opacity 150ms ease-out;
	transition: opacity 150ms ease-out;
}
.faq-answer p {
	font-weight:bold;
}
.faq-answer.faq-open {
	height:auto;
	opacity: 1;
}

/* end FAQ block */

/* begin contact form styles */

main form {
	background:#E7E8EA;
	margin:0 auto;
	max-width:600px;
	padding:16px 30px;
}
#mc_embed_signup form {
	background:none;
}

input[type=text],input[type=email], textarea {
	width:100%;
}
textarea {
	margin-bottom:24px;
}
main input[type=submit] {
	margin-bottom:16px;
}

form p {
	color:#2B446E;
	font-family:'Kanit',sans-serif;
	margin-bottom:0;
	margin-top:10px;
	text-transform:uppercase;
}
form label {
	margin-bottom:2px;
}

.footer-emailsignup {
	background: #2A446E;
	padding-top: 24px;
}
#mc_embed_signup {
	background: transparent !important;
}
#mc_embed_signup label {
	color: white;
	font-size: 18px !important; /* override inline styles from MC */
	font-weight: normal !important;
	margin: 12px;
}
#mc_embed_signup input[type=submit] {
	color: white;
	background: #1387C5;
	text-transform: uppercase;
}
@media (min-width: 800px) {
	#mc_embed_signup input {
		display: inline-block;
	}
	#mc_embed_signup input[type=email] {
		margin-right: 5%;
		width: 75%;
	}
	#mc_embed_signup input[type=submit] {
		width: 20%;
	}
}

.footer-shortform {
	background: #333333;
	color: white;
}
.shortContactForm {
	margin: 0 auto;
	max-width: 800px;
}
.footer-shortform label, .footer-shortform h3, .footer-shortform p {
	color: white;
}
.footer-shortform label {
	font-size: 14px;
}
.footer-shortform input[type=submit] {
	background: #1387C5;
	border: none;
	color: white;
	font-size: 14px;
	padding: 4px 24px;
	text-transform: uppercase;
}
@media (min-width: 800px) {
	.footer-shortform-width-50 {
		display: inline-block;
		width: 49.5%;
	}
	.footer-shortform-width-50-right {
		right: -2px;
		position: relative;
	}
}

/* end contact form styles */

/* begin product styles */

/* begin features */
.block-features .header-light {
	color:#1587c5;
	font-size:28px;
	margin-bottom:.5em;
}
.block-features ul {
	padding-left:0;
	padding-right:40px;
}
.block-features li {
	list-style:none;
	padding-left:18px;
	position:relative;
}
.block-features li:before {
	content:'▶';
	color:#1587c5;
	font-size:14px;
	position:absolute;
	left:0;
	top:2px;
}



/* end features */

/* begin product variants */
@media (min-width:768px) {
	.block-productVariants img {
		padding-right:40px;
	}
}
.block-productVariants .header-light {
	border-bottom:2px #ddd solid;
	font-size:28px;
	margin-bottom:16px;
	padding-bottom:12px;
}

.block-productVariants ul {
	padding-left:0;
}
.block-productVariants li {
	display:block;
	list-style:none;
	padding-bottom:6px;
}

/* begin twoColumnDetailsWithGrayBackground */
.block-twoColumnDetailsWithGrayBackground .container {
	background:#E7E8EA;
	margin-bottom:32px;
	padding-bottom:80px;
}
.block-twoColumnDetailsWithGrayBackground .header-semibold {
	font-size:20px;
	margin-bottom:0px;
	padding-left:20px;
	padding-top:40px;
	text-transform:none;
}
.block-twoColumnDetailsWithGrayBackground p {
	color:#666;
	font-size:14px;
	margin-bottom:1px;
	padding-left:20px;
}
.block-twoColumnDetailsWithGrayBackground h2+p {
	margin-top:6px;
}
@media (min-width:768px) {
	.block-twoColumnDetailsWithGrayBackground .header-semibold {
		padding-left:40px;
		padding-top:40px;
	}
	.block-twoColumnDetailsWithGrayBackground p {
		padding-left:40px;
	}
}

.block-productVariants-image {
	display:block;
	margin:0 auto;
	max-width:400px;
}

.fa-icons{
	font-size: 48px;
}

/* end product styles */

.search-results p {
	margin-bottom:5px;
	margin-top:5px;
}


.mt-24{
	margin-top: 24px;
}


/** ============================================
	image lazy loading
============================================ **/
/** image lazy loading **/
.lazyloading,
.lazy-img {
	opacity: 0;
	transition: opacity 0.5s;
}

.lazy-img.lazyloaded {
	opacity: 1;
	z-index: 1;
}
.lazyload:not([src]) {
	visibility: hidden;
}

/** image wrapper and placeholder **/
.image__wrapper {
    display: block;
    position: relative;
    z-index: 0;
    width: auto;
    height: auto;

	background-color: #F7F7F7;
}