* 		{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;}
section.background	{background-size:cover; background-repeat: no-repeat;}
section.no-top		{padding-top:0;}

img			{height:auto;}

.landing-wrapper	{}
.inner		{width:1200px; max-width:100%; margin: auto; padding:0 10px;}

.rad-inner { width: 1200px; max-width: 100%; margin: auto; padding: 0; }
.rad-inner .form-container { padding-left: 0; padding-right: 0; }

.rad-inner .form-container .col-2.left { padding-left: 0; }
.rad-inner .form-container .col-2.right { padding-right: 0; }

::-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;}
.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 *****/

section {padding: 0px; }
section .section-inner {width: 100%; height: 100%; padding: 60px 0px 40px 0px; }
.blue-bg {background-image: url('/e-signatures/purchase/_assets/blue-square-wide.png'); background-position:center bottom; background-repeat: no-repeat; transition: 0.2s ease-out}


@media (max-width: 1100px)
{
    .intro-right section.contacts {position: absolute; float: left !important; bottom: 0px; margin-left: 10vw;}

}


@media (max-width: 800px)
{
  /* section .section-inner {background-size: 0%; background-position-x: 160%;} */
    .intro-right section.contacts {position: relative; float: left !important; width:calc(100px + 100%) !important; background-color: #dce5ee; padding: 40px; margin-bottom: -50px;  margin-left: -50px; margin-right: -50px;}
    .blue-bg {background-image: none;}
}


section.intro-page { padding-bottom: 0px; overflow: hidden; }



h3.intro-title:after { content: ""; display: block; width: 70px; height: 2px; background-color: #ffffff; margin: 10px 0 20px 0; }

.intro-content { position: relative; font-size: 0; }

.intro-left { width: 50%; display: inline-block; vertical-align: top; padding-right: 25px; }
.intro-left h2 { color: #ffffff; margin-bottom: 20px; font-size: 25px; }
.intro-left p { color: #ffffff; margin-bottom: 25px; font-size: 17px; }

.intro-left-col    {width: 48%; display: inline-block; margin-top: 10px; margin-right: 2%;}
.intro-left-col a.btn {font-size: 21px !important; margin-bottom: 90px;}

.intro-left .section {font-size: 19px; display: flex;  align-items: center; justify-content: left; margin: 30px 0 40px 0; min-height: 29px; }
.intro-left .section img {height: 29px; margin-right: 12px;}


.intro-left.bottom { position: absolute; bottom: 0; left: 0; padding-bottom: 30px; width: 50%; padding-right: 60px; }

.intro-right	{width:50%; display: inline-block; vertical-align: top; padding-left: 10px; }
.intro-right h2 { color: #ffffff; margin-bottom: 20px; font-family: berlingske_sans_roundlight, sans-serif; }

.intro-right section.contacts {float: right; width: 325px; margin-right: 0px; margin-top: 0px;}
.intro-right section.contacts .contact {display: block; width: 100%}


.intro-left p,
.intro-right p { font-family: berlingske_sans_roundregular, sans-serif; font-size: 19px; color: #ffffff; }

.intro-left .section p {font-size: 17px; margin-bottom: 0px;}

.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)}


section.banner { margin: 20px 0 20px 0; background-image: url("/Education-GOES-Toolkit/purchase/_assets/info-bg.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; text-align: right; padding: 0; }
section.banner .content { padding: 40px 50px 40px 0; display: inline-block; width: 440px; text-align: left; }
section.banner .content .header { margin-bottom: 25px; }
section.banner .content .header img { height: 85px; }
section.banner .content p { font-family: berlingske_sans_roundregular, sans-serif; font-size: 19px; line-height: 1.4em; margin: 0; color: #ffffff; }
 
section.challenge-solution { margin: 20px 0 50px 0; padding: 0; font-size: 0; background-color: #2c5e4f!important; }

section.challenge-solution h4 { margin-bottom: 20px; font-size: 29px; font-family: berlingske_sans_roundlight, sans-serif; }

section.challenge-solution .challenge { width: 35%; border-right: 20px solid #ffffff; display: inline-block; vertical-align: top; } 
section.challenge-solution .challenge .content { padding: 20px; background-color: #deedd1; }

section.challenge-solution .challenge h4 { color: #58a618; }

section.challenge-solution .challenge .item { position: relative; padding-left: 50px; margin: 20px 0; }
section.challenge-solution .challenge .item img { position: absolute; top: 6px; left: 0; width: 35px; }

section.challenge-solution .challenge .item p { margin: 0; font-size: 18px; color: #58a618; font-family: berlingske_sans_roundlight, sans-serif; }

section.challenge-solution .solution { width: 63%; display: inline-block; vertical-align: top; }
section.challenge-solution .solution .content { padding: 20px; background-color: #2c5e4f; font-size: 0; }

section.challenge-solution .solution h4 { color: #ffffff; }

section.challenge-solution .solution .item { display: inline-block; width: 50%; margin: 0 0 20px; position: relative; padding: 0 20px 0 50px; vertical-align: top; }

section.challenge-solution .solution .item img { position: absolute; top: 6px; left: 0; width: 28px; }
section.challenge-solution .solution .item p { margin: 0; font-size: 18px; color: #ffffff; font-family: berlingske_sans_roundlight, sans-serif; }


section.contacts { font-size: 0; padding: 0 20px; margin: 50px 0; }

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

section.contacts .contact { display: inline-block; width: 33.33%; font-size: 0; margin-bottom: 15px; }

section.contacts .contact.center { text-align: center; }
section.contacts .contact.right { text-align: right; }

section.contacts .contact .content { display: inline-block; }

section.contacts .contact .content a { padding-right: 15px; }

section.contacts .contact .image { width: 90px; height: 90px; background-size: cover; background-position: center; background-repeat: no-repeat; display: inline-block; }

section.contacts .contact .details { display: inline-block; text-align: left; vertical-align: bottom; }

section.contacts .contact .details p { font-size: 16px; font-family: berlingske_sans_roundlight, sans-serif; color: #000000; margin: 0; line-height: 1.2em; }

section.contacts .contact .details p.name { font-family: berlings_sans_roundmedium, sans-serif; color: #5482ab; margin-bottom: 8px; }

section.contacts .contact .details p.email { margin-bottom: 5px; }
section.contacts .contact .details p.email a { font-family: inherit; font-size: inherit; color: inherit; }

/***** SELECT LICENSE *****/

body.c2019 section.request-a-demo { background-color: #edeeee; }

.left-col-wide		{width:930px; max-width:100%;}
.left-col-wide h2	{font-size:30px; display: inline-block; vertical-align: middle;}
p.discount-ribbon	{font-size:18px; color: #ffffff; background-image: url(/payment-services-academy/_assets/bg-discount-ribbon.png); background-size: 100% 100%; display: inline-block; padding: 15px 28px; vertical-align: middle; margin-bottom: 0; margin-left: 25px; position: relative;}

.block-header		{background-color:#5482ab; padding: 18px 21px; color: #ffffff; margin-top: 30px;}
.block-header h3	{color:#ffffff; font-size: 17px;}

.licenses-container .col-4		{padding-left:5px; padding-right: 5px;}
.col-container.licenses-container				{margin-left:-5px; margin-right: -5px;}

.col-inner.license-panel { background-color: #f2f2f2; text-align: center; /*transition:all 0.1s ease-out; cursor: pointer;*/ }
.col-inner.license-panel h4		{color:#4d5357; margin-bottom:18px;}
.col-inner.license-panel h4 p { color: inherit; font-size: inherit; font-family: inherit; margin-bottom: 0; }
.col-inner.license-panel p		{font-size:15px; margin-left: auto; margin-right: auto; width: 80%; margin-bottom: 30px;}

.col-inner .panel-top { padding: 32px 0; }

.col-inner .panel-bottom { background-color: #6a6f72; padding: 32px 0; transition: 0.5s ease-out; }
.col-inner .panel-bottom h4 { color: #ffffff; font-family: 'berlingske_sans_roundmedium', sans-serif; font-size: 24px; margin-bottom: 10px; }
.col-inner .panel-bottom p { color: #ffffff; }
.col-inner .panel-bottom h4 span { text-decoration: line-through; color: red; }
.col-inner .panel-bottom h4 span i	{font-style:normal; color: #fff;}

.col-inner .panel-bottom span.exc-vat {font-size:11px; color:#FFF; text-decoration:none;}
.col-inner .panel-bottom span.exc-vat {font-size:11px;}

/*.col-inner.license-panel:hover,
.col-inner.license-panel.active					{outline:5px solid #bed600}

.col-inner.license-panel:hover h4,
.col-inner.license-panel.active h4				{color:#4b2942;}

.col-inner.license-panel:hover .panel-bottom,
.col-inner.license-panel.active .panel-bottom	{background-color:#4b2942;}

.col-inner.license-panel:hover .panel-bottom h4,
.col-inner.license-panel.active .panel-bottom h4	{color:#ffffff;}*/

.sub-total			{padding:24px; background-color: #f2f2f2; text-align: right; border-bottom: 1px solid #4b2942;}
.sub-total p		{margin-bottom:0; font-size:20px;  font-family: 'berlingske_sans_roundmedium', sans-serif; color: #4b2942;}
.sub-total p span.inc-vat	{font-size:16px; font-family: 'berlingske_sans_roundregular', sans-serif;}


.c1 {}
.c2 {}


/***** SIGN UP *****/

.form-cell { font-size: 13px; margin-bottom: 12px; }
.form-cell label { display: block; margin-bottom: 8px; font-size: 16px; color: #000000; }
.form-cell label a					{color:inherit;}
.form-container						{background-color:#f2f2f2; padding: 30px 25px;}

#ucUserManagementSupport_updLoginForm .popup-modal .form-container 		{background-color: unset;}


.form-container input[type="text"],
.form-container input[type="password"],
.dk-select { color: #354546; font-size: 16px; width: 100%; font-family: 'berlingske_sans_roundmedium', sans-serif; border: 1px solid #999999; margin-bottom: 5px; }

.form-container input[type="text"],
.form-container input[type="password"] { padding: 11px; }

.dk-select { padding: 0; }

.form-container textarea { color: #354546; font-size: 13px; padding: 11px; width: 100%; font-family: 'berlingske_sans_roundmedium', sans-serif; height: 122px; resize: none; border: 1px solid #f2f2f2; }
.form-container	.col-1,
.form-container	.col-2				{padding-left:15px; padding-right: 15px;}



.container { display: block; position: relative; padding-left: 35px; margin-bottom: 10px; cursor: pointer; font-size: 13px; line-height: 1.2em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-top: 4px; }
.container input { position: absolute; opacity: 0; cursor: pointer; }
.checkmark { position: absolute; top: 0; left: 0; height: 22px; width: 22px; background-color: #ffffff; border: 1px solid #f2f2f2; }
.container:hover input ~ .checkmark { background-color: #ccc; }
.container input:checked ~ .checkmark { background-color: #bed600; }
.checkmark:after { content: ""; position: absolute; display: none; }
.container input:checked ~ .checkmark:after { display: block; }
.container .checkmark:after { left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.container a { color: #000; }

span.required-fields { font-size: 12px; }

.error-list { display: none; padding-left: 16px; margin-bottom: 10px; }
.error-list.active { display: block; }
.error-list span { color: #CC0000; font-size: 12px; display: block; margin: 5px 0px; }

input[type="text"].error,
textarea.error,
.dk-select.error .dk-selected,
label.error span.checkmark { border-color: #CC0000!important; }


/** RADIO **/
.radio-check-container .form-cell			{margin-bottom:0}
.checkmark.radio							{border-radius:100px;}
.container-big								{font-size:15px; font-family: 'berlingske_sans_roundmedium', sans-serif;}
.container input:checked ~ .checkmark.radio {background-color: #ffffff;}
.container .checkmark.radio:after 			{width:12px; height: 12px; border-radius: 12px; background-color: #4b2942; border: none; left: 50%; margin-left: -6px; top: 50%; margin-top: -6px;}

.form-cell-big 				{margin-right:40px;}
.form-cell-big label		{font-size:16px; font-family: 'berlingske_sans_roundmedium', sans-serif;}
.form-cell.form-cell-inline	{display:inline-block; margin-right: 25px;}

.submit-container { margin-top: 0px; }

.dk-selected { border: none; padding-left: 11px; font-family: 'berlingske_sans_roundmedium', sans-serif; font-size: 13px; }
.dk-option { font-size: 13px; padding-left: 0; }

.dk-select-open-down .dk-select-options,
.dk-select-options { padding: 11px; }


/***** THANKS *****/
section.thanks						{padding:65px 0px; background-color: #f2f2f2; width: 637px; max-width: 100%; margin-bottom: 100px;}
section.thanks h2					{margin-bottom:25px;}
section.thanks p					{font-size:18px;}
section.thanks p.reference			{font-size:18px; font-family: 'berlingske_sans_roundregular', sans-serif;}
section.thanks p.reference strong	{font-family: 'berlingske_sans_roundmedium', sans-serif;}

section.thanks ol       {line-height:1.3em; font-size:18px; margin-left:30px;}
section.thanks ol li    {margin-bottom:5px;}

/***** ALREADY REGISTERED *****/
.already-registered		{background-color:#f2f2f2; padding: 16px 33px; width: 520px; max-width: 100%; margin: 30px 0;}
.already-registered p	{display:inline-block; margin-right: 15px; margin-bottom: 0;}	
.already-registered .btn	{margin-bottom:0}

/***** LOGIN *****/
.form-container-login	{width:492px; max-width: 100%; padding: 25px 33px 0px; margin: 30px 0;}
.form-cell-bottom		{margin:30px 0; display: block;}
.form-cell-bottom label	{margin-top:15px;}

/** FOOTER **/
footer 						{background-color: #f2f2f2; padding: 70px 0;}
ul.social-list		 		{display: inline-block; list-style: none;}
ul.social-list li 			{display: inline-block; vertical-align: top; margin-right: 18px;}
ul.social-list li a img		{width:42px;}
ul.footer-nav 				{display: inline-block; list-style: none; font-family: 'berlingske_sans_roundmedium', sans-serif; font-size: 17px; margin-right: 40px; vertical-align: top; margin-top: 10px;}
ul.footer-nav li 			{display: inline; margin: 0 10px 0px 0px; font-size: 14px;}
ul.footer-nav li a		 	{color: #2c5e4f; text-decoration: none; padding-bottom: 2px;}
ul.footer-nav li a:hover 	{border-bottom: 1px solid #bed600;}
p.copyright-text 			{font-size: 10px; color: #95989a; font-family: Georgia, Times New Roman, serif; display: inline-block; width: 100%; margin-top: 20px;}

/***** 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%;}


/***** 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: 1100px)

{
	
	/*** INTRO PAGE ***/
	.intro-left h2	{font-size:30px;}
	/*.intro-right	{position:relative; right: 15px; top: 0;}*/
	
	/*** 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;}

   section.challenge-solution { }

   section.challenge-solution .challenge,
   section.challenge-solution .solution { display: block; width: 100%; border-right: 0; border-bottom: 20px solid #ffffff; }
	
}

@media (max-width: 800px)

{

	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:80px; padding-bottom:105px;}*/
	.intro-left				{width:100%;}
	.intro-right			{width:100%; position:relative; bottom: auto; right: auto; float: none; margin-top: 30px;}

   .intro-left.bottom { position: static; width: 100%; }

	.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;}

   section.contacts .contact { width: 50%; }
}


@media (max-width: 650px)

{
	.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;}

   section.contacts .contact { width: 100%; }
}

@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;}	
}