.menu_c2a {
	background-color: #EF1649;
	padding: 10px 20px !important;
	font-size: 13px !important;
	letter-spacing: 1px !important;
	font-family: 'Montserrat', sans-serif !important;
	border: 0 !important;
	color: #ffffff !important;
	text-transform: uppercase !important;
	font-weight: 800 !important;
	display: inline-block !important;
	border-radius: 3px !important;
	text-align: center !important;
	cursor: pointer !important;
}
.header.fullWidth .container-fluid {
	padding: 0 0px 0 0 !important;
}
.header.light {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.mega-menu > section.menu-list-items .menu-bar {
	height: 70%;
}
.header-main {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	width: 100%;
	height: 97px;
	background-color: #fff;
	position: fixed;
	z-index: 9999;
}
.nopadding {
	padding: 0px;
}
.top-main {
	background-color: #ebebeb;
	height: 30px;
	padding: 0 30px 0 0;
}
.top-main ul li {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	padding: 4px 0 0 0
}
.top-main ul li {
	color: #323232;
}
.top-main ul li a {
	margin-left: 5px;
	color: #323232;
}
.menu-main {
	padding: 0px 0 0 0;
	width: 80%;
	float: right;
}
.mega-menu .menu-links > li > a {
	color: #000;
}
.logo-container {
	width: 120px;
	float: left;
	height: 66px;
	padding: 0 0 0 10px;
}
<!--
menu css--> .arrow_carrot-right:before {
	content: "\35";
}
.header_area {
	position: fixed;
	width: 100%;
	left: 0;
	z-index: 20;
	top: 0;
}
.menu_one {
	padding: 0px 35px 0 0;
}
.menu_one .btn_get {
	margin-left: 40px;
}
.sticky_logo img + img {
	display: none;
}
 @media (min-width: 992px) {
.mobile_btn {
	visibility: hidden;
	display: none;
}
}
.menu > .nav-item {
	position: relative;
	padding-bottom: 22px;
	padding-top: 22px;
}
.menu > .nav-item > .nav-link {
	font-size: 15px;
	color: #000;
	padding: 0px;
	transition: color 0.3s ease 0s;
	position: relative;
}
.menu > .nav-item > .nav-link:before {
	content: "";
	width: 0;
	height: 2px;
	background: #EF1649;
	position: absolute;
	bottom: 0;
	left: auto;
	right: 0;
	transition: all 0.2s linear;
}
.menu > .nav-item > .nav-link:after {
	display: none;
}
.menu > .nav-item.submenu .dropdown-menu {
	margin: 0px;
	border: 0px;
	margin: 0px;
	border-radius: 0px;
	left: -40px;
	min-width: 200px;
	padding: 0px;
	background: transparent;
	box-shadow: -1px 2px 19px 3px rgba(14, 0, 40, 0.05);
}
 @media (min-width: 992px) {
.menu > .nav-item.submenu .dropdown-menu {
	transform: translateY(20px);
	transition: all 0.3s ease-in;
	opacity: 0;
	visibility: hidden;
	display: block;
}
}
.menu > .nav-item.submenu .dropdown-menu .nav-item {
	display: block;
	width: 100%;
	margin-right: 0px;
	padding: 5px 40px;
	background: #fff;
	position: relative;
}
.menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link {
	padding: 0px;
	white-space: nowrap;
	font: 400 14px/34px;
	color: #000;
	transition: color 0.2s linear;
}
.menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link:after {
	display: none;
}
.menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link span.arrow_carrot-right {
	right: 20px;
	position: absolute;
	line-height: 30px;
	font-size: 18px;
}
.menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link {
	color: #5e2ced;
}
.menu > .nav-item.submenu .dropdown-menu .nav-item:first-child {
	padding-top: 25px;
}
 @media (min-width: 992px) {
.menu > .nav-item.submenu .dropdown-menu .nav-item:first-child > .dropdown-menu {
	top: 0;
}
}
.menu > .nav-item.submenu .dropdown-menu .nav-item:last-child {
	padding-bottom: 30px;
	margin-bottom: -8px;
}
.menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu {
	transition: transform 0.3s ease-in;
	padding: 0px;
}
.menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu:before {
	display: none;
}
 @media (min-width: 992px) {
.menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu {
	position: absolute;
	left: 100%;
	top: -25px;
	opacity: 0;
	display: block;
	visibility: hidden;
	transform: translateY(20px);
	transition: all 0.3s ease-in;
}
}
.menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item {
	padding: 0px;
}
.menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu {
	left: 0;
	position: relative;
	transform: translateY(0);
}
.menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item {
	padding: 20px 45px;
	border: 1px solid transparent;
	transition: all 0.15s linear;
}
.menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item .nav-link .navdropdown_link {
	display: flex;
}
.menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item .nav-link .navdropdown_link .navdropdown_icon {
	margin-right: 25px;
}
.menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item .nav-link .navdropdown_link .navdropdown_content h5 {
	font: 500 16px;
	color: #13112d;
	margin-bottom: 0px;
}
.menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item .nav-link .navdropdown_link .navdropdown_content p {
	margin-bottom: 0;
	padding-top: 5px;
	font-size: 15px;
	line-height: 20px;
	color: #677294;
}
.menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item.nav_download_btn {
	border-top-color: #f2f0f7;
	padding: 15px 45px;
}
.menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item.nav_download_btn .nav-link .navdropdown_link {
	align-items: center;
	justify-content: center;
}
.menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item.nav_download_btn .nav-link .navdropdown_link .navdropdown_icon {
	margin-right: 10px;
}
.menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item:hover {
	transform: scale(1.05);
	border-color: #f2f0f7;
	background-color: #fff;
	box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1), 0px -1px 0px 0px rgba(243, 241, 248, 0.004);
}
.menu > .nav-item.submenu.mega_menu {
	position: static;
}
.menu > .nav-item.submenu.mega_menu .mega_menu_inner {
	min-width: 200px;
	list-style: none;
	position: absolute;
	box-shadow: -1px 2px 19px 3px rgba(14, 0, 40, 0.10);
	left: 0px;
	right: 0px;
	transition: all 300ms linear 0s;
	background: #fff;
}
 @media (min-width: 992px) {
.menu > .nav-item.submenu.mega_menu .mega_menu_inner {
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	top: 100%;
	opacity: 0;
	visibility: hidden;
	display: block;
}
}
.menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu {
	position: relative;
	max-width: 1170px;
	margin: 0 auto;
	left: 0;
	background: transparent;
	box-shadow: none;
	padding: 0px;
}
 @media (min-width: 992px) {
.menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu {
	display: flex;
	flex-wrap: wrap;
}
}
.menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item {
	padding-top: 40px;
	padding-bottom: 40px;
	margin-bottom: 0px;
	width: 33.333333%;
}
.menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item > .nav-link {
	font: 500 18px;
	color: #13112d;
}
.menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu {
	left: 0;
	position: relative;
	transform: translateY(0);
	box-shadow: none;
	padding: 0px;
	top: 0;
}
.menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu > .nav-item {
	padding-left: 0px;
	padding-right: 0px;
	white-space: normal;
}
.menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu > .nav-item:first-child {
	padding-top: 5px;
}
.menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu > .nav-item {
	padding-bottom: 5px;
}
.menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu > .nav-item:last-child {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu {
	left: 0;
}
 @media (min-width: 992px) {
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu {
	padding: 20px 0px;
}
}
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .mCSB_scrollTools {
	width: 0px;
}
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .mCSB_container {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .mCustomScrollBox {
	width: 100%;
}
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item {
	padding: 0px;
	margin-bottom: 0;
	width: 100%;
}
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .dropdown-menu {
	left: 0;
	display: flex;
	flex-wrap: wrap;
	margin-left: -20px;
	margin-right: -20px;
}
 @media (max-height: 980px) and (min-width: 992px) {
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .dropdown-menu {
	max-height: 750px;
}
}
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .dropdown-menu .nav-item {
	width: 25%;
	padding: 15px 20px;
	margin-bottom: 0;
}
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item {
	text-align: center;
}
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .rebon_tap {
	font: 500 12px;
	color: #1bcb1f;
	background: #fff;
	display: block;
	position: absolute;
	top: -7px;
	left: -25px;
	padding: 15px 22px 5px;
	text-transform: uppercase;
	transform: rotate(-45deg);
}
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .img {
	box-shadow: 0px 4px 8px 0px rgba(12, 0, 46, 0.06);
	position: relative;
	margin-top: 0;
	display: block;
	overflow: hidden;
}
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .img:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background: #13112d;
	left: 0;
	top: 0;
	opacity: 0;
	transition: opacity 0.3s linear;
}
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .img img {
	width: 100%;
	max-width: 100%;
}
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .img.box_none {
	box-shadow: none;
}
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .text {
	font: 500 16px/22px;
	color: #13112d;
	display: block;
	margin-top: 20px;
}
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .text:hover {
	color: #5e2ced;
}
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item:hover .img:before {
	opacity: 0.5;
}
 @media (min-width: 992px) {
.menu > .nav-item.submenu.mega_menu:hover .dropdown-menu > .nav-item > .dropdown-menu {
	opacity: 1;
	visibility: visible;
}
.menu > .nav-item.submenu.mega_menu:hover .mega_menu_inner {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}
}
.menu > .nav-item:nth-last-child(-n+2).submenu .dropdown-menu {
	left: auto;
	right: 0;
}
.menu > .nav-item:nth-last-child(-n+2).submenu .dropdown-menu .nav-item > .dropdown-menu {
	left: auto;
	right: 100%;
}
.menu > .nav-item:nth-last-child(-n+2).submenu.mega_menu .dropdown-menu {
	left: 0;
	right: auto;
}
.menu > .nav-item:nth-last-child(-n+2).submenu.mega_menu .dropdown-menu .nav-item > .dropdown-menu {
	left: 0;
	right: auto;
}
.menu > .nav-item + .nav-item {
	margin-left: 35px;
}
.menu > .nav-item.active .nav-link {
	color: #EF1649;
}
.menu > .nav-item.active .nav-link:before {
	width: 100%;
	left: 0;
	right: auto;
}
.menu > .nav-item:hover .nav-link {
	color: #EF1649;
}
.menu > .nav-item:hover .nav-link:before {
	width: 100%;
	left: 0;
	right: auto;
}
 @media (min-width: 992px) {
.menu > .nav-item:hover .dropdown-menu {
	opacity: 1;
	transform: translateY(0);
	visibility: visible;
}
.menu > .nav-item:hover .dropdown-menu.mega_menu_three .nav-item .dropdown-menu {
	opacity: 1;
	visibility: visible;
}
}
 @media (min-width: 992px) and (min-width: 992px) {
.menu > .nav-item:hover .dropdown-menu > .nav-item:hover .dropdown-menu {
	transform: scaleY(1);
	opacity: 1;
	visibility: visible;
}
}
.navbar .search_cart .search a, .navbar .search_cart .shpping-cart a {
	font-size: 16px;
	line-height: 18px;
	color: #282835;
	margin-left: 12px;
}
.navbar .search_cart.w_menu .search a, .navbar .search_cart.w_menu .shpping-cart a {
	color: #fff;
}
.navbar .search_cart.w_menu .search a.nav-link:before {
	background: #fff;
}
.navbar .search_cart .search {
	display: inline-block;
}
.navbar .search_cart .search a.nav-link {
	font-size: 13px;
	line-height: 19px;
	position: relative;
	margin-left: 32px;
}
.navbar .search_cart .search a.nav-link:before {
	width: 1px !important;
	height: 12px;
	left: -14px;
	top: 3px;
	background: #13112d;
}
.navbar .search_cart .shpping-cart {
	display: inline-block;
	margin-left: 0px;
	margin-right: 0px;
}
.navbar .search_cart .shpping-cart .num {
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #EF1649;
	color: #fff;
	font-size: 11px;
	display: block;
	position: absolute;
	top: -8px;
	right: -9px;
	line-height: 16px;
	text-align: center;
}
.navbar .search_cart .shpping-cart .dropdown-menu {
	padding: 5px 0px 0px;
	min-width: 350px;
	width: 100%;
	position: absolute;
}
.navbar .search_cart .shpping-cart .dropdown-menu li {
	background: #fff;
}
.navbar .search_cart .shpping-cart .dropdown-menu li:first-child {
	padding-bottom: 0px;
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item {
	display: flex;
	flex-wrap: wrap;
	padding: 30px;
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item a {
	color: #333;
	margin-left: 0;
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item .cart-img {
	display: block;
	width: 30%;
	transition: all 0.3s linear;
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item .cart-content {
	width: 60%;
	padding-left: 15px;
	align-self: center;
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item .cart-content .cart-title {
	font-size: 15px;
	font-weight: 500;
	line-height: 22px;
	margin-bottom: 10px;
	transition: color 0.3s linear;
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item .cart-content p {
	font-size: 14px;
	line-height: 22px;
	color: #333;
	font-weight: 300;
	margin-bottom: 0px;
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item .cart-content p del {
	color: #919191;
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item .cart-remove {
	width: 10%;
	text-align: right;
	align-self: center;
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item .cart-remove a {
	font-size: 14px;
	color: #333;
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item .cart-remove a:hover {
	color: #EF1649;
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item:hover .cart-img {
	opacity: 0.5;
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item:hover .cart-title a {
	color: #EF1649;
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart_f {
	padding: 25px 30px 30px;
	background: #f9f9f9;
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart_f .total {
	font-size: 14px;
	color: #676b75;
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart_f .total .p-total {
	float: right;
	font-size: 20px;
	color: #333;
	font-weight: 500;
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn {
	font-size: 14px;
	text-transform: capitalize;
	border-radius: 4px;
	margin: 0px;
	line-height: 40px;
	padding: 0px 32px;
	background: #EF1649;
	border: 1px solid #EF1649;
	color: #fff;
	transition: all 0.3s linear;
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn:hover {
	background: transparent;
	color: #EF1649;
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn + .get_btn {
	margin-left: 10px;
	background: transparent;
	color: #EF1649;
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn + .get_btn:hover {
	background: #EF1649;
	color: #fff;
}
.menu_two {
	padding: 0px;
}
.menu_two .w_menu > .nav-item .nav-link:before {
	background: #a5d5f5;
}
.menu_two .w_menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu_two .w_menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu_two .w_menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link {
	color: #00aff0;
}
.menu_two .w_menu > .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item > .nav-link {
	color: #13112d;
}
.menu_two .menu_toggle .hamburger-cross span, .menu_two .menu_toggle .hamburger span {
	background: #fff;
}
.w_menu .nav-item .nav-link {
	color: #fff;
}
.w_menu .nav-item .nav-link:before {
	background: #fff;
}
.w_menu .nav-item:hover .nav-link, .w_menu .nav-item.active .nav-link {
	color: #fff;
}
.nav_right_btn .login_btn {
	font: 500 15px;
	padding: 13px 32px;
	min-width: 120px;
	display: inline-block;
	text-align: center;
	color: #fff;
	transition: all 0.2s linear;
	border-top-left-radius: 45px;
	border-bottom-left-radius: 45px;
	border-top-right-radius: 45px;
	border: 1px solid transparent;
}
.nav_right_btn .login_btn:hover, .nav_right_btn .login_btn.active {
	background: #fff;
	color: #00aff0;
	box-shadow: 0px 20px 24px 0px rgba(0, 11, 40, 0.1);
}
 @media (max-width: 991px) {
.nav_right_btn {
	display: none;
}
}
.menu_four .btn_get {
	border-color: #fff;
	padding: 0px 30px;
	background: #fff;
	min-width: 120px;
	text-align: center;
}
.menu_four .btn_get:hover {
	background: #5e2ced;
	border-color: #5e2ced;
}
.menu_four .btn_get_radious {
	background: transparent;
}
.menu_four .btn_get_radious:hover {
	background: #fff;
}
.menu_four .menu_toggle .hamburger span, .menu_four .menu_toggle .hamburger-cross span {
	background: #fff;
}
.menu_five {
	border-radius: 0px;
}
.menu_five .menu > .nav-item .nav-link {
	color: #fff;
}
.menu_five .menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu_five .menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu_five .menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link {
	color: #3d64f4;
}
.menu_five .menu > .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item > .nav-link {
	color: #051441;
}
.menu_five .btn_get {
	background: transparent;
	color: #fff;
	border: 1px solid #fff;
	line-height: 44px;
	padding: 0px 28px;
	min-width: 120px;
	text-align: center;
}
.menu_five .btn_get:hover {
	background: #fff;
	color: #3d64f4;
	border-color: #fff;
}
.menu_five .menu_toggle .hamburger span, .menu_five .menu_toggle .hamburger-cross span {
	background: #fff;
}
.menu_six {
	padding: 0px;
}
.menu_six .menu > .nav-item .nav-link {
	color: #fff;
}
.menu_six .menu > .nav-item:hover .nav-link, .menu_six .menu > .nav-item.active .nav-link {
	color: #3d57f4;
}
.menu_six .menu > .nav-item:hover .nav-link:before, .menu_six .menu > .nav-item.active .nav-link:before {
	background: #3d57f4;
}
.menu_six .menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu_six .menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu_six .menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link {
	color: #3d57f4;
}
.menu_six .menu > .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item > .nav-link {
	color: #051441;
}
.menu_six .menu > .nav-item:nth-last-child(-n+2).submenu .dropdown-menu {
	left: -40px;
	right: auto;
}
.menu_six .menu_toggle .hamburger-cross span, .menu_six .menu_toggle .hamburger span {
	background: #fff;
}
.menu_six .btn_get {
	border: 1px solid #fff;
	line-height: 43px;
	color: #fff;
}
.menu_six .btn_get:hover {
	background: #3d57f4;
	border-color: #3d57f4;
}
.menu_seven {
	padding: 0px;
}
.menu_seven .menu .nav-item .nav-link {
	color: #fff;
}
.menu_seven .menu .nav-item.active .nav-link:before, .menu_seven .menu .nav-item:hover .nav-link:before {
	background: #fff;
}
.menu_seven .menu .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu_seven .menu .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu_seven .menu .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link {
	color: #4069eb;
}
.menu_seven .menu .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item > .nav-link {
	color: #051441;
}
.menu_seven .menu_toggle .hamburger-cross span, .menu_seven .menu_toggle .hamburger span {
	background: #fff;
}
.menu_seven .btn_get {
	background: transparent;
}
.menu_seven .btn_get:hover {
	background: #fff;
	color: #4069eb;
}
.menu_eight .menu .nav-item.active .nav-link:before, .menu_eight .menu .nav-item:hover .nav-link:before {
	background: #fff;
}
.menu_eight .menu .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu_eight .menu .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu_eight .menu .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link {
	color: #23b1fe;
}
.menu_eight .menu .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item > .nav-link {
	color: #051441;
}
.menu_eight .saas_btn {
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #fff;
	color: #23b1fe;
}
.menu_eight .menu_toggle .hamburger-cross span, .menu_eight .menu_toggle .hamburger span {
	background: #fff;
}
.menu_nine .menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu_nine .menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu_nine .menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link {
	color: #5f51fb;
}
.menu_nine .menu_toggle .hamburger-cross span, .menu_nine .menu_toggle .hamburger span {
	background: #fff;
}
.menu_nine .btn_get {
	border-radius: 45px;
	line-height: 40px;
	font-size: 15px;
	margin-left: 35px;
}
.btn_get_radious {
	border-radius: 45px;
	border-width: 1px;
	color: #fff;
	background: #fff;
	box-shadow: none;
	padding: 0px 28px;
	line-height: 45px;
}
.btn_get_radious:before {
	background: #5846ed;
}
.btn_get_radious:hover {
	color: #5846ed;
}
/*============== header_area css ==============*/
/*========= hamburger menu css ========*/
.navbar-toggler {
	padding: 0px;
	margin-left: 20px;
}
.navbar-toggler:focus {
	outline: none;
}
.menu_toggle {
	width: 22px;
	height: 22px;
	position: relative;
	cursor: pointer;
	display: block;
}
.menu_toggle .hamburger {
	position: absolute;
	height: 100%;
	width: 100%;
	display: block;
}
.menu_toggle .hamburger span {
	width: 0%;
	height: 2px;
	position: relative;
	top: 0;
	left: 0;
	margin: 4px 0;
	display: block;
	background: #5e2ced;
	border-radius: 3px;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.menu_toggle .hamburger span:nth-child(1) {
	transition-delay: 0s;
}
.menu_toggle .hamburger span:nth-child(2) {
	transition-delay: 0.125s;
}
.menu_toggle .hamburger span:nth-child(3) {
	transition-delay: 0.2s;
}
.menu_toggle .hamburger-cross {
	position: absolute;
	height: 100%;
	width: 100%;
	transform: rotate(45deg);
	display: block;
}
.menu_toggle .hamburger-cross span {
	display: block;
	background: #5e2ced;
	border-radius: 3px;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.menu_toggle .hamburger-cross span:nth-child(1) {
	height: 100%;
	width: 2px;
	position: absolute;
	top: 0;
	left: 10px;
	transition-delay: 0.3s;
}
.menu_toggle .hamburger-cross span:nth-child(2) {
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	top: 10px;
	transition-delay: 0.4s;
}
.collapsed .menu_toggle .hamburger span {
	width: 100%;
}
.collapsed .menu_toggle .hamburger span:nth-child(1) {
	transition-delay: 0.3s;
}
.collapsed .menu_toggle .hamburger span:nth-child(2) {
	transition-delay: 0.4s;
}
.collapsed .menu_toggle .hamburger span:nth-child(3) {
	transition-delay: 0.5s;
}
.collapsed .menu_toggle .hamburger-cross span:nth-child(1) {
	height: 0%;
	transition-delay: 0s;
}
.collapsed .menu_toggle .hamburger-cross span:nth-child(2) {
	width: 0%;
	transition-delay: 0.2s;
}
.header_area_two + section, .header_area_three + section {
	margin-top: 93px;
}
.h_dark {
	background: #13112d;
}
.header_area_three {
	background-color: #fff;
	box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.1);
}
.header_area_three .menu_four .pl_30 {
	padding-left: 30px;
}
.header_area_three .menu_four .btn_get {
	border-color: #5e2ced;
	background: #5e2ced;
	color: #fff;
}
.header_area_three .menu_four .btn_get:hover {
	background: transparent;
	color: #5e2ced;
}
.header_area_three.navbar_fixed .menu_four .btn_get {
	border-color: #5e2ced !important;
}
.header_area_four .header_top {
	background: #13112d;
}
.header_area_four .header_top a {
	transition: color 0.3s linear;
}
.header_area_four .header_top a:hover {
	color: #5e2ced;
}
.header_area_four + section {
	margin-top: 144px;
}
.header_top {
	padding: 12px 0px;
}
.header_contact_info {
	margin-bottom: 0;
}
.header_contact_info li {
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	text-transform: capitalize;
}
.header_contact_info li:before {
	content: "";
	width: 1px;
	height: 12px;
	top: 1px;
	background: #5e5d76;
	display: inline-block;
	position: relative;
	margin: 0px 22px 0px 20px;
}
.header_contact_info li:first-child:before {
	display: none;
}
.header_contact_info li a {
	color: #c3c1da;
	font-weight: 300;
	padding-left: 5px;
}
.header_social_icon {
	text-align: right;
	margin-bottom: 0;
}
.header_social_icon li {
	display: inline-block;
	margin: 0px 0px 0px 15px;
}
.header_social_icon li a {
	font-size: 12px;
	color: #fff;
}
.header_area_five .menu_one {
	padding: 0px 50px;
}
.header_area_six .header_top {
	border-bottom: 1px solid #e5ddfc;
}
.header_area_six .header_top a:hover {
	color: #5e2ced !important;
}
.header_area_six .header_top .header_contact_info li {
	color: #282835;
}
.header_area_six .header_top .header_contact_info li a {
	color: #677294;
}
.header_area_six .header_top .header_social_icon li a {
	color: #282835;
}
.header_area_six + section {
	margin-top: 144px;
}
.header_area_seven .header_top {
	background: #5e2ced;
	padding: 0px;
}
.header_area_seven .header_top a {
	line-height: 50px;
	opacity: 0.7;
	transition: opacity 0.2s linear;
}
.header_area_seven .header_top a:hover {
	opacity: 1;
}
.header_area_seven .header_top .header_contact_info li i {
	vertical-align: middle;
}
.header_area_seven .header_top .header_contact_info li a {
	color: #fff;
}
.header_area_seven .header_top .header_social_icon {
	border-left: 1px solid #7444ff;
	padding-left: 22px;
	margin-left: 40px;
}
.header_area_seven .header_top .header_top_menu {
	text-align: right;
	margin-bottom: 0px;
}
.header_area_seven .header_top .header_top_menu li {
	display: inline-block;
}
.header_area_seven .header_top .header_top_menu li:before {
	content: "";
	width: 1px;
	height: 11px;
	background: #8e6bf7;
	display: inline-block;
	vertical-align: middle;
	margin: 0px 17px 0px 15px;
}
.header_area_seven .header_top .header_top_menu li a {
	font-size: 12px;
	font-weight: 300;
	color: #fff;
	transition: opacity 0.2s linear;
}
.header_area_seven .header_top .header_top_menu li:first-child:before {
	display: none;
}
.header_area_seven + section {
	margin-top: 118px;
}
/*============ sticky menu css ==============*/
.header_area {
	transition: all 0.2s linear;
}
.header_area.navbar_fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	box-shadow: 0px 4px 6px 0px rgba(12, 0, 46, 0.06);
}
.header_area.navbar_fixed .menu_one {
	padding: 0px;
	transition: all 0.2s linear;
}
.header_area.navbar_fixed .menu_one .btn_get {
	box-shadow: none;
}
.header_area.navbar_fixed .sticky_logo img {
	display: none;
}
.header_area.navbar_fixed .sticky_logo img + img {
	display: block;
}
.header_area.navbar_fixed .w_menu .nav-item .nav-link {
	color: #051441;
}
.header_area.navbar_fixed .w_menu .nav-item .nav-link:before {
	background: #051441;
}
.header_area.navbar_fixed .menu_pos .w_menu .nav-item .nav-link:hover {
	color: #5e53fb;
}
.header_area.navbar_fixed .menu_pos .w_menu .nav-item .nav-link:hover:before {
	background: #5e53fb;
}
.header_area.navbar_fixed .menu_pos .w_menu .nav-item.active .nav-link {
	color: #5e53fb;
}
.header_area.navbar_fixed .menu_pos .w_menu .nav-item.active .nav-link:before {
	background: #5e53fb;
}
.header_area.navbar_fixed .menu_pos .w_menu.search_cart .search a.nav-link:before {
	background: #5e53fb;
}
.header_area.navbar_fixed .menu_two .menu_toggle .hamburger-cross span, .header_area.navbar_fixed .menu_two .menu_toggle .hamburger span {
	background: #051441;
}
.header_area.navbar_fixed .menu_two .nav_right_btn .login_btn.active, .header_area.navbar_fixed .menu_two .nav_right_btn .login_btn:hover {
	border-color: #00aff0;
	color: #00aff0;
	box-shadow: none;
}
.header_area.navbar_fixed .menu_two .nav_right_btn .login_btn.active:hover {
	background: #00aff0;
	color: #fff;
}
.header_area.navbar_fixed .menu_four .btn_get {
	border: 2px solid #ccc5fa;
	box-shadow: none;
}
.header_area.navbar_fixed .menu_four .btn_get:hover {
	border-color: #EF1649;
}
.header_area.navbar_fixed .menu_four .btn_get_radious {
	border-color: #563bd1;
	color: #563bd1;
}
.header_area.navbar_fixed .menu_four .btn_get_radious:hover {
	background: #563bd1;
	color: #fff;
}
.header_area.navbar_fixed .menu_four .menu_toggle .hamburger span, .header_area.navbar_fixed .menu_four .menu_toggle .hamburger-cross span {
	background: #EF1649;
}
.header_area.navbar_fixed .nav_right_btn .login_btn {
	color: #051441;
}
.header_area.navbar_fixed .menu_five .btn_get {
	border-color: #3d64f4;
	color: #3d64f4;
	display: inline-block;
}
.header_area.navbar_fixed .menu_five .btn_get:hover {
	background: #3d64f4;
	color: #fff;
}
.header_area.navbar_fixed .menu_five .menu_toggle .hamburger-cross span, .header_area.navbar_fixed .menu_five .menu_toggle .hamburger span {
	background: #3d64f4;
}
.header_area.navbar_fixed .menu_six .menu > .nav-item > .nav-link {
	color: #051441;
}
.header_area.navbar_fixed .menu_six .menu > .nav-item:hover > .nav-link, .header_area.navbar_fixed .menu_six .menu > .nav-item.active > .nav-link {
	color: #3d57f4;
}
.header_area.navbar_fixed .menu_six .menu > .nav-item:hover > .nav-link:before, .header_area.navbar_fixed .menu_six .menu > .nav-item.active > .nav-link:before {
	background: #3d57f4;
}
.header_area.navbar_fixed .menu_six .menu_toggle .hamburger-cross span, .header_area.navbar_fixed .menu_six .menu_toggle .hamburger span {
	background: #3d57f4;
}
.header_area.navbar_fixed .menu_six .btn_get {
	border-color: #3d57f4;
	box-shadow: none;
	color: #3d57f4;
}
.header_area.navbar_fixed .menu_six .btn_get:hover {
	color: #fff;
}
.header_area.navbar_fixed .menu_seven .menu > .nav-item > .nav-link {
	color: #051441;
}
.header_area.navbar_fixed .menu_seven .menu > .nav-item:hover > .nav-link, .header_area.navbar_fixed .menu_seven .menu > .nav-item.active > .nav-link {
	color: #4069eb;
}
.header_area.navbar_fixed .menu_seven .menu > .nav-item:hover > .nav-link:before, .header_area.navbar_fixed .menu_seven .menu > .nav-item.active > .nav-link:before {
	background: #4069eb;
}
.header_area.navbar_fixed .menu_seven .btn_get {
	border-color: #4069eb;
	color: #4069eb;
}
.header_area.navbar_fixed .menu_seven .btn_get:hover {
	background: #4069eb;
	color: #fff;
}
.header_area.navbar_fixed .menu_seven .menu_toggle .hamburger-cross span, .header_area.navbar_fixed .menu_seven .menu_toggle .hamburger span {
	background: #4069eb;
}
.header_area.navbar_fixed .menu_eight .saas_btn {
	border-color: #23b1fe;
	box-shadow: none;
}
.header_area.navbar_fixed .menu_eight .saas_btn:hover {
	background: #23b1fe;
	color: #fff;
}
.header_area.navbar_fixed .menu_eight .menu_toggle .hamburger span, .header_area.navbar_fixed .menu_eight .menu_toggle .hamburger-cross span {
	background: #23b1fe;
}
.header_area.navbar_fixed .menu_nine .menu > .nav-item:hover > .nav-link, .header_area.navbar_fixed .menu_nine .menu > .nav-item.active > .nav-link {
	color: #5f51fb;
}
.header_area.navbar_fixed .menu_nine .menu > .nav-item:hover > .nav-link:before, .header_area.navbar_fixed .menu_nine .menu > .nav-item.active > .nav-link:before {
	background: #5f51fb;
}
.header_area.navbar_fixed .menu_nine .btn_get {
	border-color: #5f51fb;
	color: #5f51fb;
}
.header_area.navbar_fixed .menu_nine .btn_get:hover {
	background: #5f51fb;
	color: #fff;
}
.header_area.navbar_fixed .menu_nine .menu_toggle .hamburger-cross span, .header_area.navbar_fixed .menu_nine .menu_toggle .hamburger span {
	background: #5f51fb;
}
.header_area.navbar_fixed.header_area_five .menu_one {
	padding: 0px 50px;
}
.header_area.navbar_fixed.header_area_six .header_top {
	display: none;
}
.full_header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 40px;
}
.full_header .logo img {
	display: none;
}
.full_header .logo img + img {
	display: inline-block;
}
.full_header .bar_menu {
	cursor: pointer;
}
.full_header .bar_menu span {
	width: 36px;
	height: 2px;
	background: #fff;
	display: block;
}
.full_header .bar_menu span:not(:last-child) {
	margin-bottom: 7px;
}
.full_header .bar_menu span:nth-child(2) {
	width: 24px;
}
.full_header .bar_menu span:nth-child(3) {
	width: 30px;
}
.full_header.content-white .logo img {
	display: inline-block;
}
.full_header.content-white .logo img + img {
	display: none;
}
.hamburger-menu-wrepper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 108;
	padding: 55px 80px;
	transform: scaleY(0);
	transition: transform 0.8s ease 0.4s;
	transform-origin: 0% 100%;
	background: rgba(5, 20, 65, 0.98);
}
.hamburger-menu-wrepper .nav {
	position: relative;
	z-index: 108;
	transform: translateY(-15px);
	opacity: 0;
	visibility: hidden;
	-o-transition: all ease 0.3s 0s;
	transition: all ease 0.3s 0s;
}
.hamburger-menu-wrepper .nav .nav_logo img {
	opacity: 1 !important;
}
.hamburger-menu-wrepper .nav .close-menu {
	color: #fff;
}
.hamburger-menu-wrepper .animation-box {
	position: absolute;
	top: 5%;
	height: 100%;
	width: 100%;
	left: 0;
	transition-timing-function: linear;
	transition-duration: 0.3s;
}
.hamburger-menu-wrepper .animation-box .menu-box {
	display: table;
	height: 100%;
	width: 62%;
	margin: 0 auto;
	opacity: 0;
	transition-timing-function: ease-in-out;
	transition-duration: 0.3s;
}
.hamburger-menu-wrepper.show-menu {
	z-index: 108;
	opacity: 1;
	visibility: visible;
	transform: scaleY(1);
	transform-origin: 50% 0%;
	transition: -webkit-transform 0.7s ease 0.2s;
	transition: transform 0.7s ease 0.2s;
	transition: transform 0.7s ease 0.2s, -webkit-transform 0.7s ease 0.2s;
}
.hamburger-menu-wrepper.show-menu .nav {
	transform: translateY(0px);
	transition: transform ease 1.4s 0.7s, opacity ease 1.4s 0.7s;
	opacity: 1;
	visibility: visible;
}
.hamburger-menu-wrepper.show-menu .animation-box {
	top: 0;
	opacity: 1;
	transition-timing-function: linear;
	transition-duration: 0.7s;
}
.hamburger-menu-wrepper.show-menu .animation-box .menu-box {
	opacity: 1;
}
.hamburger-menu-wrepper.show-menu .animation-box .menu-box .offcanfas_menu > li a {
	transform: translateY(0px);
	transition: transform ease 1.4s 0.6s, opacity ease 1.4s 0.6s;
	opacity: 1;
	visibility: visible;
}
.navbar .offcanfas_menu {
	margin: 0px;
	display: table-cell;
	vertical-align: middle;
	width: 50%;
}
.navbar .offcanfas_menu > .nav-item {
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}
.navbar .offcanfas_menu > .nav-item:not(:last-child) {
	margin-bottom: 18px;
}
.navbar .offcanfas_menu > .nav-item .nav-link {
	font-size: 2.1rem;
	line-height: 46px;
	display: inline-block;
	color: #fff;
	font-weight: 700;
	transform: translateY(45px);
	opacity: 0;
	visibility: hidden;
	-o-transition: all ease 0.3s 0s;
	transition: all ease 0.3s 0s;
	display: inline-block;
}
.navbar .offcanfas_menu > .nav-item .nav-link:before {
	background: #fff;
}
.navbar .offcanfas_menu > .nav-item.submenu .nav-link {
	padding-right: 20px;
}
.navbar .offcanfas_menu > .nav-item.submenu .nav-link:after {
	content: "\33";
	font-family: eleganticons;
	position: absolute;
	right: 13px;
	top: 0;
	display: block;
	border: 0;
	line-height: 50px;
	margin-left: 20px;
}
.navbar .offcanfas_menu > .nav-item.submenu .dropdown-menu {
	position: relative !important;
	transform: translate3d(0px, 0px, 0px) !important;
	display: none;
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
	transition: all 0s linear;
	z-index: 0;
	background: transparent;
	padding-left: 25px;
	padding-top: 20px;
	padding-bottom: 0;
	max-height: none !important;
	left: 0;
}
.navbar .offcanfas_menu > .nav-item.submenu .dropdown-menu > .nav-item {
	background: transparent;
	padding: 0px;
}
.navbar .offcanfas_menu > .nav-item.submenu .dropdown-menu > .nav-item > .nav-link {
	color: #fff;
	font-size: 16px;
	line-height: 31px;
}
.navbar .offcanfas_menu > .nav-item.submenu .dropdown-menu > .nav-item:hover .nav-link, .navbar .offcanfas_menu > .nav-item.submenu .dropdown-menu > .nav-item.active .nav-link {
	color: #5f28fb;
}
.navbar .offcanfas_menu > .nav-item.submenu.active .nav-link {
	color: #5f28fb;
}
.navbar .offcanfas_menu > .nav-item.submenu.active .nav-link:before {
	background: #5f28fb;
}
.navbar .offcanfas_menu > .nav-item.submenu.show .nav-link {
	color: #5f28fb;
}
.navbar .offcanfas_menu > .nav-item.submenu.show .nav-link:before {
	width: 100%;
	background: #5f28fb;
}
.navbar .offcanfas_menu > .nav-item.submenu.show .dropdown-menu {
	position: relative !important;
	transform: translate3d(0px, 0px, 0px) !important;
}
.header_footer {
	display: table-footer-group;
	padding-bottom: 80px;
}
.header_footer h5 {
	font-size: 16px;
	color: #fff;
}
.header_footer ul {
	margin-bottom: 40px;
}
.header_footer ul li {
	display: inline-block;
	margin-right: 6px;
}
.header_footer ul li a {
	width: 44px;
	height: 44px;
	border: 1px solid #656c82;
	border-radius: 50%;
	text-align: center;
	font-size: 14px;
	line-height: 44px;
	color: #fff;
	display: block;
	transition: all 0.3s linear;
}
.header_footer ul li a:hover {
	background: #fff;
	border-color: #fff;
	color: #5f28fb;
}
.header_footer p {
	font-size: 16px;
	color: #858faf;
	margin-bottom: 100px;
}
.close_icon {
	position: absolute;
	right: 60px;
	top: 40px;
	color: #7b84a2;
	font-size: 30px;
	cursor: pointer;
	transition: all 0.3s linear;
}
.close_icon:hover {
	color: #fff;
}
.burger_menu {
	width: 40px;
	height: 24px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	cursor: pointer;
	font-size: 25px;
	display: flex;
	align-items: center;
	color: #051441;
	margin-left: 25px;
}
.side_menu_wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background: rgba(5, 20, 65, 0.90);
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform 0.8s ease 0.4s;
	transition: -webkit-transform 0.8s ease 0.4s;
	-o-transition: transform 0.8s ease 0.4s;
	transition: transform 0.8s ease 0.4s;
	transition: transform 0.8s ease 0.4s, -webkit-transform 0.8s ease 0.4s;
	-webkit-transform-origin: 0% 50%;
	-ms-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
}
.side_menu_wrapper .side_menu {
	max-width: 545px;
	height: 100%;
	margin-left: auto;
	background: #fff;
	position: relative;
	transition-duration: 0.4s;
	transform: translateX(100%);
	opacity: 0;
}
.side_menu_wrapper .side_menu ul {
	margin-bottom: 0;
}
.side_menu_wrapper .side_menu .menu_top {
	padding: 60px 70px 0px;
}
.side_menu_wrapper .side_menu .menu_top .close {
	font-size: 20px;
}
.side_menu_wrapper .side_menu .m_content {
	position: absolute;
	left: 0px;
	top: 10vh;
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 55vh;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	font-weight: 600;
	width: 100%;
	display: block;
	letter-spacing: -0.025rem;
	list-style: none;
	margin: 0;
	-webkit-transform: translateY(3rem);
	-ms-transform: translateY(3rem);
	transform: translateY(3rem);
	-webkit-transition: opacity 0.5s 0.6s ease, -webkit-transform 0.5s 0.6s ease;
	transition: opacity 0.5s 0.6s ease, -webkit-transform 0.5s 0.6s ease;
	-o-transition: transform 0.5s 0.6s ease, opacity 0.5s 0.6s ease;
	transition: transform 0.5s 0.6s ease, opacity 0.5s 0.6s ease;
	transition: transform 0.5s 0.6s ease, opacity 0.5s 0.6s ease, -webkit-transform 0.5s 0.6s ease;
	list-style: none;
	padding-left: 18%;
	padding-right: 100px;
	margin-top: 5vh;
}
.side_menu_wrapper .side_menu .m_content h2 {
	font-size: 3.5vh;
	line-height: 4vh;
	font-weight: 700;
	color: #051441;
	margin-bottom: 1vh;
}
.side_menu_wrapper .side_menu .m_content a {
	font-size: 2.5vh;
	font-weight: 500;
}
.side_menu_wrapper .side_menu .m_content p {
	font-size: 1.9vh;
	line-height: 2.9vh;
	color: #7e86a1;
	font-weight: 300;
	margin-top: 4vh;
	margin-bottom: 8.2vh;
}
.side_menu_wrapper .side_menu .get_info li .media img {
	margin-right: 20px;
	height: 5vh;
}
.side_menu_wrapper .side_menu .get_info li .media .media-body h4 {
	font-size: 2vh;
	font-weight: 600;
	margin-bottom: 0.5vh;
}
.side_menu_wrapper .side_menu .get_info li .media .media-body p {
	margin-bottom: 0vh;
	margin-top: 0.5vh;
	font-size: 1.8vh;
}
.side_menu_wrapper .side_menu .get_info li + li {
	margin-top: 2.9vh;
}
.side_menu_wrapper .side_menu .m_footer {
	position: absolute;
	left: 18%;
	bottom: 10%;
	display: flex;
	align-items: center;
}
.side_menu_wrapper .side_menu .m_footer li a {
	font-size: 20px;
	color: #959ebb;
	font-size: 16px;
	width: 50px;
	height: 50px;
	text-align: center;
	border: 1px solid #959ebb;
	display: inline-block;
	margin: 0px 5px;
	line-height: 50px;
	border-radius: 50%;
	transition: all 0.3s linear;
}
.side_menu_wrapper .side_menu .m_footer li a:hover {
	background: #5f28fb;
	border-color: #5f28fb;
	color: #fff;
	box-shadow: 0px 20px 20px 0px rgba(95, 40, 251, 0.3);
}
.menu-is-opened .side_menu_wrapper {
	z-index: 100;
	opacity: 1;
	visibility: visible;
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	transition: -webkit-transform 0.7s ease 0.2s;
	-webkit-transition: -webkit-transform 0.7s ease 0.2s;
	-o-transition: transform 0.7s ease 0.2s;
	transition: transform 0.7s ease 0.2s;
	transition: transform 0.7s ease 0.2s, -webkit-transform 0.7s ease 0.2s;
}
.menu-is-opened .side_menu_wrapper .side_menu {
	opacity: 1;
	transform: translateX(0);
	transition: transform 0.5s 0.6s linear;
}
<!--
tooltip--> /* Iconfont made with icomoon.com */
@font-face {
	font-family: 'cbp-tmicons';
	src: url('../fonts/tmicons/cbp-tmicons.eot');
	src: url('../fonts/tmicons/cbp-tmicons.eot?#iefix') format('embedded-opentype'), url('../fonts/tmicons/cbp-tmicons.woff') format('woff'), url('../fonts/tmicons/cbp-tmicons.ttf') format('truetype'), url('../fonts/tmicons/cbp-tmicons.svg#cbp-tmicons') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* reset  list style */
.cbp-tm-menu, .cbp-tm-menu ul {
	list-style: none;
}
/* set menu position; change here to set to relative or float, etc. */
.cbp-tm-menu {
	display: block;
	position: absolute;
	z-index: 1000;
	top: 0;
	width: 100%;
	text-align: right;
	padding: 0 2em;
	margin: 0;
	text-transform: capitalize;
}
/* first level menu items */
.cbp-tm-menu > li {
	display: inline-block;
	position: relative;
}
.cbp-tm-menu > li > a {
	padding: 0 0.3em;
	font-size: 1em;
	display: block;
	color: #fff;
}
.no-touch .cbp-tm-menu > li > a:hover, .no-touch .cbp-tm-menu > li > a:active {
	color: #02639d;
}
/* sumbenu with transitions */
.cbp-tm-submenu {
	position: absolute;
	display: block;
	visibility: hidden;
	opacity: 0;
	padding: 0;
	text-align: left;
	pointer-events: none;
	-webkit-transition: visibility 0s, opacity 0s;
	-moz-transition: visibility 0s, opacity 0s;
	transition: visibility 0s, opacity 0s;
	padding: 10px;
	overflow: hidden;
	min-width: 10px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.cbp-tm-show .cbp-tm-submenu {
	width: 16em;
	left: 50%;
	margin: 0 0 0 -8em;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	-webkit-transition: visibility 0s, opacity 0.3s;
	-moz-transition: visibility 0s, opacity 0.3s;
	transition: visibility 0s, opacity 0.3s;
}
.cbp-tm-show-above .cbp-tm-submenu {
	bottom: 100%;
	padding-bottom: 10px;
}
.cbp-tm-show-below .cbp-tm-submenu {
	top: 100%;
	padding-top: 10px;
}
/* extreme cases: not enough space on the sides */
.cbp-tm-nospace-right .cbp-tm-submenu {
	right: 0;
	left: auto;
}
.cbp-tm-nospace-left .cbp-tm-submenu {
	left: 0;
}
/* last menu item has to fit on the screen */
.cbp-tm-menu > li:last-child .cbp-tm-submenu {
	right: 0;
}
/* 	
arrow: depending on where the menu will be shown, we set 
the right position for the arrow
*/
.cbp-tm-submenu:after {
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.cbp-tm-show-above .cbp-tm-submenu:after {
	top: 100%;
	margin-top: -10px;
}
.cbp-tm-show-below .cbp-tm-submenu:after {
	bottom: 100%;
	margin-bottom: -10px;
}
.cbp-tm-submenu:after {
	border-color: transparent;
	border-width: 16px;
	margin-left: -16px;
	left: 50%;
}
.cbp-tm-show-above .cbp-tm-submenu:after {
	border-top-color: #fff;
}
.cbp-tm-show-below .cbp-tm-submenu:after {
	border-bottom-color: #fff;
}
.cbp-tm-submenu > li {
	display: block;
	background: #fff;
	width: 100%;
}
.cbp-tm-submenu > li > a {
	/*padding: 5px 2.3em 5px 0.6em;*/ /* top/bottom paddings in 'em' cause a tiny "jump" in Chrome on Win */
	display: block;
	font-size: 0.9em;
	position: relative;
	color: #47a3da;
	/*border: 4px solid #fff;*/
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	padding: 5px 10px;
	text-transform: lowercase;
}
.no-touch .cbp-tm-submenu > li > a:hover, .no-touch .cbp-tm-submenu > li > a:active {
/*color: #fff;
	background: #47a3da;*/
}
/* the icons (main level menu icon and sublevel icons) */
.cbp-tm-submenu li a:before, .cbp-tm-menu > li > a:before {
	font-family: 'cbp-tmicons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: middle;
	margin-right: 0.6em;
	-webkit-font-smoothing: antialiased;
}
.cbp-tm-submenu li a:before {
	position: absolute;
	top: 50%;
	margin-top: -0.5em;
	right: 0.5em;
}
.cbp-tm-icon-archive:before {
	content: "\e002";
}
.cbp-tm-icon-cog:before {
	content: "\e003";
}
.cbp-tm-icon-users:before {
	content: "\e004";
}
.cbp-tm-icon-earth:before {
	content: "\e005";
}
.cbp-tm-icon-location:before {
	content: "\e006";
}
.cbp-tm-icon-mobile:before {
	content: "\e007";
}
.cbp-tm-icon-screen:before {
	content: "\e008";
}
.cbp-tm-icon-mail:before {
	content: "\e009";
}
.cbp-tm-icon-contract:before {
	content: "\e00a";
}
.cbp-tm-icon-pencil:before {
	content: "\e00b";
}
.cbp-tm-icon-article:before {
	content: "\e00c";
}
.cbp-tm-icon-clock:before {
	content: "\e00d";
}
.cbp-tm-icon-videos:before {
	content: "\e00e";
}
.cbp-tm-icon-pictures:before {
	content: "\e00f";
}
.cbp-tm-icon-link:before {
	content: "\e010";
}
.cbp-tm-icon-refresh:before {
	content: "\e011";
}
.cbp-tm-icon-help:before {
	content: "\e012";
}
/* Media Queries */
@media screen and (max-width: 55.6875em) {
.cbp-tm-menu {
	font-size: 80%;
}
}
 @media screen and (max-height: 25.25em), screen and (max-width: 44.3125em) {
.cbp-tm-menu {
	font-size: 100%;
	position: relative;
	text-align: center;
	padding: 0;
	top: auto;
}
.cbp-tm-menu > li {
	display: block;
	margin: 0;
	border-bottom: 4px solid #3793ca;
}
.cbp-tm-menu > li:first-child {
	border-top: 4px solid #3793ca;
}
li.cbp-tm-show > a, .no-touch .cbp-tm-menu > li > a:hover, .no-touch .cbp-tm-menu > li > a:active {
	color: #fff;
	background: #02639d;
}
.cbp-tm-submenu {
	position: relative;
	display: none;
	width: 100%;
}
.cbp-tm-submenu > li {
	padding: 0;
}
.cbp-tm-submenu > li > a {
	padding: 0.6em 2.3em 0.6em 0.6em;
	border: none;
	border-bottom: 2px solid #6fbbe9;
}
.cbp-tm-submenu:after {
	display: none;
}
.cbp-tm-menu .cbp-tm-show .cbp-tm-submenu {
	display: block;
	width: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	bottom: auto;
	top: auto;
}
}
.digital-services {
	text-transform: uppercase;
	letter-spacing: 2px;
}
.digital-dentity::first-letter {
	font-size: 250%;
	color: #EF1649;
}
.digital-presence::first-letter {
	font-size: 250%;
	color: #EF1649;
}
.digital-outreach::first-letter {
	font-size: 250%;
	color: #EF1649;
}
.logo-main {
	padding: 18px 0 22px 0;
}
.ai-logo {
	width: 100%;
}
.ai-title {
	padding: 180px 0 0 0;
}
.medical-tab .tab .nav.nav-tabs {
	margin-bottom: 0;
}
.medical-tab .tab .nav.nav-tabs li a i {
	display: block;
	margin-bottom: 15px;
	padding-right: 0;
}
.medical-tab .tab .nav.nav-tabs li a {
	display: block;
	font-size: 16px;
	padding-bottom: 20px;
	position: relative;
	color: #ffffff;
	padding: 12px 16px;
}
.medical-tab .nav-border .nav.nav-tabs li a {
	border: 0;
}
.medical-tab .tab .nav.nav-tabs li {
	text-align: center;
}
.medical-tab .tab .nav.nav-tabs li a.active {
	background: transparent;
}
.medical-tab .tab .nav.nav-tabs li a.active:before {
	width: 0;
	position: absolute;
	content: "";
	height: 0;
	bottom: 0;
	left: 46%;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #fff transparent;
}
/*table-medical*/
.table-medical thead {
	background: transparent;
}
.table-medical thead tr th {
	padding: 20px 20px;
	text-align: left;
	font-weight: bold;
	background: #323232;
	border-color: #000;
	color: #ffffff;
	text-transform: uppercase;
}
.table-medical tbody tr td {
	padding: 10px 20px;
	text-align: left;
}
.table-medical .table-bordered {
	border-top: 0;
}
.bg-overlay-theme-20:before {
	background: rgba(41, 155, 232, 0.2);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}
.bg-overlay-theme-50:before {
	background: rgba(41, 155, 232, 0.5);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}
.bg-overlay-theme-70:before {
	background: rgba(41, 155, 232, 0.7);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}
.bg-overlay-theme-90:before {
	background: rgba(41, 155, 232, 0.9);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}
.context {
	width: 100%;
	position: absolute;
	top: 50vh;
}
.context h1 {
	text-align: center;
	color: #fff;
	font-size: 50px;
}
.area {
	/* background: #4e54c8;*/  
	background: -webkit-linear-gradient(to left, #8f94fb, #4e54c8);/*width: 100%;
    height:100vh;*/
}
.circles {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.circles li {
	position: absolute;
	display: block;
	list-style: none;
	width: 20px;
	height: 20px;
	background: rgba(255, 255, 255, 0.2);
	animation: animate 25s linear infinite;
	bottom: -150px;
}
.circles li:nth-child(1) {
	left: 25%;
	width: 80px;
	height: 80px;
	animation-delay: 0s;
}
.circles li:nth-child(2) {
	left: 10%;
	width: 20px;
	height: 20px;
	animation-delay: 2s;
	animation-duration: 12s;
}
.circles li:nth-child(3) {
	left: 70%;
	width: 20px;
	height: 20px;
	animation-delay: 4s;
}
.circles li:nth-child(4) {
	left: 40%;
	width: 60px;
	height: 60px;
	animation-delay: 0s;
	animation-duration: 18s;
}
.circles li:nth-child(5) {
	left: 65%;
	width: 20px;
	height: 20px;
	animation-delay: 0s;
}
.circles li:nth-child(6) {
	left: 75%;
	width: 110px;
	height: 110px;
	animation-delay: 3s;
}
.circles li:nth-child(7) {
	left: 35%;
	width: 150px;
	height: 150px;
	animation-delay: 7s;
}
.circles li:nth-child(8) {
	left: 50%;
	width: 25px;
	height: 25px;
	animation-delay: 15s;
	animation-duration: 45s;
}
.circles li:nth-child(9) {
	left: 20%;
	width: 15px;
	height: 15px;
	animation-delay: 2s;
	animation-duration: 35s;
}
.circles li:nth-child(10) {
	left: 85%;
	width: 150px;
	height: 150px;
	animation-delay: 0s;
	animation-duration: 11s;
}
 @keyframes animate {
 0% {
 transform: translateY(0) rotate(0deg);
 opacity: 1;
 border-radius: 0;
}
 100% {
 transform: translateY(-1000px) rotate(720deg);
 opacity: 0;
 border-radius: 50%;
}
}
#rateYo1 {
	background-color: #141414;
	padding: 5px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 5px;
}
.footer-useful-link ul li {
	margin-bottom: 6px !important;
}
.footer h6 {
	font-size: 16px;
	font-weight: bold;
}
.ai-solutions ul li:after {
	padding: 0 1px 0 12px;
	color: #fff;
	content: "/\00a0";
	font-size: 12px;
}
.ai-solutions ul li:first-child:after {
	content: none;
}
.ai-solutions ul li:last-child:after {
	content: none;
}
.ftr_cta_blk {
	-webkit-column-count: auto;
	column-count: auto;
	background: #EF1649;
	display: none;
	color: #fff;
	position: fixed;
	bottom: 0;
	-webkit-box-shadow: -14px -6px 11px 0 #27202036;
	box-shadow: -14px -6px 11px 0 #27202036;
	width: 100%;
	z-index: 9999
}
.call_wrapnew {
	border-right: 1px solid #8c0d2b;
	margin-right: 10px;
	padding: 0 0 3px
}
.call_wrapnew-2 {
	margin-right: 10px;
	padding: 0 0 3px
}
.ftr_cta_blk .col-md-3 a, .ftr_cta_blk .col-md-3 span {
	color: #fff;
	font-weight: 600;
	font-size: 15px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	padding-top: 2px;
	display: inline-block;
}
.ftr_cta_blk .col-md-3 i {
	vertical-align: middle;
	padding: 5px 0 0 0;
	width: 30px;
	font-size: 20px;
	color: #fff;
	position: relative;
	height: 30px;
	border-radius: 100%;
	transition: all .6s ease-in-out;
	text-align: center;
	z-index: 999;
}
.ftr_cta_blk .col-md-3:hover i:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	transition: all .6s ease-in-out
}
.event .event-img .event-title, .ftr_cta_blk .col-md-3 i:after {
	-webkit-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out
}
.ftr_cta_blk .col-md-3:hover i {
	color: #444
}
.ftr_cta_blk .col-md-3 i:after {
	position: absolute;
	background: #fff;
	content: '';
	width: 100%;
	height: 100%;
	z-index: -1;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	bottom: 0;
	border-radius: 100%;
	transition: all .6s ease-in-out;
	left: 0
}
.google-rating-1 {
	position: fixed;
	left: -44px;
	top: 55%;
	transform: rotate(-90deg);
	z-index: 999;
	display: none;
	opacity: 1;
}
.foterRotater {
	display: inline-block;
	font-weight: 300;
	color: #fff !important;
	font-size: 15px !important;
}
.accordion.animated .acd-group .acd-heading {
	color: #ccc !important;
}
 @media (min-width: 992px) {
.col-md-push-6 {
	left: 50%;
}
.col-md-pull-6 {
	right: 50%;
}
}
@media (max-width: 767px) and (min-width: 320px) {
	.heading-small{font-size: 16px !important;line-height: 18px;}
.heading-big{font-size: 24px !important;line-height: 34px;}
.ai-title {padding: 85px 0 0 0 !important;}
.service_title2{font-size: 22px !important; line-height: 22px !important;}
.service_title1{font-size: 14px !important;}
body {font-size: 16px;}
.slider-desktop {height: 60px !important;}
.blog-title-content{margin:0px !important;}
.blog-view-title{font-size: 1em!important;}
	
	}
body {
	font-size: 18px;
}
.ai-mobile-header {
	display: none;
}
/*slider css*/
.slider-punch-line{font-size: 80px; line-height: 80px; font-weight: 700; text-transform:uppercase;}
.slider-punch-line-3{font-size: 80px; line-height: 80px; font-weight: 700;  text-transform:uppercase;}
.slider-punch-line-2{font-size: 32px; line-height: 26px; font-weight: 700;  text-transform:uppercase;}
@media (max-width: 1023px) and (min-width: 320px) {
.slider-punch-line{font-size: 35px; line-height: 35px; font-weight: 700; text-transform:uppercase;}
.slider-punch-line-3{font-size: 25px; line-height: 25px; font-weight: 700; text-transform:uppercase;}
.slider-punch-line-2{font-size: 22px; line-height: 26px; font-weight: 700; text-transform:uppercase;}
.stepwizard-step p {font-size: 15px !important; font-weight: bold !important;}
	
.ai-mobile-header {
	display: block !important;
}
.ai-desktop-header {
	display: none;
}
.google-rating-1 {
	display: none !important;
}
}
@media (max-width: 1199px) and (min-width: 1024px) {
	.ai-tagline{font-size: 11px !important;}
	.menu > .nav-item + .nav-item {margin-left: 15px !important;}
	.menu > .nav-item > .nav-link {font-size: 13px !important;}
	.ftr_cta_blk .col-md-3 a, .ftr_cta_blk .col-md-3 span{font-size: 12px !important;}
	.menu_one{padding: 0px 25px 0 0 !important;}
	.menu_c2a{font-size: 9px !important;}
	.logo-main {padding: 30px 0 22px 0 !important;}
}
@media (max-width: 1440px) and (min-width: 1200px) {
	.ai-tagline{font-size: 11px !important;}
	.menu > .nav-item + .nav-item {margin-left: 27px !important;}
	.menu > .nav-item > .nav-link {font-size: 13px !important;}
	.ftr_cta_blk .col-md-3 a, .ftr_cta_blk .col-md-3 span{font-size: 12px !important;}
	.menu_one{padding: 0px 25px 0 0 !important;}
	.menu_c2a{font-size: 9px !important;}
	.logo-main {padding: 30px 0 22px 0 !important;}
}
@media (min-width: 1200px) {
.container {
max-width: 1365px !important;
}
}
.ai-tagline{color: #626262;padding: 0 0 0 15px;font-size: 13px;line-height: 30px; margin:0;}
/*testimonials*/
.boxRowA {
    margin-bottom: 15px;
}
.whiteBoxFrame {
    box-shadow: 0px 0px 20px #dad8d89c;
    margin-bottom: 40px;
    padding: 25px;
    position: relative;
    overflow: hidden;
}
.whiteBoxFrame-2 {
    box-shadow: 0px 0px 20px #dad8d89c;
    margin-bottom: 40px;
    padding: 25px;
    position: relative;
    overflow: hidden;
}
.whiteBoxFrame-2:before {
    position: absolute;
    left: -20%;
    right: -20%;
    bottom: -20%;
    height: 40%;
    content: "";
}
.whiteBoxFrame-2 .whiteBox {
    box-shadow: 0px 6px 20px #0000001a;
    margin-bottom: 0px;
    position: relative;
}
.whiteBoxFrame:before {
    position: absolute;
    left: -20%;
    right: -20%;
    bottom: -20%;
    height: 40%;
    content: "";
    background: #ef1649;
    transform: rotate(-9deg);
}
.whiteBoxFrame .whiteBox {
    box-shadow: 0px 6px 20px #0000001a;
    margin-bottom: 0px;
    position: relative;
}
.whiteBox {
    box-shadow: 0px 0px 20px #dad8d89c;
    background: #fff;
    padding: 25px;
    margin-bottom: 40px;
}
.minH-280 {
    min-height: 280px;
}
.boxRowB {
    margin-bottom: 20px;
    font-size: 16px;
}
.boxRowC .col-sm-8 {
    padding-right: 0px;
    font-size: 12px;
}
.boxRowC .pull-right {
    max-width: 33.33%;
    padding-right: 15px;
}
.pull-right {
    float: right!important;
}
.pull-right img {
    max-width: 100%;
}
.topFrame.whiteBoxFrame:before {
    top: -20%;
    bottom: inherit;
}
/*packages*/
@import url('jquery.mmenu.all.css');@media (min-width: 1200px){.container{width:100%}}.seoServicesTitle h1.heading-2{border-bottom:1px solid #bfbfbf;color:#222;font-size:18px;font-weight:600;line-height:36px;margin:0
0 20px;padding-bottom:8px;position:relative}.seoServicesTitle h1.heading-2::before{background:#276ea2 none repeat scroll 0 0;bottom:-1px;content:"";height:1px;left:0;position:absolute;width:62px;z-index:1}.packageplansmainrow{margin-bottom:55px;float:left;overflow:auto;width:100%;border:1px
solid #d4d4d4;border-bottom:none}.packageplansmainrow
.innerrow{width:1363px}.packageplansmainrow
.outerrow{display:inline-block;vertical-align:top;width:100%}.packageplansmainrow .outerrow
.clumone{float:left;height:40px;width:539px;line-height:40px;border-bottom:1px solid #d4d4d4;border-right:1px solid #d4d4d4;background:#fbfbfb;padding-left:15px;padding-right:15px;font-size:13px}.packageplansmainrow .outerrow .clumone
.localclumone{float:left;height:40px;width:551px;line-height:40px;border-bottom:1px solid #d4d4d4;border-right:1px solid #d4d4d4;background:#fbfbfb;padding-left:15px;padding-right:15px;font-size:13px}.packageplansmainrow .outerrow .clumtwo, .packageplansmainrow .outerrow .clumthree, .packageplansmainrow .outerrow .clumfour, .packageplansmainrow .outerrow
.clumfive{float:left;height:40px;line-height:38px;font-size:13px;width:206px;text-align:center;border-bottom:1px solid #d4d4d4;border-right:1px solid #d4d4d4}.packageplansmainrow.three-col-package .outerrow .clumtwo, .packageplansmainrow.three-col-package .outerrow .clumthree, .packageplansmainrow.three-col-package .outerrow .clumfour, .packageplansmainrow.three-col-package .outerrow
.clumfive{width:261px}.packageplansmainrow.three-col-package .outerrow.toprow
a.btnlink{margin-top:30px}.packageplansmainrow.three-col-package
.outerrow{overflow:hidden}.packageplansmainrow .outerrow
.clumthree{background:#f5f5f5 none repeat scroll 0 0;box-shadow:0 8px 12px rgba(0, 0, 0, 0.2)}.packageplansmainrow .outerrow
.clumfive{border-right:none}.packageplansmainrow .outerrow.headingrow
.clumone{padding:0;height:50px;line-height:50px;border-bottom-color:#fff}.packageplansmainrow .outerrow.headingrow .clumtwo, .packageplansmainrow .outerrow.headingrow .clumthree, .packageplansmainrow .outerrow.headingrow .clumfour, .packageplansmainrow .outerrow.headingrow
.clumfive{height:50px;line-height:50px}.packageplansmainrow .outerrow.lastchild
.clumone{padding:0;height:90px}.packageplansmainrow .outerrow.lastchild .clumtwo, .packageplansmainrow .outerrow.lastchild .clumthree, .packageplansmainrow .outerrow.lastchild .clumfour, .packageplansmainrow .outerrow.lastchild
.clumfive{height:90px}a.btnlink{background:#222;border-radius:4px;color:#fff;display:inline-block;font-size:16px;font-weight:600;margin-top:31px;padding:0
10px;text-transform:uppercase;vertical-align:top}a.btnlink:hover{background:#276ea2}.packageplansmainrow .outerrow.headingrow
.titletx{background:#276ea2;color:#fff;height:100%;font-size:14px;cursor:pointer;text-transform:uppercase;padding:0
36px 0 12px;position:relative}.packageplansmainrow .outerrow.headingrow .titletx:after{content:"[+]";position:absolute;right:12px;top:0px}.packageplansmainrow .outerrow.headingrow.active .titletx:after{content:"[-]"}.packageplansmainrow .outerrow.headingrow .titletx
em{background:rgba(0, 0, 0, 0) url("../images/sprite.png") no-repeat scroll -163px -523px;display:none;height:100%;vertical-align:top;width:50px}.packageplansmainrow .outerrow.toprow
.clumone{background:#fff url("https://www.aaravinfotech.com/assets/images/leadonline-bg.jpg") no-repeat scroll 2px 0;border-bottom:1px solid #fff;border-right:1px solid #fff;height:198px;line-height:normal;font-family:'Open Sans Condensed',sans-serif;padding:20px
15px 0 0;text-align:right}.packageplansmainrow .outerrow.toprow .clumtwo, .packageplansmainrow .outerrow.toprow .clumthree, .packageplansmainrow .outerrow.toprow .clumfour, .packageplansmainrow .outerrow.toprow
.clumfive{height:198px;border-bottom:1px solid #fff;border-right:1px solid #fff;line-height:normal}.packageplansmainrow .outerrow.toprow
.clumfive{border-right:none}.packageplansmainrow .outerrow.toprow .clumone
.titletext{color:#222;font-size:18px;font-weight:400;line-height:30px;margin-bottom:4px;text-transform:uppercase}.packageplansmainrow .outerrow.toprow .clumone
p{color:#114b75;font-size:15px;font-weight:400;margin-bottom:10px;text-transform:uppercase}.packageplansmainrow .outerrow.toprow .clumone
.linkBtn{background:#5f9d39 none repeat scroll 0 0;font-size:18px;letter-spacing:1px;font-weight:400;text-transform:uppercase;color:#fff;padding:0.4em;border-radius:5px}.packageplansmainrow .outerrow.toprow .clumone .linkBtn:hover{background:#276ea2}.packageplansmainrow .outerrow.toprow
.title{border-bottom:1px solid #fff;color:#fff;font-family:"Open Sans Condensed",sans-serif;font-size:24px;font-weight:400;height:60px;line-height:60px;text-transform:capitalize;}.packageplansmainrow .outerrow.toprow
.maintextwrap{display:inline-block;line-height:22px;padding-top:14px;vertical-align:top;width:100%}.packageplansmainrow .outerrow.toprow
.innertextbox{color:#fff;font-size:14px;font-weight:600;height:137px;text-align:center;text-transform:uppercase}.packageplansmainrow .outerrow.toprow .innertextbox
span{display:block;font-size:14px}.packageplansmainrow .outerrow.toprow .innertextbox span
em{display:inline-block;font-size:30px;font-style:normal;font-weight:700;line-height:27px;vertical-align:top}.packageplansmainrow .outerrow.toprow
a.btnlink{line-height:35px;margin-top:8px}.linkBtn:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#5f9d39;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;border-radius:3px}.wdd-package-new .packageplansmainrow.three-col-package .outerrow.toprow
a.btnlink{margin-top:30px}.wdd-package-new .clumthree, .wdd-package-new
.clumfour{position:relative}.wdd-package-new .icon-text1, .wdd-package-new .icon-text2{position:absolute;right:26%}.wdd-package-new .icon-text2{right:20%;position:absolute}
.ai-bg{background: url(https://www.aaravinfotech.com/assets/images/home-tabbing-texture.jpg) top center;
    -webkit-background-size: cover;
    background-size: cover;
    /*margin-top: -100px;
    padding-top: 200px;*/
    text-align: center;
    position: static !important;
	    padding-bottom: 0px !important;
}
.excellence-main{background-color: #e2e2e2;padding: 19px 2px 10px;}
.excellence-top-text{font-size: 45px;font-weight: bold; color:#000;}
.excellence-main label {
        display: block;
    font-size: 11px !important;
    font-weight: 600 !important;
    margin-top: 15px;
    border-top: 1px solid #cdcdd2;
    padding: 10px 5px 3px;
    text-transform: capitalize;
    margin-top: 0px !important;
}
.excellence-top-text sub{margin-bottom:0px !important; font-size:22px; bottom:0px !important;}
.ai-services-btn{border-color:#fff !important;}
/*mob ecw*/
  .showcaseview{position: absolute; right: 10px; bottom: 10px; background: rgba(8,25,47, .7); color:#fff; padding: 5px 10px;}
  #raquote ~ .modal-backdrop.in, #logoraquote ~ .modal-backdrop.in{display:none;}
  #raquote.modal, #logoraquote.modal{z-index: 1000000001; padding: 0px !important;}
  .hwemodal-content .discussproject,.hwemodal-logocontent .discussproject{height: 100%;bottom: 0; position: relative; overflow: auto; background: linear-gradient(to bottom, #4c5d89 0%, #2b344c 80%); background: -webkit-linear-gradient(bottom, #4c5d89 0%, #2b344c 80%);}
  
  
  #popUpForm{border-top: 4px solid #ff4144;}
  #popUpForm .input-lg{padding-left:6px; padding-right:6px;}
  .discussproject .logo.dark{position: absolute; left: 20px; top:15px; }
  .discussproject .logo.dark img{height: 50px;}
  .discussproject .guarantee{padding-left: 50px; position: relative;}
  .discussproject .sidebar{background: linear-gradient(to bottom, #4c5d89 0%, #2b344d 80%); background: -webkit-linear-gradient(bottom, #4c5d89 0%, #2b344d 80%); padding-top: 30px;}
  .radius2 {
    border-radius: 2px;
}
.mb30 {
    margin-bottom: 30px;
}
.p15 {
    padding: 15px;
}
.fweight3 {
    font-weight: 300;
}
.mb20 {
    margin-bottom: 20px;
}
  .discussproject .encyypt{position: relative; color:#999; text-align: right; font-size:12px; line-height: 12px;}
  .p25 {
    padding: 25px;
}
.hwezoomIn {
    -webkit-animation-name: hwezoomIn; animation-name: hwezoomIn;
    -webkit-animation-duration: .5s; animation-duration: .5s;
    -webkit-animation-fill-mode: both; animation-fill-mode: both;
    height: 100%;}
.bgwhite {
    background-color: #fff;
}
.popclose {
    position: relative;
    background: none;
    right: 25px;
    top: 15px;
    padding: 20px;
    border: none;
}
.popclose span.mclose:before {    content: '';    width: 25px;    height: 2px;    background: #fff;    position: absolute;    right: 5px;    transition: ease .3s all 0s;    transform: rotate(45deg);    -webkit-transform: rotate(45deg);
}
.popclose span.mclose:after {    content: '';    width: 25px;    height: 2px;    background: #fff;    position: absolute;    right: 5px;    transition: ease .3s all 0s;    transition: ease .3s all 0s;    transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.mb10 {
    margin-bottom: 10px;
}
.fweight5 {
    font-weight: 500;
}
.font15 {
    font-size: 17px;
}
.textwhite, .textwhite:hover, .textwhite:focus {
    color: #fff;
}
.text-center {
    text-align: center;
}
.footerlogo.foostar5 {
    width: 107px;
    height: 23px;
}
.footerlogo.testiview {
    width: 32px;
    height: 32px;
	margin: 0 0 0 15px;
}
.text-right {
    text-align: right;
}
.mb10 {
    margin-bottom: 10px;
}
.fweight6 {
    font-weight: 600;
}
.font30 {
    font-size: 34px;
    line-height: normal;
}
.font14 {
    font-size: 16px;
}
.footerlogo {
    background-image: url("https://www.aaravinfotech.com/new/assets/images/footerlogo.png");
    display: inline-block;
    position: relative;
}
.footerlogo.popawards1 {
    background-position: -260px -0px;
    width: 100px;
    height: 92px;
}
.footerlogo.popawards2 {
    background-position: -260px -98px;
    width: 100px;
    height: 58px;
}
.footerlogo.popawards3 {
    background-position: -260px -165px;
    width: 100px;
    height: 96px;
}
.footerlogo.popawards4 {
    background-position: -260px -264px;
    width: 100px;
    height: 50px;
}
.footerlogo.popawards5 {
    background-position: -260px -320px;
    width: 100px;
    height: 36px;
}
.footerlogo.popawards6 {
    background-position: -260px -355px;
    width: 100px;
    height: 30px;
}
.footerlogo.popawards7 {
    background-position: -260px -390px;
    width: 100px;
    height: 70px;
}
.ai-process{margin: 50px auto; display:block;}
.ai-process-bg{background-color:#ccc;}
.client-portal-heading{font-size: 30px !important;line-height: 35px !important;}
.client-portal-logo{width: 60%;margin: 0 0 30px 0;}
.certificates-logo{margin:0 auto; display:block;}
.ai-get-quote-btn{margin: 8px 8px 0 0;}
.youtube-icon{border-radius: 0px !important;border: none !important;}
.box-content h5{font-size: 16px !important;}
/*sitewide heading style*/
.heading-small{font-size: 16px;font-style: normal;font-weight: 600;line-height: 18px;}
.heading-big{font-size: 32px;font-style: normal;font-weight: 600;line-height: 38px;}
section:hover .title-effect:nth-child(odd), section:focus .title-effect:nth-child(odd) {
    color: #ee2655;
}
/*Packages style*/
.tooltip-list{list-style:none;}
.extralarge_button,
.large_button,
.big_button {
    position: relative;
    display: inline-block;
    padding: 0 25px;
    color: #fff !important;
    font: 700 14px Montserrat, Arial, Helvetica, sans-serif;
    border-radius: 3px;
    text-align: center;
    text-transform: uppercase;
    overflow: hidden;
    -moz-transition: all .15s linear;
    -webkit-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear
}
.extralarge_button:hover,
.large_button:hover,
.big_button:hover {
    color: #fff !important;
    text-decoration: none !important
}
.extralarge_button {
    height: 50px;
    line-height: 50px
}
.large_button {
    height: 44px;
    line-height: 44px
}
.big_button {
    height: 36px;
    line-height: 36px
}
.transp {
    background: 0;
    border: 2px solid #fff;
    line-height: 46px;
    padding: 0 20px
}
.transp:hover,
.transp:active {
    opacity: .7
}
.bwhite {
    background: #fff;
    color: #73584c !important
}
.bwhite:hover,
.bwhite:active {
    opacity: .8;
    background: #fff;
    color: #73584c !important
}
.bblue {
    background: #ef1649;
    color: #fff !important
}
.bblue:hover,
.bblue:active {
    background: #464646;
}
.bred {
    background: #d0554b
}
.bred:hover,
.bred:active {
    background: #e1746c
}
.bgreen {
    background: #70b159
}
.bgreen:hover,
.bgreen:active {
    background: #8dca77
}
.borange {
    background: #f56332
}
.borange:hover,
.borange:active {
    background: #f58058
}
.bgrey {
    background: #444
}
.bgrey:hover,
.bgrey:active {
    background: #555
}
.bdarkgrey {
    background: #2b2b2b
}
.bdarkgrey:hover,
.bdarkgrey:active {
    background: #333
}
.blightgrey {
    background: #eee;
    color: #7a7a7a !important
}
.blightgrey:hover,
.blightgrey:active {
    background: #fdfdfd;
    color: #7a7a7a !important
}
.bdisabled {
    background: #f5f5f5;
    color: #b0b0b0 !important;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}
.bdisabled:hover,
.bdisabled:active {
    background: #f5f5f5;
    color: #b0b0b0 !important
}
.small_button {
    position: relative;
    display: inline-block;
    padding: 4px 24px 4px 10px;
    font-size: 10px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 2px
}
.small_button:hover {
    color: #fff;
    text-decoration: none
}
.small_button:before {
    position: absolute;
    top: 9px;
    right: 7px;
    content: "";
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #fff;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1)
}
.small_button:after {
    position: absolute;
    top: 11px;
    right: 11px;
    content: "";
    width: 4px;
    height: 4px;
    background: #fff;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1)
}
.small_button.orange {
    background: #f56332
}
.small_button.orange:hover {
    background: #f4794f
}
.small_button.blue {
    background: #4b99d0
}
.small_button.blue:hover {
    background: #66addf
}
.input {
    box-shadow: 0 1px 0 #fff, inset 0 1px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid #ccc;
    background: #fff;
    height: 36px;
    padding: 6px;
    -moz-transition: border .15s linear;
    -webkit-transition: border .15s linear;
    -o-transition: border .15s linear;
    transition: border .15s linear
}
.input:focus {
    border: 1px solid #aaa
}
.input.error {
    background: #ffe4e4;
    border: 1px solid #f1b0b0;
    color: #c66
}
.radio {
    float: left;
    margin: 2px 4px 0 0
}
.checkbox {
    float: left;
    margin: 3px 6px 0 0
}
.wid300 {
    width: 300px !important
}
.wid400 {
    width: 400px !important
}
.wid100p {
    width: 100% !important
}
.wid736 {
    width: 736px !important
}
.h200 {
    height: 200px !important
}
.b0 {
    border: none !important
}
.standardformlabel {
    float: left;
    line-height: 36px !important;
    cursor: pointer
}
.standardformlabel a {
    border-bottom: 1px dotted #4290c5
}
.standardformlabel a:hover {
    border-bottom: 1px dotted #2976ab;
    text-decoration: none
}
.label {
    min-width: 140px;
    padding: 4px 10px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    font: 11px Tahoma, Arial, Verdana, sans-serif;
    border-radius: 3px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    white-space: nowrap
}
.label.orange {
    background: #f56332
}
.clr {
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0
}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table
}
.clearfix:after {
    clear: both
}
.clearfix {
    zoom: 1
}
.bigtitle {
    margin: 0 0 6px;
    font-size: 32px;
    line-height: 42px;
    text-align: center;
    position: relative;
    padding-top: 40px
}
.bigsubtitle {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 300;
    margin: 0 0 40px;
    text-align: center
}
.bigpara {
    margin: 15px 0 10px;
    font-size: 16px;
    line-height: 26px;
    color: #444
}
.notes {
    margin: 15px 0 0;
    padding: 10px 0 0;
    border-top: 1px solid #d3d3d3;
    font-size: 12px;
    line-height: 16px
}
.loader {
    display: none
}
.loader>img {
    margin: 0 auto
}
.dblock {
    display: block !important
}
.diblock {
    display: inline-block !important
}
.relative {
    position: relative !important
}
.absolute {
    position: absolute !important
}
.tabbedbox {
    border-radius: 0 5px 5px 5px !important
}
.twoboxes {
    float: left;
    width: 48%;
    margin: 0 0 0 2%
}
.twoboxes:first-of-type {
    margin: 0 2% 0 0
}
.threeboxes {
    float: left;
    width: 30.6%;
    margin: 0 0 0 4%
}
.threeboxes:first-of-type {
    margin: 0
}
.invisible {
    position: absolute;
    top: -9999px;
    left: -9999px;
    width: 0;
    height: 0
}
.helpy {
    display: inline;
    padding: 0 0 2px;
    border-bottom: 1px dotted #bbb;
    cursor: help
}
.modal {
    display: none;
    position: fixed !important;
    z-index: 9999 !important;
    background: rgba(0, 0, 0, 0.8);
    border: none !important;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.5) !important
}
.fader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .7;
    z-index: 5000
}
.tooltip {
    position: absolute;
    display: none;
    border: 1px solid #d1d1d1;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
    padding: 14px;
    z-index: 50;
    background: #fff;
	opacity:1;
}
.tooltip:before {
    position: absolute;
    top: -7px;
    left: 20px;
    content: "";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #d1d1d1
}
.tooltip:after {
    position: absolute;
    top: -5px;
    left: 21px;
    content: "";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff
}
.notify {
    max-width: 980px;
    margin: 0 auto 20px;
    line-height: 20px;
    padding: 15px 15px 15px 20px;
    text-align: left
}
.notify svg {
    float: left;
    width: 32px;
    height: 32px;
    margin: 0 20px 0 0
}
.notify strong:first-of-type {
    display: block;
    margin: 0 0 15px;
    padding: 0 0 0 38px;
    line-height: 30px;
    font-size: 16px;
    text-transform: uppercase
}
.notify p {
    margin: 10px 0 0
}
.notify ul li>ul {
    margin: 6px 0 6px 10px
}
.notify ul li>ul>li {
    position: relative;
    padding: 0 0 0 14px
}
.notify ul li>ul>li:before {
    position: absolute;
    top: 8px;
    left: 0;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #999
}
.notify.withtooltip a {
    position: relative
}
.notify.withtooltip a .helpy:hover+.tooltip {
    display: block
}
.notify.withtooltip a .tooltip {
    font-size: 12px;
    width: 360px;
    color: #444
}
.notify.withtooltip a .tooltip:after {
    left: 50%
}
.notify.withtooltip a .tooltip:before {
    left: 50.4%
}
.notify.error {
    border: 1px solid #fcdfd5;
    background: #fff5f0;
    border-left: 3px solid #dda496;
    color: #972c2c
}
.notify.error svg path {
    fill: #c95f5f
}
.notify.error ul li>ul>li:before {
    background: #972c2c
}
.notify.warning {
    border: 1px solid #e6e998;
    background: #feffdd;
    border-left: 3px solid #c4c064;
    color: #646406
}
.notify.warning svg path {
    fill: #a6a23b
}
.notify.warning ul li>ul>li:before {
    background: #646406
}
.notify.information {
    border: 1px solid #d6e2ea;
    border-left: 3px solid #6aa4c0;
    background: #f1f9fe;
    color: #2b586e
}
.notify.information svg path {
    fill: #6aa4c0
}
.notify.information ul li>ul>li:before {
    background: #2b586e
}
.notify.success {
    border: 1px solid #d0e7b2;
    border-left: 3px solid #86c06a;
    background: #e7ffcd;
    color: #477b2e
}
.notify.success svg path {
    fill: #82be65
}
.notify.success ul li>ul>li:before {
    background: #477b2e
}
.notify.notice {
    border: 1px solid #e9e9e9;
    border-left: 3px solid #c7c7c7;
    background: #f8f8f8;
    color: #888
}
.notify.notice ul li>ul>li:before {
    background: #888
}
.vat-notice-module {
    color: #adadad;
    font-size: 12px;
    padding: 10px 0 0;
    font-style: normal;
    font-weight: 400;
    clear: both;
    float: none !important;
    text-align: center
}
.vat-notice-module.dblock {
    display: block
}
.vatPriceElement,
.vatNoticeText {
    font-style: normal !important
}
@media screen and (max-width:768px),
screen and (max-device-width:768px) {
    .bigtitle {
        font-size: 28px;
        line-height: 32px;
        margin: 0 0 10px
    }
    .bigsubtitle {
        font-size: 16px;
        line-height: 24px
    }
}
@media screen and (max-width:480px),
screen and (max-device-width:480px) {
    .bigtitle {
        font-size: 22px;
        line-height: 24px
    }
    .bigsubtitle {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }
}
@media screen and (max-width:360px),
screen and (max-device-width:360px) {
    .bigtitle {
        font-size: 20px;
        line-height: 22px
    }
}
.no-padding--bottom {
    padding-bottom: 0 !important
}
.no-padding--top {
    padding-top: 0 !important
}
.flex--wrap-row-center {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}
.flex--wrap-row-center .flex__btn--margin-medium {
    margin: 10px 15px
}
.pos-abs-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.border--top-solid-light {
    border-top: 1px solid #ddd
}
.border--top-solid-dark {
    border-top: 1px solid #444
}
.border--solid-grey {
    border: 1px solid #9c9e9e
}
.border--solid-m-bronze {
    border: 2px solid #cdaa72
}
.border--bottom-dotted-light {
    border-bottom: 1px dotted #ddd
}
.border--bottom-dashed-brown {
    border-bottom: 2px dashed #ccb28b
}
.border--radius-circle {
    border-radius: 50%
}
.partner-logo svg {
    width: 100%;
    height: 100%
}
.partner-logo--size_180 {
    max-width: 180px
}
.density--xx-small {
    padding-bottom: 5px;
    padding-top: 5px
}
.density--x-small {
    padding-bottom: 10px;
    padding-top: 10px
}
.density--semismall {
    padding-bottom: 15px;
    padding-top: 15px
}
.density--small {
    padding-bottom: 20px;
    padding-top: 20px
}
.density--semimedium {
    padding-bottom: 25px;
    padding-top: 25px
}
.density--medium {
    padding-bottom: 30px;
    padding-top: 30px
}
.density--large {
    padding-bottom: 40px;
    padding-top: 40px
}
.density--x-large {
    padding-bottom: 50px;
    padding-top: 50px
}
.density--xx-large {
    padding-bottom: 60px;
    padding-top: 60px
}
.feature-column__content {
    width: 50%
}
.wrap {
    position: relative;
    margin: 0 auto
}
.wrap--xx-small {
    max-width: 280px
}
.wrap--x-small {
    max-width: 380px
}
.wrap--small {
    max-width: 780px
}
.wrap--large {
    max-width: 1600px
}
.landing-footer {
    text-align: center;
    padding: 30px 0;
    background: #333230
}
.landing-footer .logo-footer {
    height: 27px;
    margin: 0 5px;
    display: inline-block
}
.landing-footer .logo-footer svg {
    height: 100%;
    width: 130px
}
.landing-footer p {
    margin: 30px 0 0 0;
    color: #fff;
    font-size: 13px;
    line-height: 17px
}
@media screen and (min-width:768px),
screen and (min-device-width:768px) {
    .no-display-border-widescreen {
        border: 0
    }
    .pos-wrap--zindex_1 {
        z-index: 1
    }
    .pos-wrap--absolute {
        position: absolute;
        margin: 0 auto
    }
    .pos-wrap--left {
        left: 0
    }
    .pos-wrap--top {
        top: 0
    }
    .pos-wrap--right {
        right: 0
    }
    .pos-wrap--bottom {
        bottom: 0
    }
    .pos-wrap--bottom-small {
        bottom: 40px
    }
    .pos-wrap--negative-left-xsmall {
        left: -30px
    }
    .pos-wrap--negative-left-medium {
        left: -125px
    }
    .pos-wrap--negative-left-large {
        left: -250px
    }
    .pos-wrap--negative-top-xxsmall {
        top: -20px
    }
    .pos-wrap--negative-top-xsmall {
        top: -40px
    }
    .pos-wrap--negative-top-large {
        top: -300px
    }
    .pos-wrap--negative-right-small {
        right: -70px
    }
    .pos-wrap--negative-right-medium {
        right: -125px
    }
    .pos-wrap--negative-right-large {
        right: -250px
    }
    .pos-wrap--negative-bottom-large {
        bottom: -200px
    }
}
@media screen and (max-width:1199px),
screen and (max-device-width:1199px) {
    .no-display-1199 {
        display: none
    }
}
@media screen and (max-width:1023px),
screen and (max-device-width:1023px) {
    .no-display-1023 {
        display: none
    }
    .center-elem {
        margin: 0 auto
    }
}
@media screen and (max-width:940px),
screen and (max-device-width:940px) {
    .feature-column__content {
        width: 100%
    }
}
@media screen and (max-width:767px),
screen and (max-device-width:767px) {
    .no-display-767 {
        display: none
    }
    .no-visible-767 {
        visibility: hidden
    }
    .no-padding--767 {
        padding: 0
    }
    .center-elem--767 {
        margin: 0 auto
    }
    .auto-height--767 {
        height: auto;
        min-height: auto !important
    }
    .flex--wrap-column-center {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center
    }
    .density--xx-large {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .grid.cols3 .column {
        width: 49.5%
    }
}
@media screen and (max-width:480px),
screen and (max-device-width:480px) {
    .no-display-480 {
        display: none !important
    }
    .no-padding--side {
        padding-left: 0;
        padding-right: 0
    }
    .grid.cols3 .column,
    .grid.cols2 .column {
        width: 100%
    }
}
#header #main-navigation {
    flex-grow: 12;
    top: 0
}
#header #main-navigation>ul {
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: 20px
}
#header #main-navigation>ul>li {
    margin: 0 1px
}
#header #main-navigation>ul>li>a,
#header #main-navigation>ul>li>span {
    display: inline-block;
    padding: 0 20px;
    height: 60px;
    line-height: 60px;
    color: #e6e3e3;
    font-size: 15px;
    font-family: Roboto, Arial, sans-serif;
    font-weight: 400;
    text-decoration: none;
    -moz-transition: background-color .25s linear, box-shadow .25 linear, color .25 linear;
    -webkit-transition: background-color .25s linear, box-shadow .25 linear, color .25 linear;
    -o-transition: background-color .25s linear, box-shadow .25 linear, color .25 linear;
    transition: background-color .25s linear, box-shadow .25 linear, color .25 linear;
    text-transform: uppercase;
    cursor: default
}
#header #main-navigation>ul>li>a.reallink,
#header #main-navigation>ul>li>span.reallink {
    cursor: pointer
}
#header #main-navigation>ul>li>div {
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    background: #f5f1ea;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2);
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}
#header #main-navigation>ul>li>div .standard-dropdown {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px
}
#header #main-navigation>ul>li>div .standard-dropdown li {
    width: 22.6%;
    margin: 10px;
    text-align: center
}
#header #main-navigation>ul>li>div .standard-dropdown li a {
    position: relative;
    width: 100%;
    min-height: 160px;
    padding: 20px 5px 0;
    border-radius: 3px;
    display: inline-block;
    background: #fff;
    color: #f56332;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1)
}
#header #main-navigation>ul>li>div .standard-dropdown li a:hover {
    text-decoration: none
}
#header #main-navigation>ul>li>div .standard-dropdown li a:before {
    z-index: 0;
    position: absolute;
    content: "";
    opacity: 0;
    top: 0;
    left: 0;
    width: 98.2%;
    height: 98%;
    border: 2px solid #c69c6d;
    border-radius: 3px;
    -webkit-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1)
}
#header #main-navigation>ul>li>div .standard-dropdown li a:after {
    z-index: -1;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.35);
    opacity: 0;
    -webkit-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1)
}
#header #main-navigation>ul>li>div .standard-dropdown li a:hover::after,
#header #main-navigation>ul>li>div .standard-dropdown li a:hover::before {
    opacity: 1
}
#header #main-navigation>ul>li>div .standard-dropdown li a .icon-size {
    height: 64px;
    display: flex;
    align-items: center;
    margin: 0 auto 15px
}
#header #main-navigation>ul>li>div .standard-dropdown li a .icon-size svg {
    width: 100%
}
#header #main-navigation>ul>li>div .standard-dropdown li a h4 {
    line-height: 1.6;
    font-family: Roboto, Arial, sans-serif;
    color: #404141;
    text-transform: uppercase
}
#header #main-navigation>ul>li>div .standard-dropdown li a p {
    margin: 0 0 15px;
    color: #818181
}
#header #main-navigation>ul>li>div.webhosting {
    max-width: 970px
}
#header #main-navigation>ul>li>div.webhosting .webhosting-dropdown {
    padding: 10px 0
}
#header #main-navigation>ul>li>div.webhosting .webhosting-dropdown ul li:nth-child(1) svg {
    height: 55px
}
#header #main-navigation>ul>li>div.webhosting .webhosting-dropdown ul li:nth-child(1) svg * {
    fill: #e16b38
}
#header #main-navigation>ul>li>div.webhosting .webhosting-dropdown ul li:nth-child(2) svg {
    height: 55px
}
#header #main-navigation>ul>li>div.webhosting .webhosting-dropdown ul li:nth-child(2) svg * {
    fill: #56a0c2
}
#header #main-navigation>ul>li>div.webhosting .webhosting-dropdown ul li:nth-child(3) svg {
    height: 43px
}
#header #main-navigation>ul>li>div.webhosting .webhosting-dropdown ul li:nth-child(3) svg * {
    fill: #a269b9
}
#header #main-navigation>ul>li>div.webhosting .webhosting-dropdown ul li:nth-child(4) svg {
    height: 43px
}
#header #main-navigation>ul>li>div.webhosting .webhosting-dropdown ul li:nth-child(4) svg * {
    fill: #61bbc3
}
#header #main-navigation>ul>li>div.ourtechnologies {
    max-width: 740px
}
#header #main-navigation>ul>li>div.ourtechnologies .ourtechnologies-dropdown {
    padding: 10px 0
}
#header #main-navigation>ul>li>div.ourtechnologies .ourtechnologies-dropdown ul li {
    width: 30.5%
}
#header #main-navigation>ul>li>div.ourtechnologies .ourtechnologies-dropdown ul li:nth-child(1) svg {
    height: 52px
}
#header #main-navigation>ul>li>div.ourtechnologies .ourtechnologies-dropdown ul li:nth-child(1) svg * {
    fill: #cfad78
}
#header #main-navigation>ul>li>div.ourtechnologies .ourtechnologies-dropdown ul li:nth-child(2) svg {
    height: 50px
}
#header #main-navigation>ul>li>div.ourtechnologies .ourtechnologies-dropdown ul li:nth-child(2) svg * {
    fill: #1c8ea6
}
#header #main-navigation>ul>li>div.ourtechnologies .ourtechnologies-dropdown ul li:nth-child(3) svg {
    height: 55px
}
#header #main-navigation>ul>li>div.ourtechnologies .ourtechnologies-dropdown ul li:nth-child(3) svg * {
    fill: #f68858
}
#header #main-navigation>ul>li>div.aboutus {
    max-width: 970px
}
#header #main-navigation>ul>li>div.aboutus .aboutus-dropdown {
    padding: 10px 0
}
#header #main-navigation>ul>li>div.aboutus .aboutus-dropdown ul li:nth-child(1) svg {
    height: 55px
}
#header #main-navigation>ul>li>div.aboutus .aboutus-dropdown ul li:nth-child(1) svg * {
    fill: #be9e73
}
#header #main-navigation>ul>li>div.aboutus .aboutus-dropdown ul li:nth-child(2) svg {
    height: 55px
}
#header #main-navigation>ul>li>div.aboutus .aboutus-dropdown ul li:nth-child(2) svg * {
    fill: #9b70ac
}
#header #main-navigation>ul>li>div.aboutus .aboutus-dropdown ul li:nth-child(3) svg {
    height: 55px
}
#header #main-navigation>ul>li>div.aboutus .aboutus-dropdown ul li:nth-child(3) svg * {
    fill: #1c8ea6
}
#header #main-navigation>ul>li>div.aboutus .aboutus-dropdown ul li:nth-child(4) svg {
    height: 55px
}
#header #main-navigation>ul>li>div.aboutus .aboutus-dropdown ul li:nth-child(4) svg * {
    fill: #d17751
}
#header #main-navigation>ul>li:hover>a,
#header #main-navigation>ul>li:hover>span,
#header #main-navigation>ul>li:hover>.current {
    background: #f5f1ea;
    color: #1d1d1d;
    box-shadow: inset 0 3px 0 #cfad78
}
#header #main-navigation>ul>li:hover>div {
    opacity: 1;
    visibility: visible;
    height: auto
}
#header .addservices {
    padding: 0 20px;
    margin-bottom: 20px
}
#header .addservices strong {
    display: inline;
    margin: 0 10px 0 0;
    font-size: 14px;
    font-family: Roboto, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #989595
}
#header .addservices ul {
    display: inline
}
#header .addservices ul li {
    position: relative;
    display: inline;
    padding: 0 0 0 12px;
    margin: 0 0 0 6px
}
#header .addservices ul li:before {
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: silver
}
#header .addservices ul li:first-child {
    margin: 0;
    padding: 0
}
#header .addservices ul li:first-child:before {
    background: transparent
}
#header .addservices ul li a {
    color: #1d1d1d;
    font-family: Roboto, Arial, sans-serif
}
#header .addservices ul li a:hover {
    text-decoration: underline
}
@media screen and (min-width:980px),
screen and (min-device-width:980px) and (orientation:portrait) {
    #header #main-navigation .main-dropdown .first-list,
    #header #main-navigation .main-dropdown>li:last-child svg,
    #header #main-navigation .main-dropdown>li>span,
    #header #main-navigation .main-dropdown>li a .mobile-icon,
    #header #main-navigation .main-dropdown .addservices ul li a svg {
        display: none
    }
}
@media screen and (max-width:980px),
screen and (max-device-width:980px) and (orientation:portrait) {
    #main-navigation {
        display: none;
        position: fixed;
        top: 0;
        bottom: 0;
        right: -250px;
        width: 250px;
        min-height: 100%;
        padding: 0;
        overflow-y: auto;
        background: #333;
        box-shadow: inset 3px 0 10px rgba(0, 0, 0, 0.3)
    }
    #main-navigation.slide-left {
        display: block;
        right: -20px
    }
    #main-navigation>ul>li:hover>span,
    #main-navigation>ul>li:hover>.current {
        background: #555;
        background: -moz-linear-gradient(top, #555 0, #444 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(100%, #444));
        background: -webkit-linear-gradient(top, #555 0, #444 100%);
        background: -o-linear-gradient(top, #555 0, #444 100%);
        background: -ms-linear-gradient(top, #555 0, #444 100%);
        background: linear-gradient(top, #555 0, #444 100%)
    }
    #main-navigation>ul>li>span {
        display: block;
        padding-left: 15px;
        height: 22px;
        line-height: 20px;
        color: #888;
        font-size: 10px;
        font-weight: 400;
        text-transform: uppercase;
        background: #555;
        background: -moz-linear-gradient(top, #555 0, #444 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(100%, #444));
        background: -webkit-linear-gradient(top, #555 0, #444 100%);
        background: -o-linear-gradient(top, #555 0, #444 100%);
        background: -ms-linear-gradient(top, #555 0, #444 100%);
        background: linear-gradient(top, #555 0, #444 100%);
        border-top: 1px solid rgba(255, 255, 255, 0.08);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1)
    }
    #main-navigation>ul>li>a {
        display: block;
        padding-left: 15px;
        height: 40px;
        line-height: 40px;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        background: 0;
        font-size: 13px;
        text-transform: none;
        color: #f1f1f1
    }
    #main-navigation>ul>li>a:hover {
        background: #212121;
        text-decoration: none
    }
    #main-navigation>ul>li>a svg {
        display: inline-block;
        margin-right: 5px
    }
    #main-navigation>ul>li>a svg * {
        fill: #9fa1a2
    }
    #main-navigation>ul>li>a span {
        display: inline-block
    }
    #main-navigation>ul>li:nth-child(n+2):nth-child(-n+4)>a {
        display: none
    }
    #main-navigation>ul>li>div {
        display: block;
        position: relative;
        top: 0;
        box-shadow: none;
        background: transparent;
        font-size: 13px
    }
    #main-navigation>ul>li>div .standard-dropdown li {
        height: 40px;
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1)
    }
    #main-navigation>ul>li>div .standard-dropdown li a {
        display: block;
        padding-left: 15px
    }
    #main-navigation>ul>li>div .standard-dropdown li a:hover {
        background: #212121;
        text-decoration: none
    }
    #main-navigation>ul>li>div .standard-dropdown li a svg {
        width: 18px;
        height: 18px;
        display: inline-block;
        margin-right: 5px
    }
    #main-navigation>ul>li>div .standard-dropdown li a svg * {
        fill: #9fa1a2
    }
    #main-navigation>ul>li>div .standard-dropdown li a h4 {
        height: 40px;
        line-height: 40px;
        display: inline-block;
        color: #f1f1f1;
        font-weight: 400;
        font-family: 'Open Sans', Arial, sans-serif
    }
    #main-navigation>ul>li>div .standard-dropdown li a .desktop-icon svg,
    #main-navigation>ul>li>div .standard-dropdown li a p {
        display: none
    }
    #main-navigation>ul>li>div .standard-dropdown li.mobile-woohosting a svg {
        width: 20px;
        height: 20px;
        margin-bottom: -6px
    }
    #main-navigation>ul>li>div .addservices strong {
        display: none
    }
    #main-navigation>ul>li>div .addservices ul li {
        height: 40px;
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1)
    }
    #main-navigation>ul>li>div .addservices ul li a {
        display: block;
        padding-left: 15px;
        color: #f1f1f1
    }
    #main-navigation>ul>li>div .addservices ul li a:hover {
        background: #212121;
        text-decoration: none
    }
    #main-navigation>ul>li>div .addservices ul li a span {
        line-height: 40px
    }
    #main-navigation>ul>li>div .addservices ul li a svg {
        width: 18px;
        height: 18px;
        display: inline-block;
        margin-right: 5px
    }
    #main-navigation>ul>li>div .addservices ul li a svg * {
        fill: #9fa1a2
    }
    #main-navigation>ul>li>div .addservices ul li a .desktop-icon svg {
        display: none
    }
}
.cookie-notice {
    position: relative;
    background: #353535;
    color: #e5e5e5;
    font-size: 12px;
    padding: 8px 20px;
    line-height: 20px;
    width: 100%;
    z-index: 1001
}
.cookie-notice>div {
    position: relative;
    padding: 0 !important
}
.cookie-notice>div p {
    margin: 0;
    padding: 0 110px 0 0
}
.cookie-notice>div p a {
    color: inherit;
    border-bottom: 1px dotted #e5e5e5;
    text-decoration: none
}
.cookie-notice>div p a:hover {
    border-bottom: 1px solid #e5e5e5
}
.cookie-notice>div .hide-cookie {
    display: block;
    border-radius: 2px;
    border: 1px solid #9a9a9a;
    line-height: 16px;
    padding: 0 5px;
    height: 20px;
    font-size: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    color: #9a9a9a;
    margin: -10px 0 0;
    text-transform: uppercase
}
.cookie-notice>div .hide-cookie svg {
    fill: #f6f6f6;
    width: 8px;
    height: 8px;
    margin: 4px;
    position: relative
}
.cookie-notice>div .hide-cookie:hover {
    background: #9a9a9a;
    color: #fff;
    text-decoration: none
}
.cookie-notice.sticky {
    position: fixed
}
#header {
    min-height: 80px;
    background: #333230
}
#header .header-content {
    position: relative;
    padding-top: 20px;
    display: flex;
    justify-content: space-between
}
#header .header-content .header-logo {
    flex-grow: 1
}
#header .header-content .header-logo #logo {
    display: inline-block;
    vertical-align: super;
    position: relative;
    bottom: -5px
}
#header .header-content .header-logo #logo svg {
    height: 32px
}
#header .header-content .header-help .nav-buttons {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end
}
#header .header-content .header-help .nav-buttons .set {
    font-weight: 400 !important
}
#header .header-content .header-help .nav-buttons .set.context:hover {
    background: #f5f1ea;
    text-decoration: none
}
#header .header-content .header-help .nav-buttons .set.context:hover>a {
    cursor: default;
    color: #282828;
    box-shadow: inset 0 3px 0 #cfad78
}
#header .header-content .header-help .nav-buttons .set.context:hover form {
    opacity: 1;
    visibility: visible;
    height: auto;
    overflow: visible
}
#header .header-content .header-help .nav-buttons .set>a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    min-width: 104px;
    height: 60px;
    line-height: 60px;
    color: #e3e3e3;
    font-weight: 500;
    font-family: Roboto, Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}
#header .header-content .header-help .nav-buttons .set>a:hover {
    text-decoration: none;
    background: #f5f1ea;
    color: #282828;
    box-shadow: inset 0 3px 0 #cfad78
}
#header .header-content .header-help .nav-buttons .set>a span {
    vertical-align: middle;
    font-size: 15px;
    font-family: Roboto, Arial, sans-serif;
    font-weight: 400
}
#header .header-content .header-help .nav-buttons .set svg {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 4px
}
#header .header-content .header-help .nav-buttons .set svg * {
    fill: #727171
}
#header .header-content .header-help .nav-buttons .set form {
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    z-index: 9999;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    background: #f5f1ea;
    color: #434242;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    text-align: center;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}
#header .header-content .header-help .nav-buttons .set form .main-call {
    padding: 20px
}
#header .header-content .header-help .nav-buttons .set form .main-call .big_button {
    display: block;
    padding: 0 10px;
    font-family: Roboto, Arial, sans-serif;
    font-weight: 400
}
#header .header-content .header-help .nav-buttons .set form .second-call {
    padding: 15px 15px 10px;
    border-top: 1px solid #d8d7d6
}
#header .header-content .header-help .nav-buttons .set form .second-call .need {
    font-size: 16px;
    font-family: Roboto, Arial, sans-serif;
    font-weight: 500;
    padding-bottom: 15px
}
#header .header-content .header-help .nav-buttons .set form .second-call a {
    display: inline-block;
    margin-bottom: 10px;
    color: #269eca;
    font-family: Roboto, Arial, sans-serif;
    font-weight: 400;
    text-decoration: none
}
#header .header-content .header-help .nav-buttons .set form .second-call a svg {
    height: 16px;
    display: inline-block;
    margin-right: 10px
}
#header .header-content .header-help .nav-buttons .set form .second-call a svg * {
    fill: #a9a9a8
}
#header .header-content .header-help .nav-buttons .set form .second-call a span {
    vertical-align: middle
}
#header .header-content .header-help .nav-buttons .set form .second-call a:hover {
    text-decoration: underline
}
#header .header-content .header-help .nav-buttons .set form .second-call #phone_holder a {
    color: #434242
}
#header .header-content .header-help .nav-buttons .open-main-nav {
    display: none;
    padding: 0 10px;
    margin-left: 10px;
    background: #f5f1ea;
    color: #282828;
    font-weight: 500;
    font-family: Roboto, Arial, sans-serif;
    font-size: 14px;
    cursor: pointer;
    border-radius: 1px
}
#header .header-content .header-help .nav-buttons .open-main-nav:hover {
    background: #fff;
    text-decoration: none
}
#header .header-content .header-help .nav-buttons .open-main-nav>div {
    height: 30px;
    display: flex;
    align-items: center
}
#header .header-content .header-help .nav-buttons .open-main-nav>div svg {
    display: inline-block;
    width: 18px;
    height: 15px;
    margin-right: 10px
}
@media screen and (max-width:980px),
screen and (max-device-width:980px) {
    #header.fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 4000
    }
    #header.fixed.slide-left {
        left: -230px
    }
    #header .header-content .header-logo {
        flex-grow: 0
    }
    #header .header-content .header-help {
        flex-grow: 0
    }
    #header .header-content .header-help .nav-buttons {
        justify-content: flex-end
    }
    #header .header-content .header-help .nav-buttons .open-main-nav {
        display: block
    }
}
@media screen and (max-width:580px),
screen and (max-device-width:580px) {
    #header {
        min-height: 70px
    }
    #header .header-content .header-logo #logo {
        position: relative;
        bottom: -4px
    }
    #header .header-content .header-logo #logo svg {
        height: 26px
    }
    #header .header-content .header-help .nav-buttons {
        position: initial
    }
    #header .header-content .header-help .nav-buttons .set {
        background: #444;
        border-radius: 3px;
        margin-right: 10px
    }
    #header .header-content .header-help .nav-buttons .set.context:hover>a {
        border-radius: 3px
    }
    #header .header-content .header-help .nav-buttons .set svg {
        height: 20px;
        margin: 0
    }
    #header .header-content .header-help .nav-buttons .set>a {
        padding: 0 7px;
        min-width: auto;
        height: 34px;
        line-height: 34px
    }
    #header .header-content .header-help .nav-buttons .set>a:hover {
        border-radius: 3px
    }
    #header .header-content .header-help .nav-buttons .set>a span {
        display: none
    }
    #header .header-content .header-help .nav-buttons .set form {
        top: 70px
    }
    #header .header-content .header-help .nav-buttons .set form:before {
        content: '';
        position: absolute;
        top: -16px;
        right: 88px;
        width: 0;
        height: 0;
        border-left: 17px solid transparent;
        border-right: 17px solid transparent;
        border-bottom: 16px solid #f5f1ea
    }
    #header .header-content .header-help .nav-buttons .open-main-nav {
        padding: 0 8px;
        margin-left: 0;
        border-radius: 3px
    }
    #header .header-content .header-help .nav-buttons .open-main-nav>div {
        height: 34px
    }
    #header .header-content .header-help .nav-buttons .open-main-nav>div svg {
        margin: 0
    }
    #header .header-content .header-help .nav-buttons .open-main-nav>div span {
        display: none
    }
}
.flex {
    display: flex;
    flex-wrap: wrap
}
.flex>* {
    min-width: 0;
    max-width: 100%
}
.flex--direction-row {
    flex-direction: row
}
.flex--direction-column {
    flex-direction: column
}
.flex--direction-row-reverse {
    flex-direction: row-reverse
}
.flex--direction-column-reverse {
    flex-direction: column-reverse
}
.flex--justify-flex-start {
    justify-content: flex-start
}
.flex--justify-center {
    justify-content: center
}
.flex--justify-flex-end {
    justify-content: flex-end
}
.flex--justify-space-between {
    justify-content: space-between
}
.flex--justify-space-around {
    justify-content: space-around
}
.flex--align-flex-start {
    align-items: flex-start
}
.flex--align-center {
    align-items: center
}
.flex--align-flex-end {
    align-items: flex-end
}
.flex--align-baseline {
    align-items: baseline
}
.flex--align-stretch {
    align-items: stretch
}
.flex--align-self-flex-start {
    align-self: flex-start
}
.flex--align-self-center {
    align-self: center
}
.flex--align-self-flex-end {
    align-self: flex-end
}
.flex--align-self-baseline {
    align-self: baseline
}
.flex--align-self-stretch {
    align-self: stretch
}
.flex--flex-wrap-wrap {
    flex-wrap: wrap
}
.flex--flex-wrap-nowrap {
    flex-wrap: nowrap
}
.flex--background-light {
    background-color: #f8f8f8
}
.flex--background-white {
    background-color: #fff
}
.flex--margin-start-right {
    margin-right: auto
}
.flex--margin-start-top {
    margin-bottom: auto
}
.flex--gutter-xx-small {
    padding-left: 2.5px;
    padding-right: 2.5px
}
.flex--gutter-xx-small.flex--expanded {
    margin-left: -5px;
    margin-right: -5px
}
.flex--gutter-x-small {
    padding-left: 5px;
    padding-right: 5px
}
.flex--gutter-x-small.flex--expanded {
    margin-left: -10px;
    margin-right: -10px
}
.flex--gutter-small {
    padding-left: 7.5px;
    padding-right: 7.5px
}
.flex--gutter-small.flex--expanded {
    margin-left: -15px;
    margin-right: -15px
}
.flex--gutter-medium {
    padding-left: 10px;
    padding-right: 10px
}
.flex--gutter-medium.flex--expanded {
    margin-left: -20px;
    margin-right: -20px
}
.flex--gutter-large {
    padding-left: 15px;
    padding-right: 15px
}
.flex--gutter-large.flex--expanded {
    margin-left: -30px;
    margin-right: -30px
}
.flex--gutter-x-large {
    padding-left: 20px;
    padding-right: 20px
}
.flex--gutter-x-large.flex--expanded {
    margin-left: -40px;
    margin-right: -40px
}
.flex--gutter-xx-large {
    padding-left: 30px;
    padding-right: 30px
}
.flex--gutter-xx-large.flex--expanded {
    margin-left: -60px;
    margin-right: -60px
}
.grid {
    display: block;
    position: relative
}
.grid.cols3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}
.grid.cols3 .column {
    width: 33%
}
.grid.cols2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}
.grid.cols2 .column {
    width: 49.5%
}
.grid .column_density_small-side {
    padding: 0 20px
}
.grid .column_density_extralarge {
    padding: 50px
}
.grid.grid_density_extralarge {
    padding-top: 50px;
    padding-bottom: 50px
}
.grid.grid_density_large {
    padding-top: 40px;
    padding-bottom: 40px
}
.grid.grid-density_medium {
    padding-top: 30px;
    padding-bottom: 30px
}
.grid.grid-density_small {
    padding-top: 20px;
    padding-bottom: 20px
}
.grid.grid-density_extrasmall {
    padding-top: 10px;
    padding-bottom: 10px
}
.grid2 {
    display: grid;
    align-self: stretch
}
.grid2 * {
    min-width: 0
}
.grid--tp-icon-text {
    grid-template-columns: auto auto
}
.grid--autoflow-row {
    grid-auto-flow: row
}
.grid--autoflow-column {
    grid-auto-flow: column;
    grid-auto-columns: 1fr
}
.grid--padding-xx-small {
    padding: 5px
}
.grid--padding-x-small {
    padding: 10px
}
.grid--padding-medium {
    padding: 20px
}
.grid--padding-large {
    padding: 30px
}
.grid--padding-x-large {
    padding: 40px
}
.grid--padding-xx-large {
    padding: 60px
}
.grid--gap-none {
    grid-gap: 0
}
.grid--gap-xx-small {
    grid-gap: 5px
}
.grid--gap-x-small {
    grid-gap: 10px
}
.grid--gap-small {
    grid-gap: 15px
}
.grid--gap-medium {
    grid-gap: 20px
}
.grid--gap-large {
    grid-gap: 30px
}
.grid--gap-x-large {
    grid-gap: 40px
}
.grid--gap-xx-large {
    grid-gap: 60px
}
.grid--density-extralarge {
    padding-top: 50px;
    padding-bottom: 50px
}
.grid--density-large {
    padding-top: 40px;
    padding-bottom: 40px
}
.grid--density-medium {
    padding-top: 30px;
    padding-bottom: 30px
}
.grid--density-small {
    padding-top: 20px;
    padding-bottom: 20px
}
.grid--density-extrasmall {
    padding-top: 10px;
    padding-bottom: 10px
}
@media(min-width:425px) {
    .grid--xxs-1 {
        grid-template-columns: repeat(1, 1fr)
    }
    .grid--xxs-2 {
        grid-template-columns: repeat(2, 1fr)
    }
    .grid--xxs-3 {
        grid-template-columns: repeat(3, 1fr)
    }
    .grid--xxs-4 {
        grid-template-columns: repeat(4, 1fr)
    }
    .grid--xxs-5 {
        grid-template-columns: repeat(5, 1fr)
    }
    .grid--xxs-6 {
        grid-template-columns: repeat(6, 1fr)
    }
    .grid--xxs-7 {
        grid-template-columns: repeat(7, 1fr)
    }
    .grid--xxs-8 {
        grid-template-columns: repeat(8, 1fr)
    }
    .grid--xxs-9 {
        grid-template-columns: repeat(9, 1fr)
    }
    .grid--xxs-10 {
        grid-template-columns: repeat(10, 1fr)
    }
    .grid--xxs-11 {
        grid-template-columns: repeat(11, 1fr)
    }
    .grid--xxs-12 {
        grid-template-columns: repeat(12, 1fr)
    }
    .grid--xxs-13 {
        grid-template-columns: repeat(13, 1fr)
    }
    .grid--xxs-14 {
        grid-template-columns: repeat(14, 1fr)
    }
}
@media(max-width:767px) {
    .grid--xs-1 {
        grid-template-columns: repeat(1, 1fr)
    }
    .grid--xs-2 {
        grid-template-columns: repeat(2, 1fr)
    }
    .grid--xs-3 {
        grid-template-columns: repeat(3, 1fr)
    }
    .grid--xs-4 {
        grid-template-columns: repeat(4, 1fr)
    }
    .grid--xs-5 {
        grid-template-columns: repeat(5, 1fr)
    }
    .grid--xs-6 {
        grid-template-columns: repeat(6, 1fr)
    }
    .grid--xs-7 {
        grid-template-columns: repeat(7, 1fr)
    }
    .grid--xs-8 {
        grid-template-columns: repeat(8, 1fr)
    }
    .grid--xs-9 {
        grid-template-columns: repeat(9, 1fr)
    }
    .grid--xs-10 {
        grid-template-columns: repeat(10, 1fr)
    }
    .grid--xs-11 {
        grid-template-columns: repeat(11, 1fr)
    }
    .grid--xs-12 {
        grid-template-columns: repeat(12, 1fr)
    }
    .grid--xs-13 {
        grid-template-columns: repeat(13, 1fr)
    }
    .grid--xs-14 {
        grid-template-columns: repeat(14, 1fr)
    }
    .grid--xs-col-1-span-2 {
        grid-column: 1/span 2
    }
    .grid--xs-col-2-span-2 {
        grid-column: 2/span 2
    }
    .grid--xs-col-3-span-2 {
        grid-column: 3/span 2
    }
    .grid--xs-col-4-span-2 {
        grid-column: 4/span 2
    }
    .grid--xs-col-5-span-2 {
        grid-column: 5/span 2
    }
    .grid--xs-col-6-span-2 {
        grid-column: 6/span 2
    }
    .grid--xs-col-7-span-2 {
        grid-column: 7/span 2
    }
    .grid--xs-col-8-span-2 {
        grid-column: 8/span 2
    }
    .grid--xs-col-9-span-2 {
        grid-column: 9/span 2
    }
    .grid--xs-col-10-span-2 {
        grid-column: 10/span 2
    }
    .grid--xs-col-11-span-2 {
        grid-column: 11/span 2
    }
    .grid--xs-col-12-span-2 {
        grid-column: 12/span 2
    }
    .grid--xs-col-13-span-2 {
        grid-column: 13/span 2
    }
    .grid--xs-col-14-span-2 {
        grid-column: 14/span 2
    }
    .grid--gap-xx-large {
        grid-gap: 20px
    }
    .grid--gap-none-767 {
        grid-gap: 0
    }
    .grid--density-none-767 {
        padding: 0
    }
    .grid.cols3 .column,
    .grid.cols2 .column {
        width: 100%
    }
}
@media(min-width:768px) {
    .grid--sm-1 {
        grid-template-columns: repeat(1, 1fr)
    }
    .grid--sm-2 {
        grid-template-columns: repeat(2, 1fr)
    }
    .grid--sm-3 {
        grid-template-columns: repeat(3, 1fr)
    }
    .grid--sm-4 {
        grid-template-columns: repeat(4, 1fr)
    }
    .grid--sm-5 {
        grid-template-columns: repeat(5, 1fr)
    }
    .grid--sm-6 {
        grid-template-columns: repeat(6, 1fr)
    }
    .grid--sm-7 {
        grid-template-columns: repeat(7, 1fr)
    }
    .grid--sm-8 {
        grid-template-columns: repeat(8, 1fr)
    }
    .grid--sm-9 {
        grid-template-columns: repeat(9, 1fr)
    }
    .grid--sm-10 {
        grid-template-columns: repeat(10, 1fr)
    }
    .grid--sm-11 {
        grid-template-columns: repeat(11, 1fr)
    }
    .grid--sm-12 {
        grid-template-columns: repeat(12, 1fr)
    }
    .grid--sm-13 {
        grid-template-columns: repeat(13, 1fr)
    }
    .grid--sm-14 {
        grid-template-columns: repeat(14, 1fr)
    }
    .grid--sm-col-1-span-2 {
        grid-column: 1/span 2
    }
    .grid--sm-col-2-span-2 {
        grid-column: 2/span 2
    }
    .grid--sm-col-3-span-2 {
        grid-column: 3/span 2
    }
    .grid--sm-col-4-span-2 {
        grid-column: 4/span 2
    }
    .grid--sm-col-5-span-2 {
        grid-column: 5/span 2
    }
    .grid--sm-col-6-span-2 {
        grid-column: 6/span 2
    }
    .grid--sm-col-7-span-2 {
        grid-column: 7/span 2
    }
    .grid--sm-col-8-span-2 {
        grid-column: 8/span 2
    }
    .grid--sm-col-9-span-2 {
        grid-column: 9/span 2
    }
    .grid--sm-col-10-span-2 {
        grid-column: 10/span 2
    }
    .grid--sm-col-11-span-2 {
        grid-column: 11/span 2
    }
    .grid--sm-col-12-span-2 {
        grid-column: 12/span 2
    }
    .grid--sm-col-13-span-2 {
        grid-column: 13/span 2
    }
    .grid--sm-col-14-span-2 {
        grid-column: 14/span 2
    }
    .grid--auto-fit {
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr))
    }
    .grid--row-gap--mega-large {
        grid-row-gap: 300px
    }
}
@media(min-width:1024px) {
    .grid--m-1 {
        grid-template-columns: repeat(1, 1fr)
    }
    .grid--m-2 {
        grid-template-columns: repeat(2, 1fr)
    }
    .grid--m-3 {
        grid-template-columns: repeat(3, 1fr)
    }
    .grid--m-4 {
        grid-template-columns: repeat(4, 1fr)
    }
    .grid--m-5 {
        grid-template-columns: repeat(5, 1fr)
    }
    .grid--m-6 {
        grid-template-columns: repeat(6, 1fr)
    }
    .grid--m-7 {
        grid-template-columns: repeat(7, 1fr)
    }
    .grid--m-8 {
        grid-template-columns: repeat(8, 1fr)
    }
    .grid--m-9 {
        grid-template-columns: repeat(9, 1fr)
    }
    .grid--m-10 {
        grid-template-columns: repeat(10, 1fr)
    }
    .grid--m-11 {
        grid-template-columns: repeat(11, 1fr)
    }
    .grid--m-12 {
        grid-template-columns: repeat(12, 1fr)
    }
    .grid--m-13 {
        grid-template-columns: repeat(13, 1fr)
    }
    .grid--m-14 {
        grid-template-columns: repeat(14, 1fr)
    }
    .grid--m-col-1-span-2 {
        grid-column: 1/span 2
    }
    .grid--m-col-2-span-2 {
        grid-column: 2/span 2
    }
    .grid--m-col-3-span-2 {
        grid-column: 3/span 2
    }
    .grid--m-col-4-span-2 {
        grid-column: 4/span 2
    }
    .grid--m-col-5-span-2 {
        grid-column: 5/span 2
    }
    .grid--m-col-6-span-2 {
        grid-column: 6/span 2
    }
    .grid--m-col-7-span-2 {
        grid-column: 7/span 2
    }
    .grid--m-col-8-span-2 {
        grid-column: 8/span 2
    }
    .grid--m-col-9-span-2 {
        grid-column: 9/span 2
    }
    .grid--m-col-10-span-2 {
        grid-column: 10/span 2
    }
    .grid--m-col-11-span-2 {
        grid-column: 11/span 2
    }
    .grid--m-col-12-span-2 {
        grid-column: 12/span 2
    }
    .grid--m-col-13-span-2 {
        grid-column: 13/span 2
    }
    .grid--m-col-14-span-2 {
        grid-column: 14/span 2
    }
}
@media(min-width:1200px) {
    .grid--lg-1 {
        grid-template-columns: repeat(1, 1fr)
    }
    .grid--lg-2 {
        grid-template-columns: repeat(2, 1fr)
    }
    .grid--lg-3 {
        grid-template-columns: repeat(3, 1fr)
    }
    .grid--lg-4 {
        grid-template-columns: repeat(4, 1fr)
    }
    .grid--lg-5 {
        grid-template-columns: repeat(5, 1fr)
    }
    .grid--lg-6 {
        grid-template-columns: repeat(6, 1fr)
    }
    .grid--lg-7 {
        grid-template-columns: repeat(7, 1fr)
    }
    .grid--lg-8 {
        grid-template-columns: repeat(8, 1fr)
    }
    .grid--lg-9 {
        grid-template-columns: repeat(9, 1fr)
    }
    .grid--lg-10 {
        grid-template-columns: repeat(10, 1fr)
    }
    .grid--lg-11 {
        grid-template-columns: repeat(11, 1fr)
    }
    .grid--lg-12 {
        grid-template-columns: repeat(12, 1fr)
    }
    .grid--lg-13 {
        grid-template-columns: repeat(13, 1fr)
    }
    .grid--lg-14 {
        grid-template-columns: repeat(14, 1fr)
    }
    .grid--lg-col-1-span-2 {
        grid-column: 1/span 2
    }
    .grid--lg-col-2-span-2 {
        grid-column: 2/span 2
    }
    .grid--lg-col-3-span-2 {
        grid-column: 3/span 2
    }
    .grid--lg-col-4-span-2 {
        grid-column: 4/span 2
    }
    .grid--lg-col-5-span-2 {
        grid-column: 5/span 2
    }
    .grid--lg-col-6-span-2 {
        grid-column: 6/span 2
    }
    .grid--lg-col-7-span-2 {
        grid-column: 7/span 2
    }
    .grid--lg-col-8-span-2 {
        grid-column: 8/span 2
    }
    .grid--lg-col-9-span-2 {
        grid-column: 9/span 2
    }
    .grid--lg-col-10-span-2 {
        grid-column: 10/span 2
    }
    .grid--lg-col-11-span-2 {
        grid-column: 11/span 2
    }
    .grid--lg-col-12-span-2 {
        grid-column: 12/span 2
    }
    .grid--lg-col-13-span-2 {
        grid-column: 13/span 2
    }
    .grid--lg-col-14-span-2 {
        grid-column: 14/span 2
    }
}
.background-wrap {
    position: relative
}
.background-wrap.wpsupport {
    background-image: url(../img/specialoffers/bg_wphosting_support-32b592b.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #58504b
}
.background-wrap.advanced-support {
    background-image: url(../img/specialoffers/bg_advanced_support-c3aa262.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #58504b
}
.background-wrap.online-shoping-bg {
    background-image: url(../img/specialoffers/bg_online_shoping2-c3aa262.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #333230
}
.background-wrap.white {
    background-color: #fff
}
.background-wrap.cream-white {
    background-color: #f4f0e9
}
.background-wrap.orange {
    background-color: #f47b44
}
.background-wrap.green {
    background-color: #2eb888
}
.background-wrap.beige {
    background-color: #f7f3ec
}
.background-wrap.promo-blue {
    background-color: #1aa8ca
}
.background-wrap.lightgrey {
    background-color: #f9f9f9
}
.background-wrap.highlight {
    background: #fff url(../img/specialoffers/background_ligthyellow_noise-af3fdc0.png) repeat
}
.background-wrap.pattern--noise-dark-green {
    background: #124f37 url(../img/patterns/noise_dark_green_pattern-5290356.png) repeat
}
.background-wrap.pattern--noise-highdark {
    background: #343331 url(../img/patterns/noise_highdark_pattern-c3aa262.png) repeat
}
.background-wrap.pattern--cardboard-lilac {
    background: #88659c url(../img/patterns/cardboard_lilac_pattern-598d564.jpg) repeat
}
.background-wrap.pattern--cardboard-dark-lilac {
    background: #78497e url(../img/patterns/cardboard_dark_lilac_pattern-598d564.jpg) repeat
}
.background-wrap.pattern--cardboard-pale-green {
    background: #e4f1c9 url(../img/patterns/cardboard_pale_green_pattern-598d564.jpg) repeat
}
.background-wrap.pattern--cardboard-pale-purple {
    background: #eddcf1 url(../img/patterns/cardboard_pale_purple_pattern-598d564.jpg) repeat
}
.background-wrap.pattern--cardboard-green4 {
    background: #66a476 url(../img/patterns/cardboard_green4_pattern-c3aa262.jpg) repeat
}
.background-wrap.pattern--canvas-dark-yellow {
    background: #eca03e url(../img/patterns/canvas_dark_yellow_pattern-598d564.jpg) repeat
}
.background-wrap.pattern--canvas-grey {
    background: #88868b url(../img/patterns/canvas_grey_pattern-598d564.jpg) repeat
}
.background-wrap.pattern--canvas-black {
    background: #1a1e21 url(../img/patterns/canvas_black_pattern-65b025f.jpg) repeat
}
.background-wrap.pattern--canvas-red {
    background: #b43010 url(../img/patterns/canvas_red_pattern-65b025f.jpg) repeat
}
.background-wrap.pattern--canvas-green3 {
    background: #63be7b url(../img/patterns/canvas_green3_pattern-598d564.jpg) repeat
}
.background-wrap.pattern--canvas-green {
    background: #389562 url(../img/patterns/canvas_green_pattern-95b5008.jpg) repeat
}
.background-wrap.pattern--canvas-salmon-base {
    background: #f47b44 url(../img/patterns/canvas_salmon_base_pattern-6a3deae.jpg) repeat
}
.background-wrap.pattern--canvas-mango {
    background: #e5b22a url(../img/patterns/canvas_mango_pattern-d431280.jpg) repeat
}
.background-wrap.pattern--crepe-paper2-turquiose {
    background: #25b8d2 url(../img/patterns/crepe_paper2_turquiose_pattern-598d564.jpg) repeat
}
.background-wrap.pattern--crepe-paper2-lightblue {
    background: #3dafcb url(../img/patterns/crepe_paper2_light_blue_pattern-598d564.jpg) repeat
}
.background-wrap.pattern--crepe-paper2-mintblue {
    background: #1f90a0 url(../img/patterns/crepe_paper2_mint_blue_pattern-598d564.jpg) repeat
}
.background-wrap.pattern--crepe-paper2-darkblue {
    background: #325374 url(../img/patterns/crepe_paper2_dark_blue_pattern-598d564.jpg) repeat
}
.background-wrap.pattern--crepe-paper2-green1 {
    background: #2cab7f url(../img/patterns/crepe_paper2_green1_pattern-598d564.jpg) repeat
}
.background-wrap.pattern--crepe-paper2-pale-blue {
    background: #d0ebf2 url(../img/patterns/crepe_paper2_pale_blue_pattern-598d564.jpg) repeat
}
.background-wrap.pattern--crepe-paper2-pale-orange {
    background: #f6ebbe url(../img/patterns/crepe_paper2_pale_orange_pattern-598d564.jpg) repeat
}
.background-wrap.pattern--crepe-paper2-darkerblue {
    background: #284e5b url(../img/patterns/crepe_paper2_darkerblue_pattern-c3aa262.jpg) repeat
}
.background-wrap.pattern--creased-paper2-dark-yellow {
    background: #efb14f url(../img/patterns/creased_paper2_dark_yellow_pattern-598d564.jpg) repeat
}
.background-wrap.pattern--creased-paper2-grey {
    background: #acabb0 url(../img/patterns/creased_paper2_grey_pattern-598d564.jpg) repeat
}
.background-wrap.border-plus-shadow {
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15)
}
.btn {
    position: relative;
    display: inline-block;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    -moz-transition: all .15s linear;
    -webkit-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear
}
.btn:hover {
    color: #fff;
    text-decoration: none
}
.btn.btn--size-x-large {
    height: 50px;
    line-height: 50px
}
.btn.btn--size-large {
    height: 44px;
    line-height: 44px
}
.btn.btn--size-semi-large {
    height: 40px;
    line-height: 40px
}
.btn.btn--size-medium {
    height: 36px;
    line-height: 36px
}
.btn.btn--density-x-large {
    padding: 0 60px
}
.btn.btn--density-large {
    padding: 0 40px
}
.btn.btn--text-regular {
}
.btn.btn--text-regular.btn--text-regular-size {
    font-size: 16px
}
.btn.btn--bg-orange {
    background: #f67a3c
}
.btn.btn--bg-orange:hover {
    background-color: #d45e2a
}
.btn.btn--bg-white {
    background: #fff;
    color: #000
}
.btn.btn--bg-white:hover,
.btn.btn--bg-white:active {
    opacity: .7
}
.btn.btn--bg-transparent {
    background: 0;
    border: 2px solid #fff;
    line-height: 46px
}
.btn.btn--bg-transparent:hover,
.btn.btn--bg-transparent:active {
    opacity: .7
}
.btn.btn--bg-transparent-small {
    background: 0;
    border: 1px solid #fff
}
.btn.btn--bg-transparent-small:hover,
.btn.btn--bg-transparent-small:active {
    opacity: .7
}
.btn.btn--bg-transparent-small.btn--border-lightgrey {
    border: 1px solid #b6bbbf;
    color: #393938
}
.btn.btn--bg-transparent-small.btn--border-dark {
    border: 1px solid #6c6d6d;
    color: #2e2d2d
}
.button-outline {
    font: 500 13px/20px 'Roboto', Arial, Helvetica, sans-serif;
    padding: 5px 30px;
    display: inline-block;
    border-radius: 2px;
    text-transform: uppercase;
    text-decoration: none
}
.button-outline.button--color-highlight {
    border: 2px solid #cdaa72;
    color: #545454
}
.button-outline.button--color-highlight:hover {
    background: #cdaa72;
    text-decoration: none
}
.button-outline.button--color-white {
    border: 2px solid #fff;
    color: #fff
}
.button-outline.button--color-white:hover {
    background: #fff;
    color: #545454;
    text-decoration: none
}
@media screen and (max-width:767px),
screen and (max-device-width:767px) {
    .btn.btn--text-regular.btn--text-regular-size {
        font-size: 14px
    }
}
.title {
    position: relative
}
.title.title--style-italic {
    font-style: italic
}
.title.title--letter-spacing1 {
    letter-spacing: 1px
}
.title.title--letter-spacing2 {
    letter-spacing: 2px
}
.title.title--upper {
    text-transform: uppercase
}
.title.title--cap {
    text-transform: capitalize
}
.title.title--subtitle-density-extralarge {
    padding-bottom: 50px
}
.title.title--subtitle-density-large {
    padding-bottom: 40px
}
.title.title--subtitle-density-medium {
    padding-bottom: 30px
}
.title.title--subtitle-density-small {
    padding-bottom: 20px
}
.title.title--density-large {
    padding: 40px 0
}
.title.title--density-medium {
    padding: 30px 0
}
.title.title--density-small {
    padding: 20px 0
}
.title.title--density-extrasmall {
    padding: 10px 0
}
.title.title--weight-light {
    font-weight: 300
}
.title.title--weight-normal {
    font-weight: 400
}
.title.title--weight-medium {
    font-weight: 500
}
.title.title--weight-bold {
    font-weight: 700
}
.title.title--size-extralarge {
    font-size: 54px;
    line-height: 70px
}
.title.title--size-extralarge.title--line-center {
    padding-top: 26px;
    margin-top: 30px
}
.title.title--size-extralarge.title--line-center:before {
    content: '';
    position: absolute;
    width: 140px;
    height: 4px;
    background: #cdaa72;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}
.title.title--size-semilarge {
    font-size: 40px;
    line-height: 50px
}
.title.title--size-large {
    font-size: 36px;
    line-height: 46px
}
.title.title--size-large.title--line-center {
    padding-top: 26px;
    margin-top: 30px
}
.title.title--size-large.title--line-center:before {
    content: '';
    position: absolute;
    width: 140px;
    height: 4px;
    background: #cdaa72;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}
.title.title--size-large.title--line-top-left {
    padding-top: 26px;
    margin-top: 30px
}
.title.title--size-large.title--line-top-left:before {
    content: '';
    position: absolute;
    width: 140px;
    height: 4px;
    background: #cdaa72;
    top: 0
}
.title.title--size-large.title--line-left {
    padding-left: 26px;
    padding-top: 20px;
    padding-bottom: 20px
}
.title.title--size-large.title--line-left:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 100%;
    background: #cdaa72;
    left: 0;
    top: 0
}
.title.title--size-medium {
    font-size: 26px;
    line-height: 36px
}
.title.title--size-medium.title--line-top-left {
    padding-top: 17px;
    margin-top: 10px
}
.title.title--size-medium.title--line-top-left:before {
    content: '';
    position: absolute;
    width: 80px;
    height: 3px;
    background: #cdaa72;
    left: 0;
    top: 0
}
.title.title--size-medium.title--line-left {
    padding-left: 17px;
    padding-top: 10px;
    padding-bottom: 10px
}
.title.title--size-medium.title--line-left:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 100%;
    background: #cdaa72;
    left: 0;
    top: 0
}
.title.title--size-semimedium {
    font-size: 20px;
    line-height: 28px
}
.title.title--size-small {
    font-size: 18px;
    line-height: 28px
}
.title.title--size-semismall {
    font-size: 16px;
    line-height: 26px
}
.title.title--size-xsmall {
    font-size: 14px;
    line-height: 24px
}
.title.color-light-transparent {
    color: rgba(255, 255, 255, 0.6)
}
.title.color-light {
    color: #fff
}
.title.color-dark {
    color: #939191
}
.title.color-darker {
    color: #444
}
.title.color-darkest {
    color: #000
}
.title.color-highlight {
    color: #cdaa72
}
.title.color-lightblue {
    color: #c1ebf8
}
.title.color-blue {
    color: #299ebf
}
.title.color-orange {
    color: #e95031
}
.title.color-mangodark {
    color: #96762e
}
.title .title__icon {
    display: inline-block;
    vertical-align: bottom
}
.title .title__icon.icon-size_30 {
    width: 30px;
    height: 30px
}
.title .title__icon.fill_light svg * {
    fill: #fff
}
.title.title-themeforest .title--line-throught {
    text-decoration: line-through
}
.title.title-themeforest .porange {
    color: #f67a3c
}
.title.title-themeforest .vatNoticeText {
    display: block;
    color: #737373;
    font-size: 13px
}
.title.title-themeforest .vatPriceElement,
.title.title-themeforest .vatNoticeText {
    font-style: italic !important
}
.title .plightorange {
    color: #fbc75c
}
@media screen and (max-width:767px),
screen and (max-device-width:767px) {
    .title.title--size-extralarge {
        font-size: 44px;
        line-height: 54px
    }
    .title.title--size-large {
        font-size: 30px;
        line-height: 40px
    }
    .title.title--size-medium {
        font-size: 22px;
        line-height: 30px
    }
}
.text {
    /*font-family: 'Open Sans', Arial, sans-serif*/
}
.text.text--size-large {
    font-size: 18px;
    line-height: 28px
}
.text.text--size-medium {
    font-size: 16px;
    line-height: 26px
}
.text.text--size-small {
    font-size: 14px;
    line-height: 24px
}
.text.text--size-x-small {
    font-size: 12px;
    line-height: 22px
}
.text.text--size-xx-small {
    font-size: 10px;
    line-height: 20px
}
.text.color-light {
    color: #fff
}
.text.color-lightgrey {
    color: #ddd
}
.text.color-dark {
    color: #939191
}
.text.color-darker {
    color: #5d5c5c
}
.text.color-darkest {
    color: #000
}
.text.color-highlight {
    color: #cdaa72
}
.text.text--wrapper-large {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    padding: 50px 0
}
.text.text--style-italic {
    font-style: italic
}
.text.text--list li {
    position: relative;
    padding: 10px 0 10px 55px
}
.text .text--list__svg {
    position: absolute;
    top: 8px;
    left: 0;
    width: 30px;
    height: 30px
}
.text .text--list__svg svg {
    width: 100%
}
.text .text--list__svg.text--list__svg-purple svg * {
    fill: #9e7db0
}
.text .text--list__svg.text--list__svg-mint svg * {
    fill: #1d6447
}
.text--wrapper800 {
    max-width: 800px;
    margin: 0 auto;
    position: relative
}
.text--wrapper600 {
    max-width: 600px;
    margin: 0 auto;
    position: relative
}
.text--wrapper400 {
    max-width: 400px;
    margin: 0 auto;
    position: relative
}
.text--wrapper300 {
    max-width: 300px;
    margin: 0 auto;
    position: relative
}
.text--wrapper200 {
    max-width: 200px;
    margin: 0 auto;
    position: relative
}
.text--weight-small {
    font-weight: 400
}
.text--weight-medium {
    font-weight: 500
}
.text--weight-large {
    font-weight: 700
}
.text-link {
    font-family: Roboto, Arial, sans-serif
}
.text-link--inblock {
    display: inline-block
}
.text-link--color-white {
    color: #fff
}
.text-link--color-white:hover {
    color: #fff;
    text-decoration: underline
}
.text-link--color-blue {
    color: #299ebf
}
.text-link--color-lightgrey {
    color: #ddd
}
.text-link--color-lightgrey:hover {
    color: #fff
}
.text-link--color-highlight {
    color: #cdaa72
}
.text-link--color-highlight:hover {
    color: #cdaa72;
    text-decoration: underline
}
.text-link--color-dark {
    color: #939191
}
.text-link--color-dark:hover {
    color: #000;
    background-color: rgba(253, 253, 252, 0.7);
    text-decoration: none
}
.text-link__arrow {
    display: inline-block
}
.text-link__arrow--size-small {
    width: 7px;
    height: 11px;
    margin: 0 5px
}
.text-link__arrow--left {
    background: url(../img/icons/icon_left_arrow-c3aa262.png) no-repeat
}
.text-link__arrow--right {
    background: url(../img/icons/icon_right_arrow-c3aa262.png) no-repeat
}
.text--shadow-opacity {
    text-shadow: 0 3px 3px rgba(0, 0, 0, 0.4)
}
.text--shadow-no-opacity {
    text-shadow: 0 0 4px black
}
@media screen and (min-width:768px),
screen and (min-device-width:768px) {
    .text-align--r {
        text-align: right
    }
}
@media screen and (max-width:767px),
screen and (max-device-width:767px) {
    .text.text--size-large {
        font-size: 16px;
        line-height: 26px
    }
    .text.text--wrapper-large {
        padding: 40px 0
    }
}
.migration-promobar {
    position: relative;
    margin: -30px 0 0;
    padding: 0 10px;
    z-index: 10;
    background: url(../img/promobars/migration_promobar-b2fcf63.png) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center
}
.migration-promobar>.fit,
.cookie-notice.migration-promobar>div {
    padding: 60px 0 22px
}
.migration-promobar>.fit strong,
.cookie-notice.migration-promobar>div strong {
    display: block;
    margin: 0 0 5px;
    text-transform: uppercase;
    color: #1d416b;
    font: 700 38px Montserrat
}
.migration-promobar>.fit ul li,
.cookie-notice.migration-promobar>div ul li {
    display: inline-block;
    margin: 10px 20px;
    font-size: 16px;
    color: #1d416b
}
.migration-promobar>.fit ul li svg,
.cookie-notice.migration-promobar>div ul li svg {
    float: left;
    margin: -3px 10px 0 0;
    width: 24px;
    height: 24px
}
.migration-promobar>.fit p,
.cookie-notice.migration-promobar>div p {
    margin: 0
}
.migration-promobar>.fit p .text-link,
.cookie-notice.migration-promobar>div p .text-link {
    display: inline-block;
    margin: 15px 0 0;
    font: 700 12px Montserrat, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    opacity: .9;
    border-bottom: 2px solid #1d416b;
    padding: 0 0 3px;
    color: #1d416b
}
.migration-promobar>.fit p .text-link:hover,
.cookie-notice.migration-promobar>div p .text-link:hover {
    text-decoration: none;
    opacity: 1
}
.specialoffer {
    height: 70px;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.3)
}
.specialoffer a {
    display: block;
    max-width: 1200px;
    margin: 0 auto
}
.specialoffer a:hover {
    text-decoration: none
}
.specialoffer p {
    font: 24px/70px 'Open Sans', Arial, Helvetica, sans-serif;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    margin: 0
}
.specialoffer.purple {
    background: #a54a9c url(../img/promobars/specialoffer_smashingconf_bg-22197c9.png)
}
.specialoffer.purple>a.default {
    background: url(../img/promobars/specialoffer_default-22197c9.png) no-repeat right 0
}
.specialoffer.purple>a.default p {
    padding: 0
}
.specialoffer.purple>a.jquery {
    background: url(../img/promobars/specialoffer_jquery-22197c9.png) no-repeat right 0
}
.specialoffer.purple>a.jquery p {
    padding: 0 0 0 110px
}
.specialoffer.fourthjulybar {
    background: #2e4571 url(../img/home/4july-background-6bbeb1e.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}
.specialoffer.fourthjulybar p {
    text-align: center;
    font-size: 30px;
    font-weight: 600
}
.specialoffer.labordaybar {
    background: #fff url(../img/home/laborday_main_bg_2018-0e1ff92.png)
}
.specialoffer.labordaybar p {
    padding: 0 20px;
    text-align: center;
    background: url(../img/home/laborday_second_bg_2018-0e1ff92.png) no-repeat center -11px;
    color: #e42239;
    font: 700 22px/65px Montserrat, Arial, Helvetica, sans-serif
}
.specialoffer.christmastime {
    background: url(../img/home/christmastime_lenta-de9e37a.jpg) no-repeat bottom center;
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}
.specialoffer.christmastime span {
    display: inline-block;
    line-height: 45px;
    padding: 0 50px;
    background: #d0554b;
    position: relative;
    text-transform: uppercase;
    font-size: 20px;
    top: -2px
}
.specialoffer.christmastime span:before,
.specialoffer.christmastime span:after {
    content: '';
    position: absolute;
    width: 45px;
    height: 45px;
    top: 4px;
    left: -45px;
    background: url(../img/home/ribbon_left.svg) no-repeat 0 0
}
.specialoffer.christmastime span:after {
    left: auto;
    right: -45px;
    background: url(../img/home/ribbon_right.svg) no-repeat 0 0
}
.specialoffer.websitetransfer {
    background: url(../img/promobars/websitetransfer-d15894d.jpg) no-repeat bottom center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}
.specialoffer.websitetransfer a>* {
    display: block;
    vertical-align: middle;
    text-align: center
}
.specialoffer.websitetransfer a strong {
    text-transform: uppercase;
    font-size: 22px;
    margin-right: 20px
}
.specialoffer.websitetransfer a span {
    font-size: 18px
}
.specialoffer.websitetransfer a u {
    text-decoration: none;
    border-bottom: 1px solid #fff
}
.specialoffer.pink {
    background: #e16553 url(../img/promobars/specialoffer_bg-22197c9.png)
}
.specialoffer.pink>a.default {
    background: url(../img/promobars/specialoffer_default-22197c9.png) no-repeat right 0
}
.specialoffer.pink>a.video {
    background: url(../img/promobars/specialoffer_video-22197c9.png) no-repeat
}
.specialoffer.pink>a.video p {
    padding: 0 0 0 154px
}
.specialoffer.pink>a.mobile {
    background: url(../img/promobars/specialoffer_mobile-22197c9.png) no-repeat
}
.specialoffer.pink>a.mobile p {
    padding: 0 0 0 90px
}
.specialoffer.pink>a.beat {
    background: url(../img/promobars/specialoffer_beat-22197c9.png) no-repeat
}
.specialoffer.pink>a.beat p {
    padding: 0 0 0 130px
}
.specialoffer.pink>a.jhr {
    background: url(../img/promobars/specialoffer_jhr-22197c9.png) no-repeat
}
.specialoffer.pink>a.jhr p {
    padding: 0 0 0 138px
}
.specialoffer.pink>a.wplift {
    background: url(../img/promobars/specialoffer_wordpress-22197c9.png) no-repeat
}
.specialoffer.pink>a.wplift p {
    padding: 0 0 0 156px
}
.specialoffer.pink>a.wordpressbanner {
    background: url(../img/promobars/specialoffer_wordpress-22197c9.png) no-repeat right 0
}
.specialoffer.pink>a.wptransfers {
    background: url(../img/promobars/specialoffer_wordpress-22197c9.png) no-repeat right 0
}
.specialoffer.pink>a.athemes {
    background: url(../img/promobars/specialoffer_athemes-22197c9.png) right 6px no-repeat
}
.specialoffer.pink>a.clef {
    background: url(../img/promobars/specialoffer_clef-22197c9.png) right 0 no-repeat
}
.specialoffer.pink>a.wpreviews {
    background: url(../img/promobars/specialoffer_wordpress-22197c9.png) no-repeat right 0
}
.specialoffer.pink>a.woothemes {
    background: url(../img/promobars/specialoffer_woothemes-22197c9.png) no-repeat
}
.specialoffer.pink>a.woothemes p {
    padding: 0 0 0 148px
}
.specialoffer.pink>a.akeeba {
    background: url(../img/promobars/specialoffer_akeeba-22197c9.png) no-repeat
}
.specialoffer.pink>a.akeeba p {
    padding: 0 0 0 108px
}
.specialoffer.pink>a.moz {
    background: url(../img/promobars/specialoffer_moz-22197c9.png) no-repeat
}
.specialoffer.pink>a.moz p {
    padding: 0 0 0 108px
}
.specialoffer.pink>a.magentotutorials {
    background: url(../img/promobars/magentotutorials-22197c9.png) no-repeat 0 18px
}
.specialoffer.pink>a.magentotutorials p {
    padding: 0 0 0 108px
}
.specialoffer.pink>a.sbo p {
    text-align: center
}
.specialoffer.pink>a.wpbeginner {
    background: url(../img/promobars/specialoffer_wpbeginner-22197c9.png) no-repeat right 1px
}
.specialoffer.pink>a.fooplugins {
    background: url(../img/promobars/robot-22197c9.png) no-repeat 0 1px
}
.specialoffer.pink>a.fooplugins p {
    padding: 0 0 0 80px
}
.specialoffer.pink>a.wpsitecare {
    background: url(../img/promobars/specialoffer_wpsitecare-22197c9.png) no-repeat right 0
}
.specialoffer.pink>a.wpsitecare p {
    padding: 0 0 0 20px
}
.specialoffer.pink>a.wpexplorer {
    background: url(../img/promobars/specialoffer_wpexplorer-22197c9.png) no-repeat right 0
}
.specialoffer.pink>a.wpexplorer p {
    padding: 0 0 0 20px
}
.specialoffer.pink>a.wphostinghub {
    background: url(../img/promobars/specialoffer_wordpress-22197c9.png) no-repeat right 0
}
.specialoffer.pink>a.penguininitiatives {
    background: url(../img/promobars/specialoffer_penguininitiatives-22197c9.png) no-repeat right 1px
}
.specialoffer.pink>a.coschedule {
    background: url(../img/promobars/specialoffer_coschedule-22197c9.png) no-repeat right 7px
}
.specialoffer.pink>a.tutsplus {
    background: url(../img/sprites/modules_2dc50a8-d8a7890.png) no-repeat right -3px
}
.specialoffer.pink>a.winningwp {
    text-align: center
}
.specialoffer.pink>a.winningwp p {
    display: inline-block;
    background: url(../img/promobars/specialoffer_winningwp-22197c9.png) no-repeat 0 8px;
    padding: 0 0 0 65px
}
.specialoffer.pink>a.wpsessions {
    background: url(../img/promobars/specialoffer_wp_sessions-22197c9.png) no-repeat right 0
}
.specialoffer.pink>a.meetup {
    background: url(../img/promobars/specialoffer_meetup-22197c9.png) no-repeat right 3px
}
.specialoffer.pink>a.press75 {
    background: url(../img/promobars/specialoffer_press75-22197c9.png) no-repeat right 0
}
.specialoffer.pink>a.whoishostingthis {
    background: url(../img/promobars/specialoffer_whoishostingthis-22197c9.png) no-repeat right 12px
}
.specialoffer.pink>a.wordsesh {
    background: url(../img/promobars/specialoffer_wordsesh2-22197c9.png) no-repeat right 0
}
.specialoffer.pink>a.entrepreneuronfire {
    background: url(../img/promobars/specialoffer_entrepreneuronfire2-22197c9.png) no-repeat right 0
}
.specialoffer.pink>a.whmcsbar {
    background: url(../img/promobars/specialoffer_whmcs-22197c9.png) no-repeat right 0
}
.specialoffer.pink>a.themeforest {
    background: url(../img/promobars/specialoffer_themeforest4-22197c9.png) no-repeat right 0
}
.specialoffer.pink>a.codeinwp {
    background: url(../img/promobars/specialoffer_codeinwp-22197c9.png) no-repeat right 6px
}
.specialoffer.pink>a.wpshrug {
    background: url(../img/promobars/specialoffer_wpshrug-2f17111.png) no-repeat right 20px
}
.specialoffer.pink>a.themeisle {
    background: url(../img/promobars/specialoffer_themeisle-22197c9.png) no-repeat right 8px
}
.specialoffer.pink>a.wpshout {
    background: url(../img/promobars/specialoffer_wpshout-22197c9.png) no-repeat right 15px
}
.specialoffer.pink>a.j2store {
    background: url(../img/promobars/specialoffer_j2store-22197c9.png) no-repeat right 16px
}
.specialoffer.pink>a.top10websitehosting {
    background: url(../img/promobars/specialoffer_toptenbestwebsitehosting-22197c9.png) no-repeat right 4px
}
.specialoffer.pink>a.wpkube {
    background: url(../img/promobars/specialoffer_wpkube-22197c9.png) no-repeat right -1px
}
.specialoffer.pink>a.envato {
    background: url(../img/promobars/specialoffer_envato-c3aa262.png) no-repeat right center
}
.specialoffer.pink>a.colorlib {
    background: url(../img/promobars/specialoffer_colorlib-22197c9.png) no-repeat right 3px
}
.specialoffer.pink>a.layershosting {
    background: url(../img/promobars/specialoffer_layers-22197c9.png) no-repeat right 3px
}
.specialoffer.pink>a.antevenio {
    background: url(../img/promobars/specialoffer_antevenio-22197c9.png) no-repeat right 7px
}
.specialoffer.pink>a.make {
    background: url(../img/promobars/specialoffer_make-22197c9.png) no-repeat right -3px
}
.specialoffer.pink>a.hostadvice {
    background: url(../img/promobars/specialoffer_hostadvice-22197c9.png) no-repeat right 0
}
.specialoffer.pink>a.mythemeshop {
    background: url(../img/promobars/specialoffer_mythemeshop-22197c9.png) no-repeat right 10px
}
.specialoffer.pink>a.mythemeshop {
    background: url(../img/promobars/specialoffer_mythemeshop-22197c9.png) no-repeat right 10px
}
.specialoffer.pink>a.monetizepros {
    background: url(../img/promobars/specialoffer_monetizepros-22197c9.png) no-repeat right 0
}
.specialoffer.pink>a.wooconf {
    background: url(../img/promobars/specialoffer_wooconf-22197c9.png) no-repeat right 0
}
.specialoffer.pink>a.offscreen {
    background: url(../img/promobars/specialoffer_offscreen-22197c9.png) no-repeat right 11px
}
.specialoffer.pink>a.mastermind {
    background: url(../img/promobars/specialoffer-mastermind-0d0705a.png) no-repeat right -3px
}
.specialoffer.pink>a.foundr {
    background: url(../img/promobars/specialoffer-foundr-739df9f.png) no-repeat right -6px
}
.specialoffer.pink>a.thewebmaster {
    background: url(../img/promobars/specialoffer_tw_thewebmaster-ea1b588.png) no-repeat right -2px
}
.specialoffer.pink>a.creative {
    background: url(../img/promobars/specialoffer_creative-739df9f.png) no-repeat right 14px
}
.specialoffer.pink>a.revisionpath {
    background: url(../img/promobars/logo_revisionpath-3f1c7b9.png) no-repeat right 7px
}
.specialoffer.pink>a.sitepoint {
    background: url(../img/promobars/specialoffer_sitepoint-182270e.png) no-repeat right 10px
}
.specialoffer.pink>a.themefurnace {
    background: url(../img/promobars/themefurnace-e22a905.png) no-repeat right 0
}
.specialoffer.pink>a.alienwp {
    background: url(../img/promobars/alienwp-e22a905.png) no-repeat right 7px
}
.specialoffer.pink>a.dribbble {
    background: url(../img/promobars/specialoffer_dribbble-1cef7e4.png) no-repeat right 10px
}
.specialoffer.pink>a.dribbble-ball {
    background: url(../img/promobars/dribbble-ball.svg) no-repeat 99% center;
    background-size: 40px 40px
}
.specialoffer.pink>a.dribbble-ball p {
    line-height: 32px;
    padding: 16px 40px 16px 0
}
.specialoffer.pink>a.nomadasaurus {
    background: url(../img/promobars/specialoffer_nomadasaurus-32eaa6e.png) no-repeat right 8px
}
.specialoffer.pink>a.startamomblog {
    background: url(../img/promobars/specialoffer_startamomblog-70758db.png) no-repeat right 8px
}
.specialoffer.pink>a.pixelgrade {
    background: url(../img/promobars/specialoffer_pixelgrade-f0940b7.png) no-repeat right 8px
}
.specialoffer.pink>a.storeya {
    background: url(../img/promobars/specialoffer_storeya-a55ba34.png) no-repeat right center
}
.specialoffer.pink>a.hostingadvice {
    background: url(../img/promobars/specialoffer_hostingadvice-e82c74d.png) no-repeat right center
}
.specialoffer.pink>a.wpfixit {
    background: url(../img/promobars/specialoffer_wpfixit-d651193.png) no-repeat right 6px
}
.specialoffer.pink>a.twinsmommy {
    background: url(../img/promobars/specialoffer_twins_mommy-946948e.png) no-repeat right center
}
.specialoffer.pink>a.codeable {
    background: url(../img/promobars/specialoffer_codeable-8522877.png) no-repeat right center
}
.specialoffer.pink>a.flothemes {
    background: url(../img/promobars/specialoffer_flothemes-0790e45.png) no-repeat right center
}
.specialoffer.pink>a.hostingreview {
    background: url(../img/promobars/specialoffer_hostingreview-c8cd22e.png) no-repeat right center
}
.specialoffer.pink>a.katka {
    background: url(../img/promobars/specialoffer_katka-c8cd22e.png) no-repeat right center
}
.specialoffer.pink>a.redefiningmom {
    background: url(../img/promobars/specialoffer_redefiningmom-262d4ac.png) no-repeat right center
}
.specialoffer.pink>a.nonprofitwp {
    background: url(../img/promobars/specialoffer_nonprofitwp-262d4ac.png) no-repeat right center
}
.specialoffer.pink>a.realyntan {
    background: url(../img/promobars/specialoffer_realyntan-99156a0.png) no-repeat right center
}
.specialoffer.pink.j-tutorials {
    height: auto;
    text-align: center;
    width: 100%;
    z-index: 100;
    top: 0
}
.specialoffer.pink.j-tutorials p {
    font-size: 16px;
    line-height: 38px;
    font-weight: 600
}
.specialoffer.pink.j-tutorials p span {
    margin: 0 0 0 10px;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    display: inline-block;
    width: 130px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px
}
.specialoffer.specialoffer--flat-salmon {
    background: #f47b44
}
.specialoffer.specialoffer--centered {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px
}
.specialoffer.specialoffer--centered p {
    font-size: 32px;
    padding: 0 10px
}
.specialoffer.specialoffer--centered em {
    letter-spacing: 4px;
    font-weight: 500
}
.specialoffer.multirow {
    height: auto
}
.specialoffer.xmas2018promobar {
    background-image: url(../img/promobars/xmas_2018_promobar-5290356.png), url(../img/patterns/noise_dark_green_pattern-5290356.png);
    background-position: top center, left top;
    background-repeat: no-repeat, repeat;
    background-color: #124f37;
    background-size: auto
}
.specialoffer.xmas2018promobar>a {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 10px
}
.specialoffer.xmas2018promobar>a p {
    position: relative;
    display: inline-block;
    padding: 0 40px;
    font: bold 44px/70px Roboto, Arial, sans-serif;
    background-color: #c43442
}
.specialoffer.xmas2018promobar>a p:before,
.specialoffer.xmas2018promobar>a p:after {
    position: absolute;
    display: block;
    content: "";
    width: 30px;
    height: 100%;
    top: 0
}
.specialoffer.xmas2018promobar>a p:before {
    left: -30px;
    background: url(../img/promobars/xmas_2018_ribbon_promobar-5290356.png) no-repeat
}
.specialoffer.xmas2018promobar>a p:after {
    right: -30px;
    background: url(../img/promobars/xmas_2018_ribbon_promobar-5290356.png) no-repeat;
    transform: rotate(180deg)
}
.specialoffer.xmas2018promobar>a p .leftdot,
.specialoffer.xmas2018promobar>a p .rightdot {
    position: absolute;
    top: -20px;
    font-size: 70px
}
.specialoffer.xmas2018promobar>a p .leftdot {
    left: 0
}
.specialoffer.xmas2018promobar>a p .rightdot {
    right: 0
}
.specialoffer.easterpromobar {
    height: 65px;
    background: url(../img/promobars/easterpromobar_bg-22197c9.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-transform: uppercase;
    text-align: center
}
.specialoffer.easterpromobar>a {
    max-width: 100%;
    margin: 0 auto;
    height: 65px;
    padding: 0 10px
}
.specialoffer.easterpromobar>a p {
    font: 40px/65px Roboto Slab, Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center
}
.specialoffer.easterpromobar>a p span {
    color: #e74c57
}
.specialoffer.blackfriday .intro__stripe-content,
.specialoffer.cybermonday .intro__stripe-content {
    padding: 10px 0
}
.specialoffer.blackfriday .intro__stripe-content-label,
.specialoffer.cybermonday .intro__stripe-content-label {
    position: relative;
    margin: 0 20px
}
.specialoffer.blackfriday .intro__stripe-content-label svg,
.specialoffer.cybermonday .intro__stripe-content-label svg {
    position: absolute;
    width: 100%;
    height: 100%
}
.specialoffer.blackfriday .intro__stripe-content-label span,
.specialoffer.cybermonday .intro__stripe-content-label span {
    display: inline-block;
    padding: 7px 25px;
    font-size: 24px
}
.specialoffer.blackfriday {
    background-image: url(../img/backgrounds-png/promo_bar_bg_blackfriday-65b025f.png), url(../img/patterns/canvas_red_pattern-65b025f.jpg);
    background-repeat: no-repeat, repeat;
    background-position: top center, top left;
    background-color: #b43010;
    background-size: auto
}
.specialoffer.cybermonday {
    background-image: url(../img/backgrounds-png/promo_bar_bg_cybermonday-65b025f.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto
}
@media screen and (max-width:900px),
screen and (max-device-width:900px) {
    .specialoffer a {
        background: none !important;
        text-align: center
    }
    .specialoffer a p {
        font-size: 18px !important
    }
    .specialoffer.pink.j-tutorial {
        display: none
    }
    .specialoffer.xmas2018promobar>a p {
        font-size: 40px !important
    }
}
@media screen and (max-width:767px),
screen and (max-device-width:767px) {
    .specialoffer.blackfriday .intro__stripe-content-label span,
    .specialoffer.cybermonday .intro__stripe-content-label span {
        font-size: 22px
    }
}
@media screen and (max-width:640px),
screen and (max-device-width:640px) {
    .migration-promobar>.fit strong,
    .cookie-notice.migration-promobar>div strong {
        font: 700 26px Montserrat;
        margin: 0 0 15px
    }
    .migration-promobar>.fit ul,
    .cookie-notice.migration-promobar>div ul {
        text-align: left
    }
    .migration-promobar>.fit ul li,
    .cookie-notice.migration-promobar>div ul li {
        display: block;
        font-size: 14px
    }
    .migration-promobar>.fit .text-link,
    .cookie-notice.migration-promobar>div .text-link {
        margin: 12px 0 0
    }
    .specialoffer {
        height: auto;
        padding: 10px 0
    }
    .specialoffer a p {
        font-size: 16px !important;
        line-height: 26px !important;
        font-weight: 700
    }
    .specialoffer.xmas2018promobar>a p {
        padding: 4px 40px;
        font-size: 18px !important
    }
    .specialoffer.xmas2018promobar>a p .leftdot,
    .specialoffer.xmas2018promobar>a p .rightdot {
        top: -6px;
        font-size: 35px
    }
    .specialoffer.websitetransfer a strong {
        display: block;
        font-size: 22px
    }
    .specialoffer.easterpromobar a p {
        font-size: 26px !important;
        line-height: 44px !important
    }
}
@media screen and (max-width:480px),
screen and (max-device-width:480px) {
    .specialoffer a p {
        font-size: 14px !important;
        line-height: 22px !important
    }
    .specialoffer.easterpromobar a p {
        font-size: 26px !important;
        line-height: 44px !important
    }
}
#footer {
    position: relative;
    background: #333230
}
#footer .blog article+article {
    margin-top: 20px
}
#footer .blog article>a {
    float: left;
    margin: 0 10px 0 0;
    border: 2px solid #ddd
}
#footer .blog article>a:hover {
    border: 2px solid #eee
}
#footer .blog article>a img {
    width: 40px;
    height: 40px
}
#footer .blog article ul li {
    font-size: 11px;
    color: #666
}
#footer .blog article ul li a {
    color: #666
}
#footer .blog article ul li a:hover {
    color: #777
}
#footer .blog article ul li svg {
    float: left;
    width: 12px;
    height: 12px;
    margin: 3px 4px 0 0
}
#footer .blog article ul li svg path {
    fill: #666
}
#footer .companylocation {
    float: left;
    padding: 0 0 0 5px;
    position: relative
}
#footer .companylocation .icon {
    display: block;
    line-height: 25px;
    font-size: 12px;
    color: #ddd;
    padding: 0 22px 0 25px
}
#footer .companylocation .icon.es {
    background: url(../img/sprites/flags-footer_b064410-d8a7890.png) no-repeat 5px 7px
}
#footer .companylocation .icon.uk {
    background: url(../img/sprites/flags-footer_b064410-d8a7890.png) no-repeat 5px -24px
}
#footer .companylocation .icon.us {
    background: url(../img/sprites/flags-footer_b064410-d8a7890.png) no-repeat 5px -55px
}
#footer .companylocation .icon.ww {
    background: url(../img/sprites/flags-footer_b064410-d8a7890.png) no-repeat 5px -86px
}
#footer .companylocation .icon.eu {
    background: url(../img/sprites/flags-footer_b064410-d8a7890.png) no-repeat 5px -117px
}
#footer .companylocation .icon.br {
    background: url(../img/sprites/flags-footer_b064410-d8a7890.png) no-repeat 5px -148px
}
#footer .companylocation .icon.it {
    background: url(../img/sprites/flags-footer_b064410-d8a7890.png) no-repeat 5px -179px
}
#footer .companylocation .icon.au {
    background: url(../img/sprites/flags-footer_b064410-d8a7890.png) no-repeat 5px -210px
}
#footer .companylocation .icon.la {
    background: url(../img/sprites/flags-footer_b064410-d8a7890.png) no-repeat 5px -241px
}
#footer .companylocation .icon#choosen {
    position: relative;
    z-index: 5;
    cursor: pointer
}
#footer .companylocation .icon#choosen:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 4px solid #555;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    bottom: 10px;
    right: 6px
}
#footer .companylocation .icon#choosen:hover {
    background-color: #484848;
    border-radius: 3px
}
#footer .companylocation ul {
    display: none;
    position: absolute;
    bottom: -4px;
    padding: 0 0 30px 0;
    background: #484848;
    border-radius: 3px;
    z-index: 4;
    box-shadow: 2px 0 3px rgba(0, 0, 0, 0.2)
}
#footer .companylocation ul li {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    border-left: 0;
    border-bottom: 1px solid #555;
    white-space: nowrap
}
#footer .companylocation ul li a {
    display: block
}
#footer .companylocation ul li a:hover {
    background-color: #666;
    text-decoration: none
}
#footer .companylocation.active ul {
    display: block
}
#footer .payments {
    position: relative
}
#footer .payments strong {
    padding: 0 10px 0 30px
}
#footer .payments ul {
    margin: 0
}
#footer .payments ul li {
    height: 22px;
    border: 0;
    margin: 0 2px 0 0;
    width: 34px;
    background: #989696;
    text-align: center;
    padding: 0
}
#footer .payments ul li svg {
    max-height: 100%
}
#footer .payments ul li#footer_Amex_icon {
    width: 22px;
    padding: 0
}
#footer .payments ul li:first-child {
    padding: 3px
}
#footer #vatSwitcher a {
    margin-left: 5px
}
#footer #vatSwitcher a:hover {
    text-decoration: none
}
#footer .footer__privacy-policy li+li {
    padding: 0 0 0 8px;
    margin: 0 0 0 8px;
    border-left: 1px solid #444
}
#footer .footer__socials li+li {
    margin-left: 10px
}
#footer .footer__socials a {
    display: block;
    padding: 6px;
    border: 2px solid #ddd;
    border-radius: 50%;
    -moz-transition: opacity .15s linear;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}
#footer .footer__socials a:hover {
    opacity: .8
}
#footer .footer__socials a svg {
    width: 14px;
    height: 14px
}
#footer .footer__socials a svg path {
    fill: #ddd
}
@media screen and (max-width:980px),
screen and (max-device-width:980px) {
    #footer.slide-left {
        right: 230px
    }
}
@media screen and (max-width:449px),
screen and (max-device-width:449px) {
    .flex--wrap-column-center-450 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center
    }
    #footer .footer__content,
    #footer .footer__locations,
    #footer .footer__bottom {
        grid-template-columns: repeat(1, 1fr)
    }
}
#container {
    position: relative;
    right: 0;
    _height: 100%;
    min-height: 100%
}
.pusher {
    background: #fff url(../img/helpers/content_bg-22197c9.png) repeat-x left top;
    box-shadow: inset 0 1px 0 #ddd
}
#leftcol {
    float: left;
    width: 25%;
    margin: 0 3% 0 0
}
#leftcol>section {
    margin: 28px 0 0
}
#leftcol>section:first-child {
    margin: 0
}
.fit,
.cookie-notice>div {
    max-width: 1365px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 60px
}
.fit-wide {
    max-width: 1240px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px
}
.no-height-padding {
    padding-top: 0;
    padding-bottom: 0
}
.no-width-padding {
    padding-left: 0;
    padding-right: 0
}
.resp-paddings {
    padding-left: 20px;
    padding-right: 20px
}
.resp-paddings.gray {
    background: #f8f8f8
}
.resp-paddings.white {
    background: #fff
}
#maincol {
    float: left;
    width: 72%
}
.box {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15)
}
.boxheading {
    overflow: hidden;
    position: relative;
    z-index: 5;
    line-height: 24px;
    padding: 10px 16px;
    border-radius: 5px 5px 0 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), inset 0 1px 0 #fff, inset 0 -1px 0 rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid #bababa;
    color: #333;
    font-size: 16px;
    text-shadow: 0 1px 0 #fff;
    text-align: center;
    background: #f9f9f9;
    background: -moz-linear-gradient(top, #f9f9f9 0, #e9e9e9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f9f9f9), color-stop(100%, #e9e9e9));
    background: -webkit-linear-gradient(top, #f9f9f9 0, #e9e9e9 100%);
    background: -o-linear-gradient(top, #f9f9f9 0, #e9e9e9 100%);
    background: -ms-linear-gradient(top, #f9f9f9 0, #e9e9e9 100%);
    background: linear-gradient(top, #f9f9f9 0, #e9e9e9 100%)
}
.boxheading .close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 26px;
    height: 26px
}
.boxheading .close svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 18px;
    height: 18px
}
.boxheading .close svg polygon {
    fill: #666
}
.boxheading .close:hover {
    background: #d6d6d6;
    border-radius: 3px
}
.boxheading strong {
    float: left;
    width: 60%
}
.boxheading .extratext {
    float: left;
    width: 40%;
    text-align: right
}
.boxheading .extratext.minor {
    font: 400 11px/24px 'Open Sans', Arial, Helvetica, sans-serif
}
.boxheading .label {
    position: absolute;
    top: 12px;
    right: 12px;
    width: auto;
    min-width: 0;
    background: #f56332
}
.promomanager {
    position: fixed;
    bottom: 0;
    right: 50px;
    padding: 10px 20px;
    background: #eee;
    font-size: 12px;
    text-align: center;
    border-radius: 5px 5px 0 0;
    box-shadow: 2px 4px 0 rgba(0, 0, 0, 0.1);
    z-index: 10000
}
.promomanager>a {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    cursor: pointer
}
.promomanager>a:hover {
    text-decoration: none
}
.promomanager>div {
    display: none;
    bottom: 0;
    right: 200px;
    width: 300px;
    margin: 10px 0 0;
    text-align: left
}
.promomanager>div>div {
    margin: 10px 0 0
}
.promomanager>div label {
    color: #333;
    float: left;
    width: auto;
    margin: 0 10px 0 0;
    font-weight: 700
}
.promomanager>div .input {
    width: 100%;
    margin: 0 0 2px
}
iframe[name="google_conversion_frame"] {
    height: 0 !important
}
@media screen and (max-width:980px),
screen and (max-device-width:980px) {
    #container.slide-left {
        right: 230px
    }
}
@media screen and (max-width:768px),
screen and (max-device-width:768px) {
    .fit,
    .cookie-notice>div {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .fit-wide {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .no-height-padding {
        padding-top: 0;
        padding-bottom: 0
    }
}
.standard-plans.simple.three .box {
    width: 30%
}
.standard-plans.simple.four .box {
    width: 21.5%
}
.standard-plans.simple .box {
    min-height: 0;
    margin: 0 0 0 4%
}
.standard-plans.simple .box .summary>ul {
    margin: 14px 0 10px;
    padding: 0;
    border: 0
}
.standard-plans.simple .box .summary>ul li {
    border-top: 1px dotted #ccc;
    margin: 0;
    padding: 8px 0;
    text-align: center
}
.standard-plans.simple .box .summary>ul li>strong {
    font-weight: 700;
    color: #666;
    border: 0;
    cursor: text
}
.standard-plans .box {
    position: relative;
    float: left;
    width: 30.6%;
    min-height: 570px;
    border: 0;
    margin: 0 0 0 4%;
    text-align: center;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15), 0 0 0 1px #eee
}
.standard-plans .box:nth-of-type(1) {
    margin: 0
}
.standard-plans .box.soldout {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}
.standard-plans .box.soldout:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(255, 255, 255, 0.8);
    border-radius: 5px;
    z-index: 100
}
.standard-plans .box.soldout:after {
    position: absolute;
    top: 34%;
    left: 0;
    width: 100%;
    content: "Sold Out";
    color: #999;
    text-shadow: 0 3px 0 #fff;
    font: 90px/90px 'Roboto Condensed', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 101
}
.standard-plans .box .heading {
    position: relative;
    padding: 19px 10px;
    background: #f4f4f4;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 5px 5px 0 0;
    z-index: 10
}
.standard-plans .box .heading .label {
    position: absolute;
    top: -12px;
    left: 50%;
    z-index: 11;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}
.standard-plans .box .heading figure {
    width: 48px;
    height: 48px;
    margin: 0 auto 10px;
    padding: 9px 0 0;
    border-radius: 50%;
    box-shadow: 0 0 0 15px #f4f4f4
}
.standard-plans .box .heading figure:after {
    position: absolute;
    top: 42px;
    left: 12%;
    content: "";
    width: 76%;
    height: 1px;
    background: #ccc;
    z-index: -1
}
.standard-plans .box .heading figure svg {
    width: 28px;
    height: 28px;
    margin: 0 auto
}
.standard-plans .box .heading figure svg path,
.standard-plans .box .heading figure svg polygon,
.standard-plans .box .heading figure svg rect,
.standard-plans .box .heading figure svg circle {
    fill: #fff
}
.standard-plans .box .heading h2 {
    font-size: 26px;
    color: #333
}
.standard-plans .box .heading h2+p {
    margin: 0
}
.standard-plans .box .heading.green figure {
    background: #4c9d2f
}
.standard-plans .box .heading.blue figure {
    background: #5d9bd6
}
.standard-plans .box .heading.orange figure {
    background: #f56332
}
.standard-plans .box .heading.cloud figure {
    background: #ba4ed9
}
.standard-plans .box .heading.enterprise figure {
    background: #c4a06a
}
.standard-plans .box .heading.black figure {
    background: #071928
}
.standard-plans .box .heading span {
    position: absolute;
    top: -4px;
    right: 18px
}
.standard-plans .box .heading span svg:nth-of-type(2) {
    position: absolute;
    top: 45%;
    left: 50%;
    width: 30px;
    height: 30px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.standard-plans .box .heading span svg:nth-of-type(2) path {
    fill: #fff
}
.standard-plans .box .summary {
    padding: 20px 12% 120px
}
.standard-plans .box .summary>strong {
    display: block;
    margin: 0 0 6px;
    font-size: 18px
}
.standard-plans .box .summary>strong span {
    margin: 0 0 0 2px;
    font-size: 14px
}
.standard-plans .box .summary>.vat-price {
    font-family: Montserrat, Arial, Helvetica, sans-serif
}
.standard-plans .box .summary>.vat-price>span {
    display: block;
    color: #959595;
    font-size: 12px;
    text-transform: uppercase
}
.standard-plans .box .summary>.vat-price .price-wrap {
    display: block
}
.standard-plans .box .summary>.vat-price .price-wrap .main-price {
    display: block;
    padding: 10px 0;
    font-weight: 700;
    font-size: 26px;
    color: #59a345
}
.standard-plans .box .summary>.vat-price .price-wrap .regular-price {
    color: #959595;
    font-size: 12px;
    font-weight: 400;
    display: block
}
.standard-plans .box .summary>.vat-price .price-wrap .vatNoticeText {
    display: block;
    font-size: 10px;
    margin: 0;
    color: #bdbdbd;
    text-transform: uppercase;
    font-weight: 400
}
.standard-plans .box .summary>span {
    font-size: 13px;
    text-transform: capitalize
}
.standard-plans .box .summary>ul {
    margin: 12px 0 0;
    padding: 15px 0 0;
    border-top: 1px solid #ccc
}
.standard-plans .box .summary>ul li {
    position: relative;
    margin: 6px 0;
    text-align: left
}
.standard-plans .box .summary>ul li svg {
    float: left;
    margin: 2px 6px 0 0
}
.standard-plans .box .summary>ul li svg path {
    fill: #7589a2
}
.standard-plans .box .summary>ul li>strong,
.standard-plans .box .summary>ul li>a {
    font-weight: 400;
    color: #ae6a21;
    border-bottom: 1px dotted #ae6a21;
    cursor: help
}
.standard-plans .box .summary>ul li>strong:hover,
.standard-plans .box .summary>ul li>a:hover {
    text-decoration: none
}
.standard-plans .box .large_button {
    position: absolute;
    width: 76%;
    left: 0;
    bottom: 60px;
    margin: 0 12%
}
.standard-plans .box .footing {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px 80px 10px 12%;
    background: #f8f8f8;
    color: #666;
    text-align: left;
    box-shadow: inset 0 5px 10px -5px rgba(0, 0, 0, 0.15);
    border-radius: 0 0 5px 5px
}
.standard-plans .box .footing:hover {
    text-decoration: none;
    background: #fcfcfc;
    color: #444
}
.standard-plans .box .footing.jump:before {
    position: absolute;
    top: 15px;
    right: 50px;
    content: "";
    width: 4px;
    height: 5px;
    background: gray
}
.standard-plans .box .footing.jump:after {
    position: absolute;
    top: 20px;
    right: 46px;
    content: "";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid gray
}
.standard-plans .box .footing.see:before {
    position: absolute;
    top: 18px;
    right: 52px;
    content: "";
    width: 5px;
    height: 4px;
    background: gray
}
.standard-plans .box .footing.see:after {
    position: absolute;
    top: 14px;
    right: 46px;
    content: "";
    border-left: 6px solid gray;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent
}
.standard-plans .box .ribbon {
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 11;
    overflow: hidden;
    width: 130px;
    height: 130px;
    text-align: right
}
.standard-plans .box .ribbon span {
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 30px;
    width: 174px;
    display: block;
    background: #e44235;
    box-shadow: 0 3px 10px -5px black;
    position: absolute;
    top: 36px;
    left: -36px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.standard-plans .box .ribbon span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #c93a2f;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #c93a2f
}
.standard-plans .box .ribbon span:after {
    content: "";
    position: absolute;
    right: 0;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #c93a2f;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #c93a2f
}
.standard-plans.short-plans .plan {
    width: 30.6%;
    padding: 50px 10px 50px;
    color: #333;
    position: relative;
    float: left;
    text-align: center;
    background: #fff;
    margin: 0 0 0 4%;
    border: 1px solid #eee
}
.standard-plans.short-plans .plan:nth-of-type(1) {
    margin: 0
}
.standard-plans.short-plans .plan.startup {
    box-shadow: 0 -3px 0 #4c9d2f
}
.standard-plans.short-plans .plan.growbig {
    box-shadow: 0 -3px 0 #5d9bd6
}
.standard-plans.short-plans .plan.gogeek {
    box-shadow: 0 -3px 0 #f56332
}
.standard-plans.short-plans .plan.cloud {
    box-shadow: 0 -3px 0 #ba4ed9
}
.standard-plans.short-plans .plan.enterprise {
    box-shadow: 0 -3px 0 #c4a06a
}
.standard-plans.short-plans .plan .label {
    position: absolute;
    top: -12px;
    left: 50%;
    z-index: 11;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}
.standard-plans.short-plans .plan h2 {
    margin: 0 0 8px;
    font-size: 26px
}
.standard-plans.short-plans .plan h3 {
    font: 300 14px/20px 'Open Sans', Arial, Helvetica, sans-serif;
    padding: 0 0 39px;
    position: relative
}
.standard-plans.short-plans .plan h3:after {
    display: block;
    content: '';
    position: absolute;
    bottom: 16px;
    width: 60px;
    height: 1px;
    left: 50%;
    margin: 0 0 0 -30px;
    background: #e1e1e1
}
.standard-plans.short-plans .plan .vat-price {
    font-family: Montserrat, Arial, Helvetica, sans-serif
}
.standard-plans.short-plans .plan .vat-price>span {
    display: block;
    color: #959595;
    font-size: 12px;
    text-transform: uppercase
}
.standard-plans.short-plans .plan .vat-price .price-wrap {
    display: block
}
.standard-plans.short-plans .plan .vat-price .price-wrap .main-price {
    display: block;
    padding: 10px 0;
    font-weight: 700;
    font-size: 26px;
    color: #59a345
}
.standard-plans.short-plans .plan .vat-price .price-wrap .regular-price {
    color: #959595;
    font-size: 12px;
    font-weight: 400;
    display: block
}
.standard-plans.short-plans .plan .vat-price .price-wrap .vatNoticeText {
    display: block;
    font-size: 10px;
    margin: 0;
    color: #bdbdbd;
    text-transform: uppercase;
    font-weight: 400
}
.standard-plans.short-plans .plan .extralarge_button {
    line-height: 40px;
    height: 40px;
    margin: 16px 0 0;
    padding: 0 35px
}
.plan-cards {
    position: relative;
	background:none;
}
.plan-card {
    padding: 30px 15px 10px;
    text-align: center
}
.plan-card__promo {
    padding-top: 15px;
    padding-bottom: 15px
}
.plan-card__promo .vat-price .price-wrap {
    display: flex;
    flex-direction: column;
    line-height: 26px
}
.plan-card__promo .vat-price .price-wrap .main-price {
    font-size: 26px;
    font-family: 'Roboto', Arial, sans-serif;
    color: #666
}
.plan-card__promo .vat-price .price-wrap .regular-price,
.plan-card__promo .vat-price .price-wrap .vatNoticeText {
    font-weight: 400;
    font-family: 'Roboto', Arial, sans-serif;
    color: #939191
}
.plan-card__promo .vat-price .price-wrap .regular-price {
    font-size: 14px
}
.plan-card__promo .vat-price .price-wrap .vatNoticeText {
    font-size: 12px;
    text-transform: uppercase
}
.plan-card__features {
   list-style:none;
   font-size: 14px;
    line-height: 30px;
}
.plan-card__row {
    margin-bottom: 20px
}
.link {
    display: inline-block;
    color: #25b8d2;
    cursor: pointer;
    word-break: break-word
}
.link:hover {
    text-decoration: none
}
.link--decoration-dotted {
    border-bottom: 1px dotted currentColor
}
@media screen and (max-width:768px),
screen and (max-device-width:768px) {
    .standard-plans.simple.three .box,
    .standard-plans.simple.four .box {
        width: 49%
    }
    .standard-plans.simple.three .box:nth-child(2),
    .standard-plans.simple.four .box:nth-child(2) {
        margin: 0 0 0 2%
    }
    .standard-plans.simple.three .box:nth-child(3),
    .standard-plans.simple.four .box:nth-child(3) {
        margin: 10px 0 0
    }
    .standard-plans.simple.three .box:nth-child(4),
    .standard-plans.simple.four .box:nth-child(4) {
        margin: 10px 0 0 2%
    }
    .standard-plans>.box {
        width: 100% !important;
        margin: 20px 0 0 !important;
        min-height: 0
    }
}
@media screen and (max-width:640px),
screen and (max-device-width:640px) {
    .standard-plans.short-plans .plan {
        width: 100%;
        margin: 20px 0 0 0 !important
    }
    .standard-plans.short-plans .plan:nth-of-type(1) {
        margin: 20px 0 0 0 !important
    }
}
@media screen and (max-width:480px),
screen and (max-device-width:480px) {
    .standard-plans.simple.three .box,
    .standard-plans.simple.four .box {
        width: 100%;
        margin: 10px 0 0 !important
    }
}
.choose-domain-custom {
    padding: 30px 0;
    position: relative;
    z-index: 99;
    font-size: 16px;
    font-weight: 300;
    text-align: left
}
.choose-domain-custom .locale-special {
    float: left;
    width: 32%
}
.choose-domain-custom .locale-special img {
    float: left;
    margin: 14px 14px 0 0
}
.choose-domain-custom .locale-special label {
    float: left;
    font: 700 22px/50px Montserrat, Arial, Helvetica, sans-serif;
    cursor: text
}
.choose-domain-custom .domain-name {
    float: left;
    width: 34%;
    height: 50px;
    line-height: 48px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1)
}
.choose-domain-custom .domain-name>div {
    float: left;
    width: 22%;
    height: 48px;
    border-radius: 3px 0 0 3px;
    padding: 0 13px;
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1);
    background: #f8f8f8;
    color: #666;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-align: center
}
.choose-domain-custom .domain-name input {
    float: left;
    border: 0;
    height: 48px;
    width: 77%;
    padding: 0 15px;
    background: 0;
    font: 300 16px/24px 'Open Sans', Helvetica, Arial, Tahoma, sans-serif;
    -moz-transition: color .15 linear;
    -webkit-transition: color .15 linear;
    -o-transition: color .15 linear;
    transition: color .15 linear
}
.choose-domain-custom .domain-name input:focus,
.choose-domain-custom .domain-name input:active {
    color: #333
}
.choose-domain-custom .standarddropdown {
    display: none;
    float: left;
    width: 26%;
    margin: 0 1%
}
.choose-domain-custom .standarddropdown>select {
    width: 100%;
    height: 50px;
    padding: 0 15px 0 0;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    font-size: 16px;
    font-weight: 300;
    text-indent: 10px;
    white-space: nowrap
}
.choose-domain-custom .customdropdown {
    float: left;
    width: 19%;
    margin: 0 1%
}
.choose-domain-custom .customdropdown>div:first-child {
    position: relative;
    z-index: 99;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    height: 50px;
    border-radius: 3px;
    line-height: 48px;
    color: #333;
    cursor: pointer;
    padding: 0 50px 0 15px
}
.choose-domain-custom .customdropdown>div:first-child svg {
    position: absolute;
    top: 20px;
    right: 17px;
    opacity: 0;
    display: none;
    width: 26px;
    height: 26px
}
.choose-domain-custom .customdropdown>div:first-child:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid gray;
    content: "";
    position: absolute;
    right: 16px;
    top: 22px;
    width: 0
}
.choose-domain-custom .customdropdown>div:first-child:hover:after {
    border-top: 6px solid #666
}
.choose-domain-custom .customdropdown .domainslist {
    display: none;
    position: absolute;
    top: 20px;
    left: 0;
    opacity: 0;
    padding: 18px;
    border-radius: 3px;
    background: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #666;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1)
}
.choose-domain-custom .customdropdown .domainslist dl {
    float: left;
    width: 32%;
    margin: 0 0 0 4%;
    padding: 18px 0
}
.choose-domain-custom .customdropdown .domainslist dl:first-of-type {
    width: 20%;
    margin: 0;
    padding: 18px;
    background: #a6cd5c;
    border-radius: 3px
}
.choose-domain-custom .customdropdown .domainslist dl:first-of-type dt {
    color: #fff;
    text-align: center
}
.choose-domain-custom .customdropdown .domainslist dl:first-of-type dd {
    display: block;
    float: none;
    width: 100% !important;
    font-weight: 700;
    font-size: 15px;
    color: #fff
}
.choose-domain-custom .customdropdown .domainslist dl:first-of-type dd:hover {
    background: #fff;
    color: #a6cd5c
}
.choose-domain-custom .customdropdown .domainslist dl:last-of-type {
    width: 40%
}
.choose-domain-custom .customdropdown .domainslist dl dt {
    font: 700 16px Montserrat, Arial, Helvetica, sans-serif;
    margin: 0 0 20px;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.choose-domain-custom .customdropdown .domainslist dl dd {
    float: left;
    width: 25%;
    line-height: 14px;
    padding: 5px 5px 6px;
    border-radius: 3px;
    font-size: 13px;
    cursor: pointer;
    white-space: nowrap
}
.choose-domain-custom .customdropdown .domainslist dl dd:hover {
    background: #508cd0;
    color: #fff
}
.choose-domain-custom .customdropdown .domainslist dl .new-extension {
    color: #f56332
}
.choose-domain-custom .customdropdown .domainslist dl .new-extension .new-label {
    line-height: 12px;
    padding: 0 6px;
    border-radius: 2px;
    color: #fff;
    font-size: 8px;
    display: inline-block;
    vertical-align: middle;
    margin: -1px 4px;
    top: -1px;
    position: relative;
    background: #f56332
}
.choose-domain-custom .customdropdown .domainslist dl .new-extension:hover {
    color: #fff;
    background: #f56332
}
.choose-domain-custom .customdropdown .domainslist dl .new-extension:hover .new-label {
    background: #fff;
    color: #f56332
}
.choose-domain-custom .extralarge_button,
.choose-domain-custom .large_button {
    float: left;
    width: 13%
}
.choose-domain-custom .svg-loader {
    float: left;
    margin: 5px 0 0 5px
}
@media screen and (max-width:980px),
screen and (max-device-width:980px) {
    .choose-domain-custom .locale-special {
        float: none;
        display: block;
        width: 100%;
        margin: 0 0 10px
    }
    .choose-domain-custom .domain-name {
        width: 52% !important
    }
    .choose-domain-custom .domain-name>div {
        width: 25%
    }
    .choose-domain-custom .domain-name input {
        width: 75%
    }
    .choose-domain-custom .standarddropdown {
        display: block
    }
    .choose-domain-custom .customdropdown {
        display: none !important
    }
    .choose-domain-custom .extralarge_button,
    .choose-domain-custom .large_button {
        width: 20% !important;
        padding: 0 10px !important
    }
}
@media screen and (max-width:640px),
screen and (max-device-width:640px) {
    .choose-domain-custom .domain-name {
        width: 48% !important
    }
    .choose-domain-custom .domain-name>div {
        display: none
    }
    .choose-domain-custom .domain-name input {
        width: 100%
    }
    .choose-domain-custom .standarddropdown {
        width: 28% !important
    }
    .choose-domain-custom .extralarge_button,
    .choose-domain-custom .large_button {
        width: 22% !important
    }
}
@media screen and (max-width:580px),
screen and (max-device-width:580px) {
    .choose-domain-custom .domain-name {
        width: 64% !important
    }
    .choose-domain-custom .standarddropdown {
        width: 35% !important;
        margin: 0 0 10px 1%
    }
    .choose-domain-custom .extralarge_button,
    .choose-domain-custom .large_button {
        clear: both;
        float: none;
        display: block;
        width: 100% !important
    }
}
@media screen and (max-width:480px),
screen and (max-device-width:480px) {
    .choose-domain-custom .domain-name {
        width: 100% !important
    }
    .choose-domain-custom .standarddropdown,
    .choose-domain-custom .large_button {
        width: 100% !important;
        margin: 10px 0
    }
}
.pass-strength-meter {
    position: absolute;
    width: 55%;
    bottom: -5px;
    right: 0
}
.pass-strength-meter .meter {
    float: left;
    width: 31.33%;
    height: 5px;
    margin: 0 0 0 3%;
    background: #e6e6e6
}
.pass-strength-meter .meter:first-of-type {
    margin: 0
}
.pass-strength-meter .meter.weak {
    background: red
}
.pass-strength-meter .meter.fair {
    background: #f5d607
}
.pass-strength-meter .meter.strong {
    background: #5ca03a
}
.pass-strength-meter .tooltip {
    display: block;
    max-width: 300px;
    top: 14px;
    left: 0
}
.pass-strength-meter .tooltip strong {
    display: block;
    margin: 0 0 10px;
    padding: 0 0 5px;
    border-bottom: 1px solid #d3d3d3
}
.pass-strength-meter .tooltip li {
    width: 100% !important;
    margin: 3px 0;
    padding: 0 0 0 20px !important;
    background: url(../img/icons/cross_14x14_yellow-22197c9.png) no-repeat 0 2px;
    font-size: 12px
}
.pass-strength-meter .tooltip li.passed {
    background: url(../img/icons/check_14x14-22197c9.png) no-repeat 0 2px
}
.pass-strength-meter .tooltip li.required {
    background: url(../img/icons/cross_14x14_red-22197c9.png) no-repeat 0 2px
}
@media screen and (max-width:640px),
screen and (max-device-width:640px) {
    .pass-strength-meter {
        width: 100%
    }
}
.tooltip.features-tooltip {
    max-width: 320px;
    z-index: 20
}
.tooltip.features-tooltip#essential-features li {
    width: 50%;
    padding: 0 6px 0 0
}
.tooltip.features-tooltip strong {
    display: block;
    margin: 0 0 10px;
    padding: 0 0 5px;
    border-bottom: 1px solid #d3d3d3
}
.tooltip.features-tooltip li {
    float: left;
    width: 100%;
    margin: 2px 0;
    font-size: 12px
}
.tooltip.features-tooltip li svg {
    float: left;
    margin: 2px 6px 0 0
}
.tooltip.features-tooltip li svg path {
    fill: #5ca03a
}
.features-info {
    z-index: 50;
    position: absolute;
    display: none;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 5px 0 rgba(0, 0, 0, 0.16)
}
.features-info h4 {
    padding: 10px
}
.features-info p {
    padding: 10px;
    margin: 0
}
.features-info .sg-icon {
    margin-right: 10px;
    vertical-align: middle;
    color: #25b8d2
}
@media screen and (max-width:1199px),
screen and (max-device-width:1199px) {
    .features-info .essential-features-wrap {
        width: 100%
    }
}
@media screen and (max-width:480px),
screen and (max-device-width:480px) {
    .tooltip.features-tooltip#essential-features li {
        width: 100%
    }
}
.modalbox-page {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    padding: 15px;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    font-family: Open Sans, Arial, Helvetica, sans-serif
}
.modalbox-page .modalbox-close {
    position: absolute;
    right: 10px;
    top: 10px;
    background: 0;
    border: 0;
    outline: 0;
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
    cursor: pointer
}
.modalbox-page .modalbox-close:hover {
    color: #fff
}
.modalbox-page .modalbox {
    position: relative
}
.modalbox-page .modalbox .modalbox-head {
    background: #f56332;
    color: #fff;
    padding: 18px 40px
}
.modalbox-page .modalbox .modalbox-head h1 {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 38px;
    font-weight: lighter;
    line-height: 38px
}
.modalbox-page .modalbox .modalbox-head p {
    font-weight: lighter;
    margin: 10px 0 0;
    opacity: .7;
    line-height: 16px
}
.modalbox-page .modalbox .modalbox-content {
    background: #fff;
    padding: 45px 20px
}
.modalbox-page .modalbox .modalbox-content.hosting_icons {
    background: #fff url(../../img/backgrounds-svg/background_hosting_icons.svg) no-repeat left bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}
.modalbox-page .modalbox .modalbox-content .modalbox-badge svg {
    margin: -20px auto 20px
}
.modalbox-page .modalbox .modalbox-content .domain-present {
    display: inline-block;
    border: 1px solid #aaa;
    background: #fff;
    border-radius: 3px;
    padding: 5px 0;
    position: relative;
    margin-bottom: 50px
}
.modalbox-page .modalbox .modalbox-content .domain-present>div {
    display: inline-block;
    vertical-align: middle;
    padding: 8px 15px;
    line-height: 24px;
    word-break: break-all
}
.modalbox-page .modalbox .modalbox-content .domain-present .domain-name {
    min-width: 194px;
    font-size: 18px;
    color: #f56332
}
.modalbox-page .modalbox .modalbox-content .domain-present .domain-price {
    text-decoration: line-through;
    display: none
}
.modalbox-page .modalbox .modalbox-content .domain-present .domain-icon {
    display: none
}
.modalbox-page .modalbox .modalbox-content .domain-present .domain-badge {
    position: absolute;
    right: -36px;
    top: -40px
}
.modalbox-page .modalbox .modalbox-content .opportunity {
    margin: 0 0 35px
}
.modalbox-page .modalbox .modalbox-content .opportunity h2 {
    font-size: 45px;
    font-weight: bold;
    color: #f56332
}
.modalbox-page .modalbox .modalbox-content .opportunity small {
    font-size: 28px;
    font-weight: lighter
}
.modalbox-page .modalbox .modalbox-content .opportunity>div {
    margin: 5px
}
.modalbox-page .modalbox .modalbox-content em {
    font-style: normal;
    font-size: 12px;
    color: #f56332;
    position: absolute;
    padding: 0 10px;
    left: 0;
    bottom: 15px;
    width: 100%;
    text-align: center
}
.modalbox-page .modalbox .modalbox-content .large_button {
    font-size: 18px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
    padding: 7px 30px;
    height: auto;
    letter-spacing: 1px;
    width: 100%;
    white-space: nowrap
}
@media screen and (min-width:480px),
screen and (min-device-width:480px) {
    .modalbox-page:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.30em
    }
    .modalbox-page .modalbox {
        display: inline-block;
        width: 100%;
        max-width: 700px;
        margin: 0 auto;
        text-align: left;
        vertical-align: middle
    }
    .modalbox-page .modalbox.centered {
        text-align: center
    }
    .modalbox-page .modalbox .modalbox-head {
        border-radius: 3px 3px 0 0;
        padding: 18px 40px
    }
    .modalbox-page .modalbox .modalbox-head.badged {
        padding-right: 200px
    }
    .modalbox-page .modalbox .modalbox-content {
        border-radius: 0 0 3px 3px;
        padding: 60px
    }
    .modalbox-page .modalbox .modalbox-content .domain-present>* {
        float: left
    }
    .modalbox-page .modalbox .modalbox-content .domain-present .domain-icon {
        display: inline-block;
        width: 54px
    }
    .modalbox-page .modalbox .modalbox-content .domain-present .domain-price {
        display: inline-block;
        width: 80px
    }
    .modalbox-page .modalbox .modalbox-content .domain-present .domain-badge {
        right: -45px
    }
    .modalbox-page .modalbox .modalbox-content .domain-present .domain-name {
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
        max-width: calc(100% - 134px);
        text-align: left
    }
    .modalbox-page .modalbox .modalbox-content .modalbox-badge {
        position: absolute;
        z-index: 10;
        right: 50px;
        top: 64px
    }
    .modalbox-page .modalbox .modalbox-content em {
        text-align: right;
        bottom: 10px
    }
    .modalbox-page .modalbox .modalbox-content .large_button {
        width: auto
    }
}
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}
.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}
.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}
.owl-carousel .owl-item {
    float: left
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}
.owl-theme .owl-controls {
    margin-top: 30px;
    text-align: center
}
.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    opacity: .5
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    opacity: 1;
    text-decoration: none
}
.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline
}
.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 2px 5px;
    opacity: .5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #999
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    opacity: 1
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}
.owl-item.loading {
    min-height: 150px
}
.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px
}
.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease
}
.owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease
}
.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease
}
.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease
}
.owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    -moz-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both
}
.owl-goDown-in {
    -webkit-animation: goDown .6s ease both;
    -moz-animation: goDown .6s ease both;
    animation: goDown .6s ease both
}
.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    -moz-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both
}
.owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    -moz-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both
}
@-webkit-keyframes empty {
    0 {
        opacity: 1
    }
}
@-moz-keyframes empty {
    0 {
        opacity: 1
    }
}
@keyframes empty {
    0 {
        opacity: 1
    }
}
@-webkit-keyframes fadeIn {
    0 {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-moz-keyframes fadeIn {
    0 {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes fadeIn {
    0 {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-webkit-keyframes fadeOut {
    0 {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@-moz-keyframes fadeOut {
    0 {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes fadeOut {
    0 {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%)
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%)
    }
}
@-moz-keyframes backSlideOut {
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%)
    }
    100% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%)
    }
}
@keyframes backSlideOut {
    25% {
        opacity: .5;
        transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%)
    }
    100% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%)
    }
}
@-webkit-keyframes backSlideIn {
    0,
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0)
    }
}
@-moz-keyframes backSlideIn {
    0,
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0)
    }
}
@keyframes backSlideIn {
    0,
    25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0)
    }
}
@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(0.8)
    }
}
@-moz-keyframes scaleToFade {
    to {
        opacity: 0;
        -moz-transform: scale(0.8)
    }
}
@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(0.8)
    }
}
@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%)
    }
}
@-moz-keyframes goDown {
    from {
        -moz-transform: translateY(-100%)
    }
}
@keyframes goDown {
    from {
        transform: translateY(-100%)
    }
}
@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}
@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -moz-transform: scale(1.5)
    }
}
@keyframes scaleUpFrom {
    from {
        opacity: 0;
        transform: scale(1.5)
    }
}
@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}
@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        -moz-transform: scale(1.5)
    }
}
@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5)
    }
}
.orderprocess {
    max-width: 736px;
    margin: 0 auto 30px
}
.orderprocess.two li {
    width: 48.5%
}
.orderprocess li {
    position: relative;
    float: left;
    width: 31.33%;
    margin: 0 0 0 3%;
    padding: 0 0 10px;
    color: #ccc;
    font-size: 16px;
    font-weight: 700;
    box-shadow: inset 0 -2px 0 #ccc
}
.orderprocess li:first-child {
    margin: 0
}
.orderprocess li a {
    color: #ccc;
    text-decoration: none
}
.orderprocess li.active {
    color: #333;
    box-shadow: inset 0 -2px 0 #333
}
.order.step1 .fit,
.order.step1 .cookie-notice>div {
    padding-top: 40px
}
.order.step1 .standard-plans {
    margin: 40px auto 30px
}
.order.step1 .standard-plans .owl-wrapper-outer {
    padding: 30px 0
}
.order.step1 .standard-plans .owl-wrapper-outer .owl-item {
    position: relative
}
.order.step1 .standard-plans .owl-wrapper-outer .owl-item:nth-of-type(1) {
    margin: 0 -0.5% 0 .5%;
    top: 20px
}
.order.step1 .standard-plans .owl-wrapper-outer .owl-item:nth-of-type(2) {
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2);
    z-index: 20
}
.order.step1 .standard-plans .owl-wrapper-outer .owl-item:nth-of-type(3) {
    margin: 0 0 0 -0.5%;
    top: 20px
}
.order.step1 .standard-plans .owl-wrapper-outer .box {
    float: none;
    width: 100%;
    min-height: 520px;
    margin: 0
}
.order.step1 .standard-plans .owl-wrapper-outer .box .label {
    z-index: 11;
    position: absolute;
    top: -12px;
    left: 50%;
    min-width: 160px;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}
.order.step1 .standard-plans .owl-wrapper-outer .box .summary {
    padding: 19px 12% 80px
}
.order.step1 .standard-plans .owl-wrapper-outer .box .summary .large_button {
    bottom: 20px
}
.order.step1 .view-all-plans {
    text-align: center
}
.order.step1 .view-all-plans>a {
    color: #666
}
.order.step2>.fit .box,
.cookie-notice.order.step2>div .box {
    position: relative;
    max-width: 736px;
    margin: 0 auto
}
.order.step2>.fit .box .p19>.domain-type span,
.cookie-notice.order.step2>div .box .p19>.domain-type span,
.order.step2>.fit .box .p19>.domain-type+label span,
.cookie-notice.order.step2>div .box .p19>.domain-type+label span {
    pointer-events: none
}
.order.step2>.fit .box .suggestions,
.cookie-notice.order.step2>div .box .suggestions {
    display: none;
    margin: 20px 0 0
}
.order.step2>.fit .box .suggestions ul li,
.cookie-notice.order.step2>div .box .suggestions ul li {
    float: left;
    width: 330px;
    margin: 0 15px 0 0;
    padding: 5px 0
}
.order.step2>.fit .box .upsell,
.cookie-notice.order.step2>div .box .upsell {
    margin: 20px 0 0
}
.order.step3 h2 {
    margin-bottom: 30px
}
.order.step3>div>form>div {
    max-width: 736px;
    margin: 0 auto 40px
}
.order.step3>div>form>div#domain_registrant_infobox>.p19>ul>li:nth-of-type(2n) {
    margin: 0 0 0 4%
}
.order.step3>div>form>div#domain_registrant_infobox>.p19>ul.has-hidden-element>li:nth-of-type(2n) {
    margin: 0
}
.order.step3>div>form>div#domain_registrant_infobox>.p19>ul.has-hidden-element>li:nth-of-type(2n+1) {
    margin: 0 0 0 4%
}
.order.step3>div>form>div .boxheading {
    text-align: left
}
.order.step3>div>form>div .p19 #domain_registrant_info_placeholder>ul {
    float: left;
    width: 48%
}
.order.step3>div>form>div .p19 #domain_registrant_info_placeholder>ul:nth-of-type(2) {
    margin: 0 0 0 4%
}
.order.step3>div>form>div .p19 #domain_registrant_info_placeholder>ul>li {
    overflow: hidden;
    float: none;
    width: 100%;
    padding: 5px 0
}
.order.step3>div>form>div .p19 #domain_registrant_info_placeholder>ul>li label {
    width: 45%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px 0 0
}
.order.step3>div>form>div .p19 #domain_registrant_info_placeholder>ul>li input,
.order.step3>div>form>div .p19 #domain_registrant_info_placeholder>ul>li select {
    width: 55%
}
.order.step3>div>form>div .p19>ul.contact-info {
    float: left;
    width: 48%
}
.order.step3>div>form>div .p19>ul.contact-info:nth-of-type(2) {
    margin: 0 0 0 4%
}
.order.step3>div>form>div .p19>ul.contact-info>li {
    float: none;
    width: 100%
}
.order.step3>div>form>div .p19>ul.contact-info>li:nth-of-type(2n) {
    margin: 0
}
.order.step3>div>form>div .p19>ul.password-data li {
    overflow: visible;
    position: relative
}
.order.step3>div>form>div .p19>ul.purchase-information>li {
    width: 100%;
    margin: 0 !important
}
.order.step3>div>form>div .p19>ul.purchase-information>li label {
    width: 30%
}
.order.step3>div>form>div .p19>ul.purchase-information>li .cloud-scale {
    position: relative;
    float: left;
    width: 58%;
    border: 1px solid #ccc;
    background: #f9f9f9;
    padding: 10px
}
.order.step3>div>form>div .p19>ul.purchase-information>li .cloud-scale>span {
    margin: 0 8px 0 0
}
.order.step3>div>form>div .p19>ul.purchase-information>li .cloud-scale .change-params {
    position: absolute;
    right: 10px;
    margin: 0;
    padding: 3px 8px;
    line-height: 11px;
    background: #999;
    border-radius: 3px;
    cursor: pointer;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase
}
.order.step3>div>form>div .p19>ul.purchase-information>li .cloud-scale .change-params svg {
    fill: #fff;
    width: 12px
}
.order.step3>div>form>div .p19>ul.purchase-information>li .cloud-scale .change-params:hover {
    background: #777
}
.order.step3>div>form>div .p19>ul.purchase-information>li p,
.order.step3>div>form>div .p19>ul.purchase-information>li input {
    width: 50%
}
.order.step3>div>form>div .p19>ul.purchase-information>li p {
    position: relative;
    float: left;
    margin: 0;
    line-height: 36px
}
.order.step3>div>form>div .p19>ul.purchase-information>li p span {
    float: left
}
.order.step3>div>form>div .p19>ul.purchase-information>li p .change {
    margin: 11px 0 0 7px;
    cursor: pointer
}
.order.step3>div>form>div .p19>ul.purchase-information>li p .change svg {
    width: 16px;
    height: 16px;
    background: #999;
    padding: 4px;
    border-radius: 3px
}
.order.step3>div>form>div .p19>ul>li {
    float: left;
    width: 48%;
    padding: 5px 0;
    zoom: 1;
    position: relative
}
.order.step3>div>form>div .p19>ul>li:before,
.order.step3>div>form>div .p19>ul>li:after {
    content: "";
    display: table
}
.order.step3>div>form>div .p19>ul>li:after {
    clear: both
}
.order.step3>div>form>div .p19>ul>li:nth-of-type(2n) {
    margin: 0 0 0 4%
}
.order.step3>div>form>div .p19>ul>li.payment-methods-logos {
    overflow: hidden;
    padding: 16px 0
}
.order.step3>div>form>div .p19>ul>li.payment-methods-logos svg {
    float: left;
    height: 22px;
    margin: 0 10px 0 0
}
.order.step3>div>form>div .p19>ul>li.payment-methods-logos svg.logo-visa {
    width: 34px
}
.order.step3>div>form>div .p19>ul>li.payment-methods-logos svg.logo-mastercard {
    width: 34px
}
.order.step3>div>form>div .p19>ul>li.payment-methods-logos svg.logo-amex {
    width: 22px
}
.order.step3>div>form>div .p19>ul>li.payment-methods-logos svg.logo-discover {
    width: 34px
}
.order.step3>div>form>div .p19>ul>li.payment-methods-logos .ideal svg {
    width: 32px;
    margin: 0
}
.order.step3>div>form>div .p19>ul>li label {
    width: 45%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px 0 0
}
.order.step3>div>form>div .p19>ul>li input,
.order.step3>div>form>div .p19>ul>li select {
    width: 55%
}
.order.step3>div>form>div .p19>ul>li input[type="radio"] {
    width: auto
}
.order.step3>div>form>div .p19>ul>li.small-inputs select,
.order.step3>div>form>div .p19>ul>li.small-inputs input {
    float: left;
    width: 26%;
    margin: 0 0 0 3%
}
.order.step3>div>form>div .p19>ul>li.small-inputs select:first-of-type,
.order.step3>div>form>div .p19>ul>li.small-inputs input:first-of-type {
    margin: 0
}
.order.step3>div>form>div .p19>ul>li .payment-method.cc {
    position: absolute;
    top: 16px
}
.order.step3>div>form>div .p19>ul>li .ideal {
    position: absolute;
    width: 200px;
    left: 150px
}
.order.step3>div>form>div .p19>ul>li .ideal input,
.order.step3>div>form>div .p19>ul>li .ideal span {
    float: left
}
.order.step3>div>form>div .p19>ul>li .ideal input {
    margin: 3px
}
.order.step3>div>form>div .p19>ul>li .ideal span {
    padding-left: 5px
}
.order.step3>div>form>div .p19 #idealMessage {
    padding: 10px 0 0 0;
    margin-top: 10px;
    border-top: #d3d3d3
}
.order.step3>div>form>div .p19 input:disabled,
.order.step3>div>form>div .p19 select:disabled,
.order.step3>div>form>div .p19 .disabled {
    opacity: .4;
    cursor: default
}
.order.step3>div>form>div .post-code {
    overflow: visible !important;
    position: relative
}
.order.step3 .suggestions ul li {
    float: left;
    width: 50%;
    padding: 0 10px 0 0;
    margin: 10px 0 0
}
.order.step3 .suggestions ul li label {
    word-break: break-all
}
.order.step3 div.globalsign {
    height: 36px;
    background: url(../img/sprites/orders_876ed1e-e38387f.png) no-repeat 0 0
}
.it_privacy {
    min-width: 520px;
    max-width: 695px
}
.it_privacy p {
    font-size: 12px;
    position: relative;
    z-index: 10;
    background: #fff;
    margin-bottom: 0
}
.it_privacy .whois {
    float: left;
    width: 47%
}
.it_privacy .whois:first-of-type:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 50%;
    margin-right: -1px;
    width: 1px;
    background: #f2f2f2
}
.it_privacy .whois h3 {
    margin: 10px 0 20px
}
.it_privacy .whois ul:nth-of-type(2) {
    margin-top: 20px
}
.it_privacy .whois ul li {
    padding: 4px 7px;
    font-size: 12px;
    color: #888;
    overflow: hidden
}
.it_privacy .whois ul li:first-child {
    background: #f8f8f8;
    color: #000;
    padding: 10px 7px;
    margin-bottom: 4px
}
.it_privacy .whois ul li span {
    float: right;
    max-width: 60%;
    text-align: right
}
.verification .pb0 {
    padding-bottom: 0 !important
}
.verification .boxheading {
    text-align: left
}
.verification .heading {
    font-size: 18px
}
.verification .small {
    font-size: 13px
}
.verification .smaller {
    font-size: 12px
}
.verification .input-verify {
    width: 300px
}
.verification .ccard {
    display: inline-block;
    margin: 0 auto;
    padding: 10px;
    text-align: right;
    font-size: 14px;
    color: #333;
    border: 1px solid #ccc;
    border-radius: 5px
}
.verification .ccard img {
    display: inline-block;
    margin: 0 -5px 8px 0
}
.verification .flag-list {
    display: inline-block;
    margin-top: 1px;
    font-size: 13px;
    box-shadow: rgba(255, 255, 255, 0.1);
    border: 1px solid #ccc;
    background: #efefef
}
.verification .flag-list li {
    padding: 5px
}
.verification .flag-list li img {
    margin-top: -5px;
    margin-right: 3px
}
.order>.fit .box,
.cookie-notice.order>div .box {
    max-width: 736px;
    margin: 0 auto 40px
}
.order>.fit .box label,
.cookie-notice.order>div .box label {
    display: block
}
.order>.fit .box label.domain-type,
.cookie-notice.order>div .box label.domain-type {
    margin: 0 0 10px
}
.order>.fit .box label.domain-type p,
.cookie-notice.order>div .box label.domain-type p {
    margin: 4px 0 0;
    font-size: 13px;
    line-height: 18px;
    color: #999
}
.order>.fit .box .choose-domain-custom,
.cookie-notice.order>div .box .choose-domain-custom {
    padding: 30px 0 0
}
.order>.fit .box .choose-domain-custom .domain-name,
.cookie-notice.order>div .box .choose-domain-custom .domain-name {
    width: 74%
}
.order>.fit .box .choose-domain-custom .domain-name>div,
.cookie-notice.order>div .box .choose-domain-custom .domain-name>div {
    width: 15%
}
.order>.fit .box .choose-domain-custom .domain-name input,
.cookie-notice.order>div .box .choose-domain-custom .domain-name input {
    width: 85%
}
.order>.fit .box .choose-domain-custom .domain-name.long,
.cookie-notice.order>div .box .choose-domain-custom .domain-name.long {
    width: 100% !important
}
.order>.fit .box .choose-domain-custom .domain-name.long ~ .standarddropdown,
.cookie-notice.order>div .box .choose-domain-custom .domain-name.long ~ .standarddropdown,
.order>.fit .box .choose-domain-custom .domain-name.long ~ .customdropdown,
.cookie-notice.order>div .box .choose-domain-custom .domain-name.long ~ .customdropdown {
    display: none !important
}
.order>.fit .box .choose-domain-custom .domain-name.suffix,
.cookie-notice.order>div .box .choose-domain-custom .domain-name.suffix {
    width: 100%
}
.order>.fit .box .choose-domain-custom .domain-name.suffix>div,
.cookie-notice.order>div .box .choose-domain-custom .domain-name.suffix>div {
    float: right;
    width: 22%;
    border-radius: 0 3px 3px 0
}
.order>.fit .box .choose-domain-custom .domain-name.suffix input,
.cookie-notice.order>div .box .choose-domain-custom .domain-name.suffix input {
    width: 77%;
    float: left
}
.order>.fit .box .choose-domain-custom .customdropdown,
.cookie-notice.order>div .box .choose-domain-custom .customdropdown {
    margin: 0 0 0 1%;
    width: 25%
}
.order>.fit .box .choose-domain-custom .customdropdown .domainslist dl dd,
.cookie-notice.order>div .box .choose-domain-custom .customdropdown .domainslist dl dd {
    width: 33.33%
}
.order .performance-booster dd {
    float: left;
    width: 32%;
    margin: 0 0 0 2%;
    padding: 19px 10px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08), inset 0 0 60px rgba(0, 0, 0, 0.12);
    text-align: center;
    color: #999;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ccc
}
.order .performance-booster dd:first-child {
    margin: 0
}
.order .performance-booster dd>div svg {
    width: 50px;
    height: 50px;
    margin: 0 auto 20px
}
.order .performance-booster dd>div strong {
    display: block;
    margin: 0 0 10px;
    font-size: 16px;
    color: #474846
}
.order .performance-booster dd>div p {
    font-size: 13px;
    line-height: 18px;
    min-height: 60px
}
.order .performance-booster dd>span {
    display: block;
    position: relative;
    padding: 8px 10px 6px 35px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #666;
    text-align: left;
    cursor: pointer
}
.order .performance-booster dd>span:hover {
    border: 1px solid #bbb;
    text-decoration: none
}
.order .performance-booster dd>span:before {
    position: absolute;
    top: 6px;
    left: 6px;
    content: "";
    width: 19px;
    height: 18px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08)
}
.order .performance-booster dd>span:after {
    position: absolute;
    top: 12px;
    left: 12px;
    content: "";
    width: 9px;
    height: 9px;
    background: #fff;
    border-radius: 50%
}
.order .performance-booster dd>span.current {
    background: #e8f5e3;
    border: 1px solid #8bb08b;
    color: #696
}
.order .performance-booster dd>span.current:hover {
    border: 1px solid #719571
}
.order .performance-booster dd>span.current:before {
    border: 1px solid #8bb08b
}
.order .performance-booster dd>span.current:after {
    background: #71a071
}
.order .performance-booster dd>span span {
    display: none
}
.dedicated-server-prefs .p19 label {
    float: left;
    width: 50%
}
.dedicated-server-prefs .p19 label span {
    margin: 0 0 0 10px
}
.dedicated-server-prefs .p19>p {
    margin: 20px 0 0
}
.dedicated-server-prefs .p19 table {
    width: 100%;
    margin: 20px 0 0;
    border: 1px solid #d5d5d5
}
.dedicated-server-prefs .p19 table tr th:first-child,
.dedicated-server-prefs .p19 table tr td:first-child {
    text-align: left
}
.dedicated-server-prefs .p19 table tr:nth-child(2n+1) td {
    background: #fcfcfc
}
.dedicated-server-prefs .p19 table tr th {
    background: #f8f8f8;
    padding: 10px;
    text-align: center;
    border-top: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5
}
.dedicated-server-prefs .p19 table tr td {
    padding: 10px 20px;
    text-align: center;
    border-top: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5
}
.dedicated-server-prefs .p19 table tr td svg {
    margin: 0 auto
}
.dedicated-server-prefs .p19 table tr td.green path {
    fill: #5ca03a
}
.students-domain .p19>label {
    margin: 6px 0 0
}
.students-domain .p19>label:first-of-type {
    margin: 0
}
.students-domain .p19 .choose-domain-custom {
    padding: 10px 0 15px !important
}
.students-domain .p19 .choose-domain-custom:last-of-type {
    padding: 10px 0 0 !important
}
.upsell dl {
    margin: 20px 0 0
}
.upsell dl:first-child {
    margin: 0
}
.upsell dl dt {
    margin: 0 0 5px
}
.upsell dl dt h4 {
    line-height: 40px;
    background: #fffdef;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    font-family: 'Open Sans';
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px 0 0
}
.upsell dl dt h4 svg {
    float: left;
    width: 32px;
    height: 32px;
    background: #fff;
    padding: 6px;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    margin: 4px 10px 0 4px
}
.upsell dl dt h4 svg path,
.upsell dl dt h4 svg polygon {
    fill: #222
}
.upsell dl dd {
    overflow: hidden;
    padding: 5px 0
}
.upsell dl dd label {
    float: left;
    width: 30%;
    line-height: 22px
}
.upsell dl dd label svg {
    float: left;
    margin: 2px 6px 0 0
}
.upsell dl dd label svg path {
    fill: #5ca03a
}
.upsell dl dd label ~ p {
    float: left;
    width: 70%;
    margin: 0
}
.upsell dl dd label ~ p em {
    font-style: normal
}
.upsell dl dd label ~ p strong {
    padding: 0 5px 0 0
}
.upsell dl dd label ~ p strong:first-of-type {
    color: #5ca03a
}
.upsell dl dd label ~ p strong.silver {
    color: #666
}
.upsell dl dd label ~ p span {
    color: #666;
    float: left
}
.upsell dl dd label ~ p .change {
    margin: 11px 0 0 7px;
    cursor: pointer
}
.upsell dl dd label ~ p .change svg {
    width: 16px;
    height: 16px;
    background: #999;
    padding: 4px;
    border-radius: 3px
}
.upsell dl dd label ~ p .cloud-scale {
    position: relative;
    float: left;
    width: 58%;
    border: 1px solid #ccc;
    background: #f9f9f9;
    padding: 10px
}
.upsell dl dd label ~ p .cloud-scale>span {
    margin: 0 8px 0 0
}
.upsell dl dd label ~ p .cloud-scale .change-params {
    position: absolute;
    right: 10px;
    margin: 0;
    padding: 3px 8px;
    line-height: 11px;
    background: #999;
    border-radius: 3px;
    cursor: pointer;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase
}
.upsell dl dd label ~ p .cloud-scale .change-params svg {
    fill: #fff;
    width: 12px
}
.upsell dl dd label ~ p .cloud-scale .change-params:hover {
    background: #777
}
.upsell dl dd .cloud-scale {
    position: relative;
    float: left;
    width: 58%;
    border: 1px solid #ccc;
    background: #f9f9f9;
    padding: 10px
}
.upsell dl dd .cloud-scale>span {
    margin: 0 8px 0 0
}
.upsell dl dd .cloud-scale .change-params {
    position: absolute;
    right: 10px;
    margin: 0;
    padding: 3px 8px;
    line-height: 11px;
    background: #999;
    border-radius: 3px;
    cursor: pointer;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase
}
.upsell dl dd .cloud-scale .change-params svg {
    fill: #fff;
    width: 12px
}
.upsell dl dd .cloud-scale .change-params:hover {
    background: #777
}
.upsell dl dd .input {
    width: 50%
}
.upsell dl dd.short-label label ~ p {
    line-height: 36px
}
.upsell dl#extras_section dd {
    padding: 15px 0;
    position: relative
}
.upsell dl#extras_section dd label {
    position: relative
}
.upsell dl#extras_section dd label .icon {
    width: 26px;
    height: 30px;
    display: block;
    left: 50%;
    top: 5px;
    position: relative;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}
.upsell dl#extras_section dd label .icon svg {
    width: 100%;
    height: 100%
}
.upsell dl#extras_section dd label .icon svg path {
    fill: #918f8f
}
.upsell dl#extras_section dd p span {
    float: none
}
.upsell dl#extras_section dd p span.hint {
    color: #a1a1a1
}
.upsell dl#extras_section dd p span.description {
    display: block;
    font-size: 12px;
    line-height: 18px;
    padding: 5px 0 0;
    overflow: hidden
}
.upsell dl#extras_section dd.hidden {
    display: none
}
.upsell .tooltip {
    z-index: 10;
    max-width: 320px
}
.upsell .tooltip#upsell_tooltip_13 {
    max-width: 640px
}
.upsell .tooltip strong {
    display: block;
    margin: 0 0 10px;
    padding: 0 0 5px;
    border-bottom: 1px solid #d3d3d3;
    color: #333
}
.custom-plan {
    position: relative;
    border: 1px solid #e0e0e0;
    margin: 30px 0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15)
}
.custom-plan .tabsalike a {
    float: left;
    width: 25%;
    height: 40px;
    padding: 0 10px;
    background: #fff;
    border-left: 1px solid #e0e0e0;
    font-weight: 700;
    line-height: 40px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
    color: #666;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}
.custom-plan .tabsalike a:first-child {
    margin: 0;
    border: 0
}
.custom-plan .tabsalike a:hover {
    background: #f9f9f9
}
.custom-plan .tabsalike a.active,
.custom-plan .tabsalike a:active {
    background: #f9f9f9;
    box-shadow: inset 0 3px 1px rgba(0, 0, 0, 0.1)
}
.custom-plan .sliderholder {
    background: #fafafa;
    padding: 30px 30px 60px
}
.custom-plan .sliderholder .row {
    margin: 50px 0 0;
    position: relative
}
.custom-plan .sliderholder .row:first-child {
    margin: 0
}
.custom-plan .sliderholder .row>span {
    display: block;
    margin: 0 0 10px;
    font: 600 15px/20px Arial, sans-serif;
    text-transform: uppercase
}
.custom-plan .sliderholder .row>span span {
    font: 400 12px/14px Arial, sans-serif;
    color: #c0ced9
}
.custom-plan .sliderholder .row>.custom-slider {
    position: relative;
    height: 10px;
    background: #efefef;
    border-radius: 10px
}
.custom-plan .sliderholder .row>.custom-slider:after {
    position: absolute;
    top: 0;
    width: 100%;
    height: 10px;
    content: "";
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75), inset 0 1px 1px rgba(0, 0, 0, 0.2);
    border-radius: 10px
}
.custom-plan .sliderholder .row>.custom-slider .scaling-meter {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}
.custom-plan .sliderholder .row>.custom-slider .scaling-meter span {
    position: absolute;
    top: -30px;
    text-align: center
}
.custom-plan .sliderholder .row>.custom-slider .scaling-meter span.min {
    color: rgba(95, 111, 137, 0.3)
}
.custom-plan .sliderholder .row>.custom-slider .scaling-meter span.max {
    right: 0;
    color: rgba(95, 111, 137, 0.3)
}
.custom-plan .sliderholder .row>.custom-slider .scaling-meter span.active {
    color: #5f6f89
}
.custom-plan .sliderholder .row>.custom-slider .minitooltip {
    top: -26px
}
.custom-plan .sliderholder .row .ui-slider-range {
    position: relative;
    height: 10px;
    border-radius: 10px 0 0 10px;
    background: #4b99d0
}
.custom-plan .sliderholder .row .ui-slider-handle {
    position: absolute;
    top: -4px;
    display: block;
    width: 17px;
    height: 17px;
    margin: 0 0 0 -14px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    z-index: 10;
    outline: 0;
    background: #fcfefd;
    background: -moz-linear-gradient(top, #fcfefd 0, #e3e3e3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcfefd), color-stop(100%, #e3e3e3));
    background: -webkit-linear-gradient(top, #fcfefd 0, #e3e3e3 100%);
    background: -o-linear-gradient(top, #fcfefd 0, #e3e3e3 100%);
    background: -ms-linear-gradient(top, #fcfefd 0, #e3e3e3 100%);
    background: linear-gradient(top, #fcfefd 0, #e3e3e3 100%);
    color: #5f6f89;
    text-decoration: none;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}
.custom-plan .sliderholder .row .ui-slider-handle:active {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing
}
.custom-plan .sliderholder .row .ui-slider-handle:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 7px;
    margin-top: -3.5px;
    margin-left: -3.5px;
    content: "";
    background: #4b99d0;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8), inset 0 2px 1px rgba(0, 0, 0, 0.15);
    border-radius: 50%
}
.custom-plan .sliderholder .row .ui-slider-handle .mid {
    position: absolute;
    left: 50%;
    top: 21px;
    width: 100px;
    margin-left: -50.5px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}
.totalsummary {
    padding: 0 20px;
    margin: 0 auto 20px !important
}
.totalsummary .row {
    line-height: 34px;
    padding: 0 20px
}
.totalsummary .row:first-child {
    background: #f4f4f4
}
.totalsummary .row.total {
    background: #e6f3fe;
    font-weight: 900;
    text-transform: uppercase
}
.totalsummary .row.total strong {
    font-weight: 600
}
.totalsummary .row strong {
    font-weight: 400;
    float: right
}
.totalsummary .row strong:last-of-type {
    margin: 0 10px
}
.adorder {
    display: none;
    position: fixed;
    width: 800px;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
    z-index: 9999
}
.adorder hgroup {
    margin: 0 0 20px
}
.adorder hgroup h5 {
    margin: 0 0 10px;
    font-size: 30px;
    color: #7a95af;
    text-align: center
}
.adorder hgroup h6 {
    font: 300 20px/24px 'Open Sans', Arial, Helvetica, sans-serif;
    color: #4d4d4d;
    text-align: center
}
.adorder ul li {
    overflow: hidden;
    position: relative;
    background: #fcfcfc;
    border: 1px solid #d3d3d3;
    border-radius: 40px;
    margin: 0 0 10px;
    padding: 20px 200px 20px 70px
}
.adorder ul li h6 {
    position: relative;
    float: left;
    font-size: 22px
}
.adorder ul li h6:before {
    position: absolute;
    top: -10px;
    left: -35px;
    content: "";
    width: 48px;
    height: 48px;
    margin: 0 0 0 -24px;
    border-radius: 50%
}
.adorder ul li h6.startup:before {
    background: #4c9d2f
}
.adorder ul li h6.growbig:before {
    background: #5d9bd6
}
.adorder ul li h6.gogeek:before {
    background: #f56332
}
.adorder ul li p {
    float: right;
    margin: 0 0 0 20px;
    line-height: 26px;
    font-size: 18px
}
.adorder ul li p span {
    color: #999;
    font-size: 14px
}
.adorder ul li a {
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 15px 20px;
    border-radius: 40px;
    background: #6eafde;
    font-size: 18px;
    color: #fff
}
.adorder ul li a:hover {
    background: #5c9dcb;
    text-decoration: none
}
.test-account div {
    float: left;
    margin: 10px 10px 0 0
}
.test-account div input {
    width: auto !important
}
.more-about-course {
    width: 100% !important
}
.more-about-course textarea {
    display: block;
    width: 100%;
    height: 100px
}
.end-of-order-section {
    text-align: center
}
.end-of-order-section p {
    margin: 0 0 5px;
    text-align: left;
    padding: 0 20px;
    line-height: 20px
}
.end-of-order-section p label {
    position: relative;
    padding: 0 0 0 20px
}
.end-of-order-section p .checkbox {
    float: none;
    position: absolute;
    top: 1px;
    left: 0
}
.end-of-order-section .extralarge_button {
    margin-top: 20px
}
.end-of-order-section .notes {
    max-width: 700px;
    margin: 30px auto 0
}
.transition_i {
    min-height: 400px
}
.transition_i svg {
    display: block;
    height: 63px;
    width: 73px;
    margin: 20px auto
}
.compare-plans-features.resellers table tr:first-of-type td {
    border-top: 0;
    border-radius: 5px
}
.compare-plans-features.resellers #scroling-order {
    position: fixed;
    width: 100%;
    padding: 20px 14px 14px;
    background: #fbfcec;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    bottom: 0;
    border: 1px solid #ccc;
    z-index: 9;
    text-align: center
}
.compare-plans-features.resellers #scroling-order strong {
    float: left;
    line-height: 50px;
    font-size: 20px;
    width: 50%;
    text-align: center
}
.compare-plans-features.resellers .tooltip {
    width: 270px
}
.compare-plans-features.resellers .tooltip.inside {
    width: 300px;
    top: 28px;
    right: -10px;
    left: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}
.compare-plans-features.resellers .tooltip.inside:before,
.compare-plans-features.resellers .tooltip.inside:after {
    right: 70px;
    left: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}
.compare-plans-features.resellers .tooltip.inside:after {
    right: 71px
}
.compare-plans-features.features .scroling-order {
    z-index: 9;
    position: fixed;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 100%;
    max-width: 1198px;
    bottom: 0;
    border-top: 1px solid #ccc;
    display: grid;
    align-self: stretch;
    grid-gap: 14px;
    grid-template-columns: 37% auto auto auto;
    background: #fbfcec;
    text-align: center
}
.compare-plans-features.features .scroling-order td {
    border: 0
}
.compare-plans-features.features .scroling-order strong {
    line-height: 50px;
    font-size: 20px;
    text-align: center
}
.compare-plans-features .temp-nav {
    display: none;
    background: #fff;
    margin: 0 0 20px;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15)
}
.compare-plans-features .temp-nav a {
    position: relative;
    float: left;
    width: 25%;
    border-left: 1px solid #ccc;
    padding: 10px 10px 10px 20px;
    color: #666;
	font-size:14px;
}
.compare-plans-features .temp-nav a:hover {
    text-decoration: none;
    background: #f9f9f9
}
.compare-plans-features .temp-nav a:first-child {
    border: 0;
    border-radius: 5px 0 0 5px
}
.compare-plans-features .temp-nav a:first-child {
    border-radius: 0 5px 5px 0
}
.compare-plans-features .temp-nav a:after {
    position: absolute;
    left: 6px;
    top: 16px;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%
}
.compare-plans-features .temp-nav a.standup:after {
    background: #f56332;
}
.compare-plans-features .temp-nav a.startup:after {
    background: #4c9d2f;
}
.compare-plans-features .temp-nav a.growbig:after {
    background: #5d9bd6;
}
.compare-plans-features .temp-nav a.gogeek:after {
    background: #f56332;
}
.compare-plans-features .compact {
    display: none;
    margin: 50px 0 0
}
.compare-plans-features .compact:first-of-type {
    margin: 0
}
.compare-plans-features .compact table tr.order td {
    padding: 10px
}
.compare-plans-features .compact table tr th,
.compare-plans-features .compact table tr td {
    padding: 6px 8px;
    font-size: 13px
}
.compare-plans-features .compact table tr th svg,
.compare-plans-features .compact table tr td svg {
    width: 14px;
    height: 14px
}
.compare-plans-features .compact table tr th .helpy,
.compare-plans-features .compact table tr td .helpy {
    padding: 0
}
.compare-plans-features .compact table tr th .tooltip,
.compare-plans-features .compact table tr td .tooltip {
    width: 270px
}
.compare-plans-features .compact table tr th .tooltip.inside,
.compare-plans-features .compact table tr td .tooltip.inside {
    width: 300px;
    top: 28px;
    right: -10px;
    left: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}
.compare-plans-features .compact table tr th .tooltip.inside:before,
.compare-plans-features .compact table tr th .tooltip.inside:after,
.compare-plans-features .compact table tr td .tooltip.inside:before,
.compare-plans-features .compact table tr td .tooltip.inside:after {
    right: 40px;
    left: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}
.compare-plans-features .compact table tr th .tooltip.inside:after,
.compare-plans-features .compact table tr td .tooltip.inside:after {
    right: 41px
}
.compare-plans-features .compact table tr.heading td {
    padding: 6px 10px
}
.compare-plans-features table {
    width: 100%;
    font-size: 15px
}
.compare-plans-features table tr td,
.compare-plans-features table tr th {
    padding: 12px 14px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    text-align: center
}
.compare-plans-features table tr td:first-child,
.compare-plans-features table tr th:first-child {
    border-left: 0;
    text-align: left
}
.compare-plans-features table tr td:first-child>span,
.compare-plans-features table tr th:first-child>span {
    float: right;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    background: #ae6a21;
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2)
}
.compare-plans-features table tr td p,
.compare-plans-features table tr td a,
.compare-plans-features table tr th p,
.compare-plans-features table tr th a {
    margin: 0;
    color: #666;
    text-decoration: none
}
.compare-plans-features table tr td p:hover+.tooltip,
.compare-plans-features table tr td a:hover+.tooltip,
.compare-plans-features table tr th p:hover+.tooltip,
.compare-plans-features table tr th a:hover+.tooltip {
    display: block
}
.compare-plans-features table tr td svg,
.compare-plans-features table tr th svg {
    width: 20px;
    height: 20px;
    margin: 0 auto
}
.compare-plans-features table tr td .tooltip,
.compare-plans-features table tr th .tooltip {
    top: 34px;
    font-size: 14px;
    width: 300px;
    z-index: 20
}
.compare-plans-features table tr td .tooltip.inside,
.compare-plans-features table tr th .tooltip.inside {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}
.compare-plans-features table tr td .tooltip.inside:before,
.compare-plans-features table tr td .tooltip.inside:after,
.compare-plans-features table tr th .tooltip.inside:before,
.compare-plans-features table tr th .tooltip.inside:after {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}
.compare-plans-features table tr td .tooltip.inside ul li,
.compare-plans-features table tr th .tooltip.inside ul li {
    position: relative;
    text-align: left;
    margin: 8px 0 0;
    padding: 0 0 0 15px
}
.compare-plans-features table tr td .tooltip.inside ul li:first-child,
.compare-plans-features table tr th .tooltip.inside ul li:first-child {
    margin: 0
}
.compare-plans-features table tr td .tooltip.inside ul li:before,
.compare-plans-features table tr th .tooltip.inside ul li:before {
    position: absolute;
    top: 8px;
    left: 0;
    background: #ccc;
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%
}
.compare-plans-features table tr:first-child th {
    border-top: 0
}
.compare-plans-features table tr:nth-child(2n) td {
    background: #fbfbfb
}
.compare-plans-features table tr.plans th,
.compare-plans-features table tr.plans td {
    padding: 16px 10px;
    color: #333;
    border-radius: 5px
}
.compare-plans-features table tr.plans th:first-child,
.compare-plans-features table tr.plans td:first-child {
    text-align: center
}
.compare-plans-features table tr.plans figure {
    width: 48px;
    height: 48px;
    margin: 0 auto 10px;
/*    padding: 9px 0 0;*/    
border-radius: 50%
}
.compare-plans-features table tr.plans figure:after {
    position: absolute;
    top: 42px;
    left: 10%;
    content: "";
    width: 80%;
    height: 1px;
    background: #ccc;
    z-index: -1
}
.compare-plans-features table tr.plans figure svg {
    width: 28px;
    height: 28px;
    margin: 0 auto
}
.compare-plans-features table tr.plans figure.startup {
    background: #4c9d2f
}
.compare-plans-features table tr.plans figure.growbig {
    background: #5d9bd6
}
.compare-plans-features table tr.plans figure.gogeek {
    background: #f56332
}
.compare-plans-features table tr.plans h2 {
    margin: 0 0 10px;
    font-size: 28px
}
.compare-plans-features table tr.plans .vat-price>span {
    display: block;
    color: #959595;
    font-size: 12px;
    font-weight: 400
}
.compare-plans-features table tr.plans .vat-price em {
    font-style: normal
}
.compare-plans-features table tr.plans .vat-price .price-wrap {
    display: block
}
.compare-plans-features table tr.plans .vat-price .price-wrap .main-price {
    display: block;
    padding: 7px 0;
    font-weight: 700;
    font-size: 22px;
    color: #444
}
.compare-plans-features table tr.plans .vat-price .price-wrap .regular-price {
    color: #959595;
    font-size: 12px;
    font-weight: 400;
    display: block
}
.compare-plans-features table tr.plans .vat-price .price-wrap .vatNoticeText {
    display: block;
    font-size: 10px;
    margin: 0;
    color: #bdbdbd;
    text-transform: uppercase;
    font-weight: 400
}
.compare-plans-features table tr.heading td {
    padding: 16px 14px;
    background: #f2f2f2
}
.compare-plans-features table tr.order td {
    padding: 16px 14px;
    background: #fbfcec
}
@media screen and (min-width:769px) {
    .scrollers {
        display: none
    }
}
@media screen and (max-width:980px),
screen and (max-device-width:980px) {
    .choose-domain-custom .domain-name {
        width: 74% !important
    }
    .choose-domain-custom .standarddropdown {
        width: 25%;
        margin: 0 0 0 1%
    }
}
@media screen and (max-width:768px),
screen and (max-device-width:768px) {
    .orderprocess li {
        font-size: 14px
    }
    .order.step1 .standard-plans .owl-wrapper-outer {
        padding: 0;
        border: 1px solid #ddd
    }
    .order.step1 .standard-plans .owl-wrapper-outer .owl-item:nth-of-type(1) {
        margin: 0;
        top: 0
    }
    .order.step1 .standard-plans .owl-wrapper-outer .owl-item:nth-of-type(2) {
        box-shadow: none;
        z-index: 20
    }
    .order.step1 .standard-plans .owl-wrapper-outer .owl-item:nth-of-type(3) {
        margin: 0;
        top: 0
    }
    .order.step1 .standard-plans .owl-wrapper-outer .owl-item .box {
        width: 100%;
        margin: 0 auto;
        min-height: 550px;
        border-radius: 0;
        box-shadow: none
    }
    .order.step1 .standard-plans .owl-wrapper-outer .owl-item .box .heading {
        min-height: 170px;
        border-radius: 0
    }
    .order.step1 .standard-plans .owl-wrapper-outer .owl-item .box .heading .label {
        top: auto;
        bottom: -10px
    }
    .order.step1 .standard-plans .owl-wrapper-outer .owl-item .box .heading p {
        margin: 5px 0 0;
        font-size: 12px;
        line-height: 16px
    }
    .order.step1 .standard-plans .owl-wrapper-outer .owl-item .box .summary {
        padding: 29px 9px 80px
    }
    .order.step1 .standard-plans .owl-wrapper-outer .owl-item .box .summary>strong {
        font-size: 15px
    }
    .order.step1 .standard-plans .owl-wrapper-outer .owl-item .box .summary>span {
        font-size: 12px
    }
    .order .performance-booster dd {
        width: 49%;
        margin-top: 20px;
        box-shadow: none;
        padding: 0;
        border: 0
    }
    .order .performance-booster dd:first-child {
        margin: 0
    }
    .order .performance-booster dd:nth-of-type(2) {
        margin-top: 0
    }
    .order .performance-booster dd:nth-of-type(3) {
        margin-left: 0
    }
    .order .performance-booster dd>div {
        display: none
    }
    .order .performance-booster dd span span {
        display: inline
    }
    .upsell dl dd .cloud-scale>span {
        display: block
    }
    .upsell dl dd .cloud-scale .change-params {
        position: static;
        display: inline-block
    }
    .custom-plan .sliderholder {
        padding: 30px 20px 50px
    }
    .custom-plan .sliderholder .row {
        margin: 20px 0 0
    }
    .custom-plan .sliderholder .row:after {
        clear: both;
        content: "";
        display: table
    }
    .custom-plan .sliderholder .row>span {
        float: left;
        width: 35%;
        margin: 10px 0 5px
    }
    .custom-plan .sliderholder .row .input {
        float: right;
        width: 65%;
        min-width: 185px
    }
    .custom-plan .sliderholder .row .custom-slider {
        display: none
    }
    .compare-plans-features table tr td:first-child>span,
    .compare-plans-features table tr th:first-child>span {
        display: none
    }
    .compare-plans-features .compact,
    .compare-plans-features .temp-nav {
        display: block
    }
    .compare-plans-features .all {
        display: none
    }
}
@media screen and (max-width:710px),
screen and (max-device-width:710px) {
    .paymeniframe_wrap iframe {
        min-height: 280px
    }
}
@media screen and (max-width:640px),
screen and (max-device-width:640px) {
    .orderprocess li {
        font-size: 13px
    }
    .order.step1 .standard-plans .owl-wrapper-outer .owl-item .box .heading h2 {
        font-size: 24px
    }
    .order.step1 .standard-plans .owl-wrapper-outer .owl-item .box .summary {
        padding: 29px 9px 80px
    }
    .order.step1 .standard-plans .owl-wrapper-outer .owl-item .box .summary>ul li {
        margin: 3px 0;
        font-size: 12px
    }
    .order .view-all-plans {
        display: none
    }
    .order.step3>div>form>div .p19>ul.purchase-information>li label {
        width: 40%
    }
    .choose-domain-custom .domain-name {
        width: 59% !important
    }
    .choose-domain-custom .domain-name input {
        width: 100%
    }
    .choose-domain-custom .standarddropdown {
        width: 40% !important
    }
    .upsell dl dd label {
        width: 40%
    }
    .upsell dl dd label ~ p {
        width: 60%
    }
    .order.step3>div>form>div .p19 #domain_registrant_info_placeholder>ul>li label,
    .order.step3>div>form>div .p19 #domain_registrant_info_placeholder>ul>li input,
    .order.step3>div>form>div .p19 #domain_registrant_info_placeholder>ul>li select {
        width: 100%
    }
    .order.step3>div>form>div .p19 ul.purchase-information>li .cloud-scale {
        width: 100%
    }
    .order.step3>div>form>div .p19 ul li.payment-methods-logos {
        padding: 50px 0 20px
    }
    .order.step3>div>form>div .p19 ul li label {
        width: 100%
    }
    .order.step3>div>form>div .p19 ul li input,
    .order.step3>div>form>div .p19 ul li select {
        width: 100%
    }
    .order.step3>div>form>div .p19 ul li.small-inputs select,
    .order.step3>div>form>div .p19 ul li.small-inputs input {
        width: 48.5%
    }
    .order.step3>div>form>div .p19 .suggestions ul li {
        width: 100%
    }
    .order.step3>div>form>div .p19 .suggestions ul li label {
        width: auto
    }
    .order.step3>div>form>div .p19 .suggestions ul li label input {
        width: auto
    }
    .dedicated-server-prefs .p19 label {
        width: 100%
    }
    .dedicated-server-prefs .p19 label:last-of-type {
        margin: 20px 0 0
    }
    .it_privacy {
        min-width: 0;
        max-width: 87%
    }
    .it_privacy .whois {
        width: 100%;
        margin: 20px 0
    }
    .it_privacy .whois:first-of-type:after {
        content: none
    }
}
@media screen and (max-width:577px),
screen and (max-device-width:577px) {
    .paymeniframe_wrap iframe {
        min-height: 390px
    }
    .orderprocess li,
    .orderprocess.two li {
        width: 100%;
        margin: 10px 0 0 0;
        padding: 0;
        box-shadow: inset 0 0 0 1px #ccc;
        background: #fff;
        text-indent: 10px;
        line-height: 38px
    }
    .orderprocess li.active,
    .orderprocess.two li.active {
        color: #fff;
        background: #333;
        box-shadow: none
    }
    .orderprocess li a,
    .orderprocess.two li a {
        display: block
    }
    .order.step1 .standard-plans .owl-wrapper-outer {
        padding: 30px 0 5px;
        border: 0
    }
    .order.step1 .standard-plans .owl-wrapper-outer .owl-item .box {
        width: 100%;
        min-height: 500px;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15), inset 0 0 0 1px #eee;
        border-radius: 5px
    }
    .order.step1 .standard-plans .owl-wrapper-outer .owl-item .box .heading {
        border-radius: 5px 5px 0 0;
        min-height: 0;
        box-shadow: inset 0 1px 0 #ddd, inset -1px 0 0 #ddd, inset 1px 0 0 #ddd
    }
    .order.step1 .standard-plans .owl-wrapper-outer .owl-item .box .heading h2 {
        font-size: 28px
    }
    .order.step1 .standard-plans .owl-wrapper-outer .owl-item .box .heading p {
        font-size: 14px;
        margin: 0;
        line-height: 22px
    }
    .order.step1 .standard-plans .owl-wrapper-outer .owl-item .box .summary {
        padding: 19px 19px 80px
    }
    .order.step1 .standard-plans .owl-wrapper-outer .owl-item .box .summary>strong {
        font-size: 18px
    }
    .order.step1 .standard-plans .owl-wrapper-outer .owl-item .box .summary>span {
        font-size: 13px
    }
    .order.step1 .standard-plans .owl-wrapper-outer .owl-item .box .summary>ul {
        max-width: 200px;
        margin: 15px auto 0
    }
    .order.step1 .standard-plans .owl-wrapper-outer .owl-item .box .summary>ul li {
        margin: 6px 0;
        font-size: 14px
    }
    .order.step1 .standard-plans .owl-controls {
        margin: 0
    }
    .order.step1 .standard-plans .owl-controls .owl-buttons div {
        position: absolute;
        top: -10px;
        border-radius: 3px;
        background: #666;
        margin: 0
    }
    .order.step1 .standard-plans .owl-controls .owl-buttons div.owl-prev {
        left: 0;
        display: none
    }
    .order.step1 .standard-plans .owl-controls .owl-buttons div.owl-next {
        right: 0
    }
    .order.step1 .boxheading,
    .order.step2 .boxheading,
    .order.step3 .boxheading {
        line-height: 20px;
        padding: 15px;
        white-space: normal;
        text-align: center !important
    }
    .order.step1 .boxheading strong,
    .order.step2 .boxheading strong,
    .order.step3 .boxheading strong {
        width: 100%
    }
    .order.step1 .boxheading.totalsum .extratext,
    .order.step2 .boxheading.totalsum .extratext,
    .order.step3 .boxheading.totalsum .extratext {
        margin: 4px 0 0
    }
    .order.step1 .boxheading .extratext,
    .order.step2 .boxheading .extratext,
    .order.step3 .boxheading .extratext {
        width: 100%;
        text-align: center
    }
    .order.step1 .boxheading .extratext.minor,
    .order.step2 .boxheading .extratext.minor,
    .order.step3 .boxheading .extratext.minor {
        font: 400 11px/20px "Open Sans", Arial, Helvetica, sans-serif
    }
    .order.step1 #boosters .boxheading .label,
    .order.step2 #boosters .boxheading .label,
    .order.step3 #boosters .boxheading .label {
        display: none
    }
    .custom-plan .tabsalike a {
        max-height: 40px;
        padding: 10px 5px 19px;
        font-size: 10px;
        text-transform: uppercase;
        line-height: 11px;
        white-space: normal
    }
}
@media screen and (max-width:480px),
screen and (max-device-width:480px) {
    .choose-domain-custom .domain-name {
        width: 100% !important
    }
    .choose-domain-custom .domain-name input {
        width: 100%
    }
    .choose-domain-custom .standarddropdown {
        width: 100% !important;
        margin: 10px 0 0
    }
    .upsell dl dd {
        background: #fafafa;
        border-radius: 5px;
        padding: 8px 10px;
        margin: 5px 0 0
    }
    .upsell dl dd label {
        margin: 0 0 4px;
        font-size: 13px
    }
    .upsell dl dd label ~ p {
        width: 100%;
        font-size: 13px
    }
    .upsell dl dd .cloud-scale {
        width: 100%
    }
    .upsell dl dd .input {
        width: 100%
    }
    .upsell dl dd.short-label label ~ p {
        width: 60%
    }
    .upsell dl dd.long-label label {
        width: 100%
    }
    .upsell dl#extras_section dd {
        padding: 8px 10px
    }
    .upsell dl#extras_section dd label {
        width: 100%
    }
    .upsell dl#extras_section dd label .checkbox {
        margin: 5px 6px 0 0
    }
    .upsell dl#extras_section dd label .icon {
        display: none
    }
    .upsell .tooltip {
        display: none !important
    }
    .custom-plan .sliderholder .row>span {
        width: 100%
    }
    .custom-plan .sliderholder .row .input {
        width: 100%
    }
    .order.step2 .upsell dl dd label {
        width: 100%
    }
    .order.step3>div>form>div .p19 #domain_registrant_info_placeholder>ul {
        width: 100%
    }
    .order.step3>div>form>div .p19 #domain_registrant_info_placeholder>ul:nth-of-type(2) {
        margin: 0
    }
    .order.step3>div>form>div .p19 ul.contact-info {
        width: 100%
    }
    .order.step3>div>form>div .p19 ul.contact-info:nth-of-type(2) {
        margin: 0
    }
    .order.step3>div>form>div .p19 ul.purchase-information>li .cloud-scale>span {
        display: block
    }
    .order.step3>div>form>div .p19 ul.purchase-information>li .cloud-scale .change-params {
        top: 10%
    }
    .order.step3>div>form>div .p19 ul li {
        width: 100%
    }
    .order.step3>div>form>div .p19 ul li:nth-of-type(2n) {
        margin: 0
    }
    .order.step3>div>form>div .p19 ul li.payment-methods-logos {
        padding: 0
    }
    .order.step3>div>form>div .p19 ul li.payment-methods-logos>svg {
        display: none
    }
    .order.step3>div>form>div .p19 ul li.payment-methods-logos .ideal {
        position: relative;
        width: auto;
        left: auto;
        padding: 15px 0
    }
    .order.step3>div>form>div .p19 ul li.payment-methods-logos .ideal label {
        width: 80%
    }
    .order .performance-booster dd {
        width: 100%;
        margin: 10px 0 0 !important
    }
    .order .performance-booster dd:first-child {
        margin: 0 !important
    }
    .compare-plans-features.resellers #scroling-order strong {
        display: none
    }
    .compare-plans-features.resellers #scroling-order .extralarge_button {
        display: block
    }
    .dedicated-server-prefs .p19 table tr th {
        font-weight: 400
    }
    .dedicated-server-prefs .p19 table tr td {
        padding: 10px 8px
    }
    .order>div>form>div {
        max-width: 736px;
        margin: 0 auto 40px
    }
    .order>div>form>div>.p19 ul.resetmobilemargin>li {
        margin: 0 !important
    }
}
.modal-backdrop{z-index: 1040 !important;}
.service_title1{font-size: 26px;}
.service_title2{font-size: 44px;}
.intro {
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #3c404c;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
}
.intro.intro-webhosting {
    background-position: center 15px,left top;
    background-repeat: no-repeat,repeat;
    background-color: #009688;
    background-size: auto;
}
.fit-wide {
    max-width: 1240px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
}
.webhosting .intro .intro__content {
    position: relative;
    padding: 0 0 30px;
}
.title.color-light {
    color: #fff;
}
.title.title--size-extralarge {
    font-size: 54px;
    line-height: 70px;
}
.title.title--weight-bold {
    font-weight: 700;
}
.title.title--density-extrasmall {
    padding: 10px 0;
}
.title.title--cap {
    text-transform: capitalize;
}
.title.title--regular {
}
.title {
    position: relative;
}
.title.color-light-transparent {
    color: rgba(255,255,255,0.6);
}
.title.title--size-medium {
    font-size: 26px;
    line-height: 36px;
}
.title.title--weight-medium {
    font-weight: 500;
}
.intro .intro__animate-object.intro__web-plane {
    top: 0;
    left: 0;
    width: 245px;
}
.intro .intro__animate-object {
    position: absolute;
}
svg {
    max-width: 100%;
}
.plan-cards {
    position: relative;
}
@media (min-width: 768px){.grid--sm-3 {grid-template-columns: repeat(3,1fr);}}
.grid--gap-large {
    grid-gap: 30px;
}
.grid--autoflow-row {
    grid-auto-flow: row;
}
.grid2 {
    display: grid;
    align-self: stretch;
}
.background-wrap.border-plus-shadow {
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
}
.background-wrap.white {
    background-color: #fff;
}
.plan-card {
    padding: 30px 15px 10px;
    text-align: center;
}
.background-wrap {
    position: relative;
}
.grid2 * {
    min-width: 0;
}
.flex--justify-flex-end {
    justify-content: flex-end;
}
.flex--direction-column {
    flex-direction: column;
}
.flex {
    display: flex;
    flex-wrap: wrap;
}
.flex--margin-start-top {
    margin-bottom: auto;
}
.plan-card__row {
    margin-bottom: 20px;
}
.flex--background-light {
    background-color: #f8f8f8;
}
.flex--gutter-medium {
    padding-left: 10px;
    padding-right: 10px;
}
.plan-card__promo {
    padding-top: 15px;
    padding-bottom: 15px;
}
.sg-label--type-salmon {
    background-color: #ef1649;
}
.sg-label--size-large {
    font-size: 13px;
    padding: 4px 7px;
}
.sg-label--absolute {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.sg-label {
    border: 1px solid transparent;
    border-radius: 2px;
    color: #fff;
    line-height: 1;
    /*font-family: Roboto;*/
    font-weight: 400;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
}
.btn.btn--bg-orange:hover {
    background-color: #464646;
}
.btn.btn--bg-orange {
    background: #ef1649;
}
.btn.btn--text-regular {
    
}
.btn.btn--density-x-large {
    padding: 0 60px;
}
.btn.btn--size-semi-large {
    height: 40px;
    line-height: 40px;
}
.slider-item{margin:97px 0 0 0;}
.slider-desktop{height:97px;}
@media screen and (max-device-width: 1200px) and (orientation: landscape) {.slider-desktop {height: 60px !important;}}
.title_image{width:80% !important;}
.footer-app-icon{width: 35% !important;}
.post__pic {
    width: 100%;
    position: relative;
    padding: 0 0 66.67% 0;
    background: rgba(0, 0, 0, 0.05);
    display: block;
    overflow: hidden;
}
.post__pic img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}



.blog-bg{background-color:#ebeaea;}
.blog-border{border:1px solid #eaeaea;}
.post {
    position: relative;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}
 .post__body {
  background: #EF1649;
  padding: 40px;
}

 .post__body:before {
  position: absolute;
  left: 50%;
  top: -25px;
  content: "";
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 25px solid #EF1649;
  margin: 0 0 0 -25px;
}

 .post__date {
  color: #fff;
  font-size: 1.6em;
  padding: 0 50px;
  display: inline-block;
}

/* .post__date:before,
 .post__date:after {
  top: 44%;
  height: 2px;
  background: #fff;
  content: "";
  width: 40px;
  position: absolute;
}*/

 .post__date:before {
  left: 0;
}

 .post__date:after {
  right: 0;
}

 .post__title {
  max-width: 1200px;
  margin: auto;
  color: #fff;
}

 .post__title a {
  color: inherit;
}

.post__btn {
  font-size: 1em;
  padding: 0 50px;
  margin-top: 0.5em;
}

.ai--cta {
  background-image: url(https://www.aaravinfotech.com/assets/images/bg-aarav-ctc.png);
  background-repeat: no-repeat;
  background-position: top center;
  font-family: 'Poppins', sans-serif;
  max-width: 300px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  text-align: center;
  background-color: #eeedeb;
}

.ai--cta h2 {
  font-size: 28px;
  color: #fff;
  font-weight: 500;
  text-align: center;
  margin: 0;
  padding-top: 15px;
  padding-bottom: 20px;
}

.ai--cta .link--group {
  padding: 15px;
  width: 100%;
  float: left;
  margin-top: -30px;
}

.ai--cta .link--group a {
  padding: 15px 6px;
  background-color: #fff;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
  width: 47%;
  text-decoration: none;
  height: 85px;
  margin-bottom: 15px;
  border-radius: 3px;
}

.ai--cta .link--group a {
  transition: none !important;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.ai--cta .link--group a img {
  display: inline-block;
}

.ai--cta .link--group a .caption {
  font-size: 13px;
  color: #000;
  line-height: 16px;
}

.ai--cta .link--group h3 {
  color: #4e4c4c;
  font-size: 14px;
}

.ai--cta .link--group a.link-button {
  width: 100%;
  text-align: center;
  color: #000;
  background-color: #ffb503;
  /*   text-transform: uppercase; */
  border: 1px solid #dfa210;
  float: left;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  height: 75px;
  padding: 15px;
  height: auto;
}

.ai--cta .link--group a:hover {
  box-shadow: 6px 6px 12px rgba(0, 0, 0, .3);
}
.blog-view-inner{padding: 30px !important;}
.blog-view-title{font-size: 2.5em; line-height: 1.2 !important; font-weight: bold !important;}
.title-separator{border-bottom: 1px dashed #ebeaea; padding:25px 0 25px 0;}
.blog-top-image{padding-top:97px;}
.sidebar-widget .widget-categories li a{border: 1px solid #ebeaea;border-bottom: none;padding: 10px 10px;}
.sidebar-widget .widget-categories li:last-child a {border-bottom: 1px solid #ebeaea;}
.post-1{padding:0 30px 0 30px;}


@media screen and (max-device-width:1000px) and (min-device-width:320px) {
    .ftr_cta_blk .col-md-3.col-3,
    .top-nav .row.mobile-row {
        padding: 0;
        margin: 0
    }
    form#chkoutform label {
        font-size: 12px
    }
    .years-of-success h2 {
        font-size: 40px!important
    }
    .percentage-colom p {
        font-size: 18px
    }
    .copy-right p {
        font-weight: 600;
        font-size: 12px;
        line-height: 22px
    }
    .Packages-flip {
        display: none!important
    }
    .call_wrapnew {
        text-align: center;
        border-right: 1px solid #585653
    }
	.call_wrapnew-2 {
        text-align: center;
        border-right: 1px solid #585653
    }
    .ftr_cta_blk {
        background: #EF1649;
    }
    .ftr_cta_blk .col-md-3.col-3:last-child {
        /*display: none*/
    }
    .years-of-success h4 {
        font-size: 39px
    }
    #scroll span {
        color: #444
    }
    .ftr_cta_blk .col-md-3 i {
        background: 0 0;
        border: 1px solid #EF1649;
        color: #fff;
        padding: 5px 0 0
    }
    a#scroll {
        right: 7%;
        bottom: 0;
        border-radius: 0;
        width: 47px;
        height: 35px;
        background: #464646;
        border: none;
        box-shadow: none;
        color: #444;
        margin: 0;
        padding: 0
    }
   
    
    .ftr_cta_blk{
        display: var(--none)!important;
        display: none!important
    }
    .ftr_cta_blk {
        display: block!important
    }
    .ftr_cta_blk .col-md-3 a,
    .ftr_cta_blk .col-md-3 span {
        font-size: 0
    }
    
}
.form-control { border-radius: 3px; font-size: 15px !important; height: auto; line-height: 1.33333; padding: 18px 15px 18px 20px !important; background: #fff !important; color: #000 !important; border: 2px solid #ababab !important; box-shadow: none; }
.contact-form.border-form .form-control:focus { background: #ffffff !important; border:2px solid #EF1649 !important; box-shadow: none !important;}
.quick_contact1{width:90%; margin: 0 auto;}
/*radio button*/
.inputGroup {
	 background-color: #ababab;
	 display: block;
	 margin: 10px 0;
	 position: relative;
	 border-radius:3px;
}
 .inputGroup label {
	 padding: 10px 20px;
	 width: 100%;
	 display: block;
	 text-align: left;
	 color: #fff;
	 cursor: pointer;
	 position: relative;
	 z-index: 2;
	 transition: color 200ms ease-in;
	 overflow: hidden;
	 border-radius:3px;
}
 .inputGroup label:before {
	 width: 10px;
	 height: 10px;
	 border-radius: 50%;
	 content: '';
	 background-color: #EF1649;
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 transform: translate(-50%, -50%) scale3d(1, 1, 1);
	 transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
	 opacity: 0;
	 z-index: -1;
}
 .inputGroup label:after {
	 width: 32px;
	 height: 32px;
	 content: '';
	 border: 2px solid #d1d7dc;
	 background-color: #fff;
	 background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
	 background-repeat: no-repeat;
	 background-position: 2px 3px;
	 border-radius: 50%;
	 z-index: 2;
	 position: absolute;
	 right: 15px;
	 top: 50%;
	 transform: translateY(-50%);
	 cursor: pointer;
	 transition: all 200ms ease-in;
}
 .inputGroup input:checked ~ label {
	 color: #fff;
}
 .inputGroup input:checked ~ label:before {
	 transform: translate(-50%, -50%) scale3d(56, 56, 1);
	 opacity: 1;
}
 .inputGroup input:checked ~ label:after {
	 background-color: #54e0c7;
	 border-color: #54e0c7;
}
 .inputGroup input {
	 width: 32px;
	 height: 32px;
	 order: 1;
	 z-index: 2;
	 position: absolute;
	 right: 30px;
	 top: 50%;
	 transform: translateY(-50%);
	 cursor: pointer;
	 visibility: hidden;
}
 .form {
	 padding: 0 16px;
	 max-width: 550px;
	 margin: 50px auto;
	 font-size: 18px;
	 font-weight: 600;
	 line-height: 36px;
}
/*sidebar Form*/

.sidebar-contact {
    position: fixed;
    top: 50%;
    right: -301px;
    transform: translateY(-50%);
    width: 300px;
    height: auto;
    z-index: 999999;
    padding: 17px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .5);
    box-sizing: border-box;
    transition: .5s
}

.sidebar-contact.active {
    right: 0
}

.sidebar-contact input,
.sidebar-contact textarea {
    width: 100%;
    height: 45px;
    padding: 5px 10px;
    margin-bottom: 15px;
    box-sizing: border-box;
    border: 1px solid rgba(73, 73, 73, .34);
    outline: 0;
    border-radius: 4px;
	font-size:16px;
}
.sidebar-contact input:focus{font-size:16px; color:#000;}
.sidebar-contact h2 {
    margin: 0 0 20px;
    padding: 0
}

.sidebar-contact textarea {
    height: 60px;
    resize: none
}

.sidebar-contact input[type=submit] {
    background: #ef1649;
    color: #fff;
    transition: all .4s ease-in-out;
    cursor: pointer;
    border: none;
    font-size: 18px;
    box-shadow: 0 10px 50px rgba(74, 72, 64, .8);
    width: 100%;
    border-radius: 5px;
    height: 40px;
    text-transform: uppercase;
    font-weight: 600;
}

.toggle {
    position: absolute;
    height: 48px;
    width: 174px;
    text-align: center;
    box-shadow: -2px -1px 8px rgba(58, 56, 52, .28);
    cursor: pointer;
    background: #ef1649;
    top: 45%;
    font-weight: 600;
    left: -111px;
    border-radius: 3px 3px 0 0;
    transform: rotate(270deg);
    cursor: pointer;
    color: #fff;
    line-height: 48px;
    font-size: 16px;
    z-index: 9999999
}

.toggle:before {
    content: '\f003';
    font-family: fontAwesome;
    font-size: 18px;
    color: #fff;
    left: -8px;
    position: relative
}

.toggle.active:before {
    content: '\f00d'
}

.sidebar-contact h2 {
    text-align: center;
    text-transform: ca;
    color: #fff;
    width: 100%;
    position: absolute;
    margin-bottom: 20px;
    left: 0;
    background: #ef1649;
    border-bottom: 4px solid #ca143f;
    font-size: 20px;
    top: 0;
    padding: 9px
}

.sidebar-contact .scroll {
    margin-top: 55px
}

.sidebar-contact input[type=submit]:hover {
    background: #353535;
    transition: all .4s ease-in-out;
    color: #fff;
    border-radius: 2px
}

.sidebar-contact iframe {
    width: 200px;
    min-width: 100%;
    margin-bottom: 14px;
    position: relative;
    top: -7px
}

/*Blog css*/
.blog-title-content{margin: -150px 0 0 0;}