html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, nav, section, details, summary {display: block;}

/* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: visible;}

/* we use a lot of ULs that aren't bulleted.
	you'll have to restore the bullets within content,
	which is fine because they're probably customized anyway */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

input {-webkit-appearance:none;}

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;}

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {cursor: pointer;}

#admin-menu {display: none!important;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button,
input[type=button] {width: auto; overflow: visible;}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/2024/HelveticaNeueLTStdBd.eot');
    src: url('../fonts/2024/HelveticaNeueLTStdBd.eot?#iefix') format('embedded-opentype'),
        url('../fonts/2024/HelveticaNeueLTStdBd.woff2') format('woff2'),
        url('../fonts/2024/HelveticaNeueLTStdBd.woff') format('woff'),
        url('../fonts/2024/HelveticaNeueLTStdBd.ttf') format('truetype'),
        url('../fonts/2024/HelveticaNeueLTStdBd.svg#HelveticaNeueLTStdBd') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/2024/HelveticaNeueLTStdMd.eot');
    src: url('../fonts/2024/HelveticaNeueLTStdMd.eot?#iefix') format('embedded-opentype'),
        url('../fonts/2024/HelveticaNeueLTStdMd.woff2') format('woff2'),
        url('../fonts/2024/HelveticaNeueLTStdMd.woff') format('woff'),
        url('../fonts/2024/HelveticaNeueLTStdMd.ttf') format('truetype'),
        url('../fonts/2024/HelveticaNeueLTStdMd.svg#HelveticaNeueLTStdMd') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/2024/HelveticaNeue-Thin.eot');
    src: url('../fonts/2024/HelveticaNeue-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/2024/HelveticaNeue-Thin.woff2') format('woff2'),
        url('../fonts/2024/HelveticaNeue-Thin.woff') format('woff'),
        url('../fonts/2024/HelveticaNeue-Thin.ttf') format('truetype'),
        url('../fonts/2024/HelveticaNeue-Thin.svg#HelveticaNeue-Thin') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


html {
	font-size: 16px;
	line-height: 1.5;
}

body {
	font-family: "HelveticaNeue", arial, sans-serif;
	font-weight: 500;
	color: #005981;
	background: #fff;
}

h1, .h1,
h2, .h2 {
	margin: 0 0 20px;
	font-size: 32px;
	line-height: 1.25;
	font-weight: 700;
}

h2, .h2 {
	color: #484E90;
}

p {
	margin-bottom: 25px;
}

sup {
	display: inline-block;
	font-size: 50%;
	line-height: 2.5;
	vertical-align: top;
}

h1 sup {
	font-size: 52%;
	line-height: 2.4;
}

h2 sup {
	font-size: 40%;
	line-height: 2.1;
}

h2 span {
	font-weight: inherit;
}

.nowrap {
	white-space: nowrap;
}

.container {
	overflow: hidden;
}

.wrap {
	max-width: 1110px;
	padding: 0 30px;
	margin: 0 auto;
}

.col50 {
	width: 50%;
}

.col40 {
	width: 40%;
}

.col20 {
	width: 20%;
}


header {
	padding: 13px 0;
}

header .logo {
	float: left;
	max-width: 25%;
}

header img {
	display: block;
}

header::after {
	display: block;
	content: '';
	clear: both;
}

.main-nav {
	float: right;
	font-size: 13px;
}

.main-nav ul {
	padding: 25px 0 0;
	margin: 0;
	list-style: none;
}

.main-nav li {
	display: inline-block;
}

.main-nav li + li {
	margin-left: 30px;
}

.main-nav li a {
	padding-bottom: 2px;
	color: #00486E;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 4px solid #fff;
}

.main-nav li a:hover {
	border-color: #fcd209;
}

.mob-menu-btn,
.nav-overlay {
	display: none;
}


/* VIDEO */

.media {
	padding-bottom: 75px;
	position: relative;
}

.media .wrap-videos {
	max-width: 1155px;
}

.smiles-bg {
	width: 100%;
	max-width: 1395px;
	position: absolute;
	top: 0;
	left: 50%;
	bottom: 0;
	z-index: -1;
	background: url(../images/cetacaine0824/bg-smiles.png) center 50px no-repeat;
	background-size: 100% auto;
	transform: translateX(-50%);
}

.media-content {
	padding: 58px 0 75px;
	position: relative;
	z-index: 1;
	text-align: center;
}

.media-content h1 {
	margin-bottom: 30px;
	font-weight: normal;
	color: #6361a0;
	text-shadow: 0 0 5px #fff;
}

.media-content h1 strong {
	display: block;
	font-weight: bold;
}

.media-video {
	max-width: 716px;
	margin: 0 auto 15px;
	border-radius: 16px;
	overflow: hidden;
}

.video-poster {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	cursor: pointer;
}

.video-poster img {
	display: block;
	width: 100%;
	transition: transform .5s ease;
}

.video-poster:hover img {
	transform: scale(1.025);
} 

.video-box {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.video-box iframe,
.video-box video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-descr {
	max-width: 716px;
	min-height: 56px;
	margin: 0 auto;
	font-size: 24px;
	line-height: 28px;
}


/* TESTIMONIALS  */

.testimonials {
	padding: 40px 0 70px;
	position: relative;
	color: #fff;
	background: #005981;
}

.tst-slider.slick-slider {
	position: static;
}

.tst-slider-btn {
	display: block;
	height: 50%;
	width: 20%;
	max-width: 136px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.tst-slider-btn::before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/cetacaine0824/arr.svg) center no-repeat;
	transition: transform .25s ease;
}

.tst-slider-btn:hover::before {
	transform: scale(1.3);
}

.tst-slider-prev {
	left: 0;
}

.tst-slider-next {
	right: 0;
	transform: translateY(-50%) rotate(180deg);
}

.tst-slider .slick-dots {
	padding-top: 50px;
	text-align: center;
}

.tst-slider .slick-dots li {
	display: inline-block;
	padding: 0 5px;
}

.tst-slider .slick-dots button {
	display: block;
	width: 13px;
	height: 13px;
	padding: 0;
	font-size: 0;
	text-align: left;
	text-indent: -99px;
	overflow: hidden;
	background: none;
	border: 2px solid #E977A6;
	border-radius: 50%;
	box-shadow: none;
	appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
}

.tst-slider .slick-dots .slick-active button {
	background: #E977A6;
}


.quote {
	max-width: 840px;
	padding: 0px 35px;
	margin: 0 auto;
	text-align: center;
}

.quote > img {
	display: block;
	margin: 0 auto 30px;
}

.quote p {
	font-size: 20px;
	line-height: 1.4;
}

.quote p strong {
	font-weight: 700;
}

.author {
	margin-top: 30px;
	font-size: 16px;
	line-height: 1.25;
	color: #f38db5;
}

.author strong {
	display: block;
	font-weight: bold;
}


/* HOW TO APPLY  */

.apply {
	padding: 142px 0 85px;
}

.apply .wrap {
	display: flex;
}

.apply-text {
	width: 47%;
	padding-top: 25px;
}

.apply p {
	max-width: 460px;
}

.apply .col20 {
	max-width: 185px;
	padding-left: 15px;
}

.apply .col20 img {
	display: block;
	max-width: 100%;
	margin: 0 auto 25px;
	border-radius: 24px;
	box-shadow: 0 7px 10px rgba(0,0,0,.15);
}

.apply .col20 p {
	margin: 0;
	font-size: 16px;
	line-height: 1.25;
	text-align: center;
}


/* COMPARISON */

.comparison {
	padding: 140px 0 160px;
}

.comparison .wrap {
	position: relative;
}

.comparison h2 {
	color: #6361a0;
}

.comparison p {
	max-width: 460px;
}

.comparison img {
	display: block;
	max-width: 510px;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-46%);
}

.btn-download {
	display: inline-block;
	height: 46px;
	padding: 0 40px;
	font-size: 16px;
	line-height: 46px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #FFA828;
	border-radius: 10px;
	transition: background .3s ease;
}

.btn-download:hover {
	background: #105981;
}


/* ORDER NOW */

.order {
	padding: 40px 0 0;
	text-align: center;
}

.order h2 {
	margin-bottom: 15px;
}

.order p {
	max-width: 415px;
	margin: 0 auto 20px;
}

.order ul {
	display: block;
	max-width: 480px;
	margin: 0 auto;
}

.order ul li {
	display: inline-block;
	padding: 0 10px;
	margin-bottom: 21px;
}

.order ul li a {
	display: block;
	min-width: 120px;
	padding: 11px 26px 10px;
	text-decoration: none;
	color: #fff;
	background: #005981;
	border-radius: 10px;
	transition: background .3s ease;
}

.order ul li a:hover {
	background: #484E90;
}

.order img {
	display: block;
	max-width: 100%;
	margin: 40px auto 0;
}


/* PRESCRIBING INFO */

.info {
	padding: 90px 0 70px;
	color: #01334A;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #b3e2f4 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#b3e2f4 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#b3e2f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b3e2f4',GradientType=0 );
}

.info .wrap {
	display: flex;
}

.info img {
	display: block;
	width: 100%;
	margin-bottom: 45px;
}

.info p {
	font-weight: 300;
	letter-spacing: .026rem;
}

.info strong {
	color: #005981;
}

.info strong {
	letter-spacing: .01rem;
}

.info .col {
	padding: 0 30px 0 0;
}

.info .col + .col {
	padding: 0 20px 0 35px;
}

.info a {
	color: inherit;
}

.info a:hover {
	text-decoration: none;
}


/**/

.bluebar {
	padding: 45px 0;
	font-size: 20px;
	color: #fff;
	background: #005981;
}

.bluebar .wrap {
	display: flex;
	justify-content: space-between;
}

.bluebar div {
	text-align: center;
}

.bluebar .wrap div:first-child {
	text-align: left;
}

.bluebar .wrap div:last-child {
	padding-right: 70px;
	text-align: right;
}

.bluebar a {
	text-decoration: none;
	color: inherit;
}

.bluebar a:hover {
	text-decoration: underline;
}


/* FOOTER */

footer {
	padding: 30px 0;
}

footer .wrap {
	display: flex;
	align-items: center;
}

footer p {
	max-width: 640px;
	padding-right: 7vw;
	margin-bottom: 10px;
	font-size: 10px;
	line-height: 1.2;
	font-weight: 300;
}

footer .col p:last-child {
	margin: 0;
}

footer .col {
	width: 70%;
}

footer .col + .col {
	width: 30%;
	padding-top: 8px;
	text-align: right;
}

.footer-logo {
	max-width: 100%;
}

.copy {
	font-size: 14px;
	font-weight: 500;
}


.blured {
	filter: blur(5px);
}

.popup-overlay,
.video-popup-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 998;
	background: rgba(0,0,0,.5);
}

.popup-container,
.video-popup-container {
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	align-items: center;
}

.popup {
	width: 90%;
	max-width: 700px;
	padding: 45px 30px 30px;
	margin: 0 auto;
	text-align: center;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,.25);
}

.popup .btn {
	display: inline-block;
	min-width: 180px;
	height: 60px;
	padding: 0 40px;
	margin: 0 10px 15px;
	font-size: 20px;
	line-height: 60px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #005981;
	border-radius: 16px;
	transition: background .3s ease;
}

.popup .btn-agree {
	background: #484E90;
}

.popup .btn:hover {
	background: #629ED3;
}


.video-popup-overlay {
	background: rgba(0,0,0,.85);
}

.video-popup {
	width: 90%;
	padding: 45px 10px 10px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,.25);
}

.video-popup iframe,
.video-popup video {
	overflow: hidden;
	border-radius: 10px;
}

.close-video {
	display: inline-block;
	height: 45px;
	padding: 0 45px 0 20px;
	position: absolute;
	top: 0;
	right: 0;
	line-height: 50px;
	text-decoration: none;
	text-transform: uppercase;
	color: inherit;
}

.close-video:hover {
	opacity: .8;
}

.close-video::before,
.close-video::after {
	display: block;
	content: '';
	width: 24px;
	height: 2px;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: rotate(45deg);
	background: #005981;
}

.close-video::after {
	transform: rotate(-45deg);
}



@media screen and (min-width: 1441px){

	.video-popup {
		width: 80%;
		max-width: 1400px;
	}

}/* min-width: 1441px */


@media screen and (min-width: 768px){

	.desktop-hide {
		display: none !important;
	}

}/* min-width: 768px */


@media screen and (max-width: 1023px){

	html {
		padding-top: 80px;
	}

	header {
		padding: 17px 0;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 997;
		background: #fff;
		box-shadow: 0 0 2px rgba(0,0,0,.15);
	}

	header .logo {
		width: 56%;
		max-width: 200px;
	}

	.main-nav {
		display: none;
		padding: 35px 35px;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		font-size: 1.2rem;
		text-align: right;
		background: #fff;
		border-top: 1px solid #ddd;
		box-shadow: 0 5px 5px rgba(0,0,0,.1);
	}

	.main-nav ul {
		padding: 0;
	}

	.main-nav li {
		display: block;
	}

	.main-nav li + li {
		margin: 25px 0 0;
	}

	.main-nav li a {
		padding: 0;
		border: none;
	}

	.mob-menu-btn {
		display: block;
	    width: 35px;
	    height: 25px;
	    top: 35px;
	    right: 30px;
	    position: absolute;
	    -webkit-transform: rotate(0deg);
	    -moz-transform: rotate(0deg);
	    -o-transform: rotate(0deg);
	    transform: rotate(0deg);
	    -webkit-transition: .5s ease-in-out;
	    -moz-transition: .5s ease-in-out;
	    -o-transition: .5s ease-in-out;
	    transition: .5s ease-in-out;
	    cursor: pointer;
	}

	.mob-menu-btn span {
	    display: block;
	    position: absolute;
	    height: 3px;
	    width: 100%;
	    background: #0E5782;
	    border-radius: 9px;
	    opacity: 1;
	    left: 0;
	    -webkit-transform: rotate(0deg);
	    -moz-transform: rotate(0deg);
	    -o-transform: rotate(0deg);
	    transform: rotate(0deg);
	    -webkit-transition: .25s ease-in-out;
	    -moz-transition: .25s ease-in-out;
	    -o-transition: .25s ease-in-out;
	    transition: .25s ease-in-out;
	}

	.mob-menu-btn span:nth-child(1) {
	    top: 0px;
	}

	.mob-menu-btn span:nth-child(2),
	.mob-menu-btn span:nth-child(3) {
	    top: 10px;
	}

	.mob-menu-btn span:nth-child(4) {
	    top: 20px;
	}

	.nav-open .mob-menu-btn span:nth-child(1) {
	    top: 18px;
	    width: 0%;
	    left: 50%;
	}

	.nav-open .mob-menu-btn span:nth-child(2) {
	    -webkit-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
	    -o-transform: rotate(45deg);
	    transform: rotate(45deg);
	}

	.nav-open .mob-menu-btn span:nth-child(3) {
	    -webkit-transform: rotate(-45deg);
	    -moz-transform: rotate(-45deg);
	    -o-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	}

	.nav-open .mob-menu-btn span:nth-child(4) {
	    top: 18px;
	    width: 0%;
	    left: 50%;
	}

	.nav-overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 99;
		background: rgba(0,0,0,.15);
	}

	.nav-open .nav-overlay {
		display: block;
	}


	.happy-patients-text {
		width: 50%;
	}

	.happy-patients-text h2 br {
		display: none;
	}


	/* CHOOSE */

	.why h2::before {
		right: auto;
		left: 0;
		top: -85px;
	}

	.choose-img {
		right: -80px;
	}


	/* TESTIMONIALS  */

	.testimonials {
		padding: 50px 0 85px;
	}

	.tst-slider-btn {
		width: 50px;
	}


	/* HOW TO APPLY  */

	.apply {
		text-align: center;
	}

	.apply .wrap {
		display: block;
	}

	.apply .apply-text {
		width: 100%;
		margin: 0 auto 30px;
	}

	.apply p {
		max-width: 800px;
		margin: 0 auto;
	}

	.apply .col20 {
		display: inline-block;
		width: 30%;
		vertical-align: top;
	}

	.apply .col20 br {
		display: none;
	}

	
	/**/

	.bluebar {
		padding: 22px 0;
		font-size: 1.15rem;
	}

}/* max-width: 1023px */


@media screen and (max-width: 767px){

	html {
	}

	.wrap {
		padding: 0 15px 0 10px;
	}

	h1, .h1,
	h2, .h2 {
		font-size: 32px;
		line-height: 1.33;
	}

	.mobile-hide {
		display: none !important;
	}

	header img {
		width: 250px;
	}


	/* VIDEO */

	.media  {
		padding-bottom: 25px;
	}

	.media  .wrap {
		display: block;
		height: auto;
	}

	.smiles-bg {
		width: 153%;
		top: 47px;
		left: 47%;
	}

	.media-content {
		padding: 45px 0 30px;
	}

	.media-content h1 {
		max-width: 80%;
		font-size: 24px;
		margin: 0 auto 15px;
	}

	.media-content h1 strong {
		display: inline;
	}

	.media-video {
		margin-bottom: 43px;
	}

	.video-descr {
		font-size: 18px;
		line-height: 1.33;
	}

	.more-videos {
		flex-wrap: wrap;
		margin: 0 -5px;
	}

	.more-videos > div {
		flex: unset;
		width: 50%;
		padding: 0 5px 15px;
	}


	/* HAPPY */

	.happy-patients .wrap {
		padding-top: 0;
		padding-bottom: 0;
	}

	.happy-patients-text {
		width: 100%;
		max-width: unset;
		padding-bottom: 60px;
	}

	.happy-patients-text h2 {
		margin-bottom: 10px;
	}

	.happy-patients-img {
		max-width: 100%;
		padding-top: 115px;
		margin: 0 auto;
		position: relative;
	}

	.happy-patients-img img {
		display: block;
	}

	.happy-patients-img .img-bottle {
		margin-left: 25px;
		position: static;
	}


	/* WHY */

	.why {
		padding: 155px 0 28px;
	}

	.why-text {
		max-width: 100%;
	}

	.choose-icons {
		margin: 50px -10px 75px;
	}

	.choose-icons > div {
		padding: 0 10px;
	}

	.choose-icons img {
		display: block;
		max-width: 100%;
		margin-bottom: 12px;
	}

	.choose-img {
		display: block;
		position: static;
		width: 100%;
		max-width: 100%;
		margin-left: 35px;
		transform: none;
	}


	/* HOW TO APPLY  */

	.apply {
	}

	.apply .wrap {
		display: block;
	}

	.apply .col40 {
		margin-bottom: 30px;
	}

	.apply .col20 {
		display: block;
		width: 180px;
		margin: 0 auto;
	}

	.apply .col20 + .col20 {
		margin-top: 40px;
	}

	.apply .col20 img {
		margin: 0 auto 25px;
	}

	.apply .col20 br {
		display: block;
	}


	/* TESTIMONIALS */

	.testimonials {
		padding: 70px 0 50px;
	}

	.tst-slider .slick-dots {
		padding-top: 30px;
	}


	/* APPLY */

	.apply {
    	padding: 75px 0;
	}

	.apply .apply-text {
		margin-bottom: 60px;
		text-align: left;
	}

	.apply-text br {
		display: none;
	}

	.apply .col20 {
		padding: 0;
	}

	.apply .col20 + .col20 {
		margin-top: 35px;
	}


	/* COMPARISON */

	.comparison {
		padding: 60px 0 78px;
		text-align: left;
	}

	.comparison img {
		display: block;
		width: 100%;
		max-width: 500px;
		margin: 0 auto 30px;
		position: static;
		transform: none;
	}

	.comparison p {
		max-width: unset;
	}

	.comparison .btn-download {
		display: block;
		width: 182px;
		margin: 0 auto;
	}

	/* ORDER */

	.order {
		padding: 50px 0;
	}

	.order h2 {
		margin-bottom: 20px;
	}

	.order ul {
		max-width: 380px;
	}

	.order ul li {
		margin-bottom: 20px;
		font-size: 15px;
	}

	.order ul li:first-child {
		margin-left: -26px;
	}

	.order ul li:nth-child(5) {
		margin-left: 9px;
	}

	.order ul li a {
		min-width: 120px;
		padding: 12px 32px 11px; 
	}



	/* PRESCRIBING INFO */

	.info {
		padding: 55px 0 40px;
	}

	.info .wrap {
		display: block;
	}

	.info .col {
		width: 100%;
	}

	.info .col + .col {
		padding: 0;
	}

	.info img {
		max-width: 450px;
		margin-bottom: 20px;
	}

	.info p {
		margin-bottom: 1rem;
		font-size: 16px;
		letter-spacing: 0;
	}

	.info strong {
		letter-spacing: 0;
	}


	/* BLUE BAR */

	.bluebar {
		padding: 75px 0;
	}

	.bluebar .wrap {
		display: block;
	}

	.bluebar div {
		padding: 0 !important;
		text-align: center !important;
	}

	.bluebar div + div {
		margin-top: 10px;
	}


	/* FOOTER */

	footer {
		padding: 37px 0;
	}

	footer .wrap {
		display: block;
	}

	footer .col,
	footer .col + .col {
		width: 100%;
	}

	.footer-logo {
		display: block;
		width: 100%;
		max-width: 255px;
		margin: 25px auto 0;
	}


	.video-popup {
		width: 96%;
		padding: 45px 7px 7px;
	}

}/* max-width: 767px  */



.top {
	background: linear-gradient(to bottom, #ffffff 0%, #b2e2f2 100%);
}

.top .wrap {
	display: flex;
	align-items: flex-end;
}

.top .col {
	flex: 1;
	max-width: 50%;
	padding: 100px 0 70px;
	xxborder: 1px solid #f00;
}

.top .col-left {
	padding: 100px 0 70px;
	padding-left: 30px;
}

.top .img-wrap {
	margin-right: -80px;
}

.top .img-wrap img {
	display: block;
	width: 100%;
}

.top h1 {
	color: #484E90;
}

.top .col p:last-child {
	margin: 0;
}

.top strong {
	display: block;
	max-width: 440px;
	font-size: 18px;
	color: #50A0D8;
}


.lblue-bg {
	margin-top: -1px;
	background: #b2e2f2;
}


.why-box {
	max-width: 940px;
	padding: 30px 40px 40px;
	margin: 0 auto;
	color: #fff;
	background: #005981;
	border-radius: 18px;
	box-shadow: 0 5px 10px rgba(0,89,129,.53);
}

.why-box h2 {
	margin: 0;
	font-size: 24px;
	line-height: 1.3;
	text-align: center;
	color: inherit;
}

.why-grid {
	display: flex;
	flex-wrap: wrap;
	margin-right: -25px;
}

.why-grid > div {
	flex: 1;
	min-width: 33.3%;
	padding-top: 30px;
	padding-right: 25px;
}

.why-ico {
	display: flex;
	width: 100%;
	align-items: flex-end;
	margin-bottom: 20px;
}

.why-text strong {
	display: block;
}


.media h2 {
	max-width: 710px;
	margin: 0 auto 30px;
	text-align: center;
}


@media screen and (max-width: 767px){

	.wrap {
		padding: 0 15px;
	}

	.top .wrap {
	    display: block;
	}

	.top .col {
		padding: 50px 0;
	}

	.top .col {
		width: 100%;
		max-width: 100%;
	}

	.top .col-left {
	    padding: 50px 0 30px;
	}

	.top .col-right {
		padding-top: 0;
	}

	.top .img-wrap {
		margin: 0;
	}

	.top .img-wrap img {
		width: 108%;
		margin-left: -4%;
	}


	.why-grid {
	    display: block;
	    margin-right: 0;
	}

	.why-grid > div {
		max-width: unset;
		padding-right: 0;
	}


	.why {
        padding: 30px 0 8px;
    }

    .why-box {
    	padding-top: 50px;
    }

    .why-box h2 {
    	font-size: 20px;
    }


    .testimonials {
    	padding: 70px 0;
    }

    .quote {
    	padding: 0;
    }

	
	.order {
        padding: 50px 0 0;
    }

    .order img {
    	width: 115%;
    	max-width: unset;
    }


    .comparison img {
    	margin-bottom: 10px;
    }


    .media h2 {
    	max-width: 90%;
    	margin: 0 auto 25px;
    	font-size: 24px;
    }

    .smiles-bg {
    	width: 155%;
    	top: 110px;
    }


    footer p {
    	max-width: unset;
    	padding: 0;
    	text-align: center;
    }

}