/** Shopify CDN: Minification failed

Line 398:27 Expected "]" to go with "["

**/
.Discover-Skywatches {
	margin: 40px 0 55px;
}

.WatcheS-set1 {
	width: 100%;
}

img {
	width: 100%;
}

.WatcheS-set1 {
	display: flex;
}


/* .WatcheS-set1 .sky-1, .WatcheS-set1 .sky-2, .WatcheS-set1 .sky-3{float:left;} */

.WatcheS-set2 {
	display: flex;
	justify-content: flex-end;
}

.WatcheS-set2 .sky-4 { width:60%;}
.WatcheS-set2 .sky-5 { width:40%;} 
.WatcheS-set2 .sky-4,
.WatcheS-set2 .sky-5 {
	margin-left: 15%;
}

.sky-1-content {
	padding: 2% 14%;
	padding-bottom: 6%;
}


/* .Discover-Skywatches .sky-1-content svg{padding-left:20px;} */

.Discover-Skywatches .sky-1 {	align-self: flex-end;  	width:30%;}
.Discover-Skywatches .sky-2 { width:50%; }
.Discover-Skywatches .sky-3 { width:20%; }


.Discover-Skywatches .sky-1 h1 {
	font-style: normal;
	font-weight: normal;
	font-size: 45px;
	line-height: 58px;
	letter-spacing: -1px;
	color: #343434;
}

.sky-1 p {
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 26px;
}

.Discover-Skywatches .card {
	/* width: 130px;
        height: 195px;*/
	position: relative;
/* 	display: inline-block; */
	margin: 6px 10px;
}

.Discover-Skywatches .card .Product-Cont {
	position: absolute;
	top: 15px;
	left: 15px;
	color: white;
}


.Discover-Skywatches .sky-1 .card .Product-Cont {
	
	top: auto;
	left: 15px;
	bottom:15px;
}

.Discover-Skywatches .card .Product-Cont .product-name p {
	color: white;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	color: #F2F2ED;
}

.Discover-Skywatches .card .Product-Cont .product-type p {
	color: white;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
	color: #F2F2ED;
  padding-top: 5px;
}

.Discover-Skywatches .sky-2 .card .Product-Cont,
.Discover-Skywatches .sky-4 .card .Product-Cont {
	top: inherit;
	position: absolute;
	bottom: 15px;
	left: 15px;
	color: #fff;
}

/* .Discover-Skywatches .sky-2 .card .Product-Cont p {
	color: #fff;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	color: #f2f2ed;
} */

.Discover-Skywatches .card .img-top {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}

.card:hover .img-top {
	display: inline;
}

.WatcheS-set2 .sky-4 p {
	top: auto;
	bottom: 25px;
}

 .plus-icon svg{
    width: 80px;
    height: 80px;
  }
  .cali-flag svg{
    width: 80px;
    height: 80px;
    margin-left: 30px;
  }


.Discover-Skywatches .WatcheS-set1 .sky-1 h1 {
		margin-bottom: 40px;
	}

@media (max-width: 1200px) {
	.Discover-Skywatches .sky-1 h1 {
		font-style: normal;
		font-weight: 400;
		font-size: 25px;
		line-height: normal;
	}
}

@media (max-width: 1024px) {
	.Discover-Skywatches .sky-1 h1 {
		font-style: normal;
		font-weight: 400;
		font-size: 25px;
		line-height: normal;
	}
	.sky-1 p {
		font-weight: 400;
		font-size: 12px;
		line-height: normal;
	}
	.Discover-Skywatches .card p {
		font-size: 9px;
		line-height: normal;
	}
	.Discover-Skywatches .sky-2 .card p {
		font-size: 9px;
		line-height: normal;
	}
}

@media (min-width: 1200px) {
	.sky-1-content {
		padding: 2% 14%;
		padding-bottom: 20%;
	}
}

@media (min-width: 1600px) {
	.Discover-Skywatches .WatcheS-set1 .sky-1 h1 {
		font-size: 55px;
		line-height: 58px;
	}
	.Discover-Skywatches .sky-1 p {
		font-size: 14px;
		line-height: 28px;
	}
	.sky-1-content {
		padding-bottom: 20%;
	}
	.Discover-Skywatches .card p {
		top: 25px;
		left: 25px;
	}
	.Discover-Skywatches .sky-2 .card p {
		left: 25px;
		bottom: 25px;
	}
	.WatcheS-set2 .sky-4 p {
		top: auto;
		bottom: 25px;
	}
  
  
  .Discover-Skywatches .card .Product-Cont {
	position: absolute;
	top: 25px;
	left: 25px;

}
  
  .Discover-Skywatches .sky-2 .card .Product-Cont,
.Discover-Skywatches .sky-4 .card .Product-Cont {
	top: inherit;
	position: absolute;
	bottom: 25px;
	left: 25px;

}
  
  .Discover-Skywatches .sky-1 .card .Product-Cont {
	
	top: auto;
	bottom: 25px;
	left: 25px;
}
  
  .plus-icon svg{
    width: 110px;
    height: 110px;
  }
  .cali-flag svg{
    width: 110px;
    height: 110px;
    display: block;
    margin-left: 40px;
  }
  
}

@media (max-width: 768px) {
	.Discover-Skywatches {
		display: none;
	}
  
  .DiscoverSkywatch__slider{
  	display:block;
  }
  
  .DiscoverSlider__mobile{
  	display:block;
  }
   .plus-icon svg{
    width: 80px;
    height: 80px;
  }
  .cali-flag svg{
    width: 80px;
    height: 80px;
    margin-left: 20px;
  }

}

@media (max-width: 800px) {
	.cta-link {
		font-size: 10px;
	}
	.sky-1-content {
		padding: 0% 14%;
		padding-bottom: 0%;
	}
	.Discover-Skywatches .sky-1 h1 {
		font-size: 22px;
		margin-bottom: 2px;
	}
}


/* =====================================================
				CUSTOM VIDEO
===================================================== */

.Banner-Video {
	margin: 75px 0
}

.Banner-Video video {
	position: relative;
}

.Banner-Video .banner-left-top .images {
	position: absolute;
	top: 40px;
	left: 45px;
}

.Banner-Video .banner-left-top .images,
.Banner-Video .Banner-Inside .banner-cont-bottom .devide {
	display: flex;
	color: white;
}

.Banner-Video .Banner-Inside .banner-cont-bottom .devide .div2 {
  margin-left: 45px;
  margin-top:3px;
}

.Banner-Video .banner-left-top .images,
.Banner-Video .Banner-Inside .banner-cont-bottom .devide .div2 p,
.Banner-Video .banner-left-top .images,
.Banner-Video .Banner-Inside .banner-cont-bottom .devide .div2 a {
	color: white;
}

.Banner-Video .banner-left-top .images .flag {
	margin-left: 20px
}

.Banner-Video .banner-left-top .images img {
	width: 70px;
	height: 70px;
}


/* .Banner-Video p{position:absolute;z-index:9;top:20%;} */

.Banner-Video .Banner-Inside .banner-cont-bottom .devide .div2 .about-butt {
	padding-top: 20px;
}

.Banner-Video .Banner-Inside .banner-cont-bottom .devide .div2 .about-butt svg {
	position: relative;
	top: 4px;
}

.Banner-Video .Banner-Inside .banner-cont-bottom {
	position: absolute;
	bottom: 45px;
	left: 45px;
}

.Banner-Video .banner-cont-bottom h1 {
	font-style: normal;
	font-weight: normal;
	font-size: 45px;
	line-height: 50px;
	letter-spacing: -1px;
}

.Banner-Video .banner-left-top .images,
.Banner-Video .Banner-Inside .banner-cont-bottom .devide .div2 p,
.Banner-Video .banner-left-top .images,
.Banner-Video .Banner-Inside .banner-cont-bottom .devide .div2 a {
	color: white;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 23px;
	margin-bottom: 0px;
}

.Banner-Video .Banner-Inside .banner-cont-bottom .devide .div2 a {
	font-size: 13px;
	line-height: 23px;
	margin-bottom: 17px!important;
	padding-right: 10px;
}

.about-butt:hover {
	color: #27ace3!important;
}

svg:hover {
	fill: #27ace3!important;
}

.about-butt svg[Attributes Style] {
	width: 43px;
	height: 10px;
	fill: #fff;
}

.Banner-Video .Banner-Inside .devide2 {
	display: none;
}

@media (min-width: 1600px) {
  
  .Banner-Video {
	margin: 160px 0
}
  
	.Banner-Video .banner-left-top .images img {
		width: 110px;
		height: 110px;
	}
	.Banner-Video .banner-cont-bottom h1 {
		font-style: normal;
		font-weight: normal;
		font-size: 55px;
		line-height: 58px;
		letter-spacing: -1px;
	}
	.Banner-Video .banner-left-top .images,
	.Banner-Video .Banner-Inside .banner-cont-bottom .devide .div2 p,
	.Banner-Video .banner-left-top .images,
	.Banner-Video .Banner-Inside .banner-cont-bottom .devide .div2 a {
		color: white;
		font-style: normal;
		font-weight: normal;
		font-size: 18px;
		line-height: 26px;
	}
  
  .Banner-Video .banner-left-top .images {
    
    top: 64px;
    left: 64px;
}
  
  .Banner-Video .Banner-Inside .banner-cont-bottom {
    position: absolute;
    bottom: 64px;
    left: 64px;
}
  
  
  
}



 



@media (max-width: 1024px) {
	.Banner-Video .banner-left-top .images {
		top: 20px;
		left: 25px;
	}
	.Banner-Video .Banner-Inside .banner-cont-bottom {
		position: absolute;
		bottom: 15px;
		left: 40px;
	}
	.Banner-Video .banner-cont-bottom h1 {
		font-weight: 400;
		font-size: 30px;
		line-height: normal;
	}
	.Banner-Video .Banner-Inside .banner-cont-bottom .devide .div2 a,
	.Banner-Video .Banner-Inside .banner-cont-bottom .devide .div2 p,
	.Banner-Video .banner-left-top .images {
		font-size: 13px;
		line-height: 23px;
		margin-bottom: 5px;
	}
	.Banner-Video .banner-left-top .images img {
		width: 50px;
		height: 49px;
	}
	.Banner-Video .Banner-Inside .banner-cont-bottom .devide .div2 {
		margin-left: 20px;
	}
   .plus-icon svg{
    width: 60px;
    height: 60px;
  }
  .cali-flag svg{
    width: 60px;
    height: 60px;
    margin-left: 20px;
  }
}






@media (max-width:750px) {
	/* .Banner-Video .banner-left-top .images {
    left: 25px;
    top: unset;
    bottom: 24%!important;
} */
}

@media (max-width: 576px) {
	.Banner-Video .div21 p {
		font-style: normal;
		font-weight: normal;
		font-size: 18px;
		line-height: 26px;
		color: #5D5D5D;
	}
	.Banner-Video .devide2 h1 {
		font-style: normal;
		font-weight: normal;
		font-size: 28px;
		line-height: 32px;
		padding-top: 20px;
	}
	.Banner-Video .cta-link {
		font-style: normal;
		font-weight: normal;
		font-size: 18px;
		line-height: 26px;
	}
	.Banner-Video .Banner-Inside .banner-cont-bottom .devide .div2 a,
	.Banner-Video .Banner-Inside .banner-cont-bottom .devide .div2 p,
	.Banner-Video .banner-left-top .images {
		font-size: 10px;
		line-height: normal;
		margin-bottom: 5px;
	}
	.Banner-Video .banner-cont-bottom h1 {
		font-weight: 400;
		font-size: 14px;
		line-height: normal;
		letter-spacing: 0px;
	}
	.Banner-Video .Banner-Inside .banner-cont-bottom {
		position: absolute;
		bottom: 47px;
		left: 30px;
	}
	.Banner-Video .banner-left-top .images .flag {
		margin-left: 6px;
	}
	.Banner-Video .banner-left-top .images img {
		width: 30px;
		height: 30px;
	}
	.Banner-Video .banner-left-top .images {
		left: 19px;
		top: unset;
		bottom: 6%!important;
	}
	.Banner-Video .Banner-Inside .banner-cont-bottom .devide {
		display: none;
	}
	.Banner-Video {
		margin: 60px 0;
	}
	.Banner-Video .Banner-Inside .devide2 {
		display: block;
	}
	.Banner-Video .Banner-Inside .devide2 {
		margin-bottom: 30px;
	}
	.Banner-Video .page-width .banner-cont {
		padding-left: 22px;
		padding-right: 22px;
	}
	.Banner-Video .page-width {
		padding-left: 0px;
		padding-right: 0px;
	}
	.Banner-Video .cta-link svg path {
		fill: #343434;
	}
   .plus-icon svg{
    width: 30px;
    height: 30px;
  }
  .cali-flag svg{
    width: 30px;
    height: 30px;
    margin-left: 10px;
  }
  
}


/* ==================================================================
							Discover Watch Mobile Slider
==================================================================== */

.DiscoverSlider__mobile {
	display: none;
}

@media (max-width: 768px) {
	.DiscoverSlider__mobile {
		display: block;
		padding-right: 0;
	}
	.DiscoverSlider__mobile .carousel-cell {
		width: 66% !important;
		margin-right: 20px !important;
	}
}

.slick-track {
	display: flex !important;
}

.slick-slide {
	height: inherit !important;
}

.slick-list {
	padding: 0 30% 0 0 !important;
}

.DiscoverSlider__mobile .DiscoverSlider__title {
	padding: 25px 0;
}

.DiscoverSlider__title h3 {
	font-size: 22px;
	line-height: 28px;
	color: #343434;
	margin: 0;
	font-weight: 400;
	letter-spacing: -.705556px;
	text-transform: capitalize;
}

.DiscoverSlider__title a {
	padding-top: 10px;
	font-weight: 300;
	font-size: 16px;
}

.Image_title .bottom-title p {
	font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    color: #343434;
}

.Image_title .bottom-title span {
	color: #B2AEAA;
}

@media (max-width: 768px) {

	.DiscoverSlider__mobile {
    display:block;
}
  
  .template-index .DiscoverSkywatch__slider .Image_title{
  	padding-top:10px;
  }
  
  
}



@media (max-width: 767px) {
	.Image_title .bottom-title p {
		line-height: 26px;
	}
	.DiscoverSlider__title h3 {
		font-size: 28px;
		line-height: 32px;
	}
	.DiscoverSlider__mobile .DiscoverSlider__title {
		padding: 15px 0;
		margin-bottom: 25px;
	}
  
  .DiscoverSlider__title a {
	
		font-size: 18px;
}
}