* 		{margin: 0; padding: 0; outline: none; border: none; -moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing: border-box;}
body	{font-family: 'berlingske_sans_roundlight', sans-serif; color: #354546;}


h1			{font-weight:normal; font-size: 41px; line-height: 1.2em;}
h2			{font-weight:normal; font-size: 41px; line-height: 1.2em;}
h3			{font-weight:normal; color: #4b2942; font-size: 32px;}
h4			{font-weight:normal; color: #4b2942; font-size: 32px;}
h5			{font-weight:normal;}
h6			{font-weight:normal;}

p			{font-size:16px; line-height: 1.4em; margin-bottom: 15px;}
p a			{color:inherit;}

section				{padding:60px 0; position: relative; background-color: #fff;}
section.background	{background-size:cover; background-repeat: no-repeat;}
section.no-top		{padding-top:0;}

img			{height:auto;}

.landing-wrapper	{background-image: url(/european-privacy/_assets/supergraphic.jpg); background-position: top right; background-repeat:no-repeat;}
.inner		{width:1215px; max-width:100%; margin: auto;}

::-webkit-input-placeholder     {color:#BEC5C2;}
::-moz-placeholder              {color:#BEC5C2; opacity:1;}
:-ms-input-placeholder          {color:#BEC5C2;}
:-moz-placeholder               {color:#BEC5C2; opacity:1;}

/***** HEADER *****/
header					{padding:57px 0}
.logo-container			{width: 640px; font-size:0; max-width:100%;}
.logo-container	img		{display:inline-block; vertical-align: middle;}
.logo-container	h1		{font-size:41px; margin-bottom: 10px; color: #5482ab;}
.logo-container-text	{width:480px; max-width:100%; display:inline-block; vertical-align: middle; margin-left: 35px;}
.logo-container-text p	{margin-bottom: 0;}


/***** PROMO INTRO SECTION *****/

.intro-page { width: 100%; }

.intro-page .left h3 { color: #fff; font-size: 32px; margin-bottom: 25px; line-height: 1.3em; }

section.intro-page { }
.intro-page .left { width: 530px; padding-right: 100px; display: inline-block; vertical-align: top; }
.intro-page .left h2 { color: #ffffff; margin-bottom: 20px; }
.intro-page .left p { color: #ffffff; margin-bottom: 25px; width: 80%; }

.intro-left-col { width: 48.5%; display: inline-block; margin-top: 10px; }
.intro-left-col:last-child { margin-left: 3%; }
.intro-left .btn.block { }

.intro-page .right	{width:585px; float: right;}
.intro-page .right .tick { display: block; padding-left: 80px; margin-bottom: 30px; position: relative; color: #ffffff; font-size: 19px; line-height: 1.3em; min-height: 48px; width: 95%; }
.intro-page .right .tick:before { content: ""; position: absolute; top: 0; left: 0; width: 40px; height: 40px; background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url("/eba-landing/_assets/tick-icon.png"); }

/*.video-container {position: relative; padding-bottom: 56.45%; height: 0; overflow: hidden; max-width: 100%; margin-bottom: 30px;}
.video-container iframe,
.video-container object,
.video-container embed,
.video-container video	{position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/

.ribbon		{position:absolute; right: -69px; top: 63px; z-index: 4; color: #ffffff; background-color: #f49a00; font-size: 21px; font-family: 'berlingske_sans_roundmedium', sans-serif; padding: 20px 0; width: 325px; text-align: center; transform: rotate(45deg)}

.blurb { margin: 0; font-size: 0; }

.blurb .content { vertical-align: top; width: 100%; padding-right: 300px; position: relative; }
.blurb .left { }
.blurb  h3 { font-size: 29px; color: #5482ab; margin-bottom: 30px; font-family: berlingske_sans_roundlight, sans-serif; }
.blurb .left p { font-size: 20px; color: #333333; font-family: berlingske_sans_roundregular, sans-serif; line-height: 1.3em; margin-bottom: 0.75em; }

.blurb .right { position: absolute; top: 0; right: 0; width: 250px; text-align: center; }
.blurb .right img { height: 207px; margin-bottom: 20px; }
.blurb .right a { display: inline-block; border: 1px solid #5482ab; padding: 14px 40px 14px 14px; font-size: 16px; font-family: belingske_sans_roundregular, sans-serif; text-decoration: none; transition: all 0.2s; color: #5482ab; background-color: transparent; position: relative; }
.blurb .right a:after { content: ""; position: absolute; display: block; width: 10px; height: 18px; right: 14px; top: 50%; margin-top: -9px; background-size: cover; background-position: center; background-image: url("/eba-landing/_assets/icon-chevron.png"); }
.blurb .right a:hover { background-color: #5482ab; color: #ffffff; }
.blurb .right a:hover:after { background-image: url("/eba-landing/_assets/icon-chevron-white.png"); }


/***** HOME PANELS *****/
section.home-panels { margin: 50px 0 0 0; padding-bottom: 0; }

.home-panels .col-container { }

.home-panels .col-inner { padding: 60px 10px 20px 10px; position: relative; font-size: 22px; font-family: berlingske_sans_roundlight, sans-serif; text-align: center; }
.home-panels .col-inner.legal { background-color: #cededc; color: #0a584e; }
.home-panels .col-inner.resources { background-color: #d9cfd6; color: #3f1031; }
.home-panels .col-inner.technology { background-color: #c2dbeb; color: #3487bb; }
.home-panels .col-inner.processes { background-color: #dbe2d3; color: #496d22; }

.home-panels .col-inner p { font-family: inherit; font-size: inherit; color: inherit; }
.home-panels .col-inner .icon { position: absolute; top: -70px; width: 120px; height: 120px; left: 50%; margin-left: -60px; border-radius: 60px; border: 2px solid #ffffff; }

.home-panels .col-inner.legal .icon { background-color: #0a584e; }
.home-panels .col-inner.resources .icon { background-color: #3f1031; }
.home-panels .col-inner.technology .icon { background-color: #3487bb; }
.home-panels .col-inner.processes .icon { background-color: #496d22; }

.home-panels .col-inner .icon img { position: absolute; width: 60px; height: 60px; top: 30px; left: 30px; }

section.contacts { margin: 0 0; }
section.contacts h3 { font-size: 29px; color: #5482ab; margin-bottom: 20px; font-family: berlingske_sans_roundlight, sans-serif; }

section.contacts .content { position: relative; padding-left: 120px; vertical-align: top; }
section.contacts .content img { position: absolute; left: 0; top: 0; width: 100px; }

section.contacts .content p { font-size: 17px; color: #333333; font-family: berlingske-sans-roundlight, sans-serif; margin-bottom: 2px; line-height: 1.2em; overflow-wrap: break-word; }
section.contacts .content p.name { margin-bottom: 10px; color: #5482ab; font-family: berlingske-sans-roundregular, sans-serif; }






/***** COLUMNS AND ROWS *****/
.col-row		{font-size:0;}
.col-container	{margin-left:-10px; margin-right: -10px;}
.col			{display:inline-block; vertical-align: top; padding: 10px;}
.col-1			{width:100%;}
.col-2			{width:50%;}
.col-3			{width:33.333%;}
.col-4			{width:25%;}

.col-center		{text-align:center;}

/***** BUTTONS *****/
.btn 				{font-size: 17px; padding: 0.8em 1.8em; text-align: center; display: inline-block; border: 1px solid #bed600; text-decoration: none; color: #4d5357; transition: all 0.2s ease-in; cursor: pointer; margin-bottom: 10px; font-family: 'berlingske_sans_roundmedium';}

.btn.green.solid	{background-color:#bed600}

.btn.block			{width:100%; display: block; padding-left: 0; padding-right: 0;}
.btn.big			{font-size:21px;}
.btn.text-white		{color:#ffffff}

.btn:hover			{background-color:#ffffff !important; color:#4d5357 !important;}


.mobile-get-started	{display:none;}

/**********************/
/***** RESPONSIVE *****/
/**********************/


@media (max-width: 1310px)

{

	.landing-wrapper	{background-size:50% auto;}
	
}

@media (max-width: 1225px)

{
	.inner			{padding-left:15px; padding-right: 15px;}
	.col-container	{margin-left:-5px; margin-right: -5px;}
	.testimonials .col-container	{margin-left:-10px; margin-right: -10px;}
	
	/*** INTRO PAGE **/
	.intro-left		{width:48%}
	.intro-right	{width:48%;}
}

@media (max-width: 1162px) {
   section.intro-page .intro-page .left { width: 100%; padding-right: 0; }
   section.intro-page .intro-page .right { float: none; margin: 30px; width: 100%; }
}

@media (max-width: 1100px)

{
	section.contacts .col-3 { width: 50%; }

	/*** INTRO PAGE ***/
	.intro-left h2	{font-size:30px;}
	
	/*** FOOTER ***/
   footer { padding: 35px 0; }
   footer ul.social-list { display: block; text-align: center; margin-bottom: 30px; }
   ul.footer-nav { margin: 0; display: block; text-align: center; }
   ul.footer-nav li { margin-bottom: 10px; font-size: 16px; display: inline-block; }
   p.copyright-text { text-align: center; margin-top: 30px; float: none; width: 80%; margin-left: auto; margin-right: auto; display: block; }
	
}

@media (max-width: 960px)

{
	/*.logo-container h1	{font-size:32px;}
	.landing-wrapper			{background-size:40% auto;}*/

	/** INTRO PAGE **/
	/*.home-panels .col-inner	{padding:20px;}
	.home-panels .col-inner h3	{font-size:28px;}*/
	
	/*** LICENSE PAGE ***/
	/*.col-inner.license-panel h4	{font-size: 26px;}
	.col-inner .panel-bottom h4	{font-size: 26px;}
	.col-inner.license-panel p	{font-size:14px;}*/
	
}

@media (max-width: 930px) {
   section.home-panels .col-4:nth-child(1),
   section.home-panels .col-4:nth-child(2) { margin-bottom: 80px; }
}

@media (max-width: 860px)

{
section.contacts .col-3 { width: 100%; }
	/*.col-inner-blue h2			{font-size:28px;}
	.col-inner-blue p			{font-size:14px;}

	
	header					{padding:25px 0}
	.logo-container-text	{margin-left:25px; width:60%;}
	.landing-wrapper				{background-size:30% auto;}*/
	
	/*** INTRO PAGE ***/
	/*section.intro-page		{padding-top:20px; padding-bottom:20px;}
	.intro-left				{width:100%;}
	.intro-right			{width:100%; position:relative; bottom: auto; right: auto; float: none; margin-top: 30px;}
	.ribbon					{transform:rotate(0); top: 0; right: auto; left: 0; width: 100%;}
	section.intro-page .inner	{padding-left:40px; padding-right: 40px;}
	.mobile-get-started		{display:block; margin: 20px 0;}*/
}

@media (max-width: 768px) {
   section.blurb .content { padding-right: 0; }
   section.blurb .right { position: static; width: 100%; }
   section.blurb .right img { }
}

@media (max-width: 650px)

{

	/*.intro-left p		{width:100%;}
	section.intro-page .col-3	{width:100%;}
	.intro-left .btn.block		{width:100%;}
	.video-container			{margin-bottom:10px;}
	.col-inner-blue				{padding:10px 10px 1px 10px;}
	
	.col-3	{width:50%;}
	.btn	{font-size:14px;}

	
	.landing-wrapper				{background-image:none;}
	.logo-container-text	{width:72%; margin-left: 4%;}
	.logo-container img		{width:24%;}
	.logo-container p		{display:none;}
	*/
	/*** INTRO PAGE ***/
	/*section.intro-page .inner	{padding-left:20px; padding-right: 20px;}
	.testimonials				{padding-top:15px;}
	.testimonials .col-2		{width:100%; margin-bottom: 40px;}
	.testimonials blockquote	{font-size:17px;}
	.testimonials				{padding-bottom:10px;}*/
	
	/*** LICENSE PAGE ***/
	/*.licenses-container .col-4	{width:50%}
	.form-container				{padding-left:10px; padding-right: 10px;}
	.form-cell.form-cell-inline	{display:block; width: 100%;}*/
}


@media (max-width: 550px)

{
	.form-container .col-2	{width:100%;}
	p.discount-ribbon		{display:block; width: auto; margin-left: 0; margin-top: 10px; text-align: center;}
	.block-header			{margin-top:20px;}
	
	/** REGISTER **/
	.already-registered	{text-align:center;}
	.already-registered .btn.green.solid	{display:block; margin-top: 15px;}

}

@media (max-width: 450px)

{
	header					{padding:15px 0}
	.logo-container h1		{font-size:28px;}
	.col-3	{width:100%;}
	
	/** INTRO PAGE **/
	.intro-right				{margin-top:10px;}
	.intro-left h2				{font-size:28px;}
	.home-panels .col-inner img	{width:50px; margin-bottom: 10px;}
	.home-panels .col-inner	p	{font-size:14px; margin-bottom: 5px;}
	
	/** LICENSE **/
	.col-inner .panel-bottom h4	{font-size:23px;}
	


	
}


@media (max-width: 374px)

{
	.logo-container h1		{font-size:24px;}	
}