@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?2362245');
  src: url('../font/fontello.eot?2362245#iefix') format('embedded-opentype'),
       url('../font/fontello.woff2?2362245') format('woff2'),
       url('../font/fontello.woff?2362245') format('woff'),
       url('../font/fontello.ttf?2362245') format('truetype'),
       url('../font/fontello.svg?2362245#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?2362245#fontello') format('svg');
  }
}
*/
 
.icon-right-open:before { content: '\f006'; } /* '' */
.icon-left-open:before { content: '\f007'; } /* '' */

.yheader { position: relative; z-index: 60; background: #FFF !important; border:none !important; }
.main_contwrap > .main_inner_content { width: 100%; max-width: 100rem; padding: 0; }
#pureshots { width: 100%; margin:0 auto; font-size: 16px; line-height: 23px; color:#000; text-rendering: optimizeLegibility; overflow: hidden; }
#pureshots section { display: block; position: relative; text-align: center; }
#pureshots .bg-wrap { margin: 0 auto; display: block; }
#pureshots .bg-wrap img { width:100%; display: block; }
#pureshots .content-wrap { position: absolute; margin: 0 auto; left: 0; right: 0; top: 0; width: 100%; height: 100%; text-transform: uppercase; }
#pureshots .wrap { position: relative; width: 100%; display: block; margin: 0 auto; }
#pureshots .h1 { font-weight: 600; font-size: 4em; line-height: 1.2; color: #000; font-family: 'Poppins', sans-serif; letter-spacing: -1.5px; width: 90%; margin: 0 auto;}
#pureshots .h3 { font-weight: 600; font-size: 1.65em; line-height: 1.3; color: #000; font-family: 'Poppins', sans-serif; font-style:italic; letter-spacing: 0.5px; }
#pureshots .copy1 { font-family: 'Poppins', sans-serif; font-size: 1.53em; font-weight: 600; letter-spacing: .7em; margin: 10% auto 3%; text-transform: uppercase; margin-left: .7em !important; color: #000; }
#pureshots .copy2 { font-family: 'Poppins', sans-serif; font-size: 0.9em; font-weight: 300; line-height: 1.3; }	
#pureshots .cta { pointer: cursor; }
#pureshots .cta.banner a { font-family: 'Poppins', sans-serif; font-size: 0.9em; line-height: 1; font-weight: 600; letter-spacing: .15em; text-decoration: underline; color: #000; }
#pureshots .clear { clear: both; }
#pureshots .slick-dots { display: none !important; }	
#pureshots button { border: 1px solid #e5e5e5; height: 45px; width: 30px; background: #FFF; z-index: 3;}
#pureshots .slick-prev::before { content: '\f007'; font-family:'fontello'; font-size: 15px; }
#pureshots .slick-next::before { content: '\f006'; font-family:'fontello'; font-size: 15px; }
#pureshots .slick-disabled { background: #d9d9d9; border: 1px solid #d9d9d9; }
#pureshots .slick-prev.slick-disabled::before, .slick-next.slick-disabled::before { opacity: 0.45; }
#pureshots .slick-dots li button { border: none !important; background: none !important; }
#pureshots .slick-dots li button::before { font-size: 28px !important; color: gray !important; }	

#pureshots .sec1 .h2 { font-weight: 600; font-size: 4em; line-height: 1.2; color: #000; font-family: 'Poppins', sans-serif; letter-spacing: -1.5px; width: 90%; margin: 0 auto; }
#pureshots .sec1 .copy1 { margin: 7% auto 3%; color: #000; }
#pureshots .sec1 .copy2 { text-transform: none; font-size: 1.4em; margin: 24% auto 3%; color: #FFF; text-shadow: 1px 1px 6px #222; }
#pureshots .sec1 .cta { margin-top: 4%; color: #FFF; text-decoration: underline; font-size: 1.3em; cursor: pointer; font-family: 'Poppins', sans-serif; text-transform: none; }
#pureshots .sec1 .cta a { color: #FFF; text-shadow: 1px 1px 5px #222; }
#pureshots .sec1 .cta:hover { color: #eee; }
#pureshots .sec1 .cta:hover a { color: #eee; }

#pureshots .sec9 .copy1 { color: #000; margin:5% auto 3% !important; }
#pureshots .sec9 .copy2 { color: #000; text-transform: none; font-size: 2.1em; margin: 1% auto; font-weight: 500; }
#pureshots .sec9 .copy2.small { font-size: 1.4em; font-weight: 300; margin-top: 2%; }
#pureshots .sec9 .disclaimer { font-size: 0.5em; font-weight: 500; color: #000; position: absolute; bottom: 5%; left: 0; right: 0; margin: 0 auto; text-transform: none !important; }
#pureshots .sec9 .cta { margin-top: 4%; color: #FFF; text-decoration: underline; font-size: 1.3em; cursor: pointer; font-family: 'Poppins', sans-serif; text-transform: none; }
#pureshots .sec9 .cta a { color: #FFF;  }
#pureshots .sec9 .cta:hover { color: #eee; }
#pureshots .sec9 .cta:hover a { color: #eee; }

#pureshots .moonlight-cactus .h2 { font-weight: 600; font-size: 4em; line-height: 1.2; color: #000; font-family: 'Poppins', sans-serif; letter-spacing: -1.5px; width: 90%; margin: 0 auto; padding-bottom: 1%; }
#pureshots .moonlight-cactus .copy1 { color: #000; margin: 0 auto 1.5% !important; letter-spacing: .9em; }
#pureshots .moonlight-cactus .copy2 { color: #000; text-transform: none; font-size: 1.4em; font-weight: 300; margin: 1% auto; }
#pureshots .moonlight-cactus .content-wrap { width: 75%; top: 50%; transform: translateY(-50%); height: auto; left: auto; }

#pureshots .sec10 video {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.sec2 .copy1 { margin: 5% auto !important; }
.sec2 .pd-info-container { width: 100%; }
.sec2 .pd-display-wrap { width: 84%; margin: 4% auto; }
.sec2 .pd-display-wrap .slick-slide { margin-right: 1.6vw; }
.sec2 .pd-display-wrap .slick-list { overflow: visible; }
.sec2 .pd-display-wrap .slick-prev { left: auto; right: 130px; top: -18%; }	
.sec2 .pd-display-wrap .slick-next { left: auto; right: 80px; top: -18%; }	
	
.sec2 .pd-unit { box-shadow: 0 0 2.5rem 0 rgba(0,0,0,0.1),0 1.25rem 2.5rem 0 rgba(0,0,0,0.1); position: relative; border-radius: .3125rem; padding: 1.4rem 0; background: #FFF; display: inline-block; }	
.pd-unit .pd-target { font-family: 'Poppins', sans-serif; font-size: 1.8em; line-height: 1; padding-top: 12%; font-weight: 600; }
.pd-unit .pd-target.long { font-size: 1.7em; margin-bottom: -22px; z-index: 5; position: relative; }
.pd-unit .pd-img { width: 100%; max-width: 144px; margin: 0 auto; display:block; }
.pd-unit .pd-img img {max-width: 144px;}
.pd-unit .pd-badge { display: inline-block; position: absolute; left: 5%; top: 5%; color: black; border: 1px solid rgba(0,0,0,0.2); padding: 3px 6px; line-height: 1; font-weight: 500; font-size: 0.9em; border-radius: .3125rem; }
.pd-unit .pd-label { font-family: 'Poppins', sans-serif; font-size: 1em; line-height: 1.6; margin-bottom: 2%;  text-transform: uppercase;}	
.pd-unit .pd-name { font-family: 'Poppins', sans-serif; font-size: 1.2em; line-height: 1.2; margin: 0 auto 2%; text-rendering: optimizeLegibility; text-transform: uppercase; font-weight: 600; height: 35px; width: 95%; position: relative; z-index: 8; }	
.pd-unit .pd-desc { font-size: 0.95em; line-height: 1.3; margin: 0 auto 2%; text-rendering: optimizeLegibility; font-weight: 400; width: 95%; }	
.pd-unit .cta { margin: 0 auto 5%; }	 
.slick-current .pd-unit { padding: 2rem 0; top: -1.25rem; }
.slick-current .pd-unit:after { content: ""; width: 0; height: 0; border-left: 150px solid transparent; border-right: 150px solid transparent; border-top: 2vw solid #fff; position: absolute; bottom: -1.9vw; left: 0; right: 0; margin: 0 auto; }
.pd-unit .cta a { border-radius: .3125rem; border: 1px solid rgba(0,0,0,0.2); font-size: 1.3em; line-height: 1; font-weight: 600; background: transparent; color: #000; padding: .75rem 1.875rem; cursor: pointer; -webkit-transition: border-color .25s ease-out; transition: border-color .25s ease-out; }
.pd-unit .cta:hover a { border-color: #999; }	

.sec2 .pd-info-wrap { width: 88%; position: relative; margin: 4% auto; }		
/*.sec2 .pd-info-wrap .slick-list { padding: 0 2.5rem; }		*/
.sec2 .pd-info-wrap .slick-prev { left: auto; right: 160px; top: 3%; }	
.sec2 .pd-info-wrap .slick-next { left: auto; right: 110px; top: 3%; }	
	
.sec2 .pd-info-unit{ display:flex !important; flex: 1 !important;}
.sec2 .pd-info-unit .left-wrap { width: 50%; background:#0d0d0d; border-radius: .3125rem; position: relative; z-index: 0; overflow: hidden; height: auto; color: #FFF; line-height: 1; padding: 0 3% 5%; float: left; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.sec2 .pd-info-unit .right-wrap { width: 50%; position: relative; z-index: 0; overflow: hidden; height: auto; float: left; padding: 0 3%; -webkit-box-flex: 0;
-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.sec2 .left-wrap .bg-img { position: absolute; top:0; right:0; z-index: -1; max-width: 60%; opacity: 0.5; }	
.sec2 .left-wrap .bg-img.pd5 { top:5%; z-index: -1; max-width: 90%; }	
.sec2 .copy-wrap { margin: 0 auto 10px; width: 100%; }
.sec2 .copy-wrap .left-wrap { width: 25%; float: left; height: auto; padding: 0 0 20px; }
.sec2 .copy-wrap .right-wrap { width: 75% !important; float: left; height: auto !important; text-align: left !important; padding: 0 !important; flex: 0 !important; max-width: none !important; }	
.sec2 .left-wrap .copy2 { color: #FFF; text-align: left; margin: 3.5rem auto 1.25rem; }
	
.sec2 .copy3a, .sec2 .copy3b, .sec2 .copy4, .sec2 .quote { font-family: 'Poppins', sans-serif; color: #FFF; font-weight: 100; }	
.sec2 .copy3a { font-size: 1.1em; letter-spacing: 0.6em; }
.sec2 .copy3b { font-size: 3.7em; font-weight: 600; margin-left: -9px; letter-spacing: 2.5px; }
.sec2 .copy4 { font-size: 0.85em; line-height: 1.3; }
.sec2 .copy4 span { font-weight: 600; font-size: 1.3em; }	
.sec2 .quote { display: none; position: absolute; font-size: 10em; line-height: 1; text-align: left; color: #000; top: 5%; left: 3%}
.sec2 .review { font-family: 'Poppins', sans-serif; font-size: 1.13em; line-height: 1.2; font-weight: 600; text-transform: uppercase; color: #000; padding: 0 1.5625rem; text-align: left; }

.sec2 .cta { width: 100%;  padding: .75rem 1.875rem; cursor: pointer;  }
.sec2 .cta a { font-family: 'Poppins', sans-serif;font-size: 1.3em; line-height: 1; font-weight: 600; background: transparent; text-transform: uppercase; margin: 1.25rem 0 3.125rem; }

.sec2 .left-wrap .cta { border: 1px solid rgba(255,255,255,0.1); border-radius: .3125rem; -webkit-transition: border-color .25s ease-out; transition: border-color .25s ease-out; }
.sec2 .left-wrap .cta a { color: #e5edfb; }
.sec2 .left-wrap .cta:hover { border-color: #FFF; }
.sec2 .left-wrap .cta:hover a { text-decoration: underline; }
	
.sec2 .right-wrap .cta { border: 1px solid rgba(0,0,0,0.2); border-radius: .3125rem; -webkit-transition: border-color .25s ease-out; transition: border-color .25s ease-out; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 60%; }
.sec2 .right-wrap .cta a { color: #000; }
.sec2 .right-wrap .cta:hover a { text-decoration: underline; }
	
.sec2 .white-wrap { font-family: 'Poppins', sans-serif; background: #fff; border-radius: .3125rem; -webkit-box-shadow: 0 0 3.75rem 0 rgba(0,0,0,0.2); box-shadow: 0 0 3.75rem 0 rgba(0,0,0,0.2); padding: 2rem 0 1rem; margin: 2em auto 1.875rem; position: relative; color: #000; }	
.sec2 .review-info { margin: 3% auto; }	
.sec2 .author { padding-left: 1.5625rem; font-size: 0.8em; line-height: 1; text-align: left; display: inline-block; width: 100%; }	
.sec2 .rating-wrap { padding-right: 1.5625rem; font-size: 0.7em; line-height: 1; text-align: right; display: none; width: 49%; position: relative; white-space: nowrap; }
.sec2 .rating { position: relative; display: inline-block; }
.sec2 .rating_empty { display: inline-block; position: relative; padding-top: 0; }
.sec2 .rating_value { display: inline-block; position: absolute; top: 0; left: 0; color: #000; }	
.sec2 .rating_item { font-size: .625rem; color: #c9c9c9; }	

.sec2 .right-wrap .pd-img { width: 100%; max-width: 85%; position: absolute; top: 45%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: -1; left: 0; right: 0; margin: 0 auto; }
.sec2 .right-wrap .copy5 { font-family: 'Poppins', sans-serif; font-size: 1.125em; font-weight: 600; line-height: 1.3; text-transform: uppercase; }
.sec2 .right-wrap .copy5.left { position: absolute; top: 30%; left:8%; text-align: left; }	
.sec2 .right-wrap .copy5.right { position: absolute; top: 56%; right:8%; text-align: right; }	

.sec3 { display:flex !important; flex: 1 !important; background: #ffffff; margin: 0 auto; overflow-x: hidden; }	
.sec3 .left-wrap { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; position: relative; z-index: 1; }
.sec3 .right-wrap { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; position: relative; z-index: 0; }

.sec3 .right-wrap img { height: 100%; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; margin: 0 auto; }
.sec3 .left-wrap .form-container { width: 95%; padding: 2% 5%; margin: 5% auto; background: #FFF; border-radius: .3125rem; max-width: 670px; box-shadow: 0 0 2.5rem 0 rgba(0,0,0,0.1),0 1.25rem 2.5rem 0 rgba(0,0,0,0.1); }	
.form-container iframe { height: 770px; }
.form-container .h2 { font-family: 'Poppins', sans-serif; font-weight: 600; text-align: left !important; font-style: normal !important; font-size: 1.8em !important; line-height: 1.2; margin: 2% auto 1%; }
.form-container .h2 span { font-weight: 100; }	
.form-container .cpy1 { text-align: left; }
.form-container .dis1 { text-align: left; font-size: 0.75em; color: #555; margin-top: 1%; line-height: 1.3; }

/*.sec4 .bg-wrap { margin: 0 auto; display: block; }*/
.sec4 .bg-wrap { margin: 0 !important; display: block; position: relative; left: 0; width: 65%; }
.sec4 .bg-wrap img { max-width:100%; display: block; }
.sec4 .video-container{ position:relative;padding-bottom:56%;padding-top:0px;height:0;overflow:hidden;}
.sec4 .h2 { font-weight: 600; font-size: 5em; line-height: 1.1; color: #FFF; font-family: 'Poppins', sans-serif; letter-spacing: -1.5px; padding-bottom: 0; }
.sec4 p { color: #000; }
.sec4 .copy1 { margin: 6% auto 0 !important; font-size: 1.66em; }
.sec4 .text-wrap {position: absolute;top: 50%; transform: translateY(-50%); right:0; width: 35%; padding: 0 5%; }
#pureshots .sec4 .copy2 { font-size: 1.4em; text-transform: none;margin: 1.5% auto 3%; }
.sec4 .copy2 span { font-weight: bold; }
#pureshots .sec4 .text-wrap .copy2 { text-align: left; font-size: 0.9em; margin-bottom: 10%; }
#pureshots .sec4 .text-wrap .copy2.big { font-size: 3em; margin-bottom: 0; font-weight: 600; }
.sec4 .cta {font-family: 'Poppins', sans-serif; cursor: pointer; border-radius: 50%; width: 100px; height: 100px; border: 2px solid #FFF; position: absolute; top: 0; left: 0; right: 0; margin: auto; bottom: 0; }
.sec4 .cta::after { content:''; width: 0; height: 0; border-top: 10px solid transparent; border-left: 17px solid #FFF; border-bottom: 10px solid transparent; position: absolute; margin: auto; left: 0; right: 0; top:0; bottom: 0;}
.sec4 .cta p { font-family: 'Poppins', sans-serif; color: #000; font-weight: bold; font-size: 1.3em; letter-spacing: 2px; margin-top: 40%; text-shadow: none; }
.sec4 .video-container iframe, .sec4 .video-container object,
.sec4 .video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.sec4 .youtube { width: 100%; margin: 0 auto; position: relative; }
.sec4 .youtube img { width: 100%; }
.sec4 .youtube .play { height: 100%; width: 100%; bottom: 0; position: absolute; background:transparent; cursor: pointer; -webkit-transition: .4s all; -moz-transition: .4s all; transition: .4s all; opacity: 1; left: 0; right: 0; margin: 0 auto; background-size: 2%; z-index: 3; background-position: bottom center; }

.sec5 { position: relative !important; width: 100%; height: auto; }
.sec5 .content-wrap { position: relative !important; left: auto !important; right: auto !important; top: auto !important; overflow:hidden; display:block; }

.sec5 .h2 { font-weight: 600; font-size: 1.9em;line-height: 1.2; color: #000; font-family: 'Poppins', sans-serif;  text-align: left; padding-bottom : 0 !important; height: 75px; }
#pureshots .sec5 .copy1 { margin: 5% auto 1.4%; }
#pureshots .sec5 .copy1.btm { margin: 0 auto 5%; font-size: 1.8em; letter-spacing: .2em; font-weight: bold; }
#pureshots .sec5 .copy2 { margin: 3% auto 7% !important; height: 60px; }
.sec5 .experts-wrap { margin: 2% auto 4%; }
.sec5 ul.expert-slick-nav { width: 95%; list-style-type: none; margin: 0 auto; }
.sec5 ul.expert-slick-nav li { display: inline-block; padding: 2%; font-size: 1.3em; color:#999999; cursor: pointer; font-family: 'Poppins', sans-serif;  }
.sec5 ul.expert-slick-nav .slick-current li { color: #000000 !important; text-decoration: underline !important; font-weight: bold; }

.sec5 ul.expert-slick { width: 100%; list-style-type: none; position: relative; display: block; margin: 0 auto; }
.sec5 ul.expert-slick li.expert { width: 100%; display: inline-block; background: #FFFFFF; }
.sec5 ul.expert-slick li.expert img {width:100%; margin: 0 auto; display: block;}
.sec5 ul.expert-slick .slick-prev { display: none !important; }
.sec5 ul.expert-slick li:first-child {padding-right: 4%;}
.sec5 ul.expert-slick li:nth-child(2) {padding: 0 2%;}
.sec5 ul.expert-slick li:last-child {padding-left: 4%;}

.sec5 .copy-wrap {  position: relative; padding: 8% 0; text-align: left; width: 100%; }
#pureshots .sec5 .copy2 { font-size: 1.1em; text-align: left;text-transform: none; margin: 5% auto; color: #999999; }
.sec5 .cta { font-size: 1.2em; text-decoration: underline; line-height: 1; color: #000000 !important;font-family: 'Poppins', sans-serif;
font-weight: 600; }
.sec5 .cta a { color: #000000 !important;  text-align: left; }
#pureshots .sec5 button { border: none; background: transparent; }
#pureshots .sec5 .slick-next::before { font-size: 30px; }
#pureshots .sec5 .slick-next { right: -4%; }

.sec6 { margin-bottom: 5%; }
#pureshots .sec6 .copy1 { margin: 5% auto 4%; }
#pureshots .sec6 .copy1.btm { margin: 5% auto 5%; font-size: 1.8em; letter-spacing:.2em; font-weight: bold; }
.sec6 .content-wrap { position: relative !important; left: auto !important; right: auto !important; top: auto !important; }
/*.sec6 .grp-pd { max-width: 100%; display: block; margin: 0 auto; }*/
.sec6 .pd-wrap { display: table; margin: 0 auto; width: 90%; max-width: 900px; }
.sec6 .pd-wrap .pd { display: table-cell; margin: 0 auto; width: 33.3333%; position: relative; }
.sec6 .pd .routine-pd { display: block; margin: 0 auto; width: 100%; max-width: 270px; }
.sec6 .copy6 { font-family: 'Poppins', sans-serif; font-size: 1.3em; font-weight: 100; line-height: 1.3; }
.sec6 .copy6.btm { height: 70px; font-size: 1.125em; }
.sec6 .copy6 span { font-weight: 600; text-transform: uppercase; }
.sec6 .cta { border: 1px solid rgba(0,0,0,0.2); border-radius: .3125rem; -webkit-transition: border-color .25s ease-out; transition: border-color .25s ease-out; position: relative; margin: 6% auto 0; width: 70%; padding: 2%; }
.sec6 .cta a { color: #000; font-family: 'Poppins', sans-serif; }
.sec6 .cta:hover a { text-decoration: underline; }

#pureshots .sec7 {background-color: #f4f4f9; }
#pureshots .sec7 .content-wrap { width: 58%; left: auto; height: auto; top: 50%; transform: translateY(-50%); }
#pureshots .sec7 .h2 { color: #000; font-weight: 600; font-size: 3em; line-height: 1.1; font-family: 'Poppins', sans-serif; letter-spacing: -1.5px; margin: 5% 0 2%; padding-bottom: 0;}
#pureshots .sec7 .copy1 { color: #000; margin:0 !important;font-size: 1.7em; line-height: 1.3; }
#pureshots .sec7 .copy2 { color: #000; text-transform: none; font-size: 1.4em; margin: 1% auto 5%; }
#pureshots .sec7 h2 span { display: block; font-weight: 400;}
#pureshots .sec7 .cta {
	font-family: 'Poppins', sans-serif;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: .3125rem;
    -webkit-transition: border-color .25s ease-out;
    transition: border-color .25s ease-out;
    margin: 0 auto;
    max-width: 340px;
	padding: .75rem 1.875rem;
cursor: pointer;
	width: 90%;
}

#pureshots .sec7 .cta a {
    font-size: 1.3em;
    line-height: 1;
    font-weight: 600;
    background: transparent;
    text-transform: uppercase;
    margin: 1.25rem 0 3.125rem;
}

#pureshots .sec7 .cta:hover a {
    text-decoration: underline;
}
#pureshots .sec7 .cta a {
    color: #000;
}

#pureshots .sec7 .cta span.shop {
    background: url(../images/shop-icon.png?v=1) no-repeat;
    float: left;
    width: 35px;
height: 35px;
background-size: 65% 65%;
background-position: top center;
}

.sec8 { color:#000; background:#FFF; padding: 0; position:relative; margin: 5vw 0; }
.sec8:before, .sec8:after { width:100%; height:100%; background:#FFF; position:absolute; top:0; content:""; }
.sec8:before { left:-100%; }
.sec8:after { right:-100%; }
.sec8 .cols { max-width:1010px; margin:0 auto; }
.sec8 .cols li { width:50%; float:left; text-align:center;}
.sec8 .cols li:first-child {padding-right: 15px;}
.sec8 .cols li:last-child { border-left:1px solid #cccccc; padding-left: 15px;}
.sec8 .cols .boxwrap { max-width:340px; margin:0 auto; }
.sec8 .cols .boxwrap p { margin-top:15px; font-size:1.2em; line-height:1.3;}
.sec8 .cols .boxwrap .colname { font:700 1.5em/1.1 'Poppins', sans-serif; }
.sec8 .cols .boxwrap .ybtn { margin-top:20px; background: #000000; color: #FFF; border: 1px solid #000; }
.sec8 .cols .boxwrap .ybtn:hover { background: #FFF; color: #000; }
	
@media only screen and (max-width: 1600px) {

.sec1 .cta { margin: 6% auto 0; cursor: pointer; }
}

@media only screen and (max-width: 1540px) {
.slick-current .pd-unit:after { border-left: 10vw solid transparent; border-right: 10vw solid transparent;}
.sec2 .pd-info-wrap { width: 95%; }		
.sec2 .pd-display-wrap .slick-prev { left: auto; right: 50px; top: -15%; }	
.sec2 .pd-display-wrap .slick-next { left: auto; right: 0; top: -15%; }
.sec2 .pd-info-wrap .slick-prev { left: auto; right: 120px; top: 3%; }	
.sec2 .pd-info-wrap .slick-next { left: auto; right: 70px; top: 3%; }	

}

@media only screen and (max-width: 1316px) {	
.form-container iframe { height: 800px; }
}
	
@media only screen and (max-width: 1280px) {		
	
#pureshots .sec1 .copy2 { margin: 20% auto 3%; }	
#pureshots .sec1 .h2 { font-size: 3.2em; }

.sec2 .pd-unit .pd-desc { font-size: 0.9em; }
.sec2 .right-wrap .cta { width: 80%; }
.sec2 .right-wrap .copy5.left { top: 20%; }	
.sec2 .right-wrap .copy5.right { top: 70%; }		
	
.sec4 .h2 { line-height: 1.1; }
.sec4 .text-wrap { top: 55%; }
.sec4 .cta { margin: 4% auto 0; }	
.sec5 .experts-wrap { margin: 4% auto; }

#pureshots .sec7 .h2 { font-size: 2.8em;  }
	
}
	
@media only screen and (max-width: 1024px) {
#pureshots .h1 { font-size: 9vw; line-height: 1.1; }
#pureshots .copy1 { margin: 8vw auto 10vw; line-height: 1.5; letter-spacing: .4em; margin-left: .4em !important; }	
#pureshots .bg-wrap img { display: block; width: 100%; margin: 0 auto; }
#pureshots .slick-dots { display: block !important; bottom: -12vw; }
#pureshots .copy2 { font-size: 1.1em; }
#pureshots .sec1 .content-wrap { height:auto;}
#pureshots .sec1 .h2 { font-size: 8.5vw; line-height: 1.1; }
#pureshots .sec1 .copy1 { margin: 7% auto 5% }	
#pureshots .sec1 .copy2 { font-size: 1.2em; margin: 45% auto 8%; width: 85%; }
	
#pureshots .sec9 .copy1 { margin: 10% auto 3% !important; }
#pureshots .sec9 .copy2 { font-size: 1.6em; margin: 5% auto 2%; width: 85%; }	
	
.slick-current .pd-unit:after { border-left: 14vw solid transparent; border-right: 14vw solid transparent;}
.sec2 .copy1 { margin: 8vw auto 2vw !important; }	
.sec2 .copy4 { font-size: 1em; }
.sec2 .pd-display-wrap { width: 100%; margin: 9vw auto 15vw; }
.sec2 .pd-info-wrap { width: 100%; }	
.sec2 .copy-wrap { margin: 3vw auto 6vw; }
.sec2 .cta a { margin: 0 auto; display:block; }
.sec2 .left-wrap .bg-img { max-width: auto; height: 120%; top: -20%; }	
.sec2 .left-wrap .bg-img.pd5 { height: 88%; top: 0; }	
.sec2 .left-wrap .cta { position: absolute; z-index: 100; bottom: -35vw; background: transparent; color: #000; border: 1px solid rgba(0,0,0,0.2); width: 95vw; margin: 0 auto; left: 0; right: 0; }
.sec2 .left-wrap .cta:hover, .sec2 .right-wrap .cta:hover { border-color: #000; }
.sec2 .left-wrap .cta a { color: #000; }
.sec2 .left-wrap .copy2 { margin: 1.875rem auto; }
.sec2 .left-wrap .copy2.small { margin: 0 auto 5%; font-size: 0.8em !important; }
.sec2 .left-wrap .copy2.medium { margin: 2% auto 5%; font-size: 0.9em !important; }
.sec2 .right-wrap .copy4.medium { font-size: 0.9em !important; }
.sec2 .right-wrap .pd-img { position: relative; transform: none; }
.sec2 .right-wrap .cta { position: relative; bottom: 0; width: 95vw; }
.sec2 .white-wrap { position: absolute; width: 95vw; margin: 0 auto; left: 0; right: 0; }

.sec2 .pd-display-wrap .slick-prev, .sec2 .pd-display-wrap .slick-next, .sec2 .pd-info-wrap .slick-prev, .sec2 .pd-info-wrap .slick-next { display: none !important; }	
.sec2 .pd-info-wrap .slick-list { padding: 0; }

.sec2 .pd-info-unit { display: block !important; flex: none; }
.sec2 .pd-info-unit > .left-wrap, .sec2 .pd-info-unit > .right-wrap { width: 100%; flex:none; max-width: none; float: none; display: block !important; overflow: visible; position: relative; }
.sec2 .pd-info-unit > .left-wrap { padding: 4% 3% 40px; z-index: 5; }

.sec2 .pd-info-unit > .right-wrap { z-index: 3; margin-top: 10vw; }	
	
.form-container iframe { height: 760px; }	
	
/*.sec3 { display: block !important; flex: none; background: linear-gradient(to bottom, #fafbfd 75%, #FFF); overflow-x: visible; }*/
.sec3 { display: flex !important; flex: none; flex-direction:column; overflow-x: visible; padding-bottom: 10%; margin-bottom: 0; }
.sec3 .left-wrap, .sec3 .right-wrap { width: 100%; flex: none; max-width: none; position: relative; }
.sec3 .left-wrap { order: 2;}	
.sec3 .right-wrap { order: 1;}	
.sec3 .right-wrap img { position: relative; top: auto; transform: none; height: auto; width: 100%; left: 0; }
.sec3 .left-wrap .form-container { margin: -1% auto 0; padding: 4% 5%; }
.sec4 { position: relative; }
.sec4 .h2 { font-size: 3.5em; }
.sec4 .copy1 { margin: 10% auto 2% !important; }
#pureshots .sec4 .copy2 { font-size: 1.2em; margin: 2.1% auto 8%;}	
#pureshots .sec4 .text-wrap .copy2 { font-size: 1.1em; }
.sec4 .content-wrap { position: relative !important; }
.sec4 .bg-wrap { width: 100%;}
.sec4 .text-wrap { position: relative; top: 0; transform: none; width: 88%; left: 0; margin: 8% auto; height: 80%; max-width: 480px; }
.sec4 .cta { left:0; right: 0; width: 18vw; height: 18vw; border: 2px solid #FFF; margin: auto; position: absolute; bottom: 0 ;top: 0; }
.sec4 .cta p {font-size: 3vw; margin-top: 7vw; color: #FFF; }
.sec4 .youtube .play { top: 0; background-size: 7%; background-position: center 84%; }
.sec4 .video-container{ padding-bottom:132vw;}		
	
.sec5 { padding: 5% 0; }
.sec5 ul.expert-slick li {width:95% !important;}
.sec5 .h2 { text-align: center;}
.sec5 ul.expert-slick-nav { margin-top: 7%; overflow-x: scroll; }
.sec5 ul.expert-slick-nav .slick-slide { width: 250px !important; }
.sec5 ul.expert-slick-nav .slick-track { width: 1250px !important; transform: none !important; }
.sec5 ul.expert-slick-nav .slick-list { overflow-x: scroll !important; transform: none !important; }
.sec5 ul.expert-slick-nav li { font-size: 1.15em; line-height: 1.2; }
.sec5 .h2 { height: auto; }
#pureshots .sec5 .copy2 { height: auto; }
.sec5 .copy-wrap { text-align: center; }	
#pureshots .sec5 .copy2 {text-align: center;}
#pureshots .sec5 .slick-next { display: none !important; }
#pureshots .sec5 .slick-dots { bottom: auto; top: 80vw; }
#pureshots .sec5 .slick-dots li button::before { font-size: 34px !important; color: white !important; text-shadow: 1px 1px 10px #111; }
.sec6 { margin: 12vw auto; }
.sec6 .cta { width: 90%; padding: 3% 0; }
.sec6 .copy6 { font-size: 1.4em; margin: 10% auto; }
.sec6 .pd-wrap { width: 95%; }
	
#pureshots .sec7 { padding: 1% 0 10%; }
#pureshots .sec7 .content-wrap { width: 100%; top: auto; transform: none; position: relative; z-index: 1; }
#pureshots .sec7 .bg-wrap { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; z-index: 0; }	
#pureshots .sec7 .copy1 { font-size: 1.6em; margin-top : 5% !important; }
#pureshots .sec7 .h2 { margin: 104% 0 3%; font-size: 2.4em; }
#pureshots .sec7 .copy2 {  font-size: 1.2em; position: relative; margin: 3% auto; width: 75%; bottom: auto; } 	
#pureshots .sec7 .cta {width:95vw;font-size: 1.3em;max-width: 100%;}	
	
.sec2 .right-wrap .cta {font-size: 1.3em;}
.sec8 .cols .boxwrap p { font-size: 1.1em; padding: 0 15px; }

#pureshots .moonlight-cactus .content-wrap { width: 90%; top: 8%; transform: none; right: 0; left: 0; }	
#pureshots .moonlight-cactus .copy2 { font-size: 1.2em;}	
#pureshots .moonlight-cactus .h2 { font-size: 10vw; line-height: 1.1; padding-bottom: 3%; }
#pureshots .moonlight-cactus .copy1 { margin: 0 auto 3% !important; letter-spacing: .4em; }	
	
}
	
@media only screen and (max-width: 767px) {

#pureshots .bnwrap { padding: 0; margin-left: -20px; margin-right: -20px; margin-top: -10px; } 
.pd-unit .pd-name { font-size: 1.3em; height: 45px; }
.pd-unit .pd-label { font-size: 1.2em; font-weight: 100; }	
.pd-unit .pd-badge { font-size: 1em; }
.pd-unit .pd-desc { font-size: 1.1em; }		

.sec2 .pd-display-wrap { width: 85vw; }
	
.slick-current .pd-unit::after { border-left: 42vw solid transparent; border-right: 42vw solid transparent; border-top: 4vw solid #fff; bottom: -3.9vw; }

.sec8 { margin: 10vw 0; }
.sec8 .cols .boxwrap p { font-size: 1.2em; }
	
.sec5 ul.expert-slick li:last-child, .sec5 ul.expert-slick li:first-child, .sec5 ul.expert-slick li:nth-child(2) {padding:0 !important;}	
.sec5 .h2 {font-size: 1.6em;}
}	
	
@media only screen and (max-width: 660px) {
.sec2 .left-wrap .cta { bottom: -46vw; }
.sec2 .pd-info-unit > .right-wrap { margin-top: 20vw; }
	
.sec4 .cta { border: 1px solid #FFF; }
	
.form-container iframe { height: 780px; }
.sec5 .h2 {font-size: 1.5em;}
}

@media only screen and (max-width: 580px) {
.sec6 .copy6.btm { font-size: 3.2vw; height: 16vw; }
}

@media only screen and (max-width: 559px) {
.form-container iframe { height: 830px; }
}
	
@media only screen and (max-width: 480px) {
	
#pureshots { font-size: 3.2vw; }	
.slick-current .pd-unit { padding: 1.5rem 0 1.5rem; }
.slick-current .pd-unit::after { border-left: 35vw solid transparent; border-right: 35vw solid transparent; bottom: -3.8vw; }
.pd-unit .cta { margin: 0 auto; }
.pd-unit .pd-name { height: 35px; }
.pd-unit .pd-target { padding-top: 10%; }	

	
.sec2 .pd-display-wrap { margin: 15vw auto 20vw; width: 75vw; }
.sec2 .pd-info-unit > .right-wrap { margin-top: 35vw; }
.sec2 .pd-info-unit > .left-wrap { height: 400px; }
.sec2 .white-wrap { padding: 10vw 0 7vw; bottom: -30vw; }	

.sec2 .right-wrap .copy5.left {width: 20vw; }
.sec2 .right-wrap .cta { margin: 10vw auto 0; }

.sec4 .h2 { font-size: 3em; }
.sec4 .cta p { margin-top: 6.5vw; }
	
#pureshots .sec5 .copy2 { font-size: 3.2vw; line-height: 1.5; }
.sec5 ul.expert-slick-nav .slick-slide { width: 180px !important; height: 40px !important; }
.sec5 ul.expert-slick-nav .slick-track { width: 900px !important; transform: none !important; }
.sec5 ul.expert-slick-nav li { font-size: 1.2em; }
	
.form-container iframe { height: 850px; }	

}

@media only screen and (max-width: 400px) {
#pureshots .h1 { font-size: 10vw; letter-spacing: 0; }
#pureshots .copy1 { font-size: 1.6em; margin: 8vw auto 9vw; letter-spacing: 1.4vw; }
#pureshots .cta.banner a { font-size: 1.1em; }
.sec1 .cta img { max-width: 20px; }

.sec2 .left-wrap .cta { bottom: -60vw; }
	
.sec6 .copy6 { font-size: 1.2em; }	
.sec6 .copy1 { letter-spacing: .4em !important; margin-left: .4em !important; }
	
.sec8 { margin: 15vw auto 10vw; }
.form-container iframe { height: 900px; }	
}

@media only screen and (max-width: 360px) {
.form-container iframe {
    height: 930px;
}
}

@media only screen and (max-width: 320px) {
.form-container iframe {
    height: 950px;
}
}