/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* --------------------------------

Primary style

-------------------------------- */
html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

*, *::after, *::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*::after, *::before {
    content: '';
}

body {
    font-size: 100%;
    font-family: "Roboto", sans-serif;
    color: #878cb0;
    height: 100vh;
    overflow-x: hidden;
    background-size: cover;
    background-position: center center;
}

a {
    color: #f58780;
    text-decoration: none;
}

img {
    max-width: 100%;
}

h1, h2 {
    color: #ffffff;
}



.container {

    max-width: 800px;
    display: block;
    margin: 0 auto;

}

/*********************************
  Instabio Landing
**********************************/
.instabio-landing-page {
    padding: 2px 3% 0 3%;
    position: relative;
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center center;
}

.instabio-img {

    display: block;
    margin: 3% auto;
    text-align: center;
    width: 100px !important;
    height: 100px !important;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    background-color: #eee;

}

.instabio-img img {

    background-color: #eee;
    background-size: cover;
    background-position: center;
}

.instabio-title {

    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    font-weight: 400;
}

.instabio-messenger-btns {

    margin: 10px 0;
    text-align:center;
    float: left;

    width: 100%;
}

.instabio-messenger-btns.items-1 .instabio-btn {
    width:100%!important;
}

.instabio-messenger-btns.items-2 .instabio-btn {
    width: calc(50% - 9px) !important;
}


.instabio-messenger-btns.items-5 .instabio-btn:first-child, .instabio-messenger-btns.items-5 .instabio-btn:nth-child(2)  {

    width: calc(50% - 8px) !important;

}

.instabio-messenger-btns.items-3 .instabio-btn, .instabio-messenger-btns.items-4 .instabio-btn, .instabio-messenger-btns.items-5 .instabio-btn, .instabio-messenger-btns.items-6 .instabio-btn, .instabio-messenger-btns.items-7 .instabio-btn   {
    width: calc(50% - 8px);
    float: left;
    margin-left: 6px;
}

.instabio-messenger-btns.items-7 .instabio-btn:first-child {

    width: 100% !important;

}

.instabio-links-btn-wrapper {
    width: 100%;
}

.instabio-btn {
    
    transition:0.2s ease-in;
    padding: 10px 15px!important;
    display: inline-block;
    background-color: #fff;
    height: 50px;
    text-align: center;
    line-height: 25px;
    color: inherit;
    text-decoration: none;
    font-size: 1.1rem;
    font-weight: 400;
    cursor: pointer;
    border: 2px solid transparent;
    text-transform: capitalize;
    overflow: hidden;
    margin: 0 3px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.instabio-messenger-btns .instabio-btn {
    line-height: 30px;
}

.instabio-btn.no-animation.animated {

    animation-name: none !important;

}

.instabio-messenger-btns .instabio-btn {

    margin: 5px 2px;

}

.instabio-btn svg {

    margin-right: 5px;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-top: -4px;
}

.instabio-btn:hover {
    color:initial;
}


.instabio-btn i {
    margin-right:4px;
}

.instabio-messenger-btns,.instabio-links-btns, .instabio-social-btns {

    background-color: transparent !important;
    margin: 10px 0 0 0;
    text-align:center;
    float: left;
    width: 100%;

}



.instabio-messenger-btns.items-1 .instabio-btn span, .instabio-messenger-btns.items-2 .instabio-btn span {

    display: block;

}

.instabio-messenger-btns.items-1 .instabio-btn {

    width: 100% !important;

}

.instabio-links-btns .instabio-btn {

    margin: 10px 0 10px 5px;
    float: left;
    width: calc(100% - 9px);

}

.instabio-powered-by {

    text-align: center;
    color: #fff;
    font-size: 1.1rem;
    display: block;+
    float: left;
    width: 100%;
    font-family: Roboto, serif;
    left: 0;
    margin-bottom:20px;
}

.instabio-powered-by.absolute-div {

    position: absolute;
    top: auto;
    bottom: 30px;
}

.instabio-powered-by.relative-div {
    position:relative;
    top: 25px;
}

.instabio-powered-by strong {
    font-size: 1.4rem;
}

.instabio-btn-social svg {

    width: 40px;
    height: 40px;
    color: #fff;

}

.instabio-btn-social {

    margin: 5px 0;
    display: inline-block;
    min-width: calc(25% - 5px);
}

body.outlined-btns .instabio-landing-page .instabio-btn {

    background-color: transparent;

}
body.rounded-btns .instabio-landing-page .instabio-btn {

    border-radius:20px;

}

* { box-sizing: border-box; }
.video-background {
    background: #000;
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: -99;
}
.video-foreground,
.video-background iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
#vidtop-content {
    top: 0;
    color: #fff;
}
.vid-info { position: absolute; top: 0; right: 0; width: 33%; background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; }
.vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; }
.vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; }
@media (min-aspect-ratio: 16/9) {
    .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
    .video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
    .vid-info { width: 50%; padding: .5rem; }
    .vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
    .vid-info .acronym { display: none; }
}

.owl-carousel:not(.owl-style-content).owl-loaded.owl-drag {
    z-index: 0;
    position: absolute;
}.owl-carousel.owl-loaded.owl-drag {

    position: relative;
     display: inline-block;
}

.the_content{
    display: inline-block;
    width: inherit;
}

.instabio-video-section iframe#player {

    width: 100%;
}

.slider-item-info-wrapper {

}

h3.slider-item-title {
    padding: 15px;
    border-bottom:1px solid rgba(255,255,255,0.1);
}

p.slider-item-desc {
    padding: 15px;
}

.slider-item-info-wrapper .link-wrapper {

    padding: 15px;
    text-align: center;

}

.instabio-subscribe-section {
    text-align: center;
    padding: 1rem;
    display: table;
    margin: 0 auto;
    position: relative;
}
.subscribeHead[data-theme=default] {
    color: #fff;
    margin-bottom: 1rem;
    width: 100%;
    text-align: center;
}
.subscribeHead[data-theme=dark] {
    color: #000;
    margin-bottom: 1rem;
    width: 100%;
    text-align: center;
}
object.linkIcon {
    height: 30px;
    top: 6px;
    position: relative;
}

.instabio-mailform-section {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 1rem 0;
}
.mail-wrapper {
    display: flex;
}
h3.mail-head {
    padding: 0 1em;
}
.card-wrapper.card {
    border-radius: 10px;
    width: 100%;
}
input.mail-input,.mail-text {
    width: 50%;
    display: inline-block;
}div.mail-text {
     width: 50%;
 }
.instabio-mailform-section div[data-theme=light]:not(.footer-menu) {
    background: #fff;
    position: relative;
    display: inline-block;
    width: inherit;
}
.instabio-mailform-section div[data-theme=light] .mail-text.instabio-btn.addMail:hover{

    color: #fff;
    background: #000;
}
.instabio-mailform-section div[data-theme=light] > h3 {
    color: #000;
    text-align: center;
    padding: 1rem;
}
.instabio-mailform-section div[data-theme=light] .mail-text.instabio-btn.addMail {
    color: #000;
    background: #fff;
}
.instabio-mailform-section div[data-theme=light]:not(.footer-menu) {
    background: #fff;
    position: relative;
    display: inline-block;
    width: inherit;
}
.instabio-mailform-section div[data-theme=dark] .instabio-btn:hover{

    color: #fff;
    background: #000;
}
.instabio-mailform-section div[data-theme=dark] > h3 {
    color: #fff;
    text-align: center;
    padding: 1rem;
}
.mail-text.instabio-btn.addMail.disabled{
    pointer-events: none;
}
.instabio-pollform-section{
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 1rem auto;
}
.poll-wrapper{
    width: 100%;
    position: relative;
    display: inline-block;
}
.poll-wrapper.voteTriggered {
    pointer-events: none;
}
.poll-option-el{
    margin: 1rem;
    cursor: pointer;
}
.poll-option-el.instabio-btn {
    width: calc(100% - 2rem);
    border-radius: 25px;
}
div[data-theme=dark] .poll-option-el.instabio-btn{
    color: #000;
    background: #fff;
}
.poll-option-el:hover {
    text-decoration: underline;
}
div[data-theme=light].poll-wrapper {
    background: #fff;

}
div[data-theme=light] .poll-option-el {
    color: #000;
}
div[data-theme=dark].poll-wrapper {
    background: #000;

}
div[data-theme=dark] .poll-option-el {
    color: #fff;
}

.instabio-about-me-section.bio-section [data-theme=dark] {
    background: #000;
    padding: 1em;
}

.about-contentinfo {
    padding: 1em;
}
.instabio-linkedin-section {
    position: relative;
    display: inline-block;
    margin: 1rem auto;
    left: 50%;
    transform: translateX(-50%);
}
.LI-badge-container {
    margin-left: 50%;
    transform: translateX(-50%);
}
.LI-profile-badge {
    margin: auto;
    width: 100%!important;
}
div[data-theme=light].LI-profile-badge {
    background: #fff;
    position: relative;
    display: inline-block;
}
.footer-menu[data-theme=light] {
    color: #fff;
}
.footer-menu[data-theme=dark] {
    color: #000;
}
.footer-wrapper {
    position: relative;
    margin: 50px auto 0 auto;
    display: inline-block;
    color: #000;
    width: 100%;
}
.footer-menu {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu-item:hover {
    text-decoration: underline;
}
.menu-item {
    margin-left: 1em;
    cursor: pointer;
}
.link-item-content{
    display: none;
}
.link-item-content.active {
    padding: 1em;
    display: flex;
    background: #fff;
    position: fixed;
    width: 70vw;
    height: 70vh;
    z-index: 123;
    cursor: auto;
    left: 15vw;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    top: 15vh;
}
.close-content {
    position: absolute;
    right: 1em;
    cursor: pointer;
}
.lds-dual-ring {
    display: inline-block;
    width: 17px;
    height: 17px;

    margin-left: 1rem;
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #e3e3e3 transparent #e3e3e3 transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}