/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

*:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; }

/* Generic */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
main { display: block; }

template { display: none; }
html { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; }

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
	 -moz-text-size-adjust: none;
	  -ms-text-size-adjust: none;
		  text-size-adjust: none;
}

img, iframe, video, audio, object { max-width: 100%; }
img, iframe { border: 0 none; }
img { height: auto; display: inline-block; vertical-align: middle; }
b, strong { font-weight: bold; }
address { font-style: normal; }
svg:not(:root) { overflow: hidden; }

a, button, input[type='submit'], input[type='button'], input[type='reset'], input[type='file'], input[type='image'],
label[for] { cursor: pointer; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; }

a[href^='tel'], button[disabled], input[disabled], textarea[disabled], select[disabled] { cursor: default; }

[hidden],
[hidden="hidden"] { display: none; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type='text'],
input[type='password'],
input[type='date'],
input[type='datetime'],
input[type='datetime-local'],
input[type='month'],
input[type='week'],
input[type='email'],
input[type='number'],
input[type='search'],
input[type='tel'],
input[type='time'],
input[type='url'],
input[type='color'],
textarea,
a[href^='tel'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; outline: none; }

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }

textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button, input, optgroup, select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

button,
select { text-transform: none; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
nav ul,
nav ol { list-style: none outside none; }

/* Base */

body { min-width: 320px; font-family: 'Roboto', sans-serif; font-size: 15px; color: #595858; line-height: 1.25; background: #fff; }

a { color: #7f2eff; }
a:hover,
a[href^='tel'] { text-decoration: none; }

/* Helpers */

.notext { overflow: hidden; text-indent: 101%; font-size: 0; color: transparent; white-space: nowrap; }

/* Global */

p { margin-bottom: 21px; }
p em { font-style: italic; }
p:last-child { margin-bottom: 0; }

h1 { font-size: 26px; line-height: 1.2; font-family: 'Montserrat', sans-serif; font-weight: 400; margin-bottom: 20px; color: #7f2eff; }
h2 { font-size: 24px; line-height: 1.2; font-family: 'Roboto Slab', sans-serif; font-weight: 400; color: #474646; margin-bottom: 23px; }
h3 { font-size: 22px; line-height: 1.2; font-family: 'Roboto Slab', sans-serif; font-weight: 400; color: #474646; margin-bottom: 18px; }
h4 { font-size: 20px; line-height: 1.2; font-family: 'Roboto Slab', sans-serif; font-weight: 400; color: #474646; }
h5 { font-size: 17px; line-height: 1.2; font-family: 'Roboto Slab', sans-serif; font-weight: 400; color: #474646; }
h6 { font-size: 15px; line-height: 1.2; font-family: 'Roboto Slab', sans-serif; font-weight: 400; color: #474646; }

article ul:not([class]) { margin-bottom: 20px; }
article ul:not([class]) li { position: relative; padding-left: 30px; }
article ul:not([class]) li + li { margin-top: 10px; }
article ul:not([class]) li:before { content: ''; position: absolute; top: 3px; left: 7px; width: 10px; height: 10px; border-radius: 50%; background: #7f2eff; }

article ol { list-style: none; counter-reset: ol; }
article ol a { font-weight: 400; }
article ol li:before { content: counter(step-counter)'.'; font-weight: 700; color: #7f2eff; position: absolute; top: 0; left: 7px; }
article ol li { counter-increment: step-counter; margin-bottom: 10px; position: relative; padding-left: 30px; }

img { margin-bottom: 20px; }

@media(min-width: 768px){

	body { font-size: 16px; }

	h1 { font-size: 34px; margin-bottom: 25px; }
	h2 { font-size: 28px; }
	h3 { font-size: 24px; }
	h4 { font-size: 21px; }
	h5 { font-size: 18px; }
	h6 { font-size: 16px; }

	article ul:not([class]) { margin-bottom: 16px; }
	article ul:not([class]) li { padding-left: 44px; padding-right: 10px; }
	article ul:not([class]) li + li { margin-top: 12px; }
	article ul:not([class]) li:before { left: 25px; }

	article ol:not([class]) li { padding-left: 54px; padding-right: 42px; }
	article ol:not([class]) li:before { left: 28px; }
}

/* ------------------------------------------------------------ *\
	Icons
\* ------------------------------------------------------------ */

*[class*=ico- ]:before { content: ''; display: inline-block; vertical-align: middle; font-size: 0;
	-webkit-background-size: cover;
	        background-size: cover; }

.ico-facebook:before { background-image: url(images/icons/ico-facebook.png); width: 34px; height: 34px; }
.ico-google:before { background-image: url(images/icons/ico-google.png); width: 34px; height: 34px; }
.ico-twitter:before { background-image: url(images/icons/ico-twitter.png); width: 34px; height: 34px; }
.ico-english:before { background-image: url(images/icons/UK.svg); width: 21px; height: 21px; }
.ico-bg:before { background-image: url(images/icons/bulgaria.svg); width: 21px; height: 21px; }
.ico-francias:before { background-image: url(images/icons/france.svg); width: 21px; height: 21px; }
.ico-spanish:before { background-image: url(images/icons/spain.svg); width: 21px; height: 21px; }

.ico-currencies:before { background-image: url(images/icons/ico-currencies.png); width: 157px; height: 113px; }
.ico-technology:before { background-image: url(images/icons/ico-technology.png); width: 125px; height: 118px; }
.ico-mining:before { background-image: url(images/icons/ico-mining.png); width: 168px; height: 106px; }
.ico-blocks:before { background-image: url(images/icons/ico-blocks.png); width: 172px; height: 131px; }
.ico-calculator:before { background-image: url(images/icons/ico-calculator.png); width: 153px; height: 143px; }
.ico-limits:before { background-image: url(images/icons/ico-limits.png); width: 162px; height: 125px; }
.ico-curtains:before { background-image: url(images/icons/ico-curtains.png); width: 163px; height: 128px; }

@media(min-width: 768px){
	.ico-english:before { width: 29px; height: 29px; }
	.ico-bg:before { width: 29px; height: 29px; }
	.ico-francias:before { width: 29px; height: 29px; }
	.ico-spanish:before { width: 29px; height: 29px; }
}

/* ------------------------------------------------------------ *\
	Align
\* ------------------------------------------------------------ */

@media(min-width: 768px){
	.alignleft { float: left; margin-right: 24px; margin-top: 3px; }
	.alignright { float: right; margin-left: 24px; margin-top: 3px; }
}

/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

.container { max-width: 1148px; margin: 0 auto; padding: 0 15px; }

@media(min-width: 768px){
	.container { padding: 0 25px; }
}

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { display: inline-block; text-indent: -9000px; text-decoration: none; background: url(images/logo.svg) no-repeat center center; width: 164px; height: 30px;
	-webkit-background-size: contain;
    	    background-size: contain; }

@media(min-width: 768px){
	.logo { width: 245px; height: 45px; }
}

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { padding: 8px 0 14px;
	-webkit-box-shadow: 0 1px 11px rgba(0,0,0,.25);
	        box-shadow: 0 1px 11px rgba(0,0,0,.25);
}

.header .container { padding: 0; position: relative; }

@media(min-width: 768px){
	.header .container { padding: 0 15px; }
}

/* ------------------------------------------------------------ *\
   	Section
\* ------------------------------------------------------------ */

.section { padding: 20px 0; }
.section .container:after { content: ''; display: table; width: 100%; clear: both; }

.section .section-image { font-size: 0; margin-bottom: 20px; margin-top: 35px; }
.section .section-image:first-child { margin-top: 0; }

.section .section-inner { padding-left: 20px; counter-reset: .section-inner; line-height: 1.13; color: #474646; }
.section .section-inner p { margin-bottom: 17px; }

.section .section-title { text-align: center; }

.section .section-subtitle:before { content: counter(step-counter)'.'; color: #7f2eff; font-size: 21px; font-weight: 700; display: inline-block; margin-right: 4px; }
.section .section-subtitle { counter-increment: step-counter; }

/* Section Grey */
.section--grey { background: #ebebeb; }

/* Section centred */
.section--centred { text-align: center; }

@media(min-width: 768px){

	.section { padding: 23px 0 31px; }

	.section--centred { padding: 19px 0 45px; }

	.section .section-inner { padding-left: 62px; }

	.section .section-title:after { margin-left: 26px; height: 4px; }

	.section .section-subtitle:before { font-size: 24px; }

	.section .section-nav { padding: 0; }
	.section .section-nav ul { text-align: center; padding: 14px 0;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center; }
	.section .section-nav li { padding: 10px 15px;
		-webkit-flex: 1 1 0;
		flex: 1 1 0; }
	.section .section-nav li + li { border-top: 0; position: relative; }
	.section .section-nav li + li:before { content: ''; display: inline-block; position: absolute; top: 50%; left: 0; width: 1px; background: #7f2eff; height: 19px;
	 -webkit-transform: translateY(-50%);
	     -ms-transform: translateY(-50%);
	      -o-transform: translateY(-50%);
	         transform: translateY(-50%); }
}

/* ------------------------------------------------------------ *\
	Full
\* ------------------------------------------------------------ */

.full { width: 100%; }

/* ------------------------------------------------------------ *\
    Video
\* ------------------------------------------------------------ */

.video { margin: 20px 0; max-width: 100%; text-align: center; position: relative; }
.video p { color: #7f2eff; font-style: italic; text-align: center; font-weight: 400; line-height: 1.3; }
.video iframe { height: 50vw; max-height: 541px; margin-bottom: 10px; }
.video .video-inner { position: relative; }
.video .video-title { position: absolute; top: 0; left: 0; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 21px; padding: 10px 15px; font-size: 17px; }

@media(min-width: 1025px){
	.video { margin: 27px auto 30px; }
	.video iframe { margin-bottom: 15px; }
	.video .video-title { padding: 16px 33px; font-size: 31px; }
}

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

.table { margin: 0 auto 15px; max-width: 820px; letter-spacing: 0; overflow-x: auto; }
.table table { border-collapse: initial; width: 100%; min-width: 640px; }
.table th { background: #474646; color: #fff; text-transform: uppercase; font-weight: 400; padding: 4px 5px; line-height: 1.3; }
.table td { border-left: 1px solid #474646; border-bottom: 1px solid #474646; font-weight: 500; font-size: 12px; padding: 5px; }
.table td:last-child { border-right: 1px solid #474646; }
.table th + th { border-left: 1px solid #fff; }

@media(min-width: 1025px){
	.table th { padding: 10px 5px; }
	.table td { font-size: 15px; padding: 8px 31px; }
}

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { color: #fff; text-align: center; font-size: 13px; background: #474646; }

.footer .container { padding: 12px 24px; }

.footer a { text-decoration: none; color: #fff;
-webkit-transition: .3s;
     -o-transition: .3s;
        transition: .3s; }
.footer a:hover { color: #7f2eff; }
.footer .footer-nav { margin-bottom: 15px; }
.footer .footer-nav li { display: inline-block; position: relative; }
.footer .footer-nav li + li { margin-left: 12px; padding-left: 11px; }
.footer .footer-nav li + li:before { content: ''; position: absolute; top: 5px; left: 0; width: 1px; background: #fff; height: 10px; }

@media(min-width: 768px){
	.footer { text-align: left; font-size: 14px; }

	.footer .footer-nav { width: 100%; margin-bottom: 0; }
	.footer .footer-nav ul { column-count: 2; }
	.footer .footer-nav li { display: inline-block; }

	.footer .footer-aside { text-align: right; }

	.footer .container {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
	  	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: flex-end;
		align-items: flex-end;
	}
}

/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */

.socials { margin-bottom: 15px; }

.socials a { display: inline-block; text-decoration: none; font-size: 0;
-webkit-transition: .3s;
     -o-transition: .3s;
        transition: .3s; }
.socials a:hover { opacity: .6; }
.socials li { display: inline-block; margin: 0 5px; }

@media(min-width: 768px){
	.socials li { margin: 0; }
	.socials li + li { margin: 0 0 0 13px; }
}

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

/* Nav Lang */

.nav-lang { position: absolute; top: 1px; right: 10px; background: #fff; border: 1px solid #ffc000; font-size: 13px; border-radius: 3px; text-align: left; max-height: 33px; overflow: hidden; width: 123px;
-webkit-box-shadow: 0 1px 13px rgb(0,0,0,.2);
        box-shadow: 0 1px 13px rgb(0,0,0,.2);
	-webkit-transition: .3s;
	     -o-transition: .3s;
	        transition: .3s; }

.nav-lang:after { content: ''; position: absolute; top: 12px; right: 8px; width: 10px; height: 9px; background-image: url(images/icons/ico-pointer.svg); pointer-events: none;
-webkit-background-size: cover;
        background-size: cover;
    	-webkit-transition: .3s;
		     -o-transition: .3s;
		        transition: .3s; }
.nav-lang.expanded { max-height: 9000px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background: #ebebeb; border-color: #636363; overflow: visible; }
.nav-lang.expanded:after {
	-webkit-transform: rotate(180deg);
	     -ms-transform: rotate(180deg);
	      -o-transform: rotate(180deg);
	         transform: rotate(180deg); }
.nav-lang.expanded a:hover { background: rgb(0,0,0,.2); }

.nav-lang ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
  	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: -1px;
}
.nav-lang a { text-decoration: none; padding: 5px 9px; display: block; color: #252525; position: relative; }
.nav-lang a:after { content: ''; position: absolute; top: 0; left: 9px; width: calc(100% - 18px); background: #a1a2a3; height: 1px; }
.nav-lang a:before { margin-right: 10px; }
.nav-lang span { margin-right: 3px; display: inline-block; vertical-align: middle; margin-bottom: 3px; }
.nav-lang li { width: 100%;
	-webkit-order: 2;
	order: 2;
}
.nav-lang li.active {
	border: 1px solid #ffc000;
	overflow: hidden;
	border-radius: 3px;
	margin: -1px;
	width: calc(100% + 2px);
	background: #fff;
	-webkit-order: 1;
	order: 1;
}
.nav-lang li.active a:after { display: none; }

@media(min-width: 768px){
	.nav-lang { font-size: 16px; width: 164px; max-height: 42px; right: 24px; top: 4px; }
	.nav-lang:after { right: 14px; top: 15px; width: 13px; height: 11px; }
	.nav-lang a { padding: 4px 11px; }
	.nav-lang .active a { padding: 6px 11px; }
	.nav-lang span { margin-right: 9px; }
}