/**/
    select {
        width: 120px;
        padding: 5px !important;
    }

/* this works to make the bullets on footer align to top, but blows up the font on the labels with resources,
    because that turns in to a span that gets 25px as font. would need class for li.*/

    .li {
        font-size: 14px;
    }

    .li span {
        font-size: 25px;
        vertical-align: top;
        padding-bottom: 5px;
    }
    

    .h1 {
    font-size: 40px !important;
    color: #333;
    text-align: center;
    margin-bottom: 25px;
}
.h1a {
    font-size: 35px !important;
    color: #333;
    margin-bottom: 25px;
}

.st-abs > .h1 {
    color: #fff;
}

.h2 {
    font-size: 20px;
}
.ci-item > .h2 {
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin-bottom: 25px;
}

.h3 {
    font-size: 16px;
}


.main-wrapper .col-sec h1 {
	margin-bottom: 20px;
}

.main-wrapper .easy-items {
	margin-top: 40px;
}

.head-col {
	display: inline-block;
	width: 49%;
	vertical-align: top;
}

.head-col h1 {
	font-size: 50px;
	margin-bottom: 20px;
}

.easy-abs {
	text-align: right;
}

.res-abs,
.res-items {
	width: 49%;
	display: inline-block;
	vertical-align: top;
}

header {
	position: relative;
	background-image: url(images/head-bg.jpg);
	background-position: center 30px;
	background-size: 76%;
	background-repeat: no-repeat;
}

@media (min-width: 1200px) {
	* {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		font-family: 'Poppins', sans-serif;
	}
	img {
		object-fit: contain;
	}
	a {
		display: inline-block;
		text-decoration: none;
		color: #000;
	}
	p,
	h1,
	h2,
	h3 {
	}
	.col-sec {
		display: inline-block;
		width: 49%;
		vertical-align: top;
	}
	.main-wrapper {
		width: 1100px;
		margin-left: auto;
		margin-right: auto;
	}
	.stores-links {
		display: flex;
		align-items: center;
	}
	.stores-links>a:first-child {
		margin-right: 50px;
	}
	.stores-links>a img {
		transition: 0.3s;
		border-radius: 5px;
	}
	.stores-links>a:hover img {
		box-shadow: 0 0 10px 5px rgba(200, 200, 255, 0.35);
	}
	/***************************************************************************************************/
	.header-top {
		width: 100%;
		padding: 25px 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.ht-link p {
		font-size: 15px;
		color: #fff;
	}
	.ht-link img {
		width: 300px;
		object-fit: contain;
	}
	.ht-text>p {
		font-size: 16px;
		font-style: italic;
		color: #fff;
		max-width: 350px;
	}
	.ht-nav {
		display: flex;
		align-items: center;
	}
	.ht-nav>a {
		padding: 17px 30px;
		color: #fff;
		font-size: 18px;
		transition: 0.3s;
	}
	.ht-nav>a:last-child {
		border: 2px solid #272727;
		border-radius: 10px;
		margin-left: 20px;
	}
	.ht-nav>a:last-child:hover {
		background-color: #fff;
		color: #000;
	}
	.menu {
		display: none;
	}
	.header-hr {
		width: 100%;
		height: 1px;
		background-color: #eeeeee;
	}
	.header-main {
		padding: 25px 0 250px;
	}
	.hm-top {
		display: flex;
		align-items: center;
	}
	.hm-top>* {
		margin-right: 10px;
		margin-bottom: 50px;
	}
	.hm-top p {
		font-style: italic;
		font-size: 15px;
		color: #fff;
	}
	.hm-top>div {
		width: 25px;
		height: 25px;
		background-color: #069bff;
		border-radius: 50%;
	}
	.hm-top h3 {
		font-size: 15px;
		color: #fff;
	}
	.header-main>h1 {
		max-width: 50%;
		color: #069bff;
		font-size: 50px;
		margin-bottom: 15px;
	}
	.header-main>p {
		max-width: 50%;
		color: #fff;
		font-size: 16px;
		margin-bottom: 25px;
	}
	/**********************************************************************************************************/
	.connect>div {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: -280px;
		margin-bottom: 70px;
		position: relative;
	}
	.connect-items {
		display: flex;
		flex-flow: column wrap;
		max-height: 700px;
	}
	.ci-item {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		height: 300px;
		padding: 0 20px;
		width: 218px;
		height: 300px;
		box-shadow: 3px 2px 16px 2px rgba(0, 0, 0, 0.15);
		border-radius: 20px;
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
	}
	.ci-item>div {
		width: 50px;
		height: 50px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		margin-bottom: 13px;
	}
	.ci-item:nth-child(1) {
		margin-right: 22px;
		margin-bottom: 40px;
		background-image: linear-gradient(-140deg, #9649f8 0%, #632eee 100%);
	}
	.ci-item:nth-child(2) {
		margin-right: 22px;
		background-image: linear-gradient(-140deg, #48c6ef 0%, #6f86d6 100%);
	}
	.ci-item:nth-child(3) {
		margin-top: 50px;
		margin-bottom: 40px;
		background-image: linear-gradient(-140deg, #00a8c5 0%, #99dba5 100%);
	}
	.ci-item:nth-child(4) {
		background-image: linear-gradient(-140deg, #a596f8 0%, #f68bd3 100%);
	}
	.ci-item>h2 {
		font-size: 20px;
		margin-bottom: 25px;
		color: #fff;
		text-align: center;
	}
	.ci-item>p {
		font-size: 14px;
		color: #fff;
		text-align: center;
	}
	.connect-text {
		width: 50%;
	}
	.connect-text>h1 {
		color: #333;
		font-size: 45px;
		margin-bottom: 25px;
	}
	.connect-text>p {
		color: #333;
		font-size: 16px;
		margin-bottom: 25px;
	}
	/**********************************************************************************************************/
	.easy>div {
		padding-bottom: 0px;
	}
	.easy>div>h1 {
		color: #333;
		max-width: 55%;
		font-size: 45px;
		margin-bottom: 22px;
	}
	.easy>div>p {
		color: #333;
		max-width: 50%;
		font-size: 16px;
		margin-bottom: 42px;
	}
	.easy-items {
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.easy-item {
		width: 50%;
		display: flex;
		align-items: center;
	}
	.easy-item>div {
		height: 40px;
		width: 40px;
		margin-right: 15px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.easy-item:nth-of-type(1),
	.easy-item:nth-of-type(2) {
		margin-bottom: 35px;
	}
	/**********************************************************************************************************/
	.reasons {
		padding: 80px 0 160px;
		background-color: #eff5f9;
	}
	.reasons>div {
		position: relative;
		display: flex;
		justify-content: space-between;
	}
	.res-content h1 {
		font-size: 35px;
		color: #333;
		margin-bottom: 30px;
	}
	.res-item {
		display: flex;
		align-items: center;
		margin-bottom: 20px;
	}
	.res-item:last-of-type {
		margin-bottom: 0;
	}
	.res-item>div {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 70px;
		height: 70px;
		border-radius: 50%;
		box-shadow: 0 0 7px rgba(112, 173, 250, 0.1);
		margin-right: 20px;
	}
	.res-item:nth-of-type(1)>div {
		background-color: #70adfa;
	}
	.res-item:nth-of-type(2)>div {
		background-color: #00ca9c;
	}
	.res-item:nth-of-type(3)>div {
		background-color: #f4af4f;
	}
	.res-item:nth-of-type(4)>div {
		background-color: #fa6666;
	}
	.res-item>div>div {
		width: 40px;
		height: 40px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.res-item>p {
		max-width: calc(100% - 70px - 20px);
		color: #333;
		font-size: 16px;
	}
	/**********************************************************************************************************/
	.watch-after {
		margin-bottom: 100px;
		background-color: #eff5f9;
	}
	.watch-after>div {
		position: relative;
		padding-bottom: 175px;
	}
	.watch-after>div>h1 {
		max-width: 540px;
		color: #333;
		font-size: 45px;
		margin-bottom: 25px;
	}
	.watch-after>div>p {
		max-width: 500px;
		color: #333;
		font-size: 16px;
	}
	/**********************************************************************************************************/
	.reviews>div {
		display: flex;
		flex-direction: column;
		align-items: center;
		flex-wrap: nowrap;
	}
	.reviews>div>h1 {
		max-width: 660px;
		font-size: 45px;
		color: #333;
		text-align: center;
		margin-bottom: 50px;
	}
	.rev-content {
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
		width: 100%;
	}
	.rev-items {
		width: 1160px;
		overflow: hidden;
		margin-left: -60px;
		padding-left: 60px;
		margin-bottom: 50px;
	}
	.rev-items>ul {
		margin-left: 0;
		width: 5000px;
		display: flex;
		flex-wrap: nowrap;
		transition: 1s;
	}
	.rev-item {
		position: relative;
		display: block;
		list-style: none;
		width: 500px;
		height: 250px;
		padding: 40px 60px 40px 80px;
		border-radius: 10px;
		border: 1px solid #eeeeee;
		margin-right: 100px;
	}
	.rev-item-quote {
		width: 30px;
		height: 30px;
		background-image: url(images/quote.png);
		background-position: top;
		background-size: contain;
		background-repeat: no-repeat;
		margin-bottom: 20px;
	}
	.rev-item>h3 {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.rev-item>p {
		flex-wrap: 300;
		font-size: 16px;
	}
	.rev-item-abs {
		position: absolute;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100px;
		height: 100px;
		top: 70px;
		left: -50px;
		background-color: #fff;
		border-radius: 50%;
		box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.1);
		z-index: 5;
	}
	.rev-item-abs>div {
		width: 70px;
		height: 50px;
		background-image: url(images/rev-icon.png);
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.rev-nav {
		display: flex;
		align-items: center;
		margin-bottom: 80px;
	}
	.rev-nav>div {
		width: 20px;
		height: 10px;
		border-radius: 5px;
		background-color: #eee;
		margin-right: 10px;
		transition: 1s;
	}
	.rev-nav>div:last-of-type {
		margin-right: 0;
	}
	.rev-nav>div.active {
		width: 40px;
		background-color: #007db7;
	}
	.rev-nav svg {
		cursor: pointer;
		width: 50px;
		fill: #000;
		margin: 0 20px;
		transition: 0.2s;
	}
	.rev-nav svg:first-of-type {
		transform: rotate(0.5turn);
	}
	.rev-nav svg:hover {
		fill: #55a;
	}
	/**********************************************************************************************************/
	.stories>div {
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
		position: relative;
		padding-bottom: 360px;
	}
	.stories>div>h1 {
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
		color: #333;
		font-size: 45px;
		margin-bottom: 60px;
	}
	.st-content {
		width: 1000px;
	}
	.st-links {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	.st-abs {
		position: absolute;
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
		width: 900px;
		height: 350px;
		bottom: -60px;
		left: 100px;
		padding: 0 140px;
		box-shadow: 3px 2px 16px 2px rgba(0, 0, 0, 0.15);
		border-radius: 15px;
		background-image: linear-gradient(-140deg, #48c6ef 0%, #6f86d6 100%);
	}
	.st-abs>h1 {
		text-align: center;
		color: #fff;
		font-size: 45px;
		margin-bottom: 50px;
	}
	/**********************************************************************************************************/
	footer {
		background-color: #333333;
	}
	footer>div {
		padding: 110px 0 40px;
		display: flex;
		justify-content: space-between;
	}
	.ft-text {
		max-width: 275px;
	}
	.ft-text h2 {
		font-size: 20px;
		color: #fff;
		margin-bottom: 20px;
	}
	.ft-text p {
		font-weight: lighter;
		font-size: 14px;
		color: #fff;
	}
	.ft-nav {
		max-width: 150px;
	}
	.ft-nav h3 {
		color: #fff;
		font-size: 16px;
		margin-bottom: 20px;
	}
    .ft-nav li {
        margin-left: 18px;
        color: #fff;
    }

	.ft-nav a {
		color: #fff;
		font-size: 14px;
		line-height: 24px;
		font-weight: lighter;
		transition: 0.2s;
	}
	.ft-nav li:hover a {
		color: #77a;
	}
	.ft-contacts {
		height: 220px;
		display: flex;
		flex-flow: column nowrap;
		justify-content: space-between;
		max-width: 310px;
	}
	.ft-contacts>div>h3 {
		color: #fff;
		font-size: 16px;
		margin-bottom: 20px;
	}
	.ft-contacts>div>p {
		color: #fff;
		font-size: 14px;
		font-weight: lighter;
	}
	.ft-contacts-item {
		display: flex;
	}
	.ft-contacts-item>div {
		height: 14px;
		width: 20px !important;
		margin: calc((2em - 16px)/2) 0;
		margin-right: 10px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.ft-contacts-item:nth-of-type(1)>div {
		background-image: url(images/foot1.png);
	}
	.ft-contacts-item:nth-of-type(2)>div {
		background-image: url(images/foot2.png);
	}
	.ft-contacts-item>p {
		width: calc(100% - 20px - 10px);
		color: #fff;
		font-weight: lighter;
		font-size: 14px;
		line-height: 2em;
	}
}


/*  //////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////// */

@media (min-width: 320px) and (max-width: 767px) {
    .h1 {
        font-size: 20px !important;
        color: #333;
        text-align: center;
        margin-bottom: 25px;
    }

    .h1a {
        font-size: 18px !important;
        color: #333;
        margin-bottom: 25px;
    }
    .hm-top > div {
        width: 20px !important;
        height: 20px !important;
        background-color: #069bff;
        border-radius: 50%;
    }

    .h2 {
        font-size: 16px;
    }

    .ci-item > .h2 {
        font-size: 16px;
        color: #fff;
        text-align: center;
        margin-bottom: 25px;
    }

    .h3 {
        font-size: 14px;
    }

	.head-col {
		width: 100%;
	}
	.res-item img {
		width: 30px;
	}
	.main-wrapper .col-sec h1 {
		margin-bottom: 20px;
		font-size: 30px;
	}
	.hm-abs {
		text-align: center;
	}
	.hm-abs img {
		width: 50%;
	}
	.easy-abs {
		margin-top: 60px;
	}
	header {
		    background-size: 100%;
		        background-position: bottom center;
		            min-height: 600px;
		            background-image: url(images/mob-head2.webp);
	}
	.hm-abs img {
		display: none;
	}
	.head-col h1 {
		font-size: 24px;
		margin-bottom: 0;
	}
	.stores-links {
		padding-top: 0;
	}
	.res-abs,
	.res-items {
		width: 100%;
	}
	* {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		font-family: 'Poppins', sans-serif;
	}
	img {
		object-fit: contain;
		width: 100%;
	}
	a {
		display: inline-block;
		text-decoration: none;
		color: #000;
	}
	p,
	h1,
	h2,
	h3 {
		line-height: 1.25em;
	}
	.main-wrapper {
		padding: 5vw;
	}
	.stores-links {
		padding-top: 0px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		transform: translateY(15px);
	}
	.stores-links a:first-child {
		margin-right: 20px;
	}
	.stores-links img {
		height: 13.5vw;
		object-fit: contain;
	}
	/* ************************************************************************************************* */
	header .main-wrapper {
		padding-bottom: 2.5vw;
	}
	.header-top {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.ht-link p {
		font-size: 15px;
		color: #fff;
	}
	.ht-link img {
		width: 60vw;
		object-fit: contain;
	}
	.ht-text {
		display: none;
	}
	.ht-nav {
		display: none;
	}
	/***************************************************/
	#menu-opener {
		position: absolute;
		height: 26px;
		width: 40px;
		top: 6.5vw;
		right: 5vw;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		z-index: 10;
		transition: all 0.3s;
	}
	#menu-opener>div {
		position: absolute;
		height: 2px;
		width: 100%;
		background-color: #000;
		transition: all 0.3s;
	}
	#menu-opener>div {
		background-color: #272727;
	}
	#menu-opener>div:nth-child(1) {
		top: 0;
	}
	#menu-opener>div:nth-child(2) {
		top: 12px;
	}
	#menu-opener>div:nth-child(3) {
		top: 24px;
	}
	#menu-wrapper {
		position: fixed;
		width: 100vw;
		height: 100vh;
		top: 0;
		right: 100vw;
		padding: 5vw;
		background-color: #fff;
		transition: 0.5s;
		z-index: 7;
	}
	#menu-wrapper>a {
		margin-bottom: 30px;
	}
	#menu-wrapper>a p {
		font-size: 15px;
	}
	#menu-wrapper>a img {
		width: 60vw;
		object-fit: contain;
	}
	#menu-wrapper>p {
		font-size: 20px;
		font-style: italic;
		color: #000;
		text-align: center;
	}
	#menu-wrapper>div {
		display: flex;
		align-items: center;
		justify-content: center;
	}
    .menu-nav {
        display: flex;
        flex-flow: column nowrap;
        align-items: flex-end;
        margin-bottom: 4px;
    }
    .menu-nav > a {
        padding: 4px 4px 4px 4px;
        font-size: 12px;
        font-weight: bold;
        transition: 0.3s;
    }
	.menu-nav>a:last-child {
		border: 2px solid #ccc;
		border-radius: 10px;
	}
	/***************************************************/
	.header-hr {
		width: 100%;
		height: 1px;
		background-color: #eeeeee;
	}
	.header-main {
		padding-bottom: 30px;
	}
	.hm-top {
		display: flex;
		align-items: center;
		transform: translateY(-5px);
	}
	.text-dask {
		display: none !important;
	}
	.hm-top>* {
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.hm-top p {
		font-style: italic;
		font-size: 15px;
		color: #fff;
	}
	.hm-top>div {
		width: 33px;
		height: 33px;
		background-color: #069bff;
		border-radius: 50%;
	}
	.hm-top h3 {
		font-size: 15px;
		color: #fff;
	}
	.header-main>h1 {
		color: #069bff;
		font-size: 25px;
		margin-bottom: 40px;
		transform: translateY(-10px);
	}
	.header-main>p {
		color: #fff;
		font-size: 16px;
		margin-bottom: 25px;
		display: none;
	}
	/**********************************************************************************************************/
	.connect-items {
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
		margin-bottom: 20px;
	}
	.ci-item {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		padding: 0 20px;
		width: 90%;
		height: 250px;
		box-shadow: 3px 2px 16px 2px rgba(0, 0, 0, 0.15);
		border-radius: 20px;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		margin-bottom: 30px;
	}
	@media (min-width: 480px) {
		.ci-item {
			height: 250px;
		}
	}
	.ci-item>div {
		width: 50px;
		height: 50px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		margin-bottom: 13px;
	}
	.ci-item:nth-child(1) {
		background-image: linear-gradient(-140deg, #9649f8 0%, #632eee 100%);
	}
	.ci-item:nth-child(2) {
		background-image: linear-gradient(-140deg, #48c6ef 0%, #6f86d6 100%);
	}
	.ci-item:nth-child(3) {
		background-image: linear-gradient(-140deg, #00a8c5 0%, #99dba5 100%);
	}
	.ci-item:nth-child(4) {
		background-image: linear-gradient(-140deg, #a596f8 0%, #f68bd3 100%);
	}
	.ci-item>h2 {
		font-size: 20px;
		margin-bottom: 25px;
		color: #fff;
		text-align: center;
	}
	.ci-item>p {
		font-size: 14px;
		color: #fff;
		text-align: center;
	}
	.connect-text>h1 {
		color: #333;
		font-size: 30px;
		margin-bottom: 10px;
	}
	.connect-text>p {
		color: #333;
		font-size: 16px;
		margin-bottom: 25px;
	}
	/**********************************************************************************************************/
	.easy>div {
		position: relative;
		padding-bottom: 30px;
	}
	.easy>div>h1 {
		color: #333;
		font-size: 35px;
		margin-bottom: 22px;
	}
	.easy>div>p {
		color: #333;
		font-size: 16px;
		margin-bottom: 30px;
	}
	.easy-items {
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.easy-item {
		width: 45%;
		display: flex;
		align-items: center;
	}
	.easy-item>div {
		margin-right: 10px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.easy-item:nth-of-type(1),
	.easy-item:nth-of-type(2) {
		margin-bottom: 35px;
	}
	.easy-item>p {
		overflow: hidden;
		width: calc(100% - 30px - 10px);
	}
	/**********************************************************************************************************/
	.reasons {
		background-color: #eff5f9;
		padding-bottom: 30px;
	}
	.reasons>div {
		position: relative;
		display: flex;
		justify-content: space-between;
	}
	.res-content {
		width: 100%;
	}
	.res-content h1 {
		font-size: 30px;
		color: #333;
		margin-bottom: 20px;
	}
	.res-item {
		display: flex;
		align-items: center;
		margin-bottom: 20px;
	}
	.res-item:last-of-type {
		margin-bottom: 0;
	}
	.res-item>div {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		box-shadow: 0 0 7px rgba(112, 173, 250, 0.1);
		margin-right: 15px;
	}
	.res-item:nth-of-type(1)>div {
		background-color: #70adfa;
	}
	.res-item:nth-of-type(2)>div {
		background-color: #00ca9c;
	}
	.res-item:nth-of-type(3)>div {
		background-color: #f4af4f;
	}
	.res-item:nth-of-type(4)>div {
		background-color: #fa6666;
	}
	.res-item>div>div {
		width: 30px;
		height: 30px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.res-item:nth-of-type(1)>div>div {
		background-image: url(images/icon31.png);
	}
	.res-item:nth-of-type(2)>div>div {
		background-image: url(images/icon32.png);
	}
	.res-item:nth-of-type(3)>div>div {
		background-image: url(images/icon33.png);
	}
	.res-item:nth-of-type(4)>div>div {
		background-image: url(images/icon34.png);
	}
	.res-item>p {
		max-width: calc(100% - 50px - 15px);
		color: #333;
		font-size: 14px;
	}
	.res-abs {
		display: none;
		position: absolute;
		height: 480px;
		width: 480px;
		bottom: 0;
		left: 0;
		background-image: url(/images/people2.webp);
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}
	/**********************************************************************************************************/
	.watch-after {
		background-color: #eff5f9;
	}
	.watch-after>div {
		position: relative;
	}
	.watch-after>div>h1 {
		color: #333;
		font-size: 35px;
		margin-bottom: 20px;
	}
	.watch-after>div>p {
		color: #333;
		font-size: 16px;
		margin-bottom: 20px;
	}
	/**********************************************************************************************************/
	.reviews>div {
		display: flex;
		flex-direction: column;
		align-items: center;
		flex-wrap: nowrap;
	}
	.reviews>div>h1 {
		font-size: 30px;
		color: #333;
		text-align: center;
		margin-bottom: 20px;
	}
	.rev-content {
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
		width: 100%;
	}
	.rev-items {
		width: 100%;
		overflow: hidden;
		padding-left: 40px;
		margin-bottom: 30px;
	}
	.rev-items>ul {
		width: 5000px;
		margin-left: 0;
		display: flex;
		flex-wrap: nowrap;
		transition: 1s;
	}
	.rev-item {
		position: relative;
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		list-style: none;
		width: calc(90vw - 40px - 40px);
		height: 250px;
		padding: 30px 30px 30px 50px;
		border-radius: 10px;
		border: 1px solid #eeeeee;
		margin-right: 70px;
	}
	.rev-item-quote {
		width: 30px;
		height: 30px;
		background-image: url(images/quote.png);
		background-position: top;
		background-size: contain;
		background-repeat: no-repeat;
		margin-bottom: 10px;
	}
	.rev-item>h3 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.rev-item>p {
		flex-wrap: 300;
		font-size: 14px;
		max-height: 6em;
		overflow: hidden;
	}
	.rev-item-abs {
		position: absolute;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 60px;
		height: 60px;
		top: 90px;
		left: -30px;
		background-color: #fff;
		border-radius: 50%;
		box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.1);
		z-index: 5;
	}
	.rev-item-abs>div {
		width: 50px;
		height: 30px;
		background-image: url(images/rev-icon.png);
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.rev-nav {
		display: flex;
		align-items: center;
		margin-bottom: 30px;
	}
	.rev-nav>div {
		width: 20px;
		height: 10px;
		border-radius: 5px;
		background-color: #eee;
		margin-right: 10px;
		transition: 1s;
	}
	.rev-nav>div:last-child {
		margin-right: 0;
	}
	.rev-nav>div.active {
		width: 40px;
		background-color: #007db7;
	}
	.rev-nav svg {
		width: 40px;
		fill: #000;
		margin: 0 20px;
	}
	.rev-nav svg:first-of-type {
		transform: rotate(0.5turn);
	}
	/**********************************************************************************************************/
	.stories>div {
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
		position: relative;
		padding-bottom: 170px;
	}
	.stories>div>h1 {
		color: #333;
		font-size: 35px;
		text-align: center;
		margin-bottom: 30px;
	}
	.st-links {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.st-links a {
		margin-bottom: 40px;
	}
	.st-links img {
		object-fit: contain;
	}
	.st-abs {
		position: absolute;
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
		width: 80%;
		height: 230px;
		bottom: -50px;
		left: 10%;
		padding: 20px;
		box-shadow: 3px 2px 16px 2px rgba(0, 0, 0, 0.15);
		border-radius: 15px;
		background-image: linear-gradient(-140deg, #48c6ef 0%, #6f86d6 100%);
	}
	.st-abs>h1 {
		text-align: center;
		color: #fff;
		font-size: 24px;
		margin-bottom: 30px;
	}
	.st-abs .stores-links img {
		height: 11vw;
	}
	/**********************************************************************************************************/
	footer {
		background-color: #333333;
	}
	footer>.main-wrapper {
		padding: 70px 5vw 20px;
	}
	.ft-text {
		margin-bottom: 30px;
	}
	.ft-text h2 {
		font-size: 20px;
		color: #fff;
		margin-bottom: 10px;
	}
	.ft-text p {
		font-weight: lighter;
		font-size: 14px;
		color: #fff;
	}
	.ft-nav {
		margin-bottom: 30px;
	}
	.ft-nav h3 {
		color: #fff;
		font-size: 16px;
		margin-bottom: 10px;
	}
	.ft-nav li {
		margin-left: 18px;
		color: #fff;
	}
	.ft-nav a {
		color: #fff;
		font-size: 14px;
		line-height: 24px;
		font-weight: lighter;
	}
	.ft-contacts>div>h3 {
		color: #fff;
		font-size: 16px;
		margin-bottom: 10px;
	}
	.ft-contacts>div>p {
		color: #fff;
		font-size: 14px;
		font-weight: lighter;
		margin-bottom: 10px;
	}
	.ft-contacts-item {
		display: flex;
	}
	.ft-contacts-item>div {
		height: 14px;
		width: 20px !important;
		margin: calc((2em - 16px)/2) 0;
		margin-right: 10px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.ft-contacts-item:nth-of-type(1)>div {
		background-image: url(images/foot1.png);
	}
	.ft-contacts-item:nth-of-type(2)>div {
		background-image: url(images/foot2.png);
	}
	.ft-contacts-item>p {
		width: calc(100% - 20px - 10px);
		color: #fff;
		font-weight: lighter;
		font-size: 14px;
		line-height: 2em;
	}
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (min-width: 767px) and (max-width: 900px;
) {
	.head-col h1 {
		font-size: 30px;
		margin-bottom: 20px;
	}
	.head-col {
		width: 100%;
	}
}

@media (min-width: 767px) and (max-width: 1200px) {
    .text-dask {
        display: none !important;
    }

    .h1 {
        font-size: 30px !important;
        color: #333;
        text-align: center;
        margin-bottom: 25px;
    }

    .h1a {
        font-size: 25px !important;
        color: #333;
        margin-bottom: 25px;
    }

    .h2 {
        font-size: 20px;
    }

    .ci-item > .h2 {
        font-size: 20px;
        color: #fff;
        text-align: center;
        margin-bottom: 25px;
    }

    .h3 {
        font-size: 16px;
    }

	.res-abs,
	.res-items {
		width: 100%;
	}
	.easy-abs {
		text-align: center;
	}
	* {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		font-family: 'Poppins', sans-serif;
	}
	img {
		object-fit: contain;
	}
	a {
		display: inline-block;
		text-decoration: none;
		color: #000;
	}
	p,
	h1,
	h2,
	h3 {
		line-height: 1.25em;
	}
	.main-wrapper {
		padding: 5vw;
	}
	.stores-links {
		display: flex;
		align-items: center;
	}
	.stores-links a:first-child {
		margin-right: 20px;
	}
	.stores-links img {
		height: 60px;
		object-fit: contain;
	}
	/* ************************************************************************************************* */
	header .main-wrapper {
		padding: 2vw 5vw;
	}
	.header-top {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.ht-link p {
		font-size: 20px;
		color: #fff;
	}
	.ht-link img {
		width: 40vw;
		object-fit: contain;
	}
	.ht-text {
		display: none;
	}
	.ht-nav {
		display: none;
	}
	/***************************************************/
	#menu-opener {
		position: absolute;
		height: 26px;
		width: 40px;
		top: 4.5vw;
		right: 5vw;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		z-index: 10;
		transition: all 0.3s;
	}
	#menu-opener>div {
		position: absolute;
		height: 2px;
		width: 100%;
		background-color: #000;
		transition: all 0.3s;
	}
	#menu-opener>div {
		background-color: #272727;
	}
	#menu-opener>div:nth-child(1) {
		top: 0;
	}
	#menu-opener>div:nth-child(2) {
		top: 12px;
	}
	#menu-opener>div:nth-child(3) {
		top: 24px;
	}
	#menu-wrapper {
		position: fixed;
		width: 100vw;
		height: 100vh;
		top: 0;
		right: 100vw;
		padding: 2vw 5vw;
		background-color: #fff;
		transition: 0.5s;
		z-index: 7;
	}
	#menu-wrapper>a {
		margin-bottom: 30px;
	}
	#menu-wrapper>a p {
		font-size: 20px;
	}
	#menu-wrapper>a img {
		width: 40vw;
		object-fit: contain;
	}
	#menu-wrapper>p {
		font-size: 20px;
		font-style: italic;
		color: #000;
		text-align: center;
	}
	#menu-wrapper>div {
		height: 60vh;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.menu-nav {
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
	}
	.menu-nav>a {
		padding: 17px 30px;
		font-size: 18px;
		transition: 0.3s;
	}
	.menu-nav>a:last-child {
		border: 2px solid #000;
		border-radius: 10px;
	}
	/***************************************************/
	.header-hr {
		width: 100%;
		height: 1px;
		background-color: #eeeeee;
	}
	.hm-top {
		display: flex;
		align-items: center;
	}
	.hm-top>* {
		margin-right: 10px;
		margin-bottom: 20px;
	}
	.hm-top p {
		font-style: italic;
		font-size: 15px;
		color: #fff;
	}
	.hm-top>div {
		width: 25px;
		height: 25px;
		background-color: #069bff;
		border-radius: 50%;
	}
	.hm-top h3 {
		font-size: 15px;
		max-width: 100px;
		color: #fff;
	}
	.header-main>h1 {
		width: 55%;
		color: #069bff;
		font-size: 30px;
		margin-bottom: 10px;
	}
	.header-main>p {
		display: none;
		width: 50%;
		color: #fff;
		font-size: 16px;
		margin-bottom: 25px;
	}
	@media (max-width: 800px) {
		.header-main {
			padding-bottom: 180px;
		}
		.header-main .stores-links {
			display: block;
		}
		.header-main .stores-links a {
			display: block;
			margin-bottom: 10px;
		}
	}
	/**********************************************************************************************************/
	.connect-items {
		display: flex;
		flex-flow: column wrap;
		align-items: center;
		margin-bottom: 50px;
		max-height: 700px;
	}
	.ci-item {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		height: 300px;
		padding: 0 20px;
		width: 45%;
		height: 300px;
		box-shadow: 3px 2px 16px 2px rgba(0, 0, 0, 0.15);
		border-radius: 20px;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	.ci-item>div {
		width: 50px;
		height: 50px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		margin-bottom: 13px;
	}
	.ci-item:nth-child(1) {
		margin-right: 22px;
		margin-bottom: 40px;
		background-image: linear-gradient(-140deg, #9649f8 0%, #632eee 100%);
	}
	.ci-item:nth-child(1)>div {
		background-image: url(images/icon11.png);
	}
	.ci-item:nth-child(2) {
		margin-right: 22px;
		background-image: linear-gradient(-140deg, #48c6ef 0%, #6f86d6 100%);
	}
	.ci-item:nth-child(2)>div {
		background-image: url(images/icon12.png);
	}
	.ci-item:nth-child(3) {
		margin-top: 50px;
		margin-bottom: 40px;
		background-image: linear-gradient(-140deg, #00a8c5 0%, #99dba5 100%);
	}
	.ci-item:nth-child(3)>div {
		background-image: url(images/icon13.png);
	}
	.ci-item:nth-child(4) {
		background-image: linear-gradient(-140deg, #a596f8 0%, #f68bd3 100%);
	}
	.ci-item:nth-child(4)>div {
		background-image: url(images/icon14.png);
	}
	.ci-item>h2 {
		font-size: 20px;
		margin-bottom: 25px;
		color: #fff;
		text-align: center;
	}
	.ci-item>p {
		font-size: 14px;
		color: #fff;
		text-align: center;
	}
	.connect-text>h1 {
		color: #333;
		font-size: 35px;
		margin-bottom: 10px;
	}
	.connect-text>p {
		color: #333;
		font-size: 16px;
		margin-bottom: 25px;
	}
	/**********************************************************************************************************/
	.easy>div {
		position: relative;
		padding-bottom: 30px;
	}
	.easy>div>h1 {
		color: #333;
		font-size: 35px;
		margin-bottom: 22px;
	}
	.easy>div>p {
		color: #333;
		font-size: 16px;
		margin-bottom: 30px;
	}
	.easy-items {
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.easy-item {
		width: 45%;
		display: flex;
		align-items: center;
	}
	.easy-item>div {
		height: 44px;
		width: 44px;
		margin-right: 10px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.easy-item:nth-of-type(1),
	.easy-item:nth-of-type(2) {
		margin-bottom: 35px;
	}
	.easy-item>p {
		width: calc(100% - 30px - 10px);
	}
	/**********************************************************************************************************/
	.reasons {
		background-color: #eff5f9;
		padding-bottom: 30px;
	}
	.reasons>div {
		position: relative;
		display: flex;
		justify-content: space-between;
	}
	.res-content {
		width: 100%;
	}
	.res-content h1 {
		font-size: 35px;
		color: #333;
		margin-bottom: 50px;
	}
	.res-item {
		display: flex;
		align-items: center;
		margin-bottom: 30px;
	}
	.res-item:last-of-type {
		margin-bottom: 0;
	}
	.res-item>div {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		box-shadow: 0 0 7px rgba(112, 173, 250, 0.1);
		margin-right: 15px;
	}
	.res-item:nth-of-type(1)>div {
		background-color: #70adfa;
	}
	.res-item:nth-of-type(2)>div {
		background-color: #00ca9c;
	}
	.res-item:nth-of-type(3)>div {
		background-color: #f4af4f;
	}
	.res-item:nth-of-type(4)>div {
		background-color: #fa6666;
	}
	.res-item>div>div {
		width: 30px;
		height: 30px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.res-item:nth-of-type(1)>div>div {
		background-image: url(images/icon31.png);
	}
	.res-item:nth-of-type(2)>div>div {
		background-image: url(images/icon32.png);
	}
	.res-item:nth-of-type(3)>div>div {
		background-image: url(images/icon33.png);
	}
	.res-item:nth-of-type(4)>div>div {
		background-image: url(images/icon34.png);
	}
	.res-item>p {
		max-width: calc(100% - 50px - 15px);
		color: #333;
		font-size: 16px;
	}
	.res-abs {
		display: none;
		position: absolute;
		height: 480px;
		width: 480px;
		bottom: 0;
		left: 0;
		background-image: url(images/people2.png);
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}
	/**********************************************************************************************************/
	.watch-after {
		background-color: #eff5f9;
	}
	.watch-after>div {
		position: relative;
	}
	.watch-after>div>h1 {
		color: #333;
		font-size: 35px;
		margin-bottom: 20px;
	}
	.watch-after>div>p {
		color: #333;
		font-size: 16px;
		margin-bottom: 40px;
	}
	/**********************************************************************************************************/
	.reviews>div {
		display: flex;
		flex-direction: column;
		align-items: center;
		flex-wrap: nowrap;
	}
	.reviews>div>h1 {
		max-width: 660px;
		font-size: 45px;
		color: #333;
		text-align: center;
		margin-bottom: 50px;
	}
	.rev-content {
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
		width: 100%;
	}
	.rev-items {
		width: 100%;
		overflow: hidden;
		margin-left: -60px;
		padding-left: 60px;
		margin-bottom: 50px;
	}
	.rev-items>ul {
		margin-left: 0;
		width: 5000px;
		display: flex;
		flex-wrap: nowrap;
		transition: 1s;
	}
	.rev-item {
		position: relative;
		display: block;
		list-style: none;
		width: calc((90vw - 60px - 100px)/2);
		height: 250px;
		padding: 40px 60px 40px 80px;
		border-radius: 10px;
		border: 1px solid #eeeeee;
		margin-right: 100px;
	}
	.rev-item-quote {
		width: 30px;
		height: 30px;
		background-image: url(images/quote.png);
		background-position: top;
		background-size: contain;
		background-repeat: no-repeat;
		margin-bottom: 20px;
	}
	.rev-item>h3 {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.rev-item>p {
		flex-wrap: 300;
		font-size: 16px;
	}
	.rev-item-abs {
		position: absolute;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100px;
		height: 100px;
		top: 70px;
		left: -50px;
		background-color: #fff;
		border-radius: 50%;
		box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.1);
		z-index: 5;
	}
	.rev-item-abs>div {
		width: 70px;
		height: 50px;
		background-image: url(images/rev-icon.png);
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.rev-nav {
		display: flex;
	}
	.rev-nav>div {
		width: 20px;
		height: 10px;
		border-radius: 5px;
		background-color: #eee;
		margin-right: 10px;
		transition: 1s;
	}
	.rev-nav>div:last-child {
		margin-right: 0;
	}
	.rev-nav>div.active {
		width: 40px;
		background-color: #007db7;
	}
	.rev-nav svg {
		width: 40px;
		fill: #000;
		margin: 0 20px;
	}
	.rev-nav svg:first-of-type {
		transform: rotate(0.5turn);
	}
	/**********************************************************************************************************/
	.stories>div {
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
		position: relative;
		padding-bottom: 300px;
	}
	.stories>div>h1 {
		color: #333;
		font-size: 35px;
		text-align: center;
		margin-bottom: 50px;
	}
	.st-links {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	.st-links a {
		display: flex;
		justify-content: center;
		width: 50%;
		margin-bottom: 40px;
	}
	.st-links img {
		object-fit: contain;
	}
	.st-abs {
		position: absolute;
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
		width: 80%;
		height: 350px;
		bottom: -60px;
		left: 10%;
		padding: 0 140px;
		box-shadow: 3px 2px 16px 2px rgba(0, 0, 0, 0.15);
		border-radius: 15px;
		background-image: linear-gradient(-140deg, #48c6ef 0%, #6f86d6 100%);
	}
	.st-abs>h1 {
		text-align: center;
		color: #fff;
		font-size: 35px;
		margin-bottom: 30px;
	}
	/**********************************************************************************************************/
	footer {
		background-color: #333333;
	}
	footer>.main-wrapper {
		padding: 90px 5vw 20px;
	}
	.ft-text {
		margin-bottom: 30px;
	}
	.ft-text h2 {
		font-size: 20px;
		color: #fff;
		margin-bottom: 10px;
	}
	.ft-text p {
		font-weight: lighter;
		font-size: 14px;
		color: #fff;
	}
	.ft-nav {
		margin-bottom: 30px;
	}
	.ft-nav h3 {
		color: #fff;
		font-size: 16px;
		margin-bottom: 10px;
	}
	.ft-nav li {
		margin-left: 18px;
		color: #fff;
	}
	.ft-nav a {
		color: #fff;
		font-size: 14px;
		line-height: 24px;
		font-weight: lighter;
	}
	.ft-contacts>div>h3 {
		color: #fff;
		font-size: 16px;
		margin-bottom: 10px;
	}
	.ft-contacts>div>p {
		color: #fff;
		font-size: 14px;
		font-weight: lighter;
		margin-bottom: 10px;
	}
	.ft-contacts-item {
		display: flex;
	}
	.ft-contacts-item>div {
		height: 14px;
		width: 20px !important;
		margin: calc((2em - 16px)/2) 0;
		margin-right: 10px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.ft-contacts-item:nth-of-type(1)>div {
		background-image: url(images/foot1.png);
	}
	.ft-contacts-item:nth-of-type(2)>div {
		background-image: url(images/foot2.png);
	}
	.ft-contacts-item>p {
		width: calc(100% - 20px - 10px);
		color: #fff;
		font-weight: lighter;
		font-size: 14px;
		line-height: 2em;
	}
}

header p,
header h1,
header a,
header * {
	color: #272727 !important;
}

@media(min-width:920px) {
	header {
		background-position: center right;
	}
}

@media(min-width:1200px) {
    header {
        background-position: -500px;
    }

    @media(min-width:1350px) {
        header {
            background-position: -400px;
        }
    }

    @media(min-width:1480px) {
        header {
            background-position: center right;
        }
    }

    @media(min-width:677px) {
        .fhah {
            display: none !important;
        }
    }

    @media (max-width: 500px) {
        .h1 {
            font-size: 20px !important;
            color: #333;
            text-align: center;
            margin-bottom: 25px;
        }

        .h1a {
            font-size: 15px !important;
            color: #333;
            margin-bottom: 25px;
        }
        .hm-top > div {
            width: 15px;
            height: 15px;
            background-color: #069bff;
            border-radius: 50%;
        }

    }