body { font-family: 'canada-type-gibson' !important; font-weight: 300; font-size: 24px; line-height: 34px; color: #686868; }
body, html, .main {overflow-x: hidden; }
a { text-decoration: none; color: #686868; }
a:hover { color: #000000; }
h1, h2, h3, h4, h5, h6, p, a { font-family: 'canada-type-gibson' !important; }
h1, h2, h3, h4 { text-transform: uppercase; }

/* typography */
.font-l { font-weight: 100 !important; }
.font-r { font-weight: 300 !important; }
.font-m { font-weight: 500 !important; }
.font-b { font-weight: 700 !important; }
.text-xxs { font-size: 14px !important; line-height: 18px; }
.text-xs { font-size: 18px !important; line-height: 22px; }
.text-sm { font-size: 20px !important; }
.text-md { font-size: 38px !important; line-height: 46px !important; }
.text-lg { font-size: 46px !important; line-height: 56px !important; }
.text-primary { color: #686868 !important; }
.text-gray { color: #7f7f7f; }
.text-black { color: #000000; }
.text-white { color: #ffffff !important; }
h2 { letter-spacing: 4px; }
.ls-1 { letter-spacing: 1px !important; }
.ls-2 { letter-spacing: 2px !important; }
.ls-4 { letter-spacing: 4px; }
.text-strikethrough::before { position: absolute; height: 1px; width: 70%; content: ""; background: #cecfd1; display: block; top: 50%; left: 50%; transform: translate(-50%,-50%); }

/** elementor preview **/
.elementor-editor-active header { position: static !important; }

/* colors */
.bg-light { background: #f0f2f5 !important; } 
.bg-medium { background: #ebedf1 !important; }
.bg-gray { background: #d8d9db !important; }
.bg-dark { background: #686868 !important; }
.bg-blue { background: #97CAE9 !important;}

.navbar-brand { max-width: 65%; }
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover { background: none; }
.btn { border: 1px solid #ffffff; border-radius: 0; }
.btn:hover { border: 1px solid #ffffff; background: #ffffff; color: #000000 !important; }
.border-right { border-right: 1px solid #cccccc; }
.border-black { border-color: #000000 !important; }
.overlay { top: 0;  background: rgba(0, 0, 0, 0.5); }
.lined { border-bottom: 2px solid #686868; width: 280px; }
.lined.narrow { border-bottom: 2px solid #686868; width: auto; }
.cross::before { height: 20px; width: 2px; background: #686868; display: inline-block; content: ""; left: 50%; bottom: -10px; position: absolute;}
.circle { height: 44px; width: 44px; border-radius: 24px; }
.circle > i { line-height: 44px; }
.site-header.light { z-index: 999; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); position: absolute; }
.site-header.fixed { background: #ffffff; position: fixed !important; z-index: 9999; }
.jumbotron .slide, .jumbotron .slide .slide-inner { height: 100vh; }
.slick-dots { bottom: 50px; }
.jumbotron .slick-dots:before { display: inline-block; content: ""; height: 1px; width: 90%; position: absolute; background: #ffffff; top: 20px; left: 50%; transform: translateX(-50%); }
.jumbotron .slick-dots li { margin: 0 7%; }
.jumbotron .slick-dots li:after { content: ""; height: 32px; width: 1px; background-color: #ffffff; display: inline-block; left: 8px; top: -8px; position: absolute; }
.jumbotron .slick-dots li button:before { font-size: 16px; line-height: 16px; width: 16px; height: 16px; opacity: 1; color: transparent; border: 1px solid #ffffff;     border-radius: 10px; content: ""; }
.jumbotron .slick-dots li.slick-active button:before { background: #ffffff; opacity: 1; }
.slick-dotted.slick-slider { margin-bottom: 0 !important; }
.side-menu { display: none; }
.side-menu .side-menu-inner { height: 100%; overflow-y: auto; padding-bottom: 100px; }
#site-footer .menu { list-style: none; padding: 0; }
.banner, .slide { height: 560px; }
.product:nth-child(odd) .details  { order: 1; }
.product:nth-child(odd) .closeup { order: 2; }
.product.accessory:nth-child(even) { border-right: 12px solid #818181; }
.product.accessory:nth-child(odd) { border-left: 12px solid #818181; }
.product.accessory:nth-child(even) .details { border-right: 12px solid #ffffff; }
.product.accessory:nth-child(odd) .details { border-left: 12px solid #ffffff; }
.product ul { list-style: none;}
.spec .circle { height: 70px; width: 70px; border-radius: 55px; }
.spec .circle i { font-size: 50px; line-height: 70px; }
.productSlider .slick-dots { bottom: 20px; }
.productSlider .slick-dots li { width: 80px; height: 3px; }
.productSlider .slick-dots li button { width: 80px; height: 3px; padding: 0; }
.productSlider .slick-dots li button:before { width: 80px; height: 3px; opacity: 0.5; background: #ffffff; content: ""; }
.productSlider .slick-dots li.slick-active button:before, .productSlider .slick-dots li button:hover, .productSlider .slick-dots li button:focus { opacity: 1; background: #ffffff; height: 3px; }
.finishes .thumb:after { content: ""; width: 80px; height: 1px; background: #aaa; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); }
.sizes .thumb:before { content: ""; width: 80px; height: 1px; background: #aaa; position: absolute; top: 26px; left: 50%; transform: translateX(-50%); }
/*.sizes .size { border-right: 1px solid #dedede; }*/
.sizes .thumb > img { opacity: 0.6; }
.finishGallery .slick-next, .finishGallery .slick-prev { top: 50px; }
.finishGallery .slick-next:before, .finishGallery .slick-prev:before { opacity: 1; color: #999; }
.download { left: 0; top: 50%; transform: translateY(-50%); }
.featureImage { height: 80px; width: 80px; border-radius: 40px; }
.videoGallery .slick-next:before, .videoGallery .slick-prev:before, .relatedGallery .slick-next:before, .relatedGallery .slick-prev:before { color: #777; }
.videoGallery .slick-dots { width: 90%; margin: 0 auto; bottom: 20px; }
.videoGallery .slick-dots li button { width: 12px; height: 12px; padding: 0; } 
.videoGallery .slick-dots li button:before { width: 12px; height: 12px; content: ''; border-radius: 6px; text-align: center; border: 1px solid #666666; opacity: 1;}
.videoGallery .slick-dots li.slick-active button:before { opacity: 1; color: #000; background: #666666; }
.ngg-download .button { color: #666666 !important; border: 1px solid #666666 !important; line-height: 22px !important; padding: 10px 15px 6px; margin-right: 8px; font-size: 18px !important; }
.ngg-download-frm hr { margin-bottom: 30px !important; }
.filter .text-xs { line-height: 26px !important;}
.filter.color label:before { content: ""; display: inline-block; height: 16px; width: 16px; margin: 0 6px; background-color: #ffffff; border-radius: 4px; border: 1px solid #cccccc; }
.filter.color label.blue:before { background-color: #054992; }
.filter.color label.green:before { background-color: #1d963f; }
.filter.color label.yellow:before { background-color: #d8d113; }
.filter.color label.orange:before { background-color: #d0850f; }
.filter.color label.red:before { background-color: #d00f38; }
.filter.color label.brown:before { background-color: #543205; }
.filter.color label.black:before { background-color: #000000; }
.filter.color label.gray:before { background-color: #777777; }
#breadcrumbs { font-size: 16px !important; }
#breadcrumbs span { padding: 0 8px; }
#breadcrumbs .elementor-shortcode { text-align: center; }
.asl_w_container { min-width: 0 !important; }
.page-content .box-search-filter #btnsearchbelow { background-color: #97CAE9 !important; text-transform: uppercase !important; font-weight: 300 !important; border-radius: 0 !important; }
.teamtg-list ul li.elementor-icon-list-item { padding: 20px !important; background: #ffffff; border: 1px solid #cccccc; position: relative; }
.teamtg-list ul li.elementor-icon-list-item a:after { content: "\f0a9"; font-family: "FontAwesome"; display: block; width: 30px; position: absolute; right: 20px;}
.teamtg-list ul li.elementor-icon-list-item:last-child a:after { content: "";}
.um-login .um-form .um-button, .um-register .um-form .um-button { color: #ffffff; text-transform: uppercase !important; border-radius: 0 !important; box-shadow: none; }
.um-login .um-form #um-submit-btn, .um-register .um-form #um-submit-btn { background: #97CAE9 !important;}
.um-login .um-form .um-right .um-button, .um-register .um-form .um-button { background: #c9c9c9 !important; box-shadow: none; }
.um-field-label label { display: block; text-align: center; }
.um-field-checkbox { margin-bottom: 30px !important; }
#um_field_7481_user_password:before { content: "Create a Password"; text-transform: uppercase; font-weight: 500; display: block; padding: 15px 0; }
#privacy-policy h2 { font-size: 30px; letter-spacing: 2px; }
#privacy-policy h3 { font-size: 24px; letter-spacing: 2px; }
.slick-next, .slick-prev { color: transparent !important; border: none !important; }
.wpcf7-response-output { font-size: 20px !important; }
.um-um_password_id.um { max-width: 80% !important; }
.um-account-meta-img, .um-profile-photo, .um-profile-edit:not(.custom), #um-meta-bio, .um-meta-bio-character, .um-profile-body .um-field-label { display: none; }
.um-profile-edit.custom { position: static; }
.um-profile-meta .um-meta span { display: block; }
.um-profile-meta .um-meta .b { display: none; }
.site-navigation-toggle-holder .fa-search, .site-navigation-toggle-holder .site-navigation-toggle { color: #222222; background: none !important; }
.site-header.light .site-navigation-toggle-holder .fa-search, .site-header.light .site-navigation-toggle-holder .site-navigation-toggle { color: #ffffff; background: none !important; }

@media screen and (max-width: 590px) {
	.relatedGallery .slick-prev, .finishGallery .slick-prev { left: 0; }
	.relatedGallery .slick-next, .finishGallery .slick-next { right: 0; }
}

@media screen and (max-width: 720px) {
	.wpfd-container .with_foldertree { max-width: 100% !important; width: 100%; }
}

@media screen and (max-width: 991px) {
	.filters { position: fixed; left: 0; top: 0; z-index: 999999; background: #ffffff; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; transform: translateX(-100%);  transition: 500ms all linear; }
	.filters.open { transform: translateX(0); transition: 500ms all linear; }
	.filters .filterHead { position: sticky; top: 0; background: #ffffff; }
	.filters .filterFoot { position: sticky; bottom: 0; }
	.mobileFilterBar { position: fixed; bottom: 0; left: 0; width: 100%; }
}

@media screen and (min-width: 768px) {
	.collectionImg { height: 700px; }

.slide-inner {
	transform: scale(1);
	transform-origin: center;
	transition: transform 0s; /* overridden by animation when active */
	will-change: transform;
}

.zooming .slide-inner {
	animation: zoomin 30s ease-in-out forwards;
}

@keyframes zoomin {
	from { transform: scale(1); }
	to   { transform: scale(2); }
}
	
	.masonry { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; }
	.galleryImages.halved div { padding: 0 15px; width: 50%; float: left; }
	.galleryImages.singleImage div { width: 100%; text-align:center; }
	.position-md-absolute { position: absolute; }
	
	.box { /*width: 200%;*/ z-index: 999; }
	.box.right { margin-left: -100%; }
	.anim { position: relative; transition: 2s all ease; }
	.anim.appear { opacity: 0 }
	.anim.slideUp { transform: translateY(150px); }
	.anim.slideRight { transform: translateX( -100%) }
	.anim.slideLeft { transform: translateX( 100%) }
	.anim.zoom { background-size: 130% !important; transition: 2s all ease-in-out 2s; }
	.anim.appear.active { opacity: 1 }
	.anim.slideUp.active { transform: translateY(0); }
	.anim.slideRight.active { transform: translateX(0) }
	.anim.slideLeft.active { transform: translateX(0) }
	.anim.zoom.active { background-size: 100% !important; }
	.feat2 { transition-delay: 250ms; }
	.feat3 { transition-delay: 500ms; }
	.feat4 { transition-delay: 750ms; }
	.product.accessory:nth-child(even) .details { text-align: right !important; }
	.featureImage { height: 120px; width: 120px; border-radius: 60px; }
}

@media screen and (min-width: 992px) {
	.text-lg { font-size: 48px; }
	.text-xxl { font-size: 70px; }
	.position-lg-absolute { position: absolute; }
	.header-inner { border-bottom-color: #000000 !important; }
	.site-header.fixed .header-inner .hp { display: none !important; }
	.site-header.fixed .header-inner .hp2 { display: block !important; }
	.site-navigation ul.menu li { padding: 0 15px; }
	.site-navigation ul.menu li a { color: #000000; text-transform: uppercase; font-size: 18px; padding: 8px 0 4px; }
	.site-navigation ul.menu li > a:after { height: 4px; content: ""; background: #99CAE9; width: 0; display: block; left: 50%; transform: translateX(-50%); position: absolute; top: calc(100% - 4px); transition: width 0.3s ease-in-out; }
	.site-navigation ul.menu li a:hover { color: #99CAE9; }
	.site-navigation ul.menu li > a:hover::after { width: calc(100% - 30px); }
	.site-navigation ul.menu li.icn a:hover { color: #99CAE9; }
	.site-header.light { position: absolute; }
	.site-navigation ul.menu li.pipe:after { content: "|"; padding-top: 8px; color: #000000; position: absolute;
        right: -3px; }	
	.site-navigation ul.menu li .sub-menu { min-width: 200px; left: 50%; transform: translateX(-50%); -webkit-box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.15); box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.15); }
	.site-navigation ul.menu li .sub-menu li { padding: 0;}
	.site-navigation ul.menu li .sub-menu li a { color: #000000; font-size: 16px; display: block; width: 100%; padding: 6px 15px; }
	.site-navigation ul.menu li .sub-menu li a:after { width: 0; display: none; }
	.site-navigation ul.menu li .sub-menu li a:hover { background-color: #f7f7f7; border: none; padding-bottom: 6px; }
	.site-navigation ul.menu li.menu-item-has-children:after { font-size: 1em; }
	.site-navigation ul.menu li.menu-item-has-children.menu-item-1191:after { display: none; }
	.light .site-navigation ul.menu li a { color: #ffffff; }
	.light .site-navigation ul.menu li.pipe:after { color: #ffffff; }
	.light .header-inner { border-bottom-color: #ffffff !important; }
	.fixed.light .site-navigation ul.menu li a { color: #000000; }
	.fixed.light .site-navigation ul.menu li.pipe:after { color: #000000; }
	.fixed.light .header-inner { border-bottom-color: #000000 !important; }
	header .menu .menu-item { display: inline-block; }
	.side-menu { top: 0; right: 0; width: 600px; transform: translateX(100%);  transition: 500ms all linear; }
	.side-menu.open {transform: translateX(0); transition: 500ms all linear; -webkit-box-shadow: -8px 9px 14px 0px rgba(0,0,0,0.2); -moz-box-shadow: -8px 9px 14px 0px rgba(0,0,0,0.2); box-shadow: -8px 9px 14px 0px rgba(0,0,0,0.2); display: block; z-index: 999999; }
	.featureList ul { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
	.featureList ul li { break-inside: avoid; }
	.featureImage { height: 100px; width: 100px; border-radius: 100px; }
}

@media screen and (min-width: 1300px) {
	.collectionImg { height: 800px; }
	/*.jumbotron .slide { height: 800px; } */
	.galleryImages.singleImage div img { width: 50% !important; min-width: auto !important; }
}

@media screen and (min-width: 1500px) {
	.box { padding-top: 100px !important; padding-bottom: 100px !important; }
}

@media screen and (min-width: 1680px) {
	.container.wide { max-width: 1600px; }
}

@media screen and (min-width: 1980px) {
	body { background: #d8d9db; }
	.site-header { max-width: 1890px !important; box-sizing: border-box; }
	#wrapper { max-width: 1920px; margin: 0 auto; padding: 0 15px; background: #ffffff; overflow: hidden;}
}