@font-face {
    font-family: Playlist-Script;
    src: url("../font/Playlist-Script.otf") format("opentype");
}

html, body {
    font-family: 'Roboto Condensed', sans-serif;
    color: #28303A;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto Condensed', sans-serif;
}

input:focus, textarea:focus, button:focus {
    outline: none !important;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0);
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0,123,255,0);
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,0);
}

.playlist {
    font-family: 'Playlist-Script', sans-serif;
}

.roboto {
    font-family: 'Roboto Condensed', sans-serif;
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

.transparent {
    background: transparent !important;
}

.font-5 {
    font-size: 5px !important;
}

.font-6 {
    font-size: 6px !important;
}

.font-7 {
    font-size: 7px !important;
}

.font-8 {
    font-size: 8px !important;
}

.font-9 {
    font-size: 9px !important;
}

.font-10 {
    font-size: 10px !important;
}

.font-11 {
    font-size: 11px !important;
}

.font-12 {
    font-size: 12px !important;
}

.font-13 {
    font-size: 13px !important;
}

.font-14 {
    font-size: 14px !important;
}

.font-15 {
    font-size: 15px !important;
}

.font-16 {
    font-size: 16px !important;
}

.font-17 {
    font-size: 17px !important;
}

.font-18 {
    font-size: 18px !important;
}

.font-19 {
    font-size: 19px !important;
}

.font-20 {
    font-size: 20px !important;
}

.font-21 {
    font-size: 21px !important;
}

.font-22 {
    font-size: 22px !important;
}

.font-23 {
    font-size: 23px !important;
}

.font-24 {
    font-size: 24px !important;
}

.font-25 {
    font-size: 25px !important;
}

.font-26 {
    font-size: 26px !important;
}

.font-27 {
    font-size: 27px !important;
}

.font-28 {
    font-size: 28px !important;
}

.font-29 {
    font-size: 29px !important;
}

.font-30 {
    font-size: 30px !important;
}

.font-31 {
    font-size: 31px !important;
}

.font-32 {
    font-size: 32px !important;
}

.font-33 {
    font-size: 33px !important;
}

.font-34 {
    font-size: 34px !important;
}

.font-35 {
    font-size: 35px !important;
}

.font-36 {
    font-size: 36px !important;
}

.font-37 {
    font-size: 37px !important;
}

.font-38 {
    font-size: 38px !important;
}

.font-39 {
    font-size: 39px !important;
}

.font-40 {
    font-size: 40px !important;
}

.font-41 {
    font-size: 41px !important;
}

.font-42 {
    font-size: 42px !important;
}

.font-43 {
    font-size: 43px !important;
}

.font-44 {
    font-size: 44px !important;
}

.font-45 {
    font-size: 45px !important;
}

.font-46 {
    font-size: 46px !important;
}

.font-47 {
    font-size: 47px !important;
}

.font-48 {
    font-size: 48px !important;
}

.font-49 {
    font-size: 49px !important;
}

.font-50 {
    font-size: 50px !important;
}

.font-54 {
    font-size: 54px !important;
}

.font-55 {
    font-size: 55px !important;
}

.font-58 {
    font-size: 58px !important;
}


.font-60 {
    font-size: 60px !important;
}

.font-61 {
    font-size: 61px !important;
}

.font-62 {
    font-size: 62px !important;
}

.font-64 {
    font-size: 64px !important;
}

.font-65 {
    font-size: 65px !important;
}

.font-70 {
    font-size: 70px !important;
}

.font-75 {
    font-size: 75px !important;
}

.font-77 {
    font-size: 77px !important;
}

.font-80 {
    font-size: 80px !important;
}

.font-90 {
    font-size: 90px !important;
}

.font-100 {
    font-size: 100px !important;
}

.font-110 {
    font-size: 110px !important;
}

.font-120 {
    font-size: 120px !important;
}

.normal {
    font-weight: normal;
}

.thin {
    font-weight: 100;
}

.semi-light {
    font-weight: 200;
}

.light {
    font-weight: 300;
}

.regular {
    font-weight: 400;
}

.semi-regular {
    font-weight: 500;
}

.semi-bold {
    font-weight: 600;
}

.bold {
    font-weight: 700;
}

.semi-black {
    font-weight: 800;
}

.black {
    font-weight: 900;
}

.fw-100 {
    font-weight: 100;
}

.fw-200 {
    font-weight: 200;
}

.fw-300 {
    font-weight: 300;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.fw-800 {
    font-weight: 800;
}

.fw-900 {
    font-weight: 900;
}

.italic {
    font-style: italic;
}

.line-through {
    text-decoration: line-through;
}

.left {
    float: left;
}

.right {
    float: right;
}

.uppercase {
    text-transform: uppercase;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.btn-round {
    border-radius: 100px;
}

.btn {
    border-radius: 50px;
    text-transform: uppercase !important;
    padding: .375rem 2rem;
    font-weight: 300;
}

.w-20 {
    width: 20% !important;
}

.lh-0 {
    line-height: 0;
}

.lh-20 {
    line-height: 20px;
}

.lh-24 {
    line-height: 24px;
}


.lh-66 {
    line-height: 66px;
}

.navbar-nav .nav-link {
    color: white !important;
    font-weight: 300;
}

.navbar-nav .nav-link .active,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    font-weight: 400;
}

.box-video-home {
    height: 440px;
}

.bg-footer {
    background: #525252 !important;
    color: white !important;
}

.bg-header-1 {
    background: #3F7DEC;
    color: white;
}

.bg-header-2 {
    background: #2C87C8;
    color: white;
}

.bg-header-3 {
    background: #2C87C8;
    color: white;
}

.btn-planes {
    width: 221px;
    font-size: 22px;
    padding: .375rem 1rem;
}

.list-plan {
    font-size: 15px;
}

.list-plan li {
    list-style-type: circle;
    list-style-image: url('../img/check-li.svg');
}

.color-1E2D3C {
    color: #1E2D3C;
}

.color-525252 {
    color: #525252;
}

.color-777777{
    color: #777777;
}

.border-right-dark {
    border-right: 2px solid #707070;
}

.box-planes {
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.16);
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 30px;
}
.columns-2{
    columns: 2;
}

.box-people{
    /*overflow: hidden;*/
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.16);
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 100px;
}
.box-people-img{
    margin-top: -80px;
}

.box-people-img img{
    width: 137px;
    height: 137px;
    border-radius: 100px;
    object-fit: cover;
}

.box-people-content p{
    min-height: 90px;
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #0e59b5;
    border: 1px solid #c9c9c9;
    border-radius: 10px;
    height: 51px;
}

.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(255,255,255); /* Black fallback color */
    background-color: rgba(255,255,255, 1); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}
/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 25%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: center; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 32px;
    color: #0e59b5;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
    color: #0e4386;
}

.overlay .navbar-nav .nav-link {
     color: #0e4386 !important;
    font-weight: 300;
}
/* Position the close button (top right corner) */
.overlay .closebtn {
    position: absolute;
    top: 0px;
    right: 20px;
    font-size: 60px;
}
.plyr--audio .plyr__controls {
    background: #03a9f4;
    border-radius: inherit;
    color: #fffffe;
    padding: 10px;
}

.btn-codes{
    margin-top: 20px;
}