.landing-wrapper { }

.landing-wrapper .background { background-image: url("/sanctions/purchase/_assets/banner-image.jpg"); background-size: cover; position: relative; padding: 20px 0 40px 0; background-position: center; }
.landing-wrapper .background .tint { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(18,55,88,0.8); z-index: 1; }

.landing-wrapper .wrapper { position: relative; z-index: 2; font-size: 0; }


.landing-wrapper .wrapper .panels { font-size: 0; }
.landing-wrapper .wrapper .left { width: 50%; padding: 0 40px 130px 10px; position: relative; display: inline-block; vertical-align: top; }


.landing-wrapper h1 { color: #ffffff; font-family: berlingske_sans_roundmedium, sans-serif; font-size: 32px; margin-bottom: 14px; display: block; }
.landing-wrapper h1:after { content: ""; width: 60px; height: 2px; margin-top: 14px; background-color: #ffffff; display: block; }

.landing-wrapper .wrapper .left h2 { color: #ffffff; font-size: 26px; margin-bottom: 20px; }

.landing-wrapper .wrapper .left p { color: #ffffff; font-size: 18px; }

.landing-wrapper .wrapper .left .buttons { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 40px 0 10px; }

.intro .left .buttons .btn-purchase { background-color: #bed400; border: 1px #bed400; display: block; padding: 10px; color: #333333; font-size: 15px; font-family: berlingske_sans_roundmedium, sans-serif; text-decoration: none; text-align: center; transition: all 0.2s;  }
.intro .left .buttons .btn-purchase:hover { background-color: #ffffff; }


.intro .buttons { margin-top: 50px; }

.btn-free-access { background-color: #bed600; border: 1px solid #bed600; display: block; width: 100%; font-family: berlingske_sans_roundregular, sans-serif; color: #333333; text-decoration: none; font-size: 21px; padding: 0.8em 1.8em; }

.intro .buttons-group { margin-top: 10px; }

.intro .buttons-group { display: flex; flex-direction: row; }

.intro .buttons-group button,
.intro .buttons-group a { border: 1px solid #bed400; background-color: transparent; color: #ffffff; font-family: berlingske_sans_roundmedium, sans-serif; padding: 10px; text-align: center; text-decoration: none; transition: all 0.2s; width: 100%; font-size: 14px; }

.intro .buttons-group button:hover,
.intro .buttons-group a:hover { background-color: #bed400; color: #333333; }

/*.intro .left .buttons-group button:first-child { margin-right: 5px; }
.intro .left .buttons-group a:last-child { margin-left: 5px;  }*/

.intro .right {  width: 50%; display: inline-block; }
/*
.intro .right { background-color: #ffffff; background-image: url("/sanctions/purchase/_assets/screenshot.jpg"); background-position: center top; background-size: 60% auto; background-repeat: no-repeat; }
*/

section.what-are { margin-top: 40px; margin-bottom: 20px; }
section.what-are .content { background-image: url("/sanctions/purchase/_assets/banner-image.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; text-align: right; overflow: hidden; }

section.what-are .content .text { width: 50%; display: block; margin: 0 0 0 auto; position: relative; padding: 30px 30px 80px 50px; }

section.what-are .content .flash { position: absolute; bottom: 0; right: 0; width: 100%; height: 500px; background-color: #5482ab; transform: rotate(7deg); transform-origin: bottom right; z-index: 1; }

section.what-are .content .text .inner { text-align: left; z-index: 2; position: relative; }

section.what-are .content .text .inner h3 { color: #ffffff; margin-bottom: 0.8em; }
section.what-are .content .text .inner p { color: #ffffff; }

section.bullet-points { font-size: 0; }
section.bullet-points .wrapper .left { width: 50%; padding: 0 10px 0 0; display: inline-block; }

section.bullet-points .left .content { padding: 20px; background-color: #5482ab; }

section.bullet-points ul.bullets { list-style: none; margin: 0; }



section.bullet-points ul.bullets li { display: flex; flex-direction: row; align-items: start; margin-bottom: 20px; line-height: 1.3em; }
section.bullet-points ul.bullets li label { font-family: berlingske_sans_roundregular, sans-serif; font-size: 17px; line-height: 1.3em; }
section.bullet-points ul.bullets li label span { font-family: berlingske_sans_roundmedium, sans-serif; line-height: 1.3em;}

section.bullet-points ul.bullets li img { width: 32px; height: 32px;  margin-right: 25px; }

section.bullet-points .left h3 { color: #ffffff; margin-bottom: 1em; font-size: 23px; }
section.bullet-points .left ul.bullets li label { color: #ffffff; }
section.bullet-points .left ul.bullets li label span { color: #bed400; }

section.bullet-points .wrapper .right { width: 50%; padding-left: 10px; display: inline-block; vertical-align: top;  }
section.bullet-points .right .content { padding: 20px; background-color: #E1E9F0; }
section.bullet-points .right h3 { color: #58a618; margin-bottom: 1em; font-size: 23px; }
section.bullet-points .right ul.bullets li label { color: #5482ab; width: calc(100% - 40px)}



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

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

section.contacts .contact-list { font-size: 0; }
section.contacts .contact { display: inline-block; width: 33.33%; font-size: 0; margin: 0 0 40px 0; min-height: 90px; }

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

section.contacts .contact .content { display: inline-block; vertical-align: top; position: relative; padding-left: 105px; }

section.contacts .contact .image { position: absolute; top: 0; left: 0; width: 90px; height: 90px; background-size: cover; background-position: center; background-repeat: no-repeat; }

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

section.contacts .contact .details p { font-size: 16px; font-family: berlingske_sans_roundlight, sans-serif; color: #4d5357; 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; }



section.coverage { background-color: #EEEFEF!important; padding: 30px 0; }

section.coverage h3 { color: #5482ab; margin-bottom: 1em; }

section.coverage p { font-family: berlingske_sans_roundlight, sans-serif; color: #333333; }
section.coverage p span { font-family: berlingske_sans_roundmedium, sans-serif; }


.block-header { color: #ffffff; }

.col-inner.license-panel { background-color: #f2f2f2; text-align: center; transition: all 0.1s ease-out; cursor: default; }
.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.license-panel:hover,
.col-inner.license-panel.active { outline: 5px solid #bed600; }

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

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


.sub-total { padding: 24px; background-color: #f2f2f2; text-align: right; border-bottom: 5px solid #5482ab; }
.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; }

.details-form { padding: 0 30px; }

.form-cell { font-size: 13px; margin-bottom: 17px; }

.form-cell label { display: block; margin-bottom: 8px; }
.form-cell input[type=text] { width: 100%; border: 1px solid #000000!important;}

.dk-selected { border-color: #000000; }

.col-inner .panel-bottom.free-trial { padding-bottom: 0; }
.col-inner .panel-bottom:not(.free-trial) { padding-bottom: 1px; }

.col-inner .panel-bottom .lbl-free-trial { display: block; width: 100%; padding: 10px; background-color: #bed400; border: 0; font-size: 16px; color: #4d5753; font-family: berlingske_sans_roundregular, sans-serif; text-align: center; }
.lbl-free-trial-limit { display: block; width: 100%; margin-top: 10px; font-family: berlingske_sans_roundregular, sans-serif; font-size: 12px; color: #000000; }


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

.btn-continue,
.btn-close { background-color: #bed400; border: 1px solid #bed400; color: #333333; font-size: 16px; padding: 10px 20px; cursor: pointer; transition: all 0.2s; }

.btn-continue:hover,
.btn-close:hover { background-color: #ffffff; }

.btn-close { margin-top: 30px; text-decoration: none; display: inline-block; }

.error-list { margin-bottom: 20px; }

.error-list ul { list-style:square; color: #cc0000; margin-left: 30px; }
.error-list ul li { font-family: berlingske_sans_roundregular, sans-serif; font-size: 14px; margin: 1px 0; }


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

div.thanks { padding: 20px; background-color: #D8D9DA; }
div.thanks p { font-size: 18px; color: #000000; }

div.thanks .btn-close { color: #000000; }

.popup-modal.free-trial-form .form { display: block; margin: 10vh auto 0 auto; width:100%; max-width: 500px; background-color: #ffffff;  position: relative; }

.popup-modal.free-trial-form .form .form-content { border-top: 30px solid #ffffff; border-bottom: 30px solid #ffffff; padding: 0 30px; max-height: 80vh; overflow-y: auto; }
.popup-modal.free-trial-form .form h2 { color: #5482ab; text-align: center; line-height: 1.3em; margin-bottom: 30px; }
.popup-modal.free-trial-form .form .close-form { position: absolute; right: -10px; top: -10px; width: 30px; height: 30px; background-color: #4d5357; border-radius: 30px; background-image: url(/_assets/icon-cross-white.png); background-size: 14px 14px; background-position: center; background-repeat: no-repeat; cursor: pointer; }

.popup-modal.free-trial-form .form-cell { margin-bottom: 7px; }
.popup-modal.free-trial-form .form-cell label { margin-bottom: 4px; }

.banner { position: relative; min-height: 200px; background-image: url("/sanctions/purchase/_assets/banner-image.jpg"); background-position: center; background-size: cover; background-repeat: no-repeat; margin-bottom: 20px; }
.banner .tint { position: absolute; background-color: rgba(84,130,179,0.6); top: 0; left: 0; bottom: 0; right: 0; z-index: 1; }

.banner .content { position: relative; z-index: 2; padding: 30px 50px; }
.banner h2 { color: #ffffff; font-size: 50px; margin-bottom: 0.5em; }
.banner p { color: #ffffff; font-size: 26px; }