* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    font-family:"Poppins", sans-serif;
    color:#444;
}

a {color:#777; text-decoration:none;}
a:hover {color:#00c0ff}
p {line-height:1.8}
li {line-height:1.8}

section {margin-bottom:60px}
footer {
    background:#eee;
}

.white-button {
    font-size:14px;
    color:dodgerblue;
    padding: 11px 25px;
    display: inline-block;
    transition: background-color 0.2s, color 0.2s;
    border: 2px solid dodgerblue;
    border-radius: 3px;
}

.white-button:hover {
    color:#fff;
    background-color: dodgerblue;
}

.footer {display:flex; margin:50px 0px 30px 0px; color:#777}
.footer ul {list-style:none;}
.footer ul li a {color:#777; transition: border-left 0.2s, color 0.2s;}
.footer ul li a:hover {border-left:4px solid dodgerblue; color:#333; padding-left:5px}

.footer-links {display:inline-block; font-size:13px; color:#777; margin-top:20px}
.footer-links:hover {color:#333}

.themed-bullets {
    margin:0;
    padding:0;
}
.themed-bullets li {
    margin: 0;
    list-style: none;
    padding: 5px 0 5px 30px;
    background-image: url('https://daina.app/assets/Tick.svg');
    background-repeat: no-repeat;
    background-position: 0px 13px;
    background-size: 20px;
}

.menu a {padding:0px 0px 0px 30px; font-size:16px; font-weight:600; color:#222;}
.menu a:hover {color:#00c0ff}

.container {
    width:calc(100% - 40px);
    height:100%;
    max-width:1200px;
    margin:0px auto;
    overflow:hidden;
    padding:0px 20px;
}

.language-select {
    display:flex;
    align-items:center;
    cursor:pointer;
    color:#777;
}

.language-select:hover {
    color:#00c0ff;
}

.language-icon {
    width:18px;
    height:18px;
}

.flag-gb {
    background: url('../assets/gb.svg');
}

.flag-text {
    margin-left:5px;
    font-size:14px;
}

.language-menu {
    position:relative;
    margin-left:20px;
}

.language-menu ul {
    z-index:10;
    position:absolute;
    right:0px;
    margin:0;
    padding:0;
    background-color: #fff;
    border: 1px solid #f8f8f8;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.2);
    border-radius: 5px;
}

.language-menu ul li {
    list-style: none;
    display:flex;
    justify-content:space-between;
}

.language-menu ul li a {
    display:flex;
    align-items:center;
    width:125px;
    padding:5px 10px;
    cursor:pointer;
}

.language-menu ul li a:hover {
    background-color: #f2f2f2;
}

.languageSelectorHidden {
    display:none;
}

.languageSelectorDisplay {
    display:block;
}

.utility-login {
    font-size:14px;
}

@media only screen and (min-width: 0px) {
    .container {max-width:540px;}
    .layout {display:flex; flex-direction:column}
    .reverse {flex-direction:column-reverse}
    .text {margin:50px 0px; text-align:center;}
    .qtr2full {width:calc(100% - 40px); margin-top:20px;}
    .nav {display:none;}
    .mainVideo {width:initial;height:100%;}
    .homeVidTxt {margin-top:130px}
    .largeText {font-size:25px;}
}

@media only screen and (min-width: 768px) {
    .container {max-width:720px;}
    .layout {display:flex; flex-direction:row;}
    .text {margin:0px 20px; text-align:left;}
    .section-text-left {margin:0px 40px 0px 0px; max-width:1100px; text-align:left;}
    .section-text-right {margin:0px 0px 0px 40px; max-width:1100px; text-align:left;}
    .qtr2full {width:calc(25% - 20px); margin-top:20px;}
    .nav {display:flex;}
    .mainVideo {width:100%; height:auto;}
    .homeVidTxt {margin-top:80px}
    .largeText {font-size:55px;}
}

@media only screen and (min-width:1200px) {
    .container {max-width:1140px;}
    .layout {display:flex; flex-direction:row;}
    .text {margin:150px 20px; text-align:left;}
    .section-text-left {margin:0px 40px 0px 0px; max-width:1100px; text-align:left;}
    .section-text-right {margin:0px 0px 0px 40px; max-width:1100px; text-align:left;}
}

.fadeInUp {
    animation-name: fadeInUp;
}

.animated {
    animation-fill-mode: both;
    animation-duration: 1s;
    animation-play-state: running;
}

.delay {
    animation-delay: 300ms;
}

.delaySlow {
    animation-delay: 550ms;
}

@keyframes fadeInUp {
    0% {opacity:0; transform:translateY(20px)};
    100% {opacity:1; transform: translateY(0px)};
}