@import "reset.css";
@import "../font/flaticon.css";
html,
body {
	width: 100%;
	height: 100%
}

body {
	font-family: source sans pro, sans-serif;
	padding: 0;
	font-size: 16px;
	margin: 0 auto;
	color: #1d1d1d;
	background-color: #fff;
	font-weight: 300
}

.clear {
	clear: both
}

p {
	padding: 0;
	margin: 0;
	text-align: left;
	line-height: 26px
}

a {
	text-decoration: none;
	color: #23dc87
}

blockquote {
	font-style: italic;
	font-size: 24px;
	padding: 0 5%;
	margin: 40px 0 60px;
	line-height: 34px;
	position: relative;
	text-align: center
}

blockquote:after {
	content: ' ';
	position: absolute;
	display: block;
	width: 10%;
	margin: 20px 40%;
	border: 1px solid #e76b71
}

a img {
	border: none
}

a:hover {
	text-decoration: none;
	color: #212121
}

img.responsive_image {
	max-width: 100%;
	display: block;
	margin: auto auto 20px
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
	letter-spacing: -.5px;
	padding: 0 0 40px;
	margin: 0
}

h1 {
	font-size: 40px
}

h2 {
	font-size: 30px
}

h3 {
	font-size: 22px
}

h4 {
	font-size: 20px
}

h5 {
	font-size: 18px
}

h6 {
	font-size: 16px
}

.header {
	width: 100%;
	height: 70px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999
}

.header--sticky {
	background-color: #fff;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .03);
	-moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .03);
	-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .03)
}

.header__content {
	height: 70px
}

.header__content--fix-width {
	width: 1240px;
	margin: auto;
	clear: both
}

.header__content--fluid-width {
	width: 80%;
	margin: auto;
	clear: both
}

.header__logo-title {
	color: #fff;
	font-size: 26px;
	letter-spacing: -1px;
	position: relative;
	float: left;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	z-index: 999
}

header .header__logo__img {
	width: 150px;
	height: 40px;
	background: url(../images/logo-white.png) no-repeat center center;
	background-size: contain
}

header.header--sticky .header__logo__img {
	background: url(../images/logo.png) no-repeat center center;
	background-size: contain
}

.header--sticky .header__logo-title,
.header--page .header__logo-title,
.menu-open .header__logo-title {
	color: #000
}

.header__logo-title span {
	font-weight: 700
}

.header__menu {
	float: right
}

.header__menu ul,
.header__menu ul li,
.header__menu ul li a {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	float: left;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: transparent
}

.header__menu:after,
.header__menu>ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.menu-button {
	width: 28px;
	height: 20px;
	position: absolute;
	padding: 0;
	font-size: 20px;
	top: 12px;
	right: 6%;
	z-index: 99999;
	display: none;
	cursor: pointer;
	border-bottom: 1px solid #fff;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: transparent
}

.menu-button:before {
	content: "";
	position: absolute;
	top: 6px;
	left: 0;
	width: 28px;
	height: 6px;
	z-index: 999;
	border-top: 1px double #fff;
	border-bottom: 1px solid #fff
}

.header__menu>ul>li {
	display: inline-block;
	padding: 0
}

.header__menu>ul>li>a {
	height: 70px;
	line-height: 70px;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	letter-spacing: .5px;
	padding: 0 25px;
	margin: 0;
	font-weight: 400;
	overflow: hidden
}

.header--sticky .header__menu>ul>li>a,
.header--page .header__menu>ul>li>a {
	color: #000
}

.header--sticky .menu-button,
.menu-open .menu-button {
	border-bottom: 1px solid #000
}

.header--sticky .menu-button:before,
.menu-open .menu-button:before {
	border-bottom: 1px solid #000;
	border-top: 1px double #000
}

.header__menu>ul>li.header__btn>a {
	height: 32px;
	line-height: 30px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	transition: background-color .3s ease
}

.header__menu>ul>li.header__btn--signup>a {
	color: #fff;
	background-color: #f25a90;
	padding: 0 22px;
	margin: 19px 0 0 25px;
	border: 1px #f25a90 solid
}

.header__menu>ul>li.header__btn--login>a {
	color: #23dc87;
	padding: 0 22px;
	margin: 19px 0 0 25px;
	border: 1px #23dc87 solid
}

.header__menu ul li.header__btn--signup>a:hover {
	background-color: transparent;
	border: 1px #f25a90 solid;
	color: #f25a90
}

.header__menu ul li.header__btn--login>a:hover {
	background-color: #23dc87;
	color: #fff
}

.header__menu ul li a:hover,
.header__menu ul li a.selected,
.header__menu ul li a.active {
	color: #7bfbc4
}

.header__menu ul li.header__btn--signup a.active {
	color: #fff
}

.header__menu ul li.header__btn--login a.active {
	color: #fff
}

.header--sticky .header__menu ul li.header__btn--login a.active {
	color: #23dc87
}

.header__menu ul li:hover {
	cursor: pointer
}

.header__menu>ul>li.menu-item-has-children>a {
	background: url(../images/drop-down.png) no-repeat 90% 50%
}

.header__menu ul ul {
	position: absolute;
	left: 0;
	top: 55px;
	z-index: 9999;
	visibility: hidden;
	text-align: left;
	padding: 5px 0;
	background-color: #fff;
	-webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1);
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s
}

.header__menu ul ul.submenu-header-sticky {
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .03);
	-moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .03);
	-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .03);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0
}

.header__menu li:hover>ul {
	visibility: visible;
	opacity: 1;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	top: 70px
}

.header__menu ul ul ul {
	margin-left: 100%;
	top: 0
}

.header__menu ul ul li a {
	width: 200px;
	padding: 0 15px;
	color: #231f20;
	border-bottom: 1px #f7f8f9 solid;
	margin: 0 10px;
	font-size: 14px;
	line-height: 45px;
	height: 45px
}

.header__menu ul ul li a:hover {
	color: #23dc87
}

.header__menu ul ul li:last-child a {
	border-bottom: none
}

.section {
	width: 100%;
	height: auto;
	float: left;
	clear: both
}

.section--page-top {
	padding-top: 80px
}

.section--page-bottom {
	padding-bottom: 80px
}

.section__content {
	clear: both
}

.section__content--fix-width {
	width: 1240px;
	margin: auto;
	clear: both
}

.section__content--fluid-width {
	width: 80%;
	margin: auto;
	clear: both
}

.section__content--padding {
	padding: 100px 0
}

.section__title {
	font-size: 48px;
	padding: 0 0 40px;
	font-weight: 700;
	line-height: 52px
}

.section__title--centered {
	width: 100%;
	text-align: center;
	position: relative
}

.section__title--centered:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 80%;
	margin: auto;
	width: 50px;
	height: 1px;
	background: #454545
}

.section__description {
	font-size: 18px;
	line-height: 32px
}

.section__description--centered {
	width: 60%;
	margin: auto;
	text-align: center;
	padding: 0 0 80px
}

.grid {
	width: 100%;
	float: left;
	clear: both
}

.grid__item--padding {
	background-color: #f7f8f9
}

.grid__item--centering {
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

.grid--2col .grid__item {
	float: left;
	margin-right: 80px;
	margin-bottom: 80px;
	width: calc((100% - 80px)/2)
}

.grid--2col .grid__item--padding {
	width: calc((100% - 80px - 20px * 4)/2);
	padding: 20px
}

.grid .grid__item:last-child,
.grid--2col .grid__item:nth-child(2n+2) {
	float: right;
	margin-right: 0
}

.grid--3col .grid__item {
	float: left;
	margin-right: 80px;
	margin-bottom: 80px;
	width: calc((100% - 80px * 2)/3)
}

.grid--3col .grid__item.grid__item--padding {
	width: calc((100% - 80px * 2 - 20px * 6)/3);
	padding: 20px
}

.grid--3col .grid__item--x2 {
	width: calc((((100% - 80px * 2)/3) * 2) + 80px)
}

.grid--3col .grid__item--x2.grid__item--padding {
	width: calc((((100% - 80px * 2 - 20px * 6)/3) * 2) + 80px + 20px * 2);
	padding: 20px
}

.grid--3col .grid__item:nth-child(3n+3) {
	float: right;
	margin-right: 0
}

.grid--4col .grid__item {
	float: left;
	margin-right: 80px;
	margin-bottom: 80px;
	width: calc((100% - 80px * 3)/4)
}

.grid--4col .grid__item.grid__item--padding {
	width: calc((100% - 80px * 3 - 20px * 8)/4);
	padding: 20px
}

.grid--4col .grid__item--x3 {
	width: calc((((100% - 80px * 3)/4) * 3) + 80px * 2)
}

.grid--4col .grid__item--x3.grid__item--padding {
	width: calc((((100% - 80px * 3 - 20px * 8)/4) * 3) + 80px * 2 + 20px * 4);
	padding: 20px
}

.grid--4col .grid__item:nth-child(4n+4) {
	float: right;
	margin-right: 0
}

.grid--5col .grid__item {
	float: left;
	margin-right: 80px;
	margin-bottom: 80px;
	width: calc((100% - 80px * 4)/5)
}

.grid--5col .grid__item.grid__item--padding {
	width: calc((100% - 80px * 4 - 20px * 10)/5);
	padding: 20px
}

.grid--5col .grid__item--x2 {
	width: calc((((100% - 80px * 4)/5) * 2) + 80px)
}

.grid--5col .grid__item--x2.grid__item--padding {
	width: calc((((100% - 80px * 4 - 20px * 10)/5) * 2) + 80px + 20px * 2);
	padding: 20px
}

.grid--5col .grid__item--x3 {
	width: calc((((100% - 80px * 4)/5) * 3) + 80px * 2)
}

.grid--5col .grid__item--x3.grid__item--padding {
	width: calc((((100% - 80px * 4 - 20px * 10)/5) * 3) + 80px * 2 + 20px * 4);
	padding: 20px
}

.grid--5col .grid__item--x4 {
	width: calc((((100% - 80px * 4)/5) * 4) + 80px * 3)
}

.grid--5col .grid__item--x4.grid__item--padding {
	width: calc((((100% - 80px * 4 - 20px * 10)/5) * 4) + 80px * 3 + 20px * 6);
	padding: 20px
}

.grid--5col .grid__item:nth-child(5n+5) {
	float: right;
	margin-right: 0
}

.grid--6col .grid__item {
	float: left;
	margin-right: 80px;
	margin-bottom: 80px;
	width: calc((100% - 80px * 5)/6)
}

.grid--6col .grid__item.grid__item--padding {
	width: calc((100% - 80px * 5 - 20px * 12)/6);
	padding: 20px
}

.grid--6col .grid__item--x2 {
	width: calc((((100% - 80px * 5)/6) * 2) + 80px)
}

.grid--6col .grid__item--x2.grid__item--padding {
	width: calc((((100% - 80px * 5 - 20px * 12)/6) * 2) + 80px + 20px * 2);
	padding: 20px
}

.grid--6col .grid__item--x3 {
	width: calc((((100% - 80px * 5)/6) * 3) + 80px * 2)
}

.grid--6col .grid__item--x3.grid__item--padding {
	width: calc((((100% - 80px * 5 - 20px * 12)/6) * 3) + 80px * 2 + 20px * 4);
	padding: 20px
}

.grid--6col .grid__item--x4 {
	width: calc((((100% - 80px * 5)/6) * 4) + 80px * 3)
}

.grid--6col .grid__item--x4.grid__item--padding {
	width: calc((((100% - 80px * 5 - 20px * 12)/6) * 4) + 80px * 3 + 20px * 6);
	padding: 20px
}

.grid--6col .grid__item--x5 {
	width: calc((((100% - 80px * 5)/6) * 5) + 80px * 4)
}

.grid--6col .grid__item--x5.grid__item--padding {
	width: calc((((100% - 80px * 5 - 20px * 12)/6) * 5) + 80px * 4 + 20px * 8);
	padding: 20px
}

.grid--6col .grid__item:nth-child(6n+6) {
	float: right;
	margin-right: 0
}

.grid__item--floated-right {
	float: right!important;
	margin-right: 0!important
}

.grid__title {
	font-size: 24px;
	font-weight: 400;
	padding: 0 0 20px;
	margin: 0
}

.grid__title span {
	font-weight: 700
}

.grid__text {
	padding-bottom: 20px;
	line-height: 26px
}

.grid__text span {
	font-weight: 700
}

.grid__more {
	font-weight: 400;
	font-size: 14px;
	padding: 0;
	display: inline-block
}

.grid__list {
	list-style: none;
	padding: 0;
	margin: 0
}

.grid__list li {
	list-style: none;
	padding: 5px 0;
	margin: 0;
	line-height: 22px
}

.grid__image {
	width: 100%
}

.grid__image img {
	display: block;
	max-width: 100%
}

.grid__image--right img {
	float: right
}

.grid__image--left img {
	float: left
}

.btn {
	padding: 12px 30px;
	margin: 0 20px 0 0;
	font-size: 14px;
	letter-spacing: .5px;
	font-weight: 400;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

.btn:hover {
	cursor: pointer
}

.btn--blue-bg {
	color: #fff;
	background-color: #23dc87;
	border: 2px #23dc87 solid
}

.btn--blue-bg:hover {
	background-color: transparent;
	color: #23dc87
}

.btn--blue-border {
	color: #23dc87;
	border: 1px #23dc87 solid
}

.btn--blue-border:hover {
	background-color: #23dc87;
	color: #fff
}

.btn--green-bg {
	color: #fff;
	background-color: #28e180;
	border: 2px #28e180 solid
}

.btn--green-bg:hover {
	color: #28e180;
	background-color: transparent
}

.btn--green-border {
	color: #28e180;
	border: 1px #28e180 solid
}

.btn--green-border:hover {
	background-color: #28e180;
	color: #fff
}

.btn--orange-bg {
	color: #fff;
	background-color: #fb993e;
	border: 2px #fb993e solid
}

.btn--orange-bg:hover {
	color: #fb993e;
	background-color: transparent
}

.btn--orange-border {
	color: #fb993e;
	border: 1px #fb993e solid
}

.btn--orange-border:hover {
	background-color: #fb993e;
	color: #fff
}

.btn--red-bg {
	color: #fff;
	background-color: #f25a90;
	border: 2px #f25a90 solid
}

.btn--red-bg:hover {
	color: #f25a90;
	background-color: transparent;
	border: 2px #f25a90 solid
}

.section--intro {
	width: 100%;
	height: 100%;
	background-color: #000;
	position: relative;
	overflow: hidden
}

.section__content--intro {
	height: 100%
}

.intro {
	width: 50%;
	float: left;
	padding: 12% 0 0;
	position: relative;
	z-index: 777
}

.intro__content {
	width: 100%;
	text-align: left
}

.intro__title {
	padding: 0 0 15px;
	color: #fff;
	font-size: 48px;
	font-weight: 300;
	line-height: 40px;
	letter-spacing: -1px
}

.intro__title span {
	font-weight: 700
}

.intro__subtitle {
	padding: 0 0 40px;
	font-size: 24px;
	line-height: 32px;
	color: #fff;
	letter-spacing: .4px
}

.intro__description {
	padding: 0 0 40px;
	font-size: 20px;
	color: #c0fde1
}

.intro__description span {
	font-weight: 700;
	color: #fff
}

.intro__buttons {
	padding: 20px 0 0
}

.intro__buttons--centered {
	width: 100%;
	clear: both;
	text-align: center
}

.intro__buttons--left {
	width: 100%;
	clear: both;
	text-align: left
}

svg.svg-intro-bottom {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 111
}

.intro-animation {
	width: 50%;
	height: 60%;
	float: right;
	text-align: right;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 222
}

.intro-animation img {
	display: block;
	margin: auto;
	max-width: 100%;
	opacity: 0;
	animation: .8s ease-out 0s 1 slideInFromRight;
	-webkit-animation: .8s ease-out 0s 1 slideInFromRight;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both
}

@keyframes slideInFromRight {
	0% {
		transform: translateX(100%)
	}
	100% {
		transform: translateX(0);
		opacity: 1
	}
}

@-webkit-keyframes slideInFromRight {
	0% {
		-webkit-transform: translateX(100%)
	}
	100% {
		-webkit-transform: translateX(0);
		opacity: 1
	}
}

@keyframes slideInFromRight2 {
	0% {
		transform: translateX(220%)
	}
	100% {
		transform: translateX(0);
		opacity: 1
	}
}

@-webkit-keyframes slideInFromRight2 {
	0% {
		-webkit-transform: translateX(220%)
	}
	100% {
		-webkit-transform: translateX(0);
		opacity: 1
	}
}

.grid--about {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.grid--about .grid__item {
	padding: 20px;
	border: 2px dashed #000;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.grid--about .grid__item:hover {
	border-color: #28e180
}

.grid--about .grid__title {
	font-size: 36px;
	line-height: 42px;
	font-weight: 300;
	padding: 0 0 40px;
	margin: 0;
	position: relative
}

.grid--about .grid__text {
	font-size: 18px;
	color: #848484;
	line-height: 26px
}

.grid--about .grid__list {
	padding: 20px 0 0
}

.grid--about .grid__list li {
	background: url(../images/checked.png) no-repeat 0 50%;
	font-size: 18px;
	padding: 10px 0 10px 40px
}

.section--features {
	width: 100%;
	position: relative;
	padding: 0 0 80px
}

svg.svg-features-bottom {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 555
}

.grid--features {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.grid--features .grid__item {
	margin-right: 0;
	margin-bottom: 0;
	width: 25%;
	padding: 40px;
	text-align: center;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
	border-right: 1px #f1f2f7 solid;
	border-bottom: 1px #f1f2f7 solid;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	box-sizing: border-box
}

.grid--features .grid__item i {
	font-size: 62px;
	font-style: normal;
	color: #23dc87
}

.grid--features .grid__item:last-child {
	border-right: none
}

.grid--noborder .grid__item {
	border-bottom: none
}

.grid--features .grid__item:hover i {
	color: #fff
}

.grid--features .grid__item:hover {
	background-color: #23dc87;
	color: #fff;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, .18);
	-moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .18);
	-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .18);
	transform: translate(0, -10px);
	-webkit-transform: translate(0, -10px);
	-moz-transform: translate(0, -10px)
}

.grid--features .grid__title {
	font-size: 24px;
	font-weight: 700;
	padding: 10px 0 40px;
	margin: 0;
	line-height: 28px
}

.grid--features .grid__title span {
	font-weight: 300
}

.grid--features .grid__text {
	text-align: center
}

.btn--combos {
	margin: 0 0 30px;
	text-align: center
}

.btn--combos .btn {
	margin-top: 10px;
	display: inline-block
}

.section--testimonials {
	background-color: #f7f8f9;
	-webkit-background-size: auto 90%;
	-moz-background-size: auto 90%;
	-o-background-size: auto 90%;
	background-size: auto 90%;
	background-position: center center;
	background-image: url(../images/world-bg.png);
	background-repeat: no-repeat
}

.testimonials {
	width: 80%;
	height: 400px;
	position: relative;
	margin: 0 auto;
	padding: 40px 0
}

.testimonials__item {
	position: absolute;
	z-index: 666
}

.testimonials__item:nth-child(1) {
	top: 17%;
	left: 20%
}

.testimonials__item:nth-child(2) {
	top: 10%;
	left: 30%
}

.testimonials__item:nth-child(3) {
	top: 15%;
	left: 48%
}

.testimonials__item:nth-child(4) {
	top: 52%;
	left: 58%
}

.testimonials__item:nth-child(5) {
	top: 70%;
	left: 28%
}

.testimonials__item:nth-child(6) {
	top: 80%;
	left: 85%
}

.testimonials__item:nth-child(7) {
	top: 15%;
	left: 68%
}

.testimonials__thumb img {
	width: 50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding: 5px;
	background-color: #fff;
	margin: auto;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .18);
	-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .18);
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .18);
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.testimonials__item--x2 .testimonials__thumb img {
	width: 80px
}

.testimonials__item--x3 .testimonials__thumb img {
	width: 100px
}

.testimonials__item--x4 .testimonials__thumb img {
	width: 120px
}

.testimonials__content {
	-webkit-transform: translateX(70px) translateY(-50px);
	transform: translateX(70px) translateY(-50px);
	background-color: #fff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
	opacity: 0;
	height: 0;
	width: 0;
	padding: 0;
	overflow: hidden
}

.testimonials__item--x2 .testimonials__content {
	-webkit-transform: translateX(100px) translateY(-80px);
	transform: translateX(100px) translateY(-80px)
}

.testimonials__item--x3 .testimonials__content {
	-webkit-transform: translateX(120px) translateY(-100px);
	transform: translateX(120px) translateY(-100px)
}

.testimonials__item--x4 .testimonials__content {
	-webkit-transform: translateX(140px) translateY(-100px);
	transform: translateX(140px) translateY(-100px)
}

.testimonials__item:hover .testimonials__content {
	opacity: 1;
	height: auto;
	width: 250px;
	padding: 20px;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .18);
	-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .18);
	-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .18)
}

.testimonials__item:hover .testimonials__thumb img {
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .28);
	-moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .28);
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .28);
	transform: scale(1.1)
}

.testimonials__item:hover {
	z-index: 777!important
}

.testimonials__text p {
	font-size: 16px;
	line-height: 22px
}

.testimonials__source {
	font-size: 20px;
	font-weight: 700;
	padding: 0 0 10px;
	line-height: 22px
}

.testimonials__source a {
	display: block;
	font-size: 14px;
	font-weight: 300
}

.testimonials__source a:hover {
	color: #000
}

.section--cta {
	background-color: #f7f8f9;
	position: relative;
	padding-bottom: 40px
}

.svg-cta-bottom {
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: 111
}

.grid--cta {
	width: 100%;
	display: flex;
	position: relative;
	z-index: 222
}

.grid--cta .grid__item {
	width: calc(100%/2);
	margin: 0
}

.grid__title--cta {
	font-size: 42px;
	color: #333;
	font-weight: 300;
	padding: 20px 0;
	margin: 0 0 20px
}

.grid__title--cta span {
	font-weight: 700;
	color: #23dc87
}

.grid--cta .grid__text {
	font-size: 18px;
	line-height: 30px
}

.grid--cta .grid__more {
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: .5px;
	background-color: #f25a90;
	padding: 20px 62px;
	margin: 0 auto;
	border: 1px #f25a90 solid;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	transition: background-color .3s ease
}

.grid--cta .grid__more:hover {
	color: #f25a90;
	background-color: #fff;
	border: 1px #f25a90 solid
}

.hiw {
	width: 100%;
	overflow: hidden;
	text-align: center
}

.grid--faq .grid__title {
	font-size: 36px;
	line-height: 46px;
	font-weight: 700;
	padding: 10px 0 20px;
	margin: 0;
	position: relative
}

.grid--faq .grid__text {
	font-size: 18px;
	color: #848484;
	line-height: 26px
}

.grid--faq .grid__list {
	padding: 20px 0 0
}

.grid--faq .grid__list li {
	background: url(../images/checked.png) no-repeat 0 50%;
	font-size: 18px;
	padding: 10px 0 10px 40px
}

.faq {
	width: 100%;
	margin: auto
}

.faq__item {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px #f7f8f9 solid
}

.faq__input {
	position: absolute;
	opacity: 0;
	z-index: -1
}

.faq__label {
	position: relative;
	display: block;
	cursor: pointer;
	padding: 20px;
	font-size: 18px;
	font-weight: 300;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease
}

.faq__content {
	max-height: 0;
	overflow: hidden;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
	background-color: #f7f8f9
}

.faq__content p {
	padding: 20px;
	font-size: 16px
}

.faq__input:checked~.faq__content {
	max-height: 300px
}

.faq__input:checked~.faq__label,
.faq__label:hover {
	background-color: #23dc87;
	color: #fff
}

.faq__label:hover span {
	transform: rotateX(180deg);
	background: url(../images/drop-down-faq-selected.png) no-repeat center
}

.faq__label span {
	position: absolute;
	right: 2%;
	top: 45%;
	display: block;
	width: 11px;
	height: 6px;
	text-align: center;
	background: url(../images/drop-down-faq.png) no-repeat center;
	-webkit-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s
}

.faq__input[type=radio]:checked+.faq__label span {
	transform: rotateX(180deg);
	background: url(../images/drop-down-faq-selected.png) no-repeat center
}

.section--testimonials .section__content--fluid-width {
	max-width: 1140px;
}

.row {
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-top: 30px;
	flex-wrap: wrap
}

.col-md-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	position: relative;
	width: 100%;
	padding-right: 5px;
	padding-left: 5px;
	box-sizing: border-box
}

.img {
	background: #fff;
	padding: 10px;
	margin-top: 10px
}

.img .img-fluid {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	border-style: none
}

.testimonials .img.one {
	transform: rotate(5deg)
}

.shadow {
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important
}

.custom-hosting .col-md-3 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	box-sizing: border-box
}

.wp-hosting .col-md-3 {
	-ms-flex: 0 0 20%!important;
	flex: 0 0 20%!important;
	max-width: 20%!important;
	padding-right: 7px;
	padding-left: 7px;
	box-sizing: border-box
}

.hosting-plan {
	position: relative;
	text-align: center;
	padding: 0;
	margin: 0 0 15px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .16), 0 4px 5px 0 rgba(0, 0, 0, .05), 0 1px 10px 0 rgba(0, 0, 0, .08)
}

.hosting-text {
	padding: 30px 10px;
	background: #f4fdff
}

.scection-block .plan-title {
	padding: 0;
	margin-bottom: 15px;
	font-weight: 700;
	font-size: 24px;
	color: #333
}

.lightblue-button {
	font-weight: 700;
	text-decoration: none;
	border-radius: 6px;
	display: inline-block;
	padding: 8px 18px;
	font-size: 16px;
	color: #fff;
	background-image: -webkit-linear-gradient(-30deg, #3dc6e6, #1976f9 49%, #0b53ff);
	background-image: linear-gradient(-30deg, #3dc6e6, #1976f9 49%, #0b53ff)
}

.lightblue-button:hover {
	color: #fff
}

.justify-content-center {
	-ms-flex-pack: center;
	justify-content: center
}

.hosting-plan-detail {
	background: #fff;
	border-radius: 10px 10px 0 0
}

.hosting-plan-detail ul {
	display: flex;
	border-bottom: 1px solid #eee;
	padding: 10px;
	box-sizing: border-box;
	align-items: center
}

.hosting-plan-detail ul>li {
	flex: 0 0 40%;
	max-width: 40%;
	font-size: 18px;
	font-weight: 700;
	color: #333
}

.hosting-plan-detail ul>li:first-child {
	flex: 0 0 20%;
	max-width: 20%
}

.hosting-plan-detail .lightblue-button {
	padding: 12px;
	white-space: nowrap
}

.plan-feature ul {
	margin-bottom: 15px
}

.plan-feature ul>li {
	display: block;
	font-size: 16px;
	color: #333
}

.plan-feature ul>li:not(:last-child) {
	margin-bottom: 15px
}

.plan-feature ul>li::before {
	content: "";
	background: url(../images/check-icon.svg) no-repeat center;
	width: 17px;
	height: 17px;
	background-size: cover;
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px
}

.old-price {
	color: red;
	text-decoration: line-through;
	font-weight: 400;
	margin-left: 5px;
	font-size: 15px;
	display: block;
	margin-top: 3px
}

.pt-80 {
	padding-top: 80px
}

.hf {
	font-weight: 500;
	color: #25aafb;
	background: #e3f5ff;
	font-size: 12px;
	display: inline-block;
	padding: 6px 12px;
	border-radius: 30px;
	vertical-align: middle;
	text-align: center
}

.vps-hosting .col-md-3 {
	-ms-flex: 0 0 20%!important;
	flex: 0 0 20%!important;
	max-width: 20%!important;
	padding-right: 7px!important;
	padding-left: 7px!important;
	box-sizing: border-box
}

.pb-80 {
	padding-bottom: 80px
}

.best-seller1 {
	display: block;
	margin: 0 auto;
	line-height: 0;
	height: 82px
}

.best-seller1 img {
	max-width: 100%
}

.section__title--centered>a {
	color: #1d1d1d
}

.intro__description>a {
	color: #c0fde1
}

.header__menu>ul>li.currency {
    position: relative;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}
.currency .dropdown-menu {
    min-width: 60px;
    padding: 6px 10px;
    margin: 0;
}
.currency:hover .dropdown-menu {
    display: block;
    opacity: 1 !important;
}
.currency:hover .dropdown-menu::before {
    content: "";
    border: 8px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    left: 50%;
    top: -16px;
    transform: translateX(-50%);
}
.currency .dropdown-menu a {
    display: block;
    padding: 5px;
    font-size: 14px;
    text-transform: uppercase;
    color: #333;
    float: none;
}
.currency .dropdown-menu a:hover {
    color: #000;
}
.header__menu ul>li.currency a {
    position: relative;
    text-transform: uppercase;
}
.currency .dropdown-menu a:not(:last-child) {
    border-bottom: 1px solid #ccc;
}
.header__menu ul>li.currency a i {
    margin-left: 0;
    margin-right: 5px;
}
.header__menu ul>li.currency > a::after {
    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    margin-left: 5px;
}

@media screen and (max-width:1400px) {
	.header__content--fluid-width,
	.section__content--fluid-width {
		width: 92%;
		padding-left: 4%;
		padding-right: 4%
	}
	.intro {
		width: 50%
	}
}

@media screen and (max-width:1240px) {
	.vps-hosting .col-md-3 {
		-ms-flex: 0 0 50%!important;
		flex: 0 0 50%!important;
		max-width: 50%!important;
		padding-right: 15px!important;
		padding-left: 15px!important
	}
	.header__content--fix-width,
	.section__content--fix-width,
	.footer__content--fix-width {
		width: 92%;
		padding-left: 4%;
		padding-right: 4%
	}
	.custom-hosting .col-md-3 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}
	.wp-hosting .col-md-3 {
		-ms-flex: 0 0 50%!important;
		flex: 0 0 50%!important;
		max-width: 50%!important
	}
	.wp-hosting .row {
		flex-wrap: wrap
	}
}

@media screen and (max-width:800px) {
	.pb-80 {
		padding-bottom: 50px
	}
	.pt-80 {
		padding-top: 50px
	}
	.hiw br {
		display: none
	}
	body {
		font-size: 14px;
		height: auto
	}
	p {
		line-height: 22px
	}
	.grid--features .grid__item {
		width: 50%
	}
	.header__content--fix-width,
	.section__content--fix-width {
		width: 90%;
		padding-left: 5%;
		padding-right: 5%
	}
	.header {
		height: 50px;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-ms-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s
	}
	.header__content {
		height: 50px
	}
	.menu-open {
		height: 100%!important;
		overflow-y: scroll;
		background-color: #fff
	}
	.header__logo-title {
		font-size: 20px
	}        
	.header__menu ul li a {
		width: 100%;
		font-size: 13px;
		line-height: 50px;
		height: auto;
		margin: 0;
		padding: 0 7px;
		color: #fff
	}
	.header__menu ul ul li a {
		margin: 0;
		padding: 0 0 0 15%;
		width: 100%;
		height: auto
	}
	.header__menu>ul>li.header__btn--signup>a {
		width: 80%;
		height: 35px;
		line-height: 35px;
		padding: 0 5%;
		margin: 5px 0 5px 10%;
		text-align: center;
		-webkit-transition: none;
		-moz-transition: none;
		transition: none
	}
	.header__menu>ul>li.header__btn--login>a {
		width: 80%;
		height: 35px;
		line-height: 35px;
		padding: 0 5%;
		margin: 5px 0 5px 10%;
		text-align: center;
		-webkit-transition: none;
		-moz-transition: none;
		transition: none
	}
	.header__menu ul ul li:first-child a {
		border-top: 1px #ebeced solid
	}
	.header__menu ul ul li:last-child a {
		border-bottom: none
	}
	.header__menu ul ul ul li a {
		margin: 0;
		padding: 0 0 10px 0
	}
	.header__menu ul ul,
	.header__menu ul ul ul {
		position: relative;
		left: 0;
		width: 100%;
		padding: 0;
		top: 0;
		border-top: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		background: 0 0;
		transition: none;
		visibility: visible;
		opacity: 1
	}
	.header__menu ul ul.submenu-header-sticky {
		background-color: #fff;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none
	}
	.header__menu ul ul li,
	.header__menu ul ul ul li {
		border-bottom: none
	}
	.header__menu li:hover>ul {
		transition: none;
		visibility: visible;
		top: auto
	}
	.menu-button {
		display: block
	}
	.header__menu .submenu-button {
		position: absolute;
		z-index: 99;
		right: 0;
		top: 0;
		display: block;
		height: 38px;
		width: 50px;
		cursor: pointer;
		border-left: 1px solid #ebeced;
		background-color: #fff
	}
	.header__menu ul ul .submenu-button {
		height: 35px;
		width: 35px
	}
	.header__menu .submenu-button:after {
		content: '';
		position: absolute;
		top: 17px;
		left: 17px;
		display: block;
		width: 0;
		padding: 0;
		border: 5px solid transparent;
		border-top-color: #000
	}
	.header__menu ul ul .submenu-button:after {
		border-width: 4px;
		left: 14px;
		top: 12px
	}
	.header__menu .submenu-button.submenu-opened:after {
		top: 12px;
		border-top-color: transparent;
		border-bottom-color: #000
	}
	.header__menu ul ul .submenu-button.submenu-opened:after {
		top: 10px
	}
	.section--page-top {
		padding-top: 40px
	}
	.section--page-bottom {
		padding-bottom: 40px
	}
	.section__content--padding {
		padding: 50px 0
	}
	.section__title {
		font-size: 28px;
		padding: 0 4%;
		box-sizing: border-box;
		line-height: 36px;
		margin-bottom: 20px
	}
	.section__title--centered:after {
		top: 105%
	}
	.hiw {
		padding: 0 4%;
		box-sizing: border-box
	}
	.section__description {
		font-size: 14px;
		line-height: 26px
	}
	.section__description--centered {
		width: 80%;
		padding: 0 0 40px
	}
	.grid--2col .grid__item,
	.grid--3col .grid__item,
	.grid--4col .grid__item,
	.grid--5col .grid__item,
	.grid--6col .grid__item {
		margin-right: 0;
		margin-bottom: 40px;
		width: 100%
	}
	.grid--3col .grid__item--x2,
	.grid--4col .grid__item--x3,
	.grid--5col .grid__item--x2,
	.grid--5col .grid__item--x3,
	.grid--5col .grid__item--x4,
	.grid--6col .grid__item--x2,
	.grid--6col .grid__item--x3,
	.grid--6col .grid__item--x4,
	.grid--6col .grid__item--x5 {
		width: 100%
	}
	.grid--2col .grid__item--padding,
	.grid--3col .grid__item.grid__item--padding,
	.grid--3col .grid__item--x2.grid__item--padding,
	.grid--4col .grid__item.grid__item--padding,
	.grid--4col .grid__item--x3.grid__item--padding,
	.grid--5col .grid__item.grid__item--padding,
	.grid--5col .grid__item--x2.grid__item--padding,
	.grid--5col .grid__item--x3.grid__item--padding,
	.grid--5col .grid__item--x4.grid__item--padding,
	.grid--6col .grid__item.grid__item--padding,
	.grid--6col .grid__item--x2.grid__item--padding,
	.grid--6col .grid__item--x3.grid__item--padding,
	.grid--6col .grid__item--x4.grid__item--padding,
	.grid--6col .grid__item--x5.grid__item--padding {
		width: calc(100% - 20px * 2);
		padding: 20px
	}
	.grid__title {
		font-size: 18px
	}
	.grid__text {
		padding-bottom: 20px;
		line-height: 22px
	}
	ul.grid__list--fmenu li {
		display: block;
		float: left;
		margin: 0 20px 10px 0
	}
	.intro {
		width: 100%;
		padding: 15% 0 0
	}
	.intro__title {
		padding: 0 0 25px;
		font-size: 60px;
		line-height: 55px
	}
	.intro__subtitle {
		font-size: 22px;
		line-height: 24px;
		padding: 0 0 20px
	}
	.intro__description {
		font-size: 16px;
		padding: 0 0 20px
	}
	.intro__buttons {
		padding: 20px 0 0
	}
	.btn {
		padding: 10px 30px;
		margin: 0 5px
	}
	.btn--play {
		padding-right: 60px
	}
	.intro-animation {
		width: 100%;
		height: auto;
		float: left;
		text-align: right;
		position: static;
		top: 0;
		left: 0;
		z-index: 222;
		margin-top: -80px
	}
	.intro-animation img {
		max-width: 100%
	}
	svg.svg-intro-bottom {
		height: 20%
	}
	svg.svg-intro-bottom-2 {
		height: 35%
	}
	.grid--about .grid__title {
		font-size: 28px;
		line-height: 36px
	}
	.grid--about .grid__text {
		font-size: 16px;
		line-height: 24px
	}
	.section--features {
		padding: 0 0 40px
	}
	svg.svg-features-bottom {
		height: 40px
	}
	.hiw-titles__slide {
		width: calc(100%/3);
		padding: 10px 0;
		margin: 0 0 10px
	}
	.hiw-buttons button {
		margin-bottom: 10px
	}
	.section--testimonials {
		-webkit-background-size: 90% auto;
		-moz-background-size: 90% auto;
		-o-background-size: 90% auto;
		background-size: 90% auto;
		background-position: center 40px
	}
	.testimonials {
		width: 100%;
		height: auto
	}
	.testimonials__item {
		position: relative
	}
	.testimonials__item:nth-child(1) {
		top: auto;
		left: auto
	}
	.testimonials__item:nth-child(2) {
		top: auto;
		left: auto
	}
	.testimonials__item:nth-child(3) {
		top: auto;
		left: auto
	}
	.testimonials__item:nth-child(4) {
		top: auto;
		left: auto
	}
	.testimonials__item:nth-child(5) {
		top: auto;
		left: auto
	}
	.testimonials__item:nth-child(6) {
		top: auto;
		left: auto
	}
	.testimonials__item:nth-child(7) {
		top: auto;
		left: auto
	}
	.testimonials__item--x2 .testimonials__thumb img {
		width: 40px
	}
	.testimonials__item--x3 .testimonials__thumb img {
		width: 40px
	}
	.testimonials__item--x4 .testimonials__thumb img {
		width: 40px
	}
	.testimonials__content {
		opacity: 1;
		height: auto;
		width: 180px;
		padding: 20px;
		overflow: hidden
	}
	.testimonials__item--x2 .testimonials__content {
		-webkit-transform: translateX(70px) translateY(-50px);
		transform: translateX(70px) translateY(-50px)
	}
	.testimonials__item--x3 .testimonials__content {
		-webkit-transform: translateX(70px) translateY(-50px);
		transform: translateX(70px) translateY(-50px)
	}
	.testimonials__item--x4 .testimonials__content {
		-webkit-transform: translateX(70px) translateY(-50px);
		transform: translateX(70px) translateY(-50px)
	}
	.testimonials__item:hover .testimonials__content {
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		width: 180px
	}
	.testimonials__item:hover .testimonials__thumb img {
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, .18);
		-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .18);
		-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .18);
		transform: scale(1)
	}
	.testimonials__text p {
		font-size: 14px;
		line-height: 20px
	}
	.testimonials__source {
		font-size: 18px;
		padding: 0 0 5px;
		line-height: 20px
	}
	.testimonials__source a {
		font-size: 12px;
		font-weight: 400
	}
	.grid--contact {
		display: block
	}
	.grid--contact .grid__item,
	.grid--6col .grid__item {
		margin-bottom: 0!important
	}
	.grid__form {
		width: 90%;
		padding: 0 5%;
		position: relative
	}
	.form__submit {
		margin: 40px 0 0
	}
	.svg-form-left {
		display: none
	}
	.modal__wrapper {
		top: 5%;
		width: 90%;
		margin-left: -45%
	}
	.modal__wrapper--image {
		top: 10%;
		left: 14%;
		width: 86%;
		bottom: auto;
		margin-left: -7%
	}
	.modal__content.modal__content--visible {
		display: block
	}
	.modal__info {
		display: none
	}
	.modal__form {
		width: 90%;
		height: 100%;
		display: block;
		padding: 20px 5%
	}
	.modal__content--login,
	.modal__content--forgot,
	.modal__content--signup {
		background-color: #fff
	}
	.modal__image {
		height: auto
	}
	.modal__image img {
		max-width: 100%;
		max-height: auto
	}
	.grid--features .grid__item {
		margin-right: 0;
		margin-bottom: 0;
		width: 90%;
		padding: 5%
	}
	.grid--support .grid__item {
		margin-right: 0;
		margin-bottom: 0;
		width: 90%;
		padding: 5%
	}
	.grid--support .grid__item.grid__item--padding {
		margin-right: 0;
		margin-bottom: 0;
		width: 90%;
		padding: 5%
	}
	.hiw-content__slide {
		height: auto
	}
	.hiw-content__slide pre {
		white-space: pre-wrap;
		white-space: -moz-pre-wrap;
		white-space: -pre-wrap;
		white-space: -o-pre-wrap;
		word-wrap: break-word
	}
	.section--cta {
		padding-bottom: 0
	}
	.svg-cta-bottom {
		display: none
	}
	.grid--cta {
		display: block
	}
	.grid__title--cta {
		font-size: 36px
	}
	.grid--cta .grid__item {
		width: 90%;
		padding: 0 5%
	}
	.grid--cta .grid__more {
		padding: 20px 32px
	}
}

@media screen and (max-width:767px) {
        .currency:hover .dropdown-menu, .currency .dropdown-menu {
            display: none;
        }
        .currency .dropdown-menu.open {
            display: block;
        }
        .header__menu ul>li.currency > a.open::after {
            content: "\f106";
        }
        .best-seller1 {
		height: auto;
		max-width: 180px
	}
	#testimonials .col-md-6 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.img {
		padding: 5px;
		margin-top: 5px
	}
	.grid--features {
		display: block!important
	}
	.grid--features .grid__item {
		width: 100%
	}
}

@media screen and (max-width:600px) {
        .header__menu>ul>li:not(:last-child), svg.svg-intro-bottom {
            display: none;
        }
        .currency .dropdown-menu {
            right: 0px;
            left: auto;
        }
        .currency .dropdown-menu a {
            padding: 0 5px;
            line-height: 30px;
        }
        .header__menu>ul>li>a {           
            font-weight: 600;
        }
        .header__menu ul li:last-child a:hover, .header__menu ul li:last-child a.selected, .header__menu ul li:last-child a.active {
            color: #7bfbc4;
        }
	.custom-hosting .col-md-3,
	.wp-hosting .col-md-3,
	.vps-hosting .col-md-3,
	#testimonials .col-md-6,
	.grid--cta .grid__item {
		padding: 0 !important;
	}
	.vps-hosting .col-md-3 {
		-ms-flex: 0 0 100%!important;
		flex: 0 0 100%!important;
		max-width: 100%!important
	}
	.custom-hosting .col-md-3 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
	.wp-hosting .col-md-3 {
		-ms-flex: 0 0 100%!important;
		flex: 0 0 100%!important;
		max-width: 100%!important
	}
	.row {
		flex-wrap: wrap
	}
	.intro__title {
		padding: 5% 0 10px;
		font-size: 30px;
		line-height: 34px
	}
	.intro__subtitle {
		font-size: 14px;
		padding: 0 0 30px;
		line-height: 20px
	}
	.intro__description {
		font-size: 12px
	}
	.btn {
		padding: 8px 15px
	}
	.btn--play {
		padding-right: 40px
	}
}

.section--intro--bg {
	background: url(../images/bg-6.png) no-repeat left center;
	background-size: 500px
}

.btn.btn--coupon {
	background: #fff;
	border-radius: 4px;
	border: 2px dashed #000;
	color: #000;
	font-weight: 600;
	font-size: 18px;
	letter-spacing: .2px;
	position: relative
}

@media screen and (max-width:667px) {
	.intro__title img {
		width: 300px
	}
}

.sizer-icon img {
	width: 40px;
	margin-bottom: -5px
}

.bf-clients {
	float: left;
	width: 100%
}

.bf-clients ul li {
	margin-right: 20px;
	max-width: 250px;
	text-align: center;
	border: 1px solid #efefef;
	display: inline-block;
	padding: 5px;
	margin-bottom: 10px
}

.customer-logos {
	text-align: center;
	width: 100%;
	padding-top: 10px
}

.bf-clients ul li img {
	width: 100%
}

.use-coupon {
	position: absolute;
	font-size: 18px;
	font-weight: 700;
	top: -25px
}

.copy-code button {
	background: #000;
	color: #fff;
	padding: 17px 15px 14px;
	border: none;
	margin-left: -10px;
	display: inline-block;
	cursor: pointer
}

.copy-code {
	position: relative;
	display: inline-block
}