﻿html { margin: 0; padding: 0; }
body { width: 100%; height: 100%; min-height:600px; margin: 0; padding: 0; display: flex; position: relative; font-family: 'Karla' }
.body-download { background-image: url(/static/img/download-form-bck.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }
.body-download::after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background-color: rgba(255, 255, 255, 0.8) }
.body-download > .container { position: relative; z-index: 1000; margin: auto; padding: 30px 0; }
.body-download > .container > div { width: 100%; margin: 0; }
.body-download > .container > div > div > .page-header { margin-top: 0; }
.body-download > .container > div > div > .page-header > #popupText { font-weight: 600; }
.body-download > .container > div > div > .page-header > #popupTitle { margin-top: 0; text-transform: uppercase }
.body-download > .container > div > div > #formCnt > .breadcrumb { background-color: #f4b334; color: #1D1E1B; font-weight: 600 }
.body-download > .container > div > div > #formCnt > #form1 > .form-group.send { text-align: center; padding-top: 15px }
.body-download > .container > div > div > #formCnt > #form1 > .form-group.send > #btnSend { background-color: #f4b334; color: #1D1E1B; font-weight: 600; border: none; border-radius: 0; padding: 10px 15px; }
.body-download > .container > div > div > #formCnt > #form1 > .form-group > div > input { border: 0; border-radius: 0; box-shadow: 0 0 0; transition: all 0.3s }
.body-download > .container > div > div > #formCnt > #form1 > .form-group > div > input:focus { box-shadow: 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(244 179 52 / 60%); }
.body-download > .container > div > div > #formMsgCnt > div > a { background-color: #f4b334; color: #1D1E1B; padding: 8px 15px; border: none; border-radius: 0; font-size: 1.5rem; font-weight: 600; }
.body-download > .container > div > div .form-message-success { font-size: 1.5rem; font-weight: 700; margin-bottom: 10px; display: block; }
.form-horizontal .form-group.privacy { margin: 0 5px; }
.body-download .form-horizontal .form-group .checkbox label { padding-left: 0; line-height: 2.2rem; display: flex; align-items: flex-start; }
.body-download .form-horizontal .form-group .checkbox label span { line-height: 1.6rem; font-weight: 600; margin-left: 5px; }
.body-download .form-horizontal .form-group .checkbox label span a { color: #1D1E1B; text-decoration: underline; }
.body-download .form-horizontal .form-group .checkbox input[type=checkbox] { margin-left: 0; margin-right: 2px; margin-top: 0; position: relative; flex-shrink: 0; width: 16px; height: 16px; }
.body-download .form-horizontal .checkbox { padding-top: 15px; }

@media (max-width:480px) {
    .body-download > .container > div > div > .page-header > #popupTitle { font-size: 2.4rem; }
}
