body {
font-family: 'Comfortaa', cursive;
width:100%;
height:100%;
color:#062f4f;
background-color:#fff
}

html {
width:100%;
height:100%
}

.img-fluid2 {
height: 100%;
max-width: 90%;
border: 6px double #062f4f;
border-radius: 12px;
}

h1,h2,h3,h4,h5,h6 {
font-family: 'Comfortaa', cursive;
font-weight:700;
margin:0 0 20px;
letter-spacing:1px;
}

.navbar-brand {
font-size:22px
}

p {
font-size:22px;
line-height:1.5;
margin:0 0 25px
}

input[type=text],input[type=email],select {
width:100%;
padding:12px;
border:1px solid #ccc;
border-radius:4px;
box-sizing:border-box;
margin-top:6px;
margin-bottom:16px;
resize:vertical
}

textarea {
width:100%;
padding:12px;
border:1px solid #ccc;
border-radius:4px;
box-sizing:border-box;
margin-top:6px;
margin-bottom:16px;
resize:vertical;
min-height: 150px;
}

input[type=submit] {
background-color:#cf6766;
color:#fff;
padding:12px 20px;
border:none;
border-radius:4px;
cursor:pointer;
border:2px solid #fff;
font-weight:1000
}

#contact {
padding-bottom: 20px;
}

.red-color {
color:#cf6766!important
}

.section-title {
text-decoration:underline
}

a {
color: #062f4f
}

a:focus,a:hover {
text-decoration:underline;
color:#cf6766
}

#mainNav {
font-family: 'Comfortaa', cursive;
margin-bottom:0;
text-transform:uppercase;
border-bottom:1px solid rgba(255,255,255,0.3);
background-color:#000
}

#mainNav .navbar-toggler {
font-size:14px;
padding:11px;
color:#fff;
border:1px solid #fff
}

#mainNav .navbar-brand {
font-weight:700
}

#mainNav a {
color:#fff
}

#mainNav .navbar-nav .nav-item {
-webkit-transition:background .3s ease-in-out;
-moz-transition:background .3s ease-in-out;
transition:background .3s ease-in-out
}

#mainNav .navbar-nav .nav-item:hover {
color:fade(white,80%);
outline:none;
background-color:transparent
}

#mainNav .navbar-nav .nav-item:active,#mainNav .navbar-nav .nav-item:focus {
outline:none;
background-color:transparent
}

.masthead {
display:table;
width:100%;
height: 75vh;
padding:150px 0;
text-align:center;
color:#fff;
background:url(../img/intro-bg.jpg) no-repeat bottom center scroll;
background-color:#000;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover
}

.masthead .intro-body {
display:table-cell;
vertical-align:middle
}

.masthead .intro-body .brand-heading {
font-size:50px;
color:#cf6766
}

.masthead .intro-body .intro-text {
font-size:24px
}

#eu-sticker {
height:25vh;
background-color: #eee;
}

.btn-circle {
font-size:26px;
width:55px;
height:55px;
margin-top:15px;
line-height:45px;
-webkit-transition:background .3s ease-in-out;
-moz-transition:background .3s ease-in-out;
transition:background .3s ease-in-out;
color:#fff;
border:2px solid #cf6766;
border-radius:100%!important;
background:transparent
}

.fa-twitter,.fa-facebook,.fa-linkedin {
color:#cf6766;
margin:10px
}

.btn-circle:focus,.btn-circle:hover {
color:#fff;
outline:none;
background:rgba(255,255,255,0.1)
}

.content-section {
padding-top:40px
}

.download-section {
color:#fff;
background:url(../img/downloads-bg.jpg) no-repeat center center scroll;
background-color:#000;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
padding-bottom: 20px;
}

.btn {
font-family: 'Comfortaa', cursive;
font-weight:400;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
text-transform:uppercase;
border-radius:0
}

.btn-default {
color:#cf6766;
border:1px solid #cf6766;
background-color:transparent
}

.btn-default:focus,.btn-default:hover {
color:#000;
border:1px solid #cf6766;
outline:none;
background-color:#cf6766
}

ul.banner-social-buttons {
margin-top:0
}

footer {
border-top:2px dashed #cf6766;
padding:10px 0;
background-color:#eee
}

footer p {
font-size:14px;
margin:0
}

::-moz-selection {
background:#cf6766
}

::selection {
background:#cf6766
}

img::selection {
background:transparent
}

img::-moz-selection {
background:transparent
}

#call-to-action1 p {
font-size:32px;
font-weight:1000
}

#call-to-action2 p {
font-size:32px;
font-weight:1000
}

.cd-top {
display:inline-block;
height:40px;
width:40px;
position:fixed;
bottom:30px;
right:15px;
box-shadow:0 0 10px rgba(0,0,0,0.05);
overflow:hidden;
text-indent:100%;
white-space:nowrap;
background:rgba(207,103,102,0.9) url(../img/cd-top-arrow.svg) no-repeat center 50%;
visibility:hidden;
opacity:0;
-webkit-transition:opacity .5s,visibility .5s;
-moz-transition:opacity .5s,visibility .5s;
transition:opacity .5s,visibility .5s;
border:1px solid #fff
}

.cd-top.cd-is-visible,.cd-top.cd-fade-out,.no-touch .cd-top:hover {
-webkit-transition:opacity .5s,visibility .5s;
-moz-transition:opacity .5s,visibility .5s;
transition:opacity .5s,visibility .5s
}

.cd-top.cd-is-visible {
visibility:visible;
opacity:1
}

.cd-top.cd-fade-out {
opacity:.8
}

.cooperating-companies {
background-color:#eee
}

.centering {
margin:10px auto
}

@-webkit-keyframes swing {
15% {
-webkit-transform:translateX(3px);
transform:translateX(3px)
}

30% {
-webkit-transform:translateX(-3px);
transform:translateX(-3px)
}

50% {
-webkit-transform:translateX(2px);
transform:translateX(2px)
}

65% {
-webkit-transform:translateX(-2px);
transform:translateX(-2px)
}

80% {
-webkit-transform:translateX(1px);
transform:translateX(1px)
}

100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}

@keyframes swing {
15% {
-webkit-transform:translateX(3px);
transform:translateX(3px)
}

30% {
-webkit-transform:translateX(-3px);
transform:translateX(-3px)
}

50% {
-webkit-transform:translateX(2px);
transform:translateX(2px)
}

65% {
-webkit-transform:translateX(-2px);
transform:translateX(-2px)
}

80% {
-webkit-transform:translateX(1px);
transform:translateX(1px)
}

100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}

.swing:hover {
-webkit-animation:swing 1s ease;
animation:swing 1s ease;
-webkit-animation-iteration-count:1;
animation-iteration-count:1
}

.checkbox-container {
display:block;
position:relative;
padding-left:35px;
margin-bottom:12px;
cursor:pointer;
font-size:18px;
font-weight:300;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}

.checkbox-container input {
position:absolute;
opacity:0;
cursor:pointer
}

.checkmark {
position:absolute;
top:0;
left:0;
height:20px;
width:20px;
background-color:#aaa
}

.checkbox-container input:checked ~ .checkmark {
background-color:#cf6766
}

.checkmark:after {
content:"";
position:absolute;
display:none
}

.checkbox-container input:checked ~ .checkmark:after {
display:block
}

.checkbox-container .checkmark:after {
left:9px;
top:5px;
width:5px;
height:10px;
border:solid #fff;
border-width:0 3px 3px 0;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)
}

.btn.disabled,.btn[disabled] {
cursor:not-allowed
}

.progress-container {
width:100%;
height:8px;
background:transparent;
position:fixed;
top:59px;
z-index:1000
}

.progress-bar {
height:8px;
background:#cf6766;
width:0
}

@media (min-width: 768px) {
p {
line-height:1.6;
margin:0 0 35px
}
}

@media (min-width: 992px) {
#mainNav {
padding-top:20px;
padding-bottom:20px;
-webkit-transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;
-moz-transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;
transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;
letter-spacing:1px;
border-bottom:none;
background:transparent
}

#mainNav.navbar-shrink {
padding-top:10px;
padding-bottom:10px;
border-bottom:1px solid rgba(255,255,255,0.3);
background:#000
}

#mainNav .nav-link.active {
outline:none;
background-color:rgba(255,255,255,0.3)
}

#mainNav .nav-link.active:hover {
color:#fff
}

.progress-container {
top:63px
}
}

@media (min-width: 768px) {
.masthead {
padding:0
}

.masthead .intro-body .brand-heading {
font-size:100px
}

.masthead .intro-body .intro-text {
font-size:36px
}
}

@media (max-width: 1199px) {
ul.banner-social-buttons {
margin-top:15px
}
}

@media (max-width: 767px) {
ul.banner-social-buttons li {
display:block;
margin-bottom:20px;
padding:0
}

ul.banner-social-buttons li:last-child {
margin-bottom:0
}

.masthead {
padding: 70px 0
}
}