/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 20, 2022 */



@font-face {
    font-family: 'zaptronregular';
    src: url('zaptron_regular-webfont.eot');
    src: url('zaptron_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('zaptron_regular-webfont.woff2') format('woff2'),
         url('zaptron_regular-webfont.woff') format('woff'),
         url('zaptron_regular-webfont.svg#zaptronregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
#home-slider h1.slider-text {
    /* font-size: 60px;
    margin: 15px 0; */
}
#tvshows-slider h4.film-text {
    font-size: 50px;
}
.big-title,h1,h2,h3,footer {
    font-family: 'zaptronregular';
}
.zaptron {
    font-family: 'zaptronregular';
    text-shadow: 0 0 3px #000000, 0 0 5px #333333;
}
#iq-card-body h6.menu-text{
    font-family: 'Roboto';
}
.zaptron10 {
    font-family: 'zaptronregular';
    font-size: 10px;
}

.zaptron8 {
    font-family: 'zaptronregular';
    font-size: 8px;
}
.font-weight-900 {
    font-weight: 900 !important;
}
.font-size-xxsmall{
    font-size: xx-small;
}
.font.shadow{
    text-shadow: 0 0 3px #000000, 0 0 5px #333333;
}
b{
    font-weight: 900 !important;
}

.tabpoint {
    position: relative;
    padding-left: 30px;
}
.qualiteXblack{
    background: url(../svg/img/gradientblack.png);
    background-repeat: repeat-x;
    background-position: 100% 100%;
    color: transparent;
    -webkit-font-smoothing: antialiased;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: xx-small;
    padding: 2px;
}
.qualiteXgold{
    /* float: right; */
    /* border: 3px solid black; */
    /* color: black; */
    font-size: xx-small;
    padding: 2px;
    /* padding: 0; */
    margin: 0;
    border-radius: 2px;
    margin-left: 10px;
    background: radial-gradient(ellipse farthest-corner at right bottom, #BF953F 0%, #BF953F 8%, #FFFFAC 30%, #FFFFAC 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #BF953F 8%, #FFFFAC 25%, #5d4a1f 62.5%, #FFFFAC 100%);

    /* background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%); */
    /* background: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C); */
    /* border-radius: 50px 20px; */
}

.qualiteXwhite{
    /* border: 4px solid black; */
    /* padding: 5px; */
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    
    border-radius: 5px 0px 5px  0px;
    margin-left: 10px;
    background: #FFFFFF;
    /* background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%); */
    /* border-radius: 50px 20px; */            
    /* background: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C); */
}
.qualiteXgoldBG{
    background: url(../svg/img/gradientgold.png);
    background-repeat: repeat-x;
    background-position: 100% 100%;
    color: transparent;
    -webkit-font-smoothing: antialiased;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
}

.qualiteXblackBG{
    background: url(../svg/img/gradientblack.png);
    background-repeat: repeat-x;
    background-position: 100% 100%;
    /* padding-top: 10px; */
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
}

.qualiteXwhiteBG{
    background-color: white;
    /* padding-top: 10px; */
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
}
.qualitefilmXblack{
    background: url(../svg/img/gradientblack.png);
    background-repeat: repeat-x;
    background-position: 100% 100%;
    color: transparent;
    font-size: small;
    letter-spacing: 0px;
    -webkit-font-smoothing: antialiased;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 2px;
}
.qualitefilmXgold{
    padding: 2px;
    margin: 0;
    border-radius: 2px;
    background: radial-gradient(ellipse farthest-corner at right bottom, #BF953F 0%, #BF953F 8%, #FFFFAC 30%, #FFFFAC 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #BF953F 8%, #FFFFAC 25%, #5d4a1f 62.5%, #FFFFAC 100%);
}
.qualitefilmXgoldBG{
    background: url(../svg/img/gradientgold.png);
    background-repeat: repeat-x;
    background-position: 100% 100%;
    color: transparent;
    -webkit-font-smoothing: antialiased;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
}
.qualitefilmXblackBG{
    background: url(../svg/img/gradientblack.png);
    /* background-repeat: repeat-x; */
    background-position: 100% 100%;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
}
.detailXblack{
    background: url(../svg/img/gradientblack.png);
    background-repeat: repeat-x;
    background-position: 100% 100%;
    color: transparent;
    font-size: small;
    letter-spacing: 0px;
    -webkit-font-smoothing: antialiased;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 2px;
}
.detailXgold{
    max-width: 67.97px;
    padding: 2px;
    margin: 0;
    border-radius: 2px;
    background: radial-gradient(ellipse farthest-corner at right bottom, #BF953F 0%, #BF953F 8%, #FFFFAC 30%, #FFFFAC 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #BF953F 8%, #FFFFAC 25%, #5d4a1f 62.5%, #FFFFAC 100%);
}
.detailXgoldBG{
    background: url(../svg/img/gradientgold.png);
    background-repeat: repeat-x;
    background-position: 100% 100%;
    color: transparent;
    -webkit-font-smoothing: antialiased;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
}
.detailXblackBG{
    background: url(../svg/img/gradientblack.png);
    /* background-repeat: repeat-x; */
    background-position: 100% 100%;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
}
.infostudio {
    float: right;
    margin-top: -135px;
    /* margin-top: -95vh; */
    margin-right: 15px;
    max-height: 25px;
    height: 25px;
    z-index: 99999;
}
.lowercase{
    text-transform: lowercase;
}
.uppercase {
    text-transform: uppercase;
}
/* .movie-time{
    font-size: 0.7em;
} */

.mt-15{
    margin-top: -15px!important;
}
.iq-main-header {
    margin-bottom: 0px;
}
.main-content {
    padding-top: 25px;
}

.c-logo {
    height: 20px;
    width: auto;
}
.g-border {
    border-image-source: linear-gradient(to left, rgba(209, 208, 207, 0), rgba(209, 208, 207, 0.6), rgba(209, 208, 207, 0));
}
.logo-in-gradient{
    max-height: 40px;
    height: 30px;
    z-index: 99999;
    padding: 5px;
    margin-right: auto;
    /* margin-left: auto; */
    padding: 2 px;    
}
.drop-shadow {
    float: right;
  }
.drop-shadow img {
    filter: drop-shadow(2px 2px 2px #000000);
    -webkit-filter: drop-shadow(2px 2px 2px #000000);
    padding: 7px;
  }
.gradientblue{
    background: -webkit-gradient(linear, left top, left bottom, from(#1C7CE0), to(#150051));
    background: linear-gradient(to bottom, #1C7CE0, #150051);
    color: #fff;
    padding: 2 px;
    /* text-shadow: #000000; */
}
.gradientblack{
    background-color: #000000;
    /* background-image: linear-gradient(155deg, #111 0%, #222 32%, #a2a2a2 50%, #333 55, #111 70%, #222 100%); */
    background: radial-gradient(ellipse farthest-corner at right bottom, #333333 0%, #333333 8%, #dbdbdb 30%, #dbdbdb 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #333333 8%, #dbdbdb 25%, #000000 62.5%, #dbdbdb 100%);
    border-radius: 2px;
    /* float: right; */
    margin-left: auto;
    margin-right: 15px;


}
.circle { stroke: var(--iq-primary); stroke-dasharray: 650; stroke-dashoffset: 650; -webkit-transition: all 0.5s ease-in-out; opacity: 0.3; }
.userbtn { display: inline-block; -webkit-transition: all 0.5s ease; }