/*
Theme name: Skinic Landing Page
Author: Jakub Kuriata (Elementh)
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,700&subset=latin-ext');
*, body, html {
	padding: 0;
	margin: 0;
	outline: 0;
	font-family: 'Roboto', sans-serif;
	-webkit-overflow-scrolling: touch;
	-webkit-appearance: none;
}
body {
	/* filter: blur(100px);
	-webkit-filter: blur(100px);
	transition: filter .3s; */
}
body.show {
	/* filter: blur(0px);
	-webkit-filter: blur(0px); */
}
.hide {
	display: none !important;
}

.container {
	display: block;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}
h1 {
	font-size: 40px;
	font-weight: 100;
	line-height: 1.3;
}
.btn {
	background-color: #f87272;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	padding: 14px 80px;
	text-align: center;
	display: inline-block;
	border-radius: 4px;
}
.back-to-top {
	display: block;
	position: fixed;
	bottom: 30px;
	right: 30px;
	opacity: 0;
	width: 56px;
	height: 56px;
	border-radius: 4px;
    box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.16);
	background-image: url(img/back_to_top.png);
	background-repeat: no-repeat;
	background-position: center center;
	transition: opacity .3s;
	transition-delay: .1s;
	z-index: 100;
}
.back-to-top.show {
	opacity: 1;
	cursor: pointer;
}
header {
	display: block;
	width: 100%;
	background-color: #245b59;
	height: 80px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    position: relative;
    z-index: 10;
}
header .logo {
	display: inline-block;
	height: 80px;
	width: 200px;
	background-color: #fff;
	background-image: url(img/logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: top;
}
header .separator {
	display: inline-block;
	height: 80px;
	width: 23px;
	background-image: url(img/header_separator.png);
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: top;
}
header nav {
	display: inline-block;
	height: 80px;
	vertical-align: top;
	margin-left: 24px;
}
header nav a {
	display: inline-block;
	height: 80px;
	width: 110px;
	vertical-align: top;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}
header nav a img {
	display: block;
	width: 21px;
	height: 21px;
	margin: 18px auto 8px auto;
}
header nav a span {
	display: block;
	text-align: center;
}
header .actions {
	display: inline-block;
	text-align: right;
	vertical-align: top;
	float: right;
	margin-right: 40px;
	padding: 14.5px 0;
}
header .actions.left {
	display: none;
	float: left;
}
header .actions a {
	color: #fff;
	font-size: 14px;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	height: 51px;
	width: 100px;
	vertical-align: top;
}
header .actions a img {
	display: block;
	width: 21px;
	height: 21px;
	margin: 2px auto 8px auto;
}
header .actions a span {
	display: block;
	text-align: center;
}
header .actions a.btn {
	text-transform: uppercase;
	background-color: #50c9c6;
	padding: 12px 35px 8px 35px;
	border-radius: 5px;
	color: #fff;
	font-size: 1rem;
	height: auto;
	width: auto;
}
header .actions a.btn small {
	display: block;
	font-size: 11px;
	text-transform: none;
	font-weight: 300;
}
section.cta {
	padding: 0 40px;
	width: calc(100% - 80px);
	display: block;
	background-color: #b6f1f0;
}
section.cta .container {
	padding: 80px 0;
	background-image: url(img/laptop.png);
	background-repeat: no-repeat;
	background-position: right center;
}
section.cta.features .container {
	padding: 32px 0;
	width: auto;
	/* max-width: 800px; */
	background-image: url(img/devices.png);
	background-position: right bottom 72px;
	position: relative;
}
section.cta.features .container span {
	color: #245b59;
	font-size: 1rem;
	font-weight: 300;
	display: block;
	position: absolute;
	bottom: 177px;
    right: 180px;
}
section.cta.support .container {
	padding: 32px 0;
	width: auto;
	min-height: 265px;
	/* max-width: 800px; */
	background-image: url(img/support_lady.png);
	background-position: right bottom;
	position: relative;
}
#live-search .search-support {
	width: 310px;
	height: 18px;
	padding: 16px;
	border: none;
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	background-image: none;
}
section.cta.support .container .search-icon {
	width: 58px;
	height: 50px;
	border: none;
	display: inline-block;
	vertical-align: middle;
	background-image: url(img/search-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
}
section.cta.pricing .container {
    background-image: url(img/m3.png);
    background-position: right 220px center;
	position: relative;
}
section.cta.pricing .container a.available {
    color: #245b59;
    font-size: 1rem;
    font-weight: 300;
    display: block;
    position: absolute;
    bottom: 25%;
    right: 0;
	width: 220px;
	text-align: right;
	text-decoration: none;
}
section.cta .container img {
	display: none;
}
section.cta .container.sign-in {
	background-image: none;
}
section.cta h1 {
	color: #245b59;
	max-width: 470px;
}
section.cta.features h1 {
	max-width: inherit;
	/* text-align: center; */
}
section.cta.features p {
	max-width: calc(100% - 450px);
}
section.cta p {
	color: #245b59;
	max-width: 470px;
	font-size: 1rem;
	padding: 40px 0;
	line-height: 1.5;
	font-weight: 300;
}
section.cta .btn {
	width: 100%;
	max-width: 220px;
}
section.cta .no-account>.btn {
	width: 117px;
}
section.cta small {
	width: 300px;
	text-align: center;
	display: inline-block;
	color: #22474f;
	font-weight: 400;
	font-size: 12px;
	margin: 8px 0 0 0;
}
section.collage {
	display: block;
	width: 100%;
	background-color: #fff;
	background-image: url(img/top_gradient.png);
	background-repeat: repeat-x;
	background-position: top center;
}
section.collage .additional-bg {
	display: block;
	padding: 0 40px;
	width: calc(100% - 80px);
	background-color: transparent;
	background-image: url(img/bottom_gradient.png);
	background-repeat: repeat-x;
	background-position: bottom center;
}
section.collage .additional-bg .collage-shaft {
	display: block;
	padding: 40px 0 0 0;
	width: 100%;
	background-color: #fff;
}
section.collage .additional-bg .collage-shaft .slider {
	display: none;
}
section.collage .additional-bg .collage-shaft p {
	display: block;
	font-size: 1rem;
	color: #22474f;
	font-style: italic;
	text-align: center;
	margin-bottom: 16px;
	font-weight: 300;
}
section.collage .additional-bg .collage-shaft h1 {
	text-align: center;
	color: #22474f;
	margin: 0 0 60px 0;
}
section.collage .additional-bg .collage-shaft .collage-piece {
	width: 50%;
	min-height: 380px;
	padding: 0;
	display: inline-block;
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
section.collage .additional-bg .collage-shaft .collage-piece.s1a,
section.collage .additional-bg .collage-shaft .collage-piece.s2b,
section.collage .additional-bg .collage-shaft .collage-piece.s3a,
section.collage .additional-bg .collage-shaft .collage-piece.s4b,
section.collage .additional-bg .collage-shaft .collage-piece.s5a,
section.collage .additional-bg .collage-shaft .collage-piece.s6b {
	padding: 48px 4% 0 4%;
	width: 42%;
}

section.collage .additional-bg .collage-shaft .collage-piece.s1a {
	/* padding-top: 105px; */
	min-height: 275px;
}
section.collage .additional-bg .collage-shaft .collage-piece.s1b {
	background-image: url(img/story_1.png);
}
section.collage .additional-bg .collage-shaft .collage-piece.s2a {
	background-image: url(img/story_2.png);
}
section.collage .additional-bg .collage-shaft .collage-piece.s2b {
    /* padding-top: 60px; */
    min-height: 320px;
}
section.collage .additional-bg .collage-shaft .collage-piece.s3a {
	/* padding-top: 80px; */
	min-height: 300px;
}
section.collage .additional-bg .collage-shaft .collage-piece.s3b {
	background-image: url(img/story_3.png);
}
section.collage .additional-bg .collage-shaft .collage-piece.s4a {
	background-image: url(img/story_4.png);
}
section.collage .additional-bg .collage-shaft .collage-piece.s4b {
    /* padding-top: 50px; */
    min-height: 330px;
}
section.collage .additional-bg .collage-shaft .collage-piece.s5a {
    /* padding-top: 100px; */
    min-height: 280px;
}
section.collage .additional-bg .collage-shaft .collage-piece.s5b {
	background-image: url(img/story_5.png);
}
section.collage .additional-bg .collage-shaft .collage-piece.s6a {
	background-image: url(img/story_6.png);
}
section.collage .additional-bg .collage-shaft .collage-piece.s6b {
    /* padding-top: 50px; */
    min-height: 330px;
}
section.collage .additional-bg .collage-shaft .collage-piece small {
    color: #22474f;
	font-weight: 400;
	font-size: 12px;
	width: 305px;
	text-align: center;
	display: inline-block;
	padding: 12px 0 0 0;
}
section.collage .additional-bg .collage-shaft .collage-piece h2 {
	font-size: 24px;
	color: #22474f;
	font-weight: 300;
}
section.collage .additional-bg .collage-shaft .collage-piece p {
	padding: 24px 0;
	margin: 0;
	font-size: 1rem;
	color: #22474f;
	font-weight: 300;
	text-align: left;
	font-style: normal;
	line-height: 1.5;
	white-space: normal;
}
section.collage .additional-bg .collage-shaft .collage-piece .btn {
	padding: 14px 34px;
	min-width: 237px;
	text-align: center;
	/* font-size: 13px; */
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
}
section.features-list {
	display: block;
	padding: 0;
}
section.features-list .container {
	display: block;
	padding: 0;
}
section.features-list .features-nav-clear {
	height: 39px;
    position: relative;
	display: none;
}
section.features-list .features-nav-clear.show {
	display: block;
}
section.features-list .features-nav {
	font-weight: 300;
	list-style: none;
	display: block;
	width: 100%;
	background-color: #00adac;
	text-align: center;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 10;
}
section.features-list .features-nav.fix-bar {
    position: fixed;
	top: 0;
	z-index: 10;
}
section.features-list .features-nav::before,
section.features-list .features-nav[asd='1']::before {
	content: ' ';
	display: block;
	background-image: url(img/features_indicator.png);
	background-repeat: no-repeat;
	background-position: top center;
	width: 160px;
	height: 47px;
    position: absolute;
    margin-left: calc(50% - 408px);
	transition: margin-left .3s;
}
section.features-list .features-nav[asd='2']::before {
    margin-left: calc(50% - 244px);
}
section.features-list .features-nav[asd='3']::before {
    margin-left: calc(50% - 80px);
}
section.features-list .features-nav[asd='4']::before {
    margin-left: calc(50% + 83px);
}
section.features-list .features-nav[asd='5']::before {
    margin-left: calc(50% + 247px);
}
section.features-list .features-nav li {
	display: inline-block;
	vertical-align: top;
	width: 160px;
	text-align: center;
	color: #fff;
	padding: 10px 0;
	position: relative;
	cursor: pointer;
}

section.features-list .screen-box {
	position: relative;
	overflow: hidden;
	height: 100vh;
	background-image: url(img/half_bg.png);
	background-repeat: repeat-x;
	background-position: center center;
}
section.features-list .feature {
	background-color: #ffffff;
	color: #245b59;
	padding: 64px 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	overflow: hidden;
}
section.features-list .feature .container {
	padding: 0 40px;
}
section.features-list .feature .slider {
	display: none;
}
section.features-list .feature .bottom-bg {
	background-color: #f8f8f8;
	position: absolute;
	height: 102px;
	width: 100%;
	bottom: 0;
	left: 0;
}

section.features-list .feature .big-screen {
	background-color: transparent;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-position: left calc(50% + 270px) bottom 44px;
	background-repeat: no-repeat;
	transition: background-position .5s;
	/* animation-duration: .5s;
	animation-fill-mode: forwards; */
}
section.features-list [data-name='be-organized'] .feature.pristine[screen='1'] .big-screen {
	background-position: right -2000px bottom 44px;
	background-image: url(img/screens/big_1a.png);
}
section.features-list [data-name='be-organized'] .feature[screen='1']:not(.pristine) .big-screen {
	/* animation-name: big-screen-1; */
	background-position: left calc(50% + 270px) bottom 44px;
	background-image: url(img/screens/big_1a.png);
}
section.features-list [data-name='be-organized'] .feature[screen='2'] .big-screen {
	background-image: url(img/screens/big_1b.png);
}
section.features-list [data-name='be-organized'] .feature[screen='3'] .big-screen {
	background-image: url(img/screens/big_1c.png);
}
section.features-list [data-name='be-organized'] .feature[screen='4'] .big-screen {
	background-image: url(img/screens/big_1d.png);
}
section.features-list [data-name='be-organized'] .feature[screen='5'] .big-screen {
	background-image: url(img/screens/big_1e.png);
}


section.features-list [data-name='save-time'] .feature.pristine[screen='1'] .big-screen {
	background-position: right -2000px bottom 44px;
	background-image: url(img/screens/big_2a.png);
}
section.features-list [data-name='save-time'] .feature[screen='1']:not(.pristine) .big-screen {
	background-position: left calc(50% + 270px) bottom 44px;
	background-image: url(img/screens/big_2a.png);
}
section.features-list [data-name='save-time'] .feature[screen='2'] .big-screen {
	background-image: url(img/screens/big_2b.png);
}
section.features-list [data-name='save-time'] .feature[screen='3'] .big-screen {
	background-image: url(img/screens/big_2c.png);
}
section.features-list [data-name='save-time'] .feature[screen='4'] .big-screen {
	background-image: url(img/screens/big_2d.png);
}
section.features-list [data-name='save-time'] .feature[screen='5'] .big-screen {
	background-image: url(img/screens/big_2e.png);
}

section.features-list [data-name='build-loyalty'] .feature.pristine[screen='1'] .big-screen {
	background-position: right -2000px bottom 44px;
	background-image: url(img/screens/big_3a.png);
}
section.features-list [data-name='build-loyalty'] .feature[screen='1']:not(.pristine) .big-screen {
	background-position: left calc(50% + 270px) bottom 44px;
	background-image: url(img/screens/big_3a.png);
}
section.features-list [data-name='build-loyalty'] .feature[screen='2'] .big-screen {
	background-image: url(img/screens/big_3b.png);
}
section.features-list [data-name='build-loyalty'] .feature[screen='3'] .big-screen {
	background-image: url(img/screens/big_3c.png);
}
section.features-list [data-name='build-loyalty'] .feature[screen='4'] .big-screen {
	background-image: url(img/screens/big_3d.png);
}
section.features-list [data-name='build-loyalty'] .feature[screen='5'] .big-screen {
	background-image: url(img/screens/big_3e.png);
}

section.features-list [data-name='control-budget'] .feature.pristine[screen='1'] .big-screen {
	background-position: right -2000px bottom 44px;
	background-image: url(img/screens/big_4a.png);
}
section.features-list [data-name='control-budget'] .feature[screen='1']:not(.pristine) .big-screen {
	background-position: left calc(50% + 270px) bottom 44px;
	background-image: url(img/screens/big_4a.png);
}
section.features-list [data-name='control-budget'] .feature[screen='2'] .big-screen {
	background-image: url(img/screens/big_4b.png);
}
section.features-list [data-name='control-budget'] .feature[screen='3'] .big-screen {
	background-image: url(img/screens/big_4c.png);
}
section.features-list [data-name='control-budget'] .feature[screen='4'] .big-screen {
	background-image: url(img/screens/big_4d.png);
}
section.features-list [data-name='control-budget'] .feature[screen='5'] .big-screen {
	background-image: url(img/screens/big_4e.png);
}

section.features-list [data-name='promote-business'] .feature.pristine[screen='1'] .big-screen {
	background-position: right -2000px bottom 44px;
	background-image: url(img/screens/big_5a.png);
}
section.features-list [data-name='promote-business'] .feature[screen='1']:not(.pristine) .big-screen {
	background-position: left calc(50% + 270px) bottom 44px;
	background-image: url(img/screens/big_5a.png);
}
section.features-list [data-name='promote-business'] .feature[screen='2'] .big-screen {
	background-image: url(img/screens/big_5b.png);
}
section.features-list [data-name='promote-business'] .feature[screen='3'] .big-screen {
	background-image: url(img/screens/big_5c.png);
}
section.features-list [data-name='promote-business'] .feature[screen='4'] .big-screen {
	background-image: url(img/screens/big_5d.png);
}
section.features-list [data-name='promote-business'] .feature[screen='5'] .big-screen {
	background-image: url(img/screens/big_5e.png);
}

section.features-list .feature .small-screen {
	display: none;
	background-color: transparent;
	position: absolute;
	width: 182px;
	height: 194px;
	right: 100px;
	bottom: 44px;
	left: calc(50% + 350px);
	background-repeat: no-repeat;
	background-position: center center;
	/* animation-duration: 1s;
	animation-delay: 0s;
	animation-fill-mode: forwards; */
}
section.features-list .feature[screen='1'] .small-screen {
	/* animation-name: small-screen-1; */
	background-image: url(img/small_screen.png);
}
section.features-list .feature[screen='2'] .small-screen {
	/* animation-name: small-screen-2; */
	background-image: url(img/small_screen2.png);
}
section.features-list .feature[screen='3'] .small-screen {
	/* animation-name: small-screen-3; */
	background-image: url(http://skinic.eu/wp-content/themes/skinic-lp/img/small_screen3.png);
}
section.features-list .feature[screen='4'] .small-screen {
	/* animation-name: small-screen-4; */
	background-image: url(http://skinic.eu/wp-content/themes/skinic-lp/img/small_screen4.png);
}
section.features-list .feature[screen='5'] .small-screen {
	/* animation-name: small-screen-5; */
	background-image: url(http://skinic.eu/wp-content/themes/skinic-lp/img/small_screen5.png);
}

section.features-list .feature h1 {
	font-size: 30px;
	position: relative;
}
section.features-list .feature p {
	font-weight: 300;
	max-width: 515px;
	margin: 16px 0;
	line-height: 1.5;
	position: relative;
}
section.features-list .feature .btn {
	width: 100%;
	max-width: 285px;
	padding: 14px 0;
	position: relative;
}
section.features-list .feature small {
	color: #005b59;
    width: 280px;
    font-size: 12px;
	padding: 12px 0 0 0;
    text-align: center;
    display: inline-block;
    font-weight: 400;
	position: relative;
}
section.features-list .feature ul.thumbnails {
	margin: 64px 0 0 0;
	list-style: none;
	position: relative;
}
section.features-list .feature ul.thumbnails li {
	display: inline-block;
	vertical-align: top;
	margin: 0 20px 0 0;
	cursor: pointer;
}
section.features-list .feature ul.thumbnails li div.circled-icon {
	display: block;
	width: 90px;
	height: 90px;
	border-radius: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 101%;
	/* background-color: #f2e4d5; */
}
section.features-list .feature ul.thumbnails li div.circled-icon.a1 {
	background-image: url(img/circles/1a.png);
}
section.features-list .feature ul.thumbnails li div.circled-icon.b1 {
	background-image: url(img/circles/1b.png);
}
section.features-list .feature ul.thumbnails li div.circled-icon.c1 {
	background-image: url(img/circles/1c.png);
}
section.features-list .feature ul.thumbnails li div.circled-icon.d1 {
	background-image: url(img/circles/1d.png);
}
section.features-list .feature ul.thumbnails li div.circled-icon.e1 {
	background-image: url(img/circles/1e.png);
}
section.features-list .feature ul.thumbnails li div.circled-icon.a2 {
	background-image: url(img/circles/2a.png);
}
section.features-list .feature ul.thumbnails li div.circled-icon.b2 {
	background-image: url(img/circles/2b.png);
}
section.features-list .feature ul.thumbnails li div.circled-icon.c2 {
	background-image: url(img/circles/2c.png);
}
section.features-list .feature ul.thumbnails li div.circled-icon.d2 {
	background-image: url(img/circles/2d.png);
}
section.features-list .feature ul.thumbnails li div.circled-icon.e2 {
	background-image: url(img/circles/2e.png);
}
section.features-list .feature ul.thumbnails li div.circled-icon.a3 {
	background-image: url(img/circles/3a.png);
}
section.features-list .feature ul.thumbnails li div.circled-icon.b3 {
	background-image: url(img/circles/3b.png);
}
section.features-list .feature ul.thumbnails li div.circled-icon.c3 {
	background-image: url(img/circles/3c.png);
}
section.features-list .feature ul.thumbnails li div.circled-icon.d3 {
	background-image: url(img/circles/3d.png);
}
section.features-list .feature ul.thumbnails li div.circled-icon.e3{
	background-image: url(img/circles/3e.png);
}
section.features-list .feature ul.thumbnails li div.circled-icon.a4 {
	background-image: url(img/circles/4a.png);
}
section.features-list .feature ul.thumbnails li div.circled-icon.b4 {
	background-image: url(img/circles/4b.png);
}
section.features-list .feature ul.thumbnails li div.circled-icon.c4 {
	background-image: url(img/circles/4c.png);
}
section.features-list .feature ul.thumbnails li div.circled-icon.d4 {
	background-image: url(img/circles/4d.png);
}
section.features-list .feature ul.thumbnails li div.circled-icon.e4{
	background-image: url(img/circles/4e.png);
}
section.features-list .feature ul.thumbnails li div.circled-icon.a5 {
	background-image: url(img/circles/5a.png);
}
section.features-list .feature ul.thumbnails li div.circled-icon.b5 {
	background-image: url(img/circles/5b.png);
}
section.features-list .feature ul.thumbnails li div.circled-icon.c5 {
	background-image: url(img/circles/5c.png);
}
section.features-list .feature ul.thumbnails li div.circled-icon.d5 {
	background-image: url(img/circles/5d.png);
}
section.features-list .feature ul.thumbnails li div.circled-icon.e5{
	background-image: url(img/circles/5e.png);
}
section.features-list .feature ul.thumbnails li span {
	display: block;
	width: 90px;
	text-align: center;
	font-size: 12px;
	font-weight: 300;
	margin: 16px 0 0 0;
}


/* --- M3 ARTICLE --- */
section.features-list.m3-device section .container {
	padding: 160px 0;
}
section.features-list.m3-device section:nth-child(even) {
	background-color: #f8f8f8;
}
section.features-list.m3-device section h1 {
	font-size: 30px;
}
section.features-list.m3-device section p {
	font-weight: 300;
    max-width: 515px;
    margin: 16px 0;
    line-height: 1.5;
    position: relative;
}
section.features-list.m3-device section.about-m3 .container {
    background-image: url(img/m3_device.png);
    background-position: right 100px bottom;
    background-repeat: no-repeat;
    background-size: 350px;
}
section.features-list.m3-device section.m3 .container {
    background-image: url(img/m3_compact.png);
    background-position: right 100px center;
    background-repeat: no-repeat;
}
section.features-list.m3-device section.powered-by-skinic .container {
    background-image: url(img/skinic_powered.png);
    background-position: right -100px center;
    background-repeat: no-repeat;
}
section.features-list.m3-device section.tools .container {
    background-image: url(img/stats_m3.png);
    background-position: right 100px center;
    background-repeat: no-repeat;
}
section.features-list.m3-device ul.thumbnails {
	margin: 24px 0 0 0;
	list-style: none;
	position: relative;
}
section.features-list.m3-device ul.thumbnails li {
	display: inline-block;
	vertical-align: top;
	margin: 0 20px 0 0;
	cursor: pointer;
}
section.features-list.m3-device ul.thumbnails li div.circled-icon {
	display: block;
	width: 90px;
	height: 90px;
	border-radius: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 101%;
}
section.features-list.m3-device ul.thumbnails li span {
	display: block;
	width: 90px;
	text-align: center;
	font-size: 12px;
	font-weight: 300;
	margin: 16px 0 0 0;
}
section.features-list.m3-device ul.thumbnails li div.circled-icon.t1 {
	background-image: url(img/circles/icon_dermo.png);
}
section.features-list.m3-device ul.thumbnails li div.circled-icon.t2 {
	background-image: url(img/circles/icon_lipo.png);
}
section.features-list.m3-device ul.thumbnails li div.circled-icon.t3 {
	background-image: url(img/circles/icon_meso.png);
}
section.features-list.m3-device ul.thumbnails li div.circled-icon.t4 {
	background-image: url(img/circles/icon_micro.png);
}
section.features-list.m3-device ul.thumbnails li div.circled-icon.t5 {
	background-image: url(img/circles/icon_rf.png);
}
section.features-list.m3-device ul.thumbnails li div.circled-icon.t6 {
	background-image: url(img/circles/icon_peel.png);
}
section.features-list.m3-device ul.thumbnails li div.circled-icon.t7 {
	background-image: url(img/circles/icon_ultra.png);
}
section.features-list.m3-device ul.thumbnails li div.circled-icon.t8 {
	background-image: url(img/circles/icon_oxy.png);
}
section.features-list.m3-device .right-side, section.features-list.m3-device .left-side {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
}
section.features-list.m3-device .right-side .treat-desc {
	display: none;
}
section.features-list.m3-device .right-side .treat-desc img {
	display: block;
	width: 100%;
}
section.features-list.m3-device .right-side .treat-desc p {
	font-weight: 300;
    max-width: 515px;
    margin: 16px 0;
    line-height: 1.5;
    position: relative;
}
section.features-list.m3-device .right-side[treatment='0'] .treat-desc.cover-video {
	display: block;
	height: 480px;
    position: absolute;
    width: 640px;
    z-index: 1;
}
section.features-list.m3-device .right-side[treatment='0'] iframe.treat-desc {
	display: block;
}
section.features-list.m3-device .right-side[treatment='1'] .treat-desc.dermo {
	display: block;
}
section.features-list.m3-device .right-side[treatment='2'] .treat-desc.lipo {
	display: block;
}
section.features-list.m3-device .right-side[treatment='3'] .treat-desc.meso {
	display: block;
}
section.features-list.m3-device .right-side[treatment='4'] .treat-desc.micro {
	display: block;
}
section.features-list.m3-device .right-side[treatment='5'] .treat-desc.rf {
	display: block;
}
section.features-list.m3-device .right-side[treatment='6'] .treat-desc.peel {
	display: block;
}
section.features-list.m3-device .right-side[treatment='7'] .treat-desc.ultra {
	display: block;
}
section.features-list.m3-device .right-side[treatment='8'] .treat-desc.oxy {
	display: block;
}
/* --- END OF M3 ARTICLE --- */


section.support-methods {
	padding: 48px 40px;
}

section.support-methods h2 {
	font-weight: 100;
	margin-bottom: 24px;
}
section.support-methods .method {
	display: inline-block;
	width: calc(33% - 24px);
	min-width: 290px;
	background-color: #b6f1f0;
	border-radius: 5px;
	margin: 0 36px 36px 0;
	cursor: pointer;
}
section.support-methods .method:nth-child(3) {
	margin-right: 0;
}
section.support-methods .method .icon {
	display: inline-block;
	width: 150px;
	height: 150px;
	background-position: center center;
	background-repeat: no-repeat;
	vertical-align: middle;
}
section.support-methods .method .icon.gs {
	background-image: url(img/icon_videos.png);
}
section.support-methods .method .icon.kb {
	background-image: url(img/icon_kb.png);
}
section.support-methods .method .icon.ask {
	background-image: url(img/icon_ask.png);
}
section.support-methods .method .icon.mail {
	background-image: url(img/icon_mail.png);
}
section.support-methods .method .text {
	display: inline-block;
	padding: 48px 0;
    font-size: 24px;
    font-weight: 100;
    color: #22474f;
    text-align: center;
	width: calc(100% - 150px);
	vertical-align: middle;
}
section.support-methods .bottom-row {
	display: block;
	width: 100%;
	margin: 48px 0 0 0;
}
section.support-methods .bottom-row span {
	display: inline-block;
	width: calc(33% - 24px);
	margin-right: 36px;
}
section.support-methods .bottom-row span:nth-child(3) {
	margin-right: 0;
}
section.support-methods .bottom-row span b {
	color: #299c29;
}
section.support-methods .bottom-row span a {
	display: block;
	text-align: center;
    color: #22474f;
	border: 1px solid #22474f;
	border-radius: 5px;
	padding: 8px 0;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 14px;
}

section.testimonials {
	padding: 40px 0;
	display: block;
	background-color: #b6f1f0;
}
section.testimonials h1 {
	text-align: center;
}
section.testimonials .slider {
	display: block;
	width: 100%;
	max-width: 870px;
	margin: 48px auto 0 auto;
}
section.testimonials .slider .tslider .cbp-qtcontent img {
	margin: -8px 16px 0 0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
section.testimonials .slider p {
	padding: 0 120px;
	font-size: 1rem;
	font-weight: 400;
	font-style: italic;
	line-height: 1.6;
	color: #22474f;
}
section.testimonials .slider footer {
	height: auto;
	min-height: 0;
	max-height: 32px;
	padding: 0 120px;
	color: #22474f;
	font-size: 1rem;
	font-style: italic;
	font-weight: 600;
}
section.testimonials .slider footer::before {
	content: '';
}
section.testimonials .slider .bx-wrapper .bx-next {
    background: url(img/chev_right.png) no-repeat center center;
	width: 17px;
    height: 39px;
	margin-top: -19px;
}
section.testimonials .slider .bx-wrapper .bx-prev {
    background: url(img/chev_left.png) no-repeat center center;
	width: 17px;
    height: 39px;
	margin-top: -19px;
}
section.testimonials .slider .bx-wrapper  .bx-viewport {
	padding-bottom: 24px;
}
section.testimonials .slider .bx-wrapper .bx-pager.bx-default-pager a {
	background: #cadede;
	width: 18px;
	height: 18px;
	border-radius: 100%;
}
section.testimonials .slider .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #22474f;
}
section.cta.outro {
	background-color: #fff;
	padding: 0 40px;
}
section.cta.outro .container {
	padding: 120px 0;
}
section.cta.outro h1 {
	font-size: 24px;
}
section.cta.outro .container p {
	max-width: 400px;
	text-align: left !important;
}
footer {
	display: block;
	min-height: 450px;
	position: relative;
}
footer .underfooter {
	display: block;
	width: 100%;
	height: 450px;
	background-color: #22474f;
	position: absolute;
	bottom: 0;
	z-index: 1;
	white-space: nowrap;
}
footer .underfooter .left-bg {
	display: inline-block;
	height: 366px;
	width: 50%;
	vertical-align: top;
	background-image: url(img/left_bg.png);
	background-repeat: repeat-x;
	background-position: top center;
	z-index: 1;
}
footer .underfooter .right-bg {
	display: inline-block;
	height: 366px;
	width: 50%;
	vertical-align: top;
	background-image: url(img/right_bg.png);
	background-repeat: repeat-x;
	background-position: top center;
	z-index: 1;
}
footer .socials {
	position: absolute;
	top: 230px;
	right: 8px;
	z-index: 10;
}
footer .socials span,
footer .socials .social {
	display: inline-block;
	vertical-align: middle;
	margin: 0 16px 0 0;
}
footer .socials span {
	color: #22474f;
}
footer .socials .social {
	width: 24px;
	height: 24px;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}
footer .socials .social.fb {
	background-image: url(img/icon_fb.png);
}
footer .socials .social.insta {
	background-image: url(img/icon_insta.png);
}
footer .socials .social.tweet {
	background-image: url(img/icon_tweet.png);
}
footer .socials .social.pin {
	background-image: url(img/icon_pin.png);
}
footer .footer {
	display: block;
	min-height: 450px;
	background-image: url(img/footer_bg.png);
	background-repeat: no-repeat;
	background-position: top left -80px;
	position: relative;
	z-index: 3;
}
footer .footer .bottom-bar {
	display: block;
	width: calc(100% - 80px);
	position: absolute;
	bottom: 0;
	padding: 24px 40px;
}
footer .footer .bottom-bar * {
	display: inline-block;
	margin: 0 24px 0 0;
	color: #fff;
	vertical-align: middle;
	font-size: 13px;
	text-decoration: none;
}

.pum-theme-15 .pum-title, .pum-theme-enterprise-blue .pum-title {
    color: #22474f !important;
	margin-bottom: 24px !important;
	font-family: 'Roboto', sans-serif !important;
	font-weight: 300 !important;
}
.pum-theme-15 .pum-content iframe {
	border: 0;
    width: 100%;
    min-height: 450px;
}

.skinic-form {
	display: block;
	width: 100%;
	max-width: 400px;
	text-align: center;
	margin: 0 auto;
	background-color: #fff;
    padding: 24px;
	position: relative;
}
.skinic-form .error {
	display: none;
	position: absolute;
    top: 92px;
    left: 0;
    color: red;
}
.skinic-form .error.show {
	display: block;
}
.skinic-form h1 {
	text-align: center;
	font-size: 26px;
	margin: 24px 0 48px 0;
}
.skinic-form input {
	display: block;
}
.skinic-form input:not([type='submit']) {
	width: calc(100% - 20px);
    margin: 24px auto;
    padding: 12px 8px;
    border: 2px solid #245b59;
    color: #009895 !important;
}
.skinic-form a {
	text-align: right;
    color: #245b59;
	cursor: pointer;
}
.skinic-form small {
	padding: 16px 0 0 0;
	width: 100% !important;
}
.skinic-form .btn{
	width: 100%;
    margin: 24px auto;
    padding: 14px 0;
    text-align: center;
    border: 0;
    font-size: 17px;
	cursor: pointer;
}
.skinic-form .btn.sign {
	width: 100%;
    border: 0;
    margin: 16px 0 0 0;
    padding: 14px 0;
    color: #fff !important;
}
.sign-in .no-account {
	display: block;
    width: 100%;
    max-width: 400px;
    margin: 24px auto;
    background-color: #245b59;
    padding: 16px 24px;
	white-space: nowrap;
}
.sign-in .no-account span {
	display: inline-block;
	color: #ffffff;
	width: calc(100% - 165px);
}
.sign-in .no-account .btn {
	padding: 14px 24px;
	background-color: #50c9c6;
	color: #fff;
}
section.pricing-options {
	padding: 48px 40px;
}
section.pricing-options .switch-plan {
	display: block;
	width: 100%;
    max-width: 600px;
	max-height: 50px;
    text-align: center;
	margin: 0 auto 48px auto;
	text-transform: uppercase;
	background-color: #b6f1f0;
	border-radius: 3px;
}
section.pricing-options .switch-plan div {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	border-radius: 3px;
	color: #245b59;
	padding: 4px 0;
	cursor: pointer;
}
section.pricing-options .switch-plan div.month-plan {
	padding: 15.5px 0;
}
section.pricing-options .switch-plan div.active {
	background-color: #245b59;
	color: #fff;
}
section.pricing-options .switch-plan div .discount {
    display: inline-block;
    vertical-align: middle;
    width: 76px;
    height: 42px;
    line-height: 2.6;
    text-align: center;
    color: #fff;
    background-image: url(img/discount.png);
    background-repeat: no-repeat;
    background-position: center right;
}
section.pricing-options table {
	border-collapse: collapse;
	color: #245b59;
	width: 100%;
	text-align: center;
}
section.pricing-options table thead tr th {
	border: 1px solid #b6f1f0;
	padding: 16px 0;
	width: 30%;
}
section.pricing-options table thead tr th.hide {
	display: none;
}
section.pricing-options table thead tr th:first-child {
	border: none;
	width: 40%;
}
section.pricing-options table small {
	display: block;
	font-weight: 300;
}
section.pricing-options table small .old-price {
    text-decoration: line-through;
}
section.pricing-options table tbody tr td {
	border: 1px solid #b6f1f0;
	padding: 8px 0;
}
section.pricing-options table tbody tr td:first-child {
	padding: 8px 0 8px 8px;
	text-align: left;
}
section.pricing-options table tbody tr td .table-icon {
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 8px 0 0;
}
section.pricing-options table tbody tr td .table-icon.t1 {
	background-image: url(img/t1.png);
}
section.pricing-options table tbody tr td .table-icon.t2 {
	background-image: url(img/t2.png);
}
section.pricing-options table tbody tr td .table-icon.t3 {
	background-image: url(img/t3.png);
}
section.pricing-options table tbody tr td .table-icon.t4 {
	background-image: url(img/t4.png);
}
section.pricing-options table tbody tr td .table-icon.t5 {
	background-image: url(img/t5.png);
}
section.pricing-options table tbody tr td .table-icon.t6 {
	background-image: url(img/t6.png);
}
section.pricing-options table tbody tr td .table-icon.t7 {
	background-image: url(img/t7.png);
}
section.pricing-options table tbody tr td .table-icon.t8 {
	background-image: url(img/t8.png);
}
section.pricing-options table tbody tr td .table-icon.t9 {
	background-image: url(img/t9.png);
}
section.pricing-options table tbody tr td .table-icon.t10 {
	background-image: url(img/t10.png);
}
section.pricing-options table tbody tr td .table-icon.t11 {
	background-image: url(img/t11.png);
}
section.pricing-options table tbody tr td .table-icon.t12 {
	background-image: url(img/t12.png);
}
section.pricing-options table tbody tr td a {
    background-color: #50c9c6;
    padding: 16px 40px;
	margin: 0 0 8px 0;
}
section.pricing-options table tbody tr td a.btn.disabled {
    background-color: #cccccc;
	cursor: not-allowed;
}
section.pricing-options table tbody tr:nth-child(1) td,
section.pricing-options table tbody tr:nth-child(2) td,
section.pricing-options table tbody tr:nth-child(3) td,
section.pricing-options table tbody tr:nth-child(4) td,
section.pricing-options table tbody tr:nth-child(5) td {
	background-color: #f2ffff;
}
section.pricing-options table tbody tr:nth-child(6) td,
section.pricing-options table tbody tr:nth-child(7) td {
	background-color: #e7fdfd;
}
section.pricing-options table tbody tr:nth-child(8) td,
section.pricing-options table tbody tr:nth-child(9) td,
section.pricing-options table tbody tr:nth-child(10) td,
section.pricing-options table tbody tr:nth-child(11) td,
section.pricing-options table tbody tr:nth-child(12) td {
	background-color: #deffff;
}
section.pricing-options table tbody tr:last-child td:first-child {
	border: none;
}
section.pricing-options table.hide-on-medium-and-up {
	display: none;
}
section.pricing-options table.hide-on-small-and-down {
	display: table;
}


/* ----------------------------- M 3  A R T I C L E ------------------------------------------------------------------*/
section.cta.features.m3 .container {
	background-image: url(img/m3s.png);
	background-position: right bottom;
}

/* ----------------------------- KNOWLEDGE BASE ------------------------------------------------------------------*/
#kbe_content iframe {
    width: calc(100vw - 80px);
    max-width: 1280px;
    height: calc(56.25vw - 40px);
    max-height: 719px;
}
#kbe_container {
	width: 100%;
}
#kbe_container .cta.know-base .container {
	background-image: none;
	padding: 36px 0;
	margin: 0 auto;
}
#kbe_container .cta.know-base .container .kbe_breadcrum {
	display: inline-block;
	width: calc(100% - 400px);
	min-width: 280px;
	vertical-align: middle;
	margin: 16px 0;
}
#kbe_container .cta.know-base .container .kbe_breadcrum ul li a {
	color: #22474f;
    font-size: 18px;
    font-weight: 300;
}
#kbe_container .cta.know-base .container .kbe_breadcrum ul li a b {
    font-weight: 400;
}
#live-search {
	width: 400px;
	display: inline-block;
	vertical-align: middle;
}
#live-search .kbe_search_field {
	margin: 0;
}
#live-search .search-support {
	width: calc(100% - 90px);
	height: 18px;
	padding: 16px;
	border: none;
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	background-image: none;
}
#live-search .search-icon {
	width: 58px;
	height: 50px;
	border: none;
	display: inline-block;
	vertical-align: middle;
	background-image: url(img/search-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#kbe_container .kbe_content_full {
	width: 100% !important;
}
#kbe_container .kbe_content_full .kbe_category {
	width: calc(50% - 48px);
}
#kbe_container .kbe_content_full .kbe_category:nth-child(odd) {
	margin: 12px 48px 24px 0;
}
#kbe_container .kbe_content_full .kbe_category:nth-child(even) {
	margin: 12px 0 24px 48px;
}
#kbe_container .kbe_content_full .kbe_category h2 {
	border: 0;
	margin: 0;
	color: #22474f;
	font-weight: 100;
}
#kbe_container .kbe_content_full .kbe_category h2 a {
	color: #22474f;
	font-weight: 100;
}
#kbe_container .kbe_content_full .kbe_category .kbe_article_list a {
	display: list-item;
	border-top: 1px solid #b6f1f0;
    padding: 16px 0;
    text-indent: 16px;
	margin: 0;
	color: #245b59;
	transition: background-color .3s;
	position: relative;
}
#kbe_container .kbe_content_full .kbe_category .kbe_article_list a::after {
	content: "";
	background-image: url(img/arrow_right.png);
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0;
	top: 0;
	bottom: 0;
	right: 66px;
	width: 27px;
	position: absolute;
	transition: opacity .3s, right .3s;
}
#kbe_container .kbe_content_full .kbe_category .kbe_article_list a:hover::after {
	opacity: 1;
	right: 16px;
}

#kbe_container .kbe_content_full .kbe_category .kbe_article_list a:hover {
	background-color: #f2ffff;
}
#kbe_container .kbe_content_full .kbe_category .kbe_article_list a:last-child {
	border-bottom: 1px solid #b6f1f0;
}
#kbe_container .kbe_content_full .kbe_category .kbe_article_list a.gs img {
	display: inline-block;
    vertical-align: middle;
}
#kbe_container .kbe_content_full .kbe_category .kbe_article_list a.gs p {
	display: inline-block;
    vertical-align: middle;
    margin: 0;
    line-height: inherit;
    font-size: 20px;
}
#kbe_container .kb-methods {
	margin: 72px 0;
}
#kbe_container .kb-methods h2 {
	color: #22474f;
	font-weight: 100;
}
#kbe_container .kb-methods .method {
	color: #22474f;
	font-weight: 100;
}
#kbe_container .kb-article {
	padding: 48px 40px;
	width: calc(100% - 80px);
}
#kbe_container .kb-article .kbe_content_left {
	width: 100% !important;
}
#kbe_container .kb-article h1 {
	color: #22474f;
	font-weight: 100;
}
#kbe_container .kb-article img {
	width: 100%;
	height: auto;
	max-width: 900px;
	max-height: 600px;
}
section.cta.support, section.kb-categories {
	padding: 0 40px;
	width: calc(100% - 80px);
}

div#jquery-live-search ul#search-result {
	width: 400px;
	border: 0;
}
div#jquery-live-search ul#search-result li, div#jquery-live-search .kbe_no_result {
	background-color: #f8f8f8;
	border: 0;
}
div#jquery-live-search ul#search-result li:hover {
	background-color: #e4e4e4;
}
div#jquery-live-search .kbe_no_result {
	width: 376px;
	background-image: none;
    padding: 16px 0 14px 24px;
	font-style: italic;
	font-weight: 300;
}


/* ----------------------------- M I D D L E  S C R E E N S  V I E W ------------------------------------------------------------------*/
@media all and (max-width: 1279px) {
	section.features-list .feature .big-screen,
	section.features-list [data-name='be-organized'] .feature[screen='1']:not(.pristine) .big-screen,
	section.features-list [data-name='save-time'] .feature[screen='1']:not(.pristine) .big-screen,
	section.features-list [data-name='build-loyalty'] .feature[screen='1']:not(.pristine) .big-screen,
	section.features-list [data-name='control-budget'] .feature[screen='1']:not(.pristine) .big-screen,
	section.features-list [data-name='promote-business'] .feature[screen='1']:not(.pristine) .big-screen {
		background-position: left calc(50% + 350px) bottom 44px;
	}
}

/* ----------------------------- M I D D L E  S C R E E N S  V I E W ------------------------------------------------------------------*/
@media all and (max-width: 1100px) {
	section.cta, section.cta.outro {
		padding: 0;
		width: 100%;
	}
	section.cta .container, section.cta.outro .container, #kbe_container .cta.know-base .container {
		padding: 24px 40px;
		background-position: left 400px center;
		width: calc(100% - 80px);
	}
	section.cta.outro .container {
		padding: 100px 40px;
		width: calc(100% - 80px);
	}

	#kbe_container .kbe_content_full .kbe_category:nth-child(odd),
	#kbe_container .kbe_content_full .kbe_category:nth-child(even) {
		margin: 12px 0;
	}
	#kbe_container .kbe_content_full .kbe_category {
		width: 100% !important;
	}

	section.cta.features .container {
		padding: 32px 40px;
		background-position: right 40px bottom 72px;
	}
/* 	section.collage .additional-bg .collage-shaft .collage-piece p {
		font-size: 0.8rem;
	} */
	section.features-list .feature .big-screen,
	section.features-list [data-name='be-organized'] .feature[screen='1']:not(.pristine) .big-screen,
	section.features-list [data-name='save-time'] .feature[screen='1']:not(.pristine) .big-screen,
	section.features-list [data-name='build-loyalty'] .feature[screen='1']:not(.pristine) .big-screen,
	section.features-list [data-name='control-budget'] .feature[screen='1']:not(.pristine) .big-screen,
	section.features-list [data-name='promote-business'] .feature[screen='1']:not(.pristine) .big-screen {
		background-position: left calc(50% + 450px) bottom 44px;
	}
	section.features-list .feature .small-screen {
		left: calc(50% + 250px);
	}
	footer .socials {
		top: 200px;
	}
}

/* ----------------------------- M O B I L E  V I E W ------------------------------------------------------------------*/
@media all and (max-width: 920px) {
	h1 {
		font-size: 30px;
	}
	header {
		height: 60px;
	}
	header.active {
		position: fixed;
		top: 0;
	}
	header .logo {
		height: 60px;
		width: calc(100% - 160px);
		background-color: transparent;
		background-image: url(img/logo_white.png);
	}
	header .separator {
		display: none;
	}
	header nav {
		display: block;
		width: 100%;
		height: 0;
		background-color: #245b59;
		position: fixed;
		margin-left: 0;
		transition: height .3s;
		overflow: hidden;
	}
	header nav.active {
		height: 100%;
	}
	header nav a {
		height: calc(20% - 13px);
		display: block;
		width: 100%;
		padding: 0;
		position: relative;
		border-top: 1px solid #4d7b7a;
	}
	header nav a:last-child {
		border-bottom: 1px solid #4d7b7a;
	}
	header nav a img,
	header nav a span {
		display: inline-block;
		vertical-align: middle;
		margin: 0 0 0 30px;
		position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	}
	header nav a span {
		margin: 0 0 0 75px;
		font-size: 18px;
	}
	header .actions.left {
		display: inline-block;
	}
	header .actions {
		margin-right: 0;
		padding: 5px 0;
	}
	header .actions a {
		width: 80px;
	}
	header .actions .btn {
		display: none;
	}

	#kbe_container .cta.know-base .container {
		padding: 24px 0;
		width: 100%;
	}
	#kbe_container .kb-article {
		padding: 48px 16px;
		width: calc(100% - 32px)
	}
	section.cta, section.cta.outro, section.cta.support {
		padding: 0 16px;
		width: calc(100% - 32px);
	}
	section.cta .container {
		background-image: none !important;
		padding: 24px 0;
	}
	section.cta .container img {
		display: block;
		margin: 16px auto;
		width: 100%;
	}
	section.cta h1 {
		text-align: center;
		max-width: 100%;
	}
	section.cta p {
		display: none;
	}
	section.cta .btn {
		display: block;
		padding: 14px 34px;
		/*min-width: 168px;*/
		margin: 0 auto;
	}
	section.cta small {
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	section.cta.support .container {
		min-height: 150px;
	}
	section.cta.support .container h1 {
		margin: 0 0 48px 0;
	}
	#live-search {
		width: 100%;
	}
	#live-search .search-support {
		width: calc(100% - 90px);
	}
	div#jquery-live-search ul#search-result {
		width: calc(100% + 58px) !important;
	}
	div#jquery-live-search .kbe_no_result {
		width: calc(100% + 34px) !important;
	}
	section.support-methods {
		padding: 48px 16px;
	}
	section.support-methods .bottom-row span {
		width: 100%;
		margin-right: 0;
	}
	section.support-methods .method {
		width: 100%;
		margin: 0 0 16px 0;
	}
	section.cta.support, section.kb-categories {
		padding: 0 16px;
		width: calc(100% - 32px);
	}
	section.cta.features .container {
		padding: 32px 16px;
		width: calc(100% - 32px);
		max-width: inherit;
		background-image: none;
	}
	section.cta.features .container p {
		display: block;
		margin: 0 auto;
		max-width: 470px;
	}
	section.cta.features .container span,
	section.features-list .features-nav,
	section.features-list .features-nav-clear.show	{
		display: none;
	}
	section.features-list .screen-box {
		height: auto;
		background-image: none;
	}
	section.features-list .feature {
		position: relative;
		top: inherit;
		transform: inherit;
		padding: 32px 0;
		width: 100%;
		background-color: #fff;
	}
	section.features-list .feature .container {
		padding: 0 16px;
		width: calc(100% - 32px);
	}
	section.features-list .feature .slider {
		display: block;
		width: 100%;
		max-width: 320px;
		margin: 24px auto 0 auto;
	}
	section.features-list .feature .slider p {
		padding: 0;
		width: 100%;
		height: auto;
		text-align: center;
	}
	section.features-list .feature .slider p img {
		margin: 0 auto;
		border-radius: 100%;
		-moz-border-radius: 100%;
		-webkit-border-radius: 100%;
		width: 120px;
		max-width: inherit;
		height: 120px;
		display: block;
		float: inherit;
	}
	section.features-list .feature .slider p span {
		display: block;
		padding: 16px 0;
		text-align: center;
	    color: #22474f;
		font-size: 14px;
		font-weight: 300;
	}
	section.features-list .feature .slider .bx-wrapper .bx-next,
	section.features-list .feature .slider .bx-wrapper .bx-prev	{
		background: url(img/chev_right.png) no-repeat center center;
		width: 17px;
		height: 39px;
		margin-top: -65px;
	}
	section.features-list .feature .slider .bx-wrapper .bx-prev {
		background: url(img/chev_left.png) no-repeat center center;
	}
	section.features-list .feature .slider .bx-wrapper  .bx-viewport {
		padding-bottom: 24px;
	}
	section.features-list .feature .slider .bx-wrapper .bx-pager.bx-default-pager a {
		background: #cadede;
		width: 18px;
		height: 18px;
		border-radius: 100%;
	}
	section.features-list .feature .slider .bx-wrapper .bx-pager.bx-default-pager a.active {
		background: #22474f;
	}
	section.features-list .screen-box:nth-child(even) .feature {
		background-color: #f8f8f8;
	}
	section.features-list .feature .bottom-bg,
	section.features-list .feature .small-screen,
	section.features-list .feature .big-screen {
		display: none;
	}

	section.features-list .feature h1 {
		font-size: 30px;
		text-align: center;
		margin-bottom: 16px;
	}
	section.features-list .feature p {
		margin: 0 auto 16px auto;
		max-width: 470px;
	}
	section.features-list .feature .btn,
	section.features-list .feature small {
		margin: 0 auto;
		display: block;
		width: 100%;
		max-width: 280px;
		padding-left: 0;
		padding-right: 0;
	}
	section.features-list .feature ul.thumbnails {
		display: none;
	}

	section.collage .additional-bg {
		padding: 0;
		width: 100%;
	}
	section.collage .additional-bg .collage-shaft {
		padding: 40px 16px 0 16px;
		width: calc(100% - 32px);
	}
	section.collage .additional-bg .collage-shaft h1 {
		margin: 0 0 24px 0;
	}
	section.collage .additional-bg .collage-shaft h2 {
		margin: 0 0 16px 0;
		font-size: 24px;
		color: #22474f;
		font-weight: 100;
		white-space: normal;
	}
	section.collage .additional-bg .collage-shaft .slider {
		display: block;
	}
	section.collage .additional-bg .collage-shaft .slider ul {
		white-space: nowrap;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}
	section.collage .additional-bg .collage-shaft .slider p {
		font-size: 1rem;
		font-weight: 400;
		font-style: italic;
		line-height: 1.6;
		color: #22474f;
		text-align: left;
		white-space: normal;
	}
	section.collage .additional-bg .collage-shaft .slider p img {
		float: none;
		margin: 0;
		box-shadow: none;
		min-width: 100%;
		width: 100%;
		max-width: 100%;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}
	section.collage .additional-bg .collage-shaft .slider p .btn {
		display: block;
		margin: 16px 0 0 0;
		padding: 14px 0;
		font-style: normal;
		width: 100%;
		text-align: center;
	}
	section.collage .additional-bg .collage-shaft .slider p small {
		display: block;
		font-style: normal;
		width: 100%;
		text-align: center;
	}
	section.collage .additional-bg .collage-shaft .slider footer {
		height: auto;
		min-height: auto;
		padding: 0 8px;
		color: #22474f;
		font-size: 1rem;
		font-style: italic;
		font-weight: 600;
	}
	section.collage .additional-bg .collage-shaft .slider footer::before {
		display: none;
	}
	section.collage .additional-bg .collage-shaft .slider .bx-wrapper .bx-viewport {
		padding-bottom: 24px;
	}
	section.collage .additional-bg .collage-shaft .slider .bx-wrapper .bx-pager.bx-default-pager a {
		background: #cadede;
		width: 18px;
		height: 18px;
		border-radius: 100%;
	}
	section.collage .additional-bg .collage-shaft .slider .bx-wrapper .bx-pager.bx-default-pager a.active {
		background: #22474f;
	}
	section.collage .additional-bg .collage-shaft .collage-piece {
		display: none;
	}

	section.testimonials {
		padding: 24px 16px;
	}
	section.testimonials .slider {
		max-width: 100%;
		margin: 24px auto 0 auto;
	}
	section.testimonials .slider p {
		padding: 0;
	}
	section.testimonials .slider footer {
		padding: 0 8px;
	}
	section.testimonials .slider footer::before,
	section.testimonials .slider .bx-wrapper .bx-prev,
	section.testimonials .slider .bx-wrapper .bx-next	{
		display: none;
	}

	section.cta.outro {
		padding: 0 16px;
	}
	section.cta.outro .container {
		padding: 24px 0;
	}
	section.cta.outro .container p {
		display: block;
		padding: 24px 0;
		text-align: center;
		margin: 0 auto;
	}
	footer .footer {
		background-image: url(img/footer_bg_mobile.png);
		min-height: 595px;
	}
	footer .socials {
		top: 350px;
		width: 250px;
		text-align: center;
		white-space: nowrap;
		left: calc(50% - 125px);
		right: inherit;
	}
	.sign-in .no-account span {
		display: inline-block;
	}
	.sign-in .no-account .btn {
		display: inline-block;
		padding: 14px 24px;
		background-color: #50c9c6;
		color: #fff;
	}
	#kbe_container .cta.know-base .container .kbe_breadcrum {
		width: 100%;
	}
	section.pricing-options {
		padding: 48px 16px;
	}
	section.cta.pricing .container a.available {
		display: none;
	}
	section.pricing-options table.hide-on-medium-and-up {
		display: table;
		font-size: 14px;
	}
	section.pricing-options table.hide-on-medium-and-up thead tr th {
		width: 50%;
	}
	section.pricing-options table.hide-on-medium-and-up thead tr th:first-child,
	section.pricing-options table.hide-on-medium-and-up tbody tr:last-child td:first-child	{
		width: 50%;
		border: 1px solid #b6f1f0;
	}
	section.pricing-options table.hide-on-medium-and-up tbody tr:last-child td:first-child,
	section.pricing-options table.hide-on-medium-and-up tbody tr:last-child td {
		padding: 16px 8px;
		vertical-align: top;
	}
	section.pricing-options table.hide-on-medium-and-up td {
		padding: 0;
		text-align: center;
		height: 50px;
	}
	section.pricing-options table.hide-on-medium-and-up tbody tr:nth-child(1) td,
	section.pricing-options table.hide-on-medium-and-up tbody tr:nth-child(2) td,
	section.pricing-options table.hide-on-medium-and-up tbody tr:nth-child(3) td,
	section.pricing-options table.hide-on-medium-and-up tbody tr:nth-child(4) td,
	section.pricing-options table.hide-on-medium-and-up tbody tr:nth-child(5) td,
	section.pricing-options table.hide-on-medium-and-up tbody tr:nth-child(6) td,
	section.pricing-options table.hide-on-medium-and-up tbody tr:nth-child(7) td,
	section.pricing-options table.hide-on-medium-and-up tbody tr:nth-child(8) td,
	section.pricing-options table.hide-on-medium-and-up tbody tr:nth-child(9) td,
	section.pricing-options table.hide-on-medium-and-up tbody tr:nth-child(10) td {
		background-color: #f2ffff;
	}
	section.pricing-options table.hide-on-medium-and-up tbody tr:nth-child(11) td,
	section.pricing-options table.hide-on-medium-and-up tbody tr:nth-child(12) td,
	section.pricing-options table.hide-on-medium-and-up tbody tr:nth-child(13) td,
	section.pricing-options table.hide-on-medium-and-up tbody tr:nth-child(14) td {
		background-color: #e7fdfd;
	}
	section.pricing-options table.hide-on-medium-and-up tbody tr:nth-child(15) td,
	section.pricing-options table.hide-on-medium-and-up tbody tr:nth-child(16) td,
	section.pricing-options table.hide-on-medium-and-up tbody tr:nth-child(17) td,
	section.pricing-options table.hide-on-medium-and-up tbody tr:nth-child(18) td,
	section.pricing-options table.hide-on-medium-and-up tbody tr:nth-child(19) td,
	section.pricing-options table.hide-on-medium-and-up tbody tr:nth-child(20) td,
	section.pricing-options table.hide-on-medium-and-up tbody tr:nth-child(21) td,
	section.pricing-options table.hide-on-medium-and-up tbody tr:nth-child(22) td,
	section.pricing-options table.hide-on-medium-and-up tbody tr:nth-child(23) td,
	section.pricing-options table.hide-on-medium-and-up tbody tr:nth-child(24) td {
		background-color: #deffff;
	}
	section.pricing-options table.hide-on-medium-and-up tbody tr td:first-child {
		padding: 0;
		text-align: center;
	}
	section.pricing-options table.hide-on-small-and-down {
		display: none;
	}
}

/* ----------------------------- S M A L L  M O B I L E  V I E W ------------------------------------------------------------------*/
@media all and (max-width: 600px) {
	h1 {
		font-size: 28px;
	}
	section.cta, section.cta.outro {
		padding: 0;
		width: 100%;
	}
	section.cta .container, section.cta.outro .container {
		padding: 24px 16px;
		background-position: left 400px center;
		width: calc(100% - 32px);
	}
	section.cta.outro .container {
		padding: 24px 16px;
		width: calc(100% - 32px);
	}
	#kbe_container .cta.know-base {
		padding: 0 16px;
		width: calc(100% - 32px);
	}

	footer {
		min-height: 250px;
	}
	footer .footer {
		background-position: top left -50px;
		background-size: auto 260px;
		min-height: 344px;
	}
	footer .socials {
		top: 180px;
	}
	footer .underfooter {
		height: 200px;
	}
	footer .underfooter .left-bg,
	footer .underfooter .right-bg {
		height: 116px;
	}

	.skinic-form,
	.no-account {
		width: calc(100% - 48px) !important;
		padding: 16px 24px;
	}

	.skinic-form h1 {
		text-align: center;
		font-size: 26px;
		margin: 0;
	}
	.skinic-form input:not([type='submit']) {
		margin: 8px auto;
	}
	.skinic-form .btn{
		margin: 8px auto;
	}

	.sign-in .no-account span {
		display: block;
		text-align: center;
		padding-bottom: 16px;
		width: 100%;
	}
	.sign-in .no-account .btn {
		display: block;
		width: calc(100% - 104x);
	}
	#kbe_content h2 span.kbe_count {
		display: none;
	}

	section.pricing-options .switch-plan div {
		position: relative;
	}
	section.pricing-options .switch-plan div.year-plan {
		padding: 15.5px 0;
	}
	section.pricing-options .switch-plan div .discount {
		position: absolute;
		left: 0;
		bottom: -30px;
	}
	section.pricing-options table.hide-on-medium-and-up a.btn {
		padding: 16px 24px;
	}
}


@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}


















#circularG{
    position: absolute;
    bottom: 8px;
    left: calc(50% - 17px);
	width:34px;
	height:34px;
	margin: auto;
	opacity: 0;
	transition: opacity .3s;
}

#circularG.show{
	opacity: 1;
}

.circularG{
	position:absolute;
	background-color:rgb(36,91,89);
	width:8px;
	height:8px;
	border-radius:5px;
		-o-border-radius:5px;
		-ms-border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
	animation-name:bounce_circularG;
		-o-animation-name:bounce_circularG;
		-ms-animation-name:bounce_circularG;
		-webkit-animation-name:bounce_circularG;
		-moz-animation-name:bounce_circularG;
	animation-duration:0.718s;
		-o-animation-duration:0.718s;
		-ms-animation-duration:0.718s;
		-webkit-animation-duration:0.718s;
		-moz-animation-duration:0.718s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
}

#circularG_1{
	left:0;
	top:14px;
	animation-delay:0.268s;
		-o-animation-delay:0.268s;
		-ms-animation-delay:0.268s;
		-webkit-animation-delay:0.268s;
		-moz-animation-delay:0.268s;
}

#circularG_2{
	left:3px;
	top:3px;
	animation-delay:0.364s;
		-o-animation-delay:0.364s;
		-ms-animation-delay:0.364s;
		-webkit-animation-delay:0.364s;
		-moz-animation-delay:0.364s;
}

#circularG_3{
	top:0;
	left:14px;
	animation-delay:0.45s;
		-o-animation-delay:0.45s;
		-ms-animation-delay:0.45s;
		-webkit-animation-delay:0.45s;
		-moz-animation-delay:0.45s;
}

#circularG_4{
	right:3px;
	top:3px;
	animation-delay:0.536s;
		-o-animation-delay:0.536s;
		-ms-animation-delay:0.536s;
		-webkit-animation-delay:0.536s;
		-moz-animation-delay:0.536s;
}

#circularG_5{
	right:0;
	top:14px;
	animation-delay:0.632s;
		-o-animation-delay:0.632s;
		-ms-animation-delay:0.632s;
		-webkit-animation-delay:0.632s;
		-moz-animation-delay:0.632s;
}

#circularG_6{
	right:3px;
	bottom:3px;
	animation-delay:0.718s;
		-o-animation-delay:0.718s;
		-ms-animation-delay:0.718s;
		-webkit-animation-delay:0.718s;
		-moz-animation-delay:0.718s;
}

#circularG_7{
	left:14px;
	bottom:0;
	animation-delay:0.814s;
		-o-animation-delay:0.814s;
		-ms-animation-delay:0.814s;
		-webkit-animation-delay:0.814s;
		-moz-animation-delay:0.814s;
}

#circularG_8{
	left:3px;
	bottom:3px;
	animation-delay:0.9s;
		-o-animation-delay:0.9s;
		-ms-animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
		-moz-animation-delay:0.9s;
}



@keyframes bounce_circularG{
	0%{
		transform:scale(1);
	}

	100%{
		transform:scale(.3);
	}
}

@-o-keyframes bounce_circularG{
	0%{
		-o-transform:scale(1);
	}

	100%{
		-o-transform:scale(.3);
	}
}

@-ms-keyframes bounce_circularG{
	0%{
		-ms-transform:scale(1);
	}

	100%{
		-ms-transform:scale(.3);
	}
}

@-webkit-keyframes bounce_circularG{
	0%{
		-webkit-transform:scale(1);
	}

	100%{
		-webkit-transform:scale(.3);
	}
}

@-moz-keyframes bounce_circularG{
	0%{
		-moz-transform:scale(1);
	}

	100%{
		-moz-transform:scale(.3);
	}
}