html {
	font-size:1em;
	line-height:1.4;
	box-sizing:border-box;
	color:#333;
}
*,:after,:before {
	box-sizing:inherit;
}
::-moz-selection {
	background:#b3d4fc;
	text-shadow:none;
}
::selection {
	background:#b3d4fc;
	text-shadow:none;
}
hr {
	display:block;
	height:1px;
	margin:1em 0;
	border-top:1px solid #ccc;
}
audio,canvas,iframe,img,svg,video {
	vertical-align:middle;
}
fieldset {
	margin:0;
}
textarea {
	resize:vertical;
}
.browserupgrade {
	margin:.2em 0;
	padding:.2em 0;
	color:#000;
	background:#ccc;
}
body {
	font:15px 'Open Sans';
	line-height:1.6;
	margin:0;
	padding-top:0;
}
h1,h1 span {
	font-weight:400;
}
aside:after,section:after {
	display:table;
	clear:both;
	content:'';
}
a,a:link {
	text-decoration:none;
}
a:active,a:focus,a:hover {
	outline:0;
}
p {
	margin:10px 0;
	text-rendering:optimizelegibility;
}
h1,h2,h3,h4,h5,h6 {
	font-family:'Open Sans',Arial;
	font-weight:400;
	color:#333;
}
h1 {
	font-size:1.6em;
	line-height:1.1em;
	margin-top:0;
	letter-spacing:.01em;
}
strong {
	font-weight:600;
}
.container {
	max-width:1100px;
	margin:0 auto;
	padding:0 20px;
}
.row {
	display:flex;
	flex-wrap:wrap;
}
.col {
	position:relative;
	width:100%;
}
.col100 h2 {
	margin-bottom: 2em;
}
/* HEADER */
header {
	background:url(/assets/images/content/banners/standard2017.jpg) #ec5d17 no-repeat center bottom;
	background-size:cover;
}
header nav {
	padding:16px 0;
}
header nav a.logo {
	display:block;
	float:left;
	width:33px;
	height:46px;
	margin:0;
	padding:0;
	animation-name:fadeinlogo;
	animation-duration:.3s;
	animation-delay:.2s;
	text-indent:-9999px;
	background:url(/assets/images/structure/easyspace-logo-main.svg);
	background-position:right;
	background-size:165px 46px;
	animation-fill-mode:both;
}
header nav .container {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
header nav .phone {
	font-size:.9em;
	line-height:1.5;
	float:right;
	max-width:calc(100% - 55px);
	text-align:right;
	color:#fff;
}
header nav .phone a {
	font-weight:600;
	color:#fff;
	border-bottom:1px dotted;
}
header nav:after {
	display:table;
	clear:both;
	content: '';
}
/* CONTENT */
div.main {
	overflow:hidden;
}
div.main .fa {
	margin-right:.5em;
	color:#e84a09;
}
section.banner {
	position:relative;
	margin-bottom:20px;
	text-align:center;
	background:none!important;
}
section.banner:after {
	position:absolute;
	z-index:-1;
	top:-50%;
	left:-50%;
	display:block;
	width:200%;
	height:150%;
	content:'';
	transform:rotate(-4deg);
	transform-origin:bottom;
	background:#f7f9fc;
	background:-moz-linear-gradient(top,#f7f9fc 0,#fcfdff 10%,#fcfdff 90%,#f7f9fc 100%);
	background:-webkit-linear-gradient(top,#f7f9fc 0,#fcfdff 10%,#fcfdff 90%,#f7f9fc 100%);
	background:linear-gradient(to bottom,#f7f9fc 0,#fcfdff 10%,#fcfdff 90%,#f7f9fc 100%);
}
.nobottom {
	margin-bottom:0;
}
section.banner h2 {
	margin-top:0;
}
section.banner .goldpartner {
    display: block;
    margin: 0 auto;
    padding: 0 4em;
}
section .icons {
	margin-top: 2.5em;
	padding: 0 1em;
}
section .icons ul {
	display: flex;
	flex-wrap: wrap;
}
section .icons ul li {
	width: 20%;
	text-align: center;
	font-size: .8em;
	margin: 0 0 .5em;
}
section .icons ul li img {
	width: 70%;
	display: block;
	margin: 0 auto;
}
section .icons ul li:before {
	display: none;
}

section {
	padding:40px 0;
}
section:nth-of-type(odd) {
	background:#f7f9fc;
	background:-moz-linear-gradient(top,#f7f9fc 0,#fcfdff 10%,#fcfdff 90%,#f7f9fc 100%);
	background:-webkit-linear-gradient(top,#f7f9fc 0,#fcfdff 10%,#fcfdff 90%,#f7f9fc 100%);
	background:linear-gradient(to bottom,#f7f9fc 0,#fcfdff 10%,#fcfdff 90%,#f7f9fc 100%);
}
section h1 {
	font-size:4.5rem;
	line-height:1;
	margin:0 0 .45em -.08em;
	letter-spacing:-.05em;
	color:#555;
}
section h1 span,section h2 span {
	font-size:.9rem;
	font-weight:800;
	line-height:1em;
	display:block;
	padding-bottom:.5em;
	letter-spacing:0;
	text-transform:uppercase;
	color:#ec5f19;
}
section h1 span:before,section h2 span:before {
	content:'#';
}
section a {
	color:#555;
	border-bottom:1px dotted #999;
}
section a:hover {
	color:#ec5f19;
	border-bottom:1px dotted #ec5f19;
}
section .image {
	margin:1em 0;
	text-align:center;
}
section img {
	width:70%;
	max-width:100%;
	height:auto;
}
section.content ul {
	padding:0;
	list-style:none;
}
section.content h2 {
	color:#5ca3ec;
}
section.content ul li:before {
	font-weight:900;
	margin-right:.5em;
	content:'✓';
	color:#ec5f19;
}
section a.return {
	font-size: 1.1em;
    padding-top: .2em;
    border-top: 1px solid #ddd;
    border-bottom: none;
    display: table;
    margin: 2.5em 0 1em;
    width: 100%;
    text-align: left;
}
/* ABOUT EASYSPACE */
section.about-easyspace {
	position:relative;
}
section.about-easyspace h2 {
	margin:0 0 .5em;
	color:#5ca3ec;
}
section.about-easyspace ul {
	margin:0 0 1em;
	padding:0;
	list-style:none;
}
section.about-easyspace ul li {
	padding:.6em 1em;
	border-bottom:1px solid #ddd;
}
section.about-easyspace ul li:last-of-type {
	border:none;
}
section.about-easyspace .row {
	position:relative;
	z-index:10;
}
section.about-easyspace .row:before {
    position: absolute;
    z-index: 0;
    top: 15%;
    right: 95%;
    width: 600px;
    height: 80%;
    content: '';
    background-image: url(../images/aboutbg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
div.col>p:first-of-type,div.col>h1:first-of-type,div.col>h2:first-of-type,div.col>h3:first-of-type {
	margin-top:0;
}
.smallimg {
	width:70%;
	max-width:300px;
}
section.list ul {
	display:flex;
	margin:0;
	flex-wrap:wrap;
}
section.list ul li {
	position:relative;
	width:calc(100%);
	padding:.5em 20px;
}
section.list ul li:before {
	position:absolute;
	left:0;
}
section.list ul li strong {
	display:inline-block;
	margin-bottom: .25em;
}
/* PRICEBOX */
section .pricebox {
	position:relative;
	z-index:10;
	margin-top:1em;
	padding:2em;
	text-align:center;
	box-shadow:0 0 90px -70px #9da9c1;
}
section .pricebox:hover,section .pricebox:hover h3,section .pricebox:hover .price,section .pricebox:hover .btn {
	color:#fff;
}
section .pricebox .icon {
	max-width:3em;
	margin:0 0 .8em;
}
section .pricebox h3 {
	font-size:1.8em;
	font-weight:100;
	line-height:1;
	margin:0 0 .4em;
	transition:color 300ms ease;
	letter-spacing:-.02em;
}
section .pricebox h3 strong {
	font-weight:600;
}
section .pricebox p {
	margin:0 0 .6em;
	transition:color 300ms ease;
}
section .pricebox small {
	font-size:.8em;
	transition:color 300ms ease;
	opacity:.7;
}
section .pricebox .price {
	font-size:1.7em;
	font-weight:800;
	transition:color 300ms ease;
	color:#ec5f19;
}
section .pricebox .prices {
    line-height: 1.2;
    margin: .2em 1.5em 1.5em;
}
section .pricebox .btn {
	font-weight:500;
	line-height:1;
	display:block;
	height:auto;
	margin:.5em auto;
	padding:1em 1em 1.1em;
	transition:color 300ms ease;
	text-align:center;
	color:#ec5f19;
	border:2px solid;
	border-radius:3px;
	max-width: 340px;
}
section .pricebox .btn:last-of-type {
	margin-bottom:0;
}
section .pricebox .btn.buy {
	color:#fff;
	border:2px solid #2fbe49;
	background:#2fbe49;
}
section .pricebox .btn.buy:hover {
	background:#3acc54;
	border:2px solid #3acc54;
}
section .pricebox:before {
	position:absolute;
	z-index:-1;
	top:0;
	right:0;
	left:0;
	height:8px;
	content:'';
	transition:all 300ms ease;
	border-radius:3px 3px 0 0;
	background:#ec5f19;
}
section .pricebox:hover:before {
	height:100%;
	transform:scale(1.05);
	border-radius: 3px;
}

.livechat_button img {
	width: unset;
	margin-top: .5em;
	border-radius: 3px;
}
/* FOOTER */
footer {
	font-size:12px;
	line-height:1.6em;
	padding:2em 0;
	color:#b2b7b9;
	border-top:1px solid #e7e7e7;
}
footer img {
	display:block;
	max-width:100%;
	height:auto;
	margin: 1em auto 0;
}
/* RESPONSIVE */
@media only screen and (min-width:400px) {
	header nav .phone {
		font-size:1.1em;
	}
}
@media only screen and (min-width:690px) {
	header nav .phone {
		font-size:1.25em;
	}
	header nav a.logo {
		width:165px;
	}
	section.list ul li {
		width:calc(100% / 2);
	}
}
@media only screen and (min-width:1024px) {
	.row {
		margin:0 -20px;
	}
	.col {
		padding:0 20px;
	}
	.nopadding {
		padding:0;
	}
	.col10 {
		width:10%;
	}
	.col12_5 {
		width:12.5%;
	}
	.col15 {
		width:16.66666666%;
	}
	.col20 {
		width:20%;
	}
	.col25 {
		width:25%;
	}
	.col30 {
		width:30%;
	}
	.col33 {
		width:calc(100% /3);
	}
	.col35 {
		width:35%;
	}
	.col40 {
		width:40%;
	}
	.col50 {
		width:50%;
	}
	.col60 {
		width:60%;
	}
	.col66 {
		width:calc(100% / 3 * 2);
	}
	.col70 {
		width:70%;
	}
	.col75 {
		width:75%;
	}
	.col80 {
		width:80%;
	}
	.col90 {
		width:90%;
	}
	.col100 {
		width:100%;
	}
	section .image {
		margin:0;
	}
	section .image img {
		width:unset;
	}
	section .image.left {
		text-align:left;
	}
	section .image.right {
		text-align:right;
	}
	section .image.bottom {
		position:absolute;
		bottom:1em;
		padding:0 20px;
	}
	section.banner {
		text-align:left;
	}
	section.banner .image {
		margin-top:20px;
	}
	section a.return {
		position:absolute;
		margin-top:1em;
		width: unset;
	}
	section .pricebox .prices .col:first-of-type:after {
		content: "";
		border-right: 1px solid #ddd;
		position: absolute;
		right: 0;
		top: 50%;
		height: 50%;
		transform: translateY(-50%);
	}
	section.about-easyspace h2 {
		text-align:left;
	}
	section.about-easyspace ul {
	    margin-top: 2.5em;
	}
	section.list ul li {
		width:calc(100% / 3);
	}
	section .pricebox {
    	margin-top: 0.8em;
	}
	.smallimg {
		max-width:50%;
	}
	footer img {
		margin: 0 auto;
	}
	section .icons {
	    margin-bottom: -5em;
	}
}
/* FAQS */
#main .faqs ul {
    list-style: none;
    padding: 0;
}
#main .faqs ul li:before {
	display:none;
}
#main .faqs ul li {
	padding:0 12px;
	cursor:pointer;
	border-bottom:1px solid #ddd;
}
#main .faqs ul li li {
	padding:8px 12px;
	border-bottom:0;
}
#main .faqs ul li h3 {
	position:relative;
	margin:0;
	padding:16px 30px 16px 0;
	cursor:pointer;
	transition:all .3s ease-in-out;
	color:rgba(51,51,51,.3);
}
#main .faqs ul li h3:after {
	font-size:14px;
	line-height:20px;
	position:absolute;
	top:20px;
	right:0;
	width:20px;
	height:20px;
	content:'+';
	text-align:center;
	color:#fff;
	border-radius:2px;
	background:#d7d7d7;
}
#main .faqs ul li h3:hover {
	color:rgba(51,51,51,.8);
}
#main .faqs ul li h3.active {
	cursor:default;
	color:rgba(51,51,51,1);
}
#main .faqs ul li h3.active:after {
	content:'-';
	background:#ec5f19;
}
#main .faqs ul li .answer {
	display:none;
	overflow:auto;
	padding-bottom:30px;
}
#main .faqs ul li .answer.active {
	display:block;
}
#main .faqs ul li p:first-of-type {
	margin-top:0;
}
#main .faqs ul li .col img {
	max-width:100%;
	margin:0 auto;
}