html, body, h1, h2, h3, h4, h5, p{
    font-family: 'PT Sans', sans-serif;
} 

.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a{
    font-family: 'Barlow', sans-serif !important;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    background-color: #95c6ea !important;
}

.breadcrumb > li a {
    text-decoration: none;
    color: #267FC0;
}

.navbar-brand, .navbar-inverse .navbar-toggle{
    height: fit-content !important;
}

.navbar-brand img{
    min-height: 55px;
}

.navbar-header{
    display: flex;
    align-items: center;
}

body{
    background-color: #F4F8FF !important;
}

.icon-download, .icon-ticket-simple, .icon-envelope, .icon-magnifying-glass{
    margin-left: 5px;
}

.d-none{
    display: none !important;
}

img{
    width: 100%;
    height: auto !important;
}

.svgImage{
    width: 60px;
    height: 60px !important;
}

a.redirectLink{
    font-size: 12px;
    padding: 20px;
    text-decoration: none !important;
    color: #2D5FB8;
}

.blueBtn{
    background-color: #2D5FB8;
    border-color: #2D5FB8;
    font-size: 13px;
    padding: 5px 12px;
    color: white;
}

.greenBtn{
    background-color: #6DAD35;
    border-color: #6DAD35;
    font-size: 13px;
    padding: 5px 12px;
}

.whiteBtn, .whiteBtn:hover, .whiteBtn:focus{
    background-color: transparent;
    border-color: transparent;
    font-size: 13px;
    padding: 5px 12px;
    color: #2D5FB8;
}

.blueBtn:hover, 
.greenBtn:hover, 
.blueBtn:focus, 
.greenBtn:focus{
    color: #2d5fb8 !important;
    background-color: #95c6ea !important;
    border-color: #95c6ea !important;
}

.seeAllButton{
    float: right;
    font-size: 16px;
}

.sectionBlockLayout{
    padding: 20px 0 !important;
    background-color: #F4F8FF;
}

.sectionBlockLayout h3{
    color: #234A8F; 
    text-transform: uppercase;
    margin-bottom: 20px;
}

.sectionBlockLayout h3.lightHeader{
    color: #95C6EA;
}

.sectionBlockLayout h3 span{
    font-weight: bold; 
}

.countdown{
    width: 434px;
    position: absolute;
    right: 30px;
    bottom: -75px;
}

.sectionSponsor{
   /* background-color: #EAF4FB; */
   background-color: #FFFFFF;
}

.headerContainer{
    min-height: 530px;
    background-color: transparent; 
    padding: 0 !important; 
    display: flex; 
    margin: 0 15px; 
    flex-wrap: wrap; 
    align-items: flex-end; 
    position: relative; 
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;  
    align-items: center;
}

.headerContainer .columnBlockLayout{
    margin: 60px 0px;
}

.headerContainer .cardColor.blue{
    background: linear-gradient(117.4deg, #234A8F 2.66%, #81BBE699 59.88%, rgba(163, 213, 118, 0.8) 133.42%);
}

.headerContainer p, .headerContainer h1{
    text-transform: uppercase;
}

.headerContainer h1,
.headerContainer h2{
    font-size: 56px; 
    color: white; 
    margin-bottom: 0px;
    font-weight: bold;
}

.headerContainer p{
    font-size: 56px; 
    color: white; 
    margin-bottom: 0px;
}

@media screen and (max-width: 992px){
    .headerContainer h1{
        font-size: 36px; 
    }
    
    .headerContainer p{
        font-size: 36px; 
    }
}

@media(max-width: 470px){
    .countdown{
        width: 100%;
        right: auto;
        position: sticky;
    }
}

.headerContainer .smallText{
    display: flex;
    align-items: center;
    margin-top: 25px;
}

.headerContainer .smallText span{
    color: white; 
    font-size: 15px; 
}

.headerContainer .smallText i{
    color: white; 
    padding-right: 15px;
}

.headerContainer .smallText{
    color: white; 
    font-size: 13px; 
}

.sectionWhat{
    padding: 20px 0;
}

.sectionWhat .container{
    margin-top: 50px;
}

.columnWhat{
    display: flex;
    flex-wrap: wrap;
}

.columnWhat .cardWhat{
    padding: 5px 15px;
}

.absolute-a{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.columnWhat h3{
    color: white; 
    padding: 15px; 
    text-align: left; 
    position: absolute; 
    bottom: 0; 
    left: 10px; 
    font-weight: bold;
}

.columnWhat .inner{
    position: relative;
}

.cardColor{
    position: absolute;
    width: 100%;
    height: 100%;
}

.cardColor.green{
    background: linear-gradient(133.05deg, #6DAD3599 33.01%, #88C94F99 99.94%);
}

.cardColor.orange{
    background: linear-gradient(135deg, #FB410499 31.25%, #F3BE0499 100%);
}

.cardColor.purple{
    background: linear-gradient(90deg, #923BCD99 31.25%, #004ECE99 100%);;
}

.cardColor.blue{
    background: linear-gradient(90deg, #03A79999 31.25%, #267FC099 100%);
}

.articleImg{
    width: 100%;
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.owl-stage{
    display: flex;
    align-items: center;
}

.owl-dots {
    text-align: center;    
}

.owl-dots .owl-dot{
    width: 14px;
    height: 14px;
    border-radius: 7px;
    background-color: #BFDDF2 !important;
    margin-right: 20px;
    animation: all 0.5s ease 0.1s;
}


.owl-dots .owl-dot.active{
        position: relative;
        width: 20px;
        height: 14px;
        margin-left: 5px;
        background-color: #BFDDF2 !important;
        z-index: 50;
}

.owl-dots .owl-dot.active::before{
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;
        width: 15px;
        height: 14px;
        border-radius: 7px;
        z-index: 0;

        background-color: #71B3E3 !important;

}

/* Webform, tabs */
.crmEntityFormView, .entitylist {
    border: none !important;
}

.crmEntityFormView .actions {
    border-top: none;
    float: right;
    margin-right: 28px;
}

.modal-dialog{
    width: 800px;
}

.modal-title{
    margin-left: 28px;
}

.modal-header {
    border-bottom: none;
}

.modal-form .modal-body iframe {
    height: 600px;
}

#EntityFormControl{
    background-color: white;
}

#EntityFormControl .form-control{
    border: 1px solid #7097DC;
    border-radius: 2px;
}

#EntityFormControl .textarea{
    width: 100%;
    max-width: 100%;
    min-height: 90px;
}

#EntityFormControl .field-label{
    font-weight: 400;
    font-size: 14px;
    color: #050B14;
}

.crmEntityFormView div.description.above{
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
}

#EntityFormControl .progress {
    background-color: #fff;
    box-shadow: none;
    border-radius: 4px;
    display: flex;
    align-items: stretch; /* Default */
    justify-content: space-between;
    width: 100%;
    padding: 20px;
    position: relative;
    font-size: 14px;
    height: auto;
    margin-bottom: 0;
}

#EntityFormControl .progress li {
    display: block;
    flex: 0 1 auto; /* Default */
    list-style-type: none;
    background-color: white;
    padding: 0 0.75em;
    z-index: 1;
    border: none;
    color: #9999a9;
}

#EntityFormControl .progress li a,
#EntityFormControl .progress li a:focus {
    color: #7097DC;
    text-decoration: none;
}

#EntityFormControl .progress li.active a {
    color: #2D5FB8;
}

#EntityFormControl .progress li.list-group-item-success a {
    color: #2D5FB8;
}

#EntityFormControl .progress li.list-group-item-success span {
    display: none;
}

#EntityFormControl .progress li.complete a {
    color: #2D5FB8;
}

#EntityFormControl .progress li:first-child a {
    padding-left: 0;
}
  
#EntityFormControl .progress li:last-child a {
    padding-right: 0;
}
  
#EntityFormControl .tab {
    background-color: #ffffff;
    border-radius: 4px;
    font-size: 14px;
}

/* width */
::-webkit-scrollbar {
width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
border-radius: 8px;
background: #EDF0F7;
}

/* Handle */
::-webkit-scrollbar-thumb {
background: #8398C8; 
border-radius: 8px;
}

#EntityFormControl .tab-track{
    position:relative;
    left: 0px;
    bottom: 0px;
    width: 100%; 
    height: 4px;
    border-radius: 10px;
    background-color: #EDF0F7;
    overflow: hidden;
    margin-bottom: 15px;
}

#EntityFormControl .tab-track-thumb{
    position: absolute;
    left: 0px;
    height: 4px;
    width: 0px;
    border-radius: 10px;
    background: linear-gradient(90deg, #2D5FB8 21.83%, #71B3E3 100%);
    
    transition:all 0.5s ease 0.1s;

}

.speaker-text, .exhibitor-text{
    padding: 28px;
    padding-bottom: 0;
}

.speaker-text p, .exhibitor-text p{
    color: #2D3D6F; 
    font-size:14px;
}

.speaker-text p.red{
    color: #B00303; 
}

.file-cell{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.file-cell .info label{
    font-weight: normal;
}

.file-cell .control{
    padding: 8px;
    background-color: #EAF4FB;
}

.file-cell .control #AttachFile{
    border: 1px dashed #4779D2;
    padding: 40px;
    background-color: #EAF4FB;
}

/********FOOTER********/

footer .footer-bottom{
    background-color: #0F203D !important;
}

footer .footerSnippet{
    padding-bottom: 40px;
}

footer .footerSocialMedia{
    display: flex; 
    padding: 40px 0 15px 0;
}

footer .footerSocialMedia .footerText{
    font-size: 14px; 
    color:white;
}

.social_links img{
    height: 32px;
    width: 32px;
    padding: 7px;
    border: 1px solid #47619F;
    border-radius: 5px;
}

.footer-list .parent_link:hover{
    cursor: pointer;
    text-decoration: underline;
}

.social_links svg{
    padding: 6px;
    border: 1px solid #47619F;
    width: 32px;
    background: #273658;
    border-radius: 2px;
    height: 32px;
}

@media(max-width: 991px){
    .footerSnippet, .footerSocialMedia{
        display: flex;
        justify-content: center;
    }
}

footer .sectionFixedStyle {
    background-color: transparent;
}

.loader{
    width: 100px;
    height: 100px;
    border-radius: 100%;
    margin: 0 auto;
}

.loader:before, .loader:after{
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 10px solid transparent;
    border-top-color: #2D5FB8;
}

.loader:before{
    z-index: 100;
    animation: spin 1s infinite;
}

.loader:after{
    border: 10px solid #ccc;
}

@keyframes spin{
    0%{
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100%{
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}