@charset "utf-8";
/* https://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
/*******  ROOT *******/
:root {
    --font-family1: 'Montserrat', sans-serif;
    --bgGrey1: #f5f5f5;
    --bgBlack: #222;
    --bg1: #ddd;
    /*--bg2: #eab711;*/
    --red1: -webkit-linear-gradient(#ff4747, #bd0000);
    --bg2: -webkit-linear-gradient(#379bfb, #006ed8);
    --bg2nograd:#006ed8;
    --bg2-active: -webkit-linear-gradient(#006ed8, #006ed8);
    --pcolor2: #FF3F00;
    --pcoloralert1: #ef1515;
}



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%;
    font: inherit;
    vertical-align: baseline;
    text-rendering: optimizeLegibility;
    font-feature-settings: "kern" 1;
    font-kerning: normal;
    font-family: var(--font-family1);
    font-optical-sizing: auto;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline:none;
}

/*###### MIDDLE, DIVCENTER #####*/
@media all {
    #container {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    #divcontbg {
        width: 100%;
        min-height: 1000px;
        background-color: #ededed;
    }
    div {
        position: relative;
        float: left;
        background-color: transparent;
        color: #000;
        line-height: 25px;
        font-size: 16px;
    }

    .mano {
        cursor: pointer;
    }

    .space {
        position: relative;
        float: left;
        width: 100%;
    }
    .right {
        float: right;
    }
    .blue {
        background: var(--bg2);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .red {
        background: var(--red1);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .white {
        color: #fff;
    }
    .left {
        float: left;
    }
    .div25 {
        position: relative;
        float: left;
        width: 24%;
        margin-left: 0%;
        min-height: 10px;
        margin-top: 0px;
    }

    .div33 {
        position: relative;
        float: left;
        width: 33%;
        margin-left: 0%;
        min-height: 10px;
        margin-top: 0px;
    }

    .div50 {
        position: relative;
        float: left;
        width: 50%;
        margin-left: 0%;
        min-height: 10px;
        margin-top: 0px;
    }

    .div45 {
        position: relative;
        float: left;
        width: 45%;
        margin-left: 0%;
        min-height: 10px;
        margin-top: 0px;
    }

    .div55 {
        position: relative;
        float: left;
        width: 55%;
        margin-left: 0%;
        min-height: 10px;
        margin-top: 0px;
    }

    .middle {
        width: 960px;
        padding: 30px;
        min-height: 10px;
        float: none;
        margin: 0 auto;
    }

    .divcenter {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .divcenterbox1 {
        width: 100%;
        max-width: 760px;
    }
    .divcenterbox1b {
        width: 100%;
        max-width: 740px;
        padding:20px;
    }
    .divcenterbox1c {
        width: 100%;
        max-width: 980px;
        padding: 5px;
    }
    .divcenterbox2 {
        width: 36%;
        max-width: 500px;
    }

    .divcenterbox3 {
        width: 60%;
        max-width: 1200px;
    }

    .divcenterbox4 {
        width: 44%;
        max-width: 700px;
    }

    .divcenterbox5 {
        width: 58%;
        max-width: 820px;
    }
    .divcenterbox6 {
        width: 100%;
        max-width: 660px;
    }
    
}

@media (max-width: 480px) {
    .middle {
        width: 92%;
        float: left;
        padding: 4%;
        margin: 0px;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    .middle {
        width: 90%;
        padding: 5%;
    }
}

@media (min-width: 769px) and (max-width: 1000px) {
    .middle {
        width: 90%;
        padding: 5%;
    }
}

/******  BUTTON **********/

@media all {
    .bt0 {
        width: auto;
        margin: 0;
        height: 42px;
        margin-top: 0;
        background: #f5f5f5;
        -webkit-transition: all ease 0.1s;
        transition: all ease 0.1s;
        -webkit-border-radius: 35px;
        border-radius: 35px;
        padding-right: 25px;
        padding-left: 25px;
        cursor: pointer;
    }

        .bt0:active {
            background:#f2f2f2;
        }
    #container .bt0 .p1 {
        text-transform: uppercase;
        margin: 0;
        font-size: 12px;
        color: #000;
        font-weight: 600;
        margin-top: 7px;
        text-align: center;
    }
    .bttra {
        width: auto;
        margin: 0;
        height: 42px;
        margin-top: 0;
        background-color:  transparent;
        -webkit-transition: all ease 0.1s;
        transition: all ease 0.1s;
        -webkit-border-radius: 35px;
        border-radius: 35px;
        padding-right: 25px;
        padding-left: 25px;
        cursor: pointer;
    }

        .bttra:active {
            background-color: #f5f5f5;
        }
    #container .bttra .p1 {
        text-transform: uppercase;
        margin: 0;
        font-size: 12px;
        color: #000;
        font-weight: 600;
        margin-top: 6px;
        text-align: center;
    }

   
    .bt1 {
        width: auto;
        margin: 0;
        height: 42px;
        margin-top: 0;
        background: var(--bg2);
        -webkit-transition: all ease 0.1s;
        transition: all ease 0.1s;
        -webkit-border-radius: 35px;
        border-radius: 35px;
        padding-right: 25px;
        padding-left: 25px;
        cursor:pointer;
    }
    .bt1:active {
        background: var(--bg2-active);
    }

    #container .bt1 .p1 {
        text-transform: uppercase;
        margin: 0;
        font-size: 12px;
        color: #fff;
        font-weight: 600;
        margin-top: 7px;
        text-align: center;
    }
        #container .bt1 .p1 i.movespin {
            font-size: 14px;
            font-weight:bold;
            margin-right:7px;
        }
    .bt1S {
        width: auto;
        margin: 0;
        margin-top: 0;
        background: var(--bg2);
        -webkit-transition: all ease 0.1s;
        transition: all ease 0.1s;
        -webkit-border-radius: 35px;
        border-radius: 35px;
        padding: 11px;
        padding-right: 25px;
        padding-left: 25px;
        cursor: pointer;
        font-size: 11px;
        font-weight: 600;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
        text-decoration:none;
    }

        .bt1S:active {
            background: var(--bg2-active);
        }
    .btright div {
        float:right;
    }
}

@media (max-width: 480px)
{
    
}
@media (min-width: 481px) and (max-width: 768px)
{
    
}
@media (min-width: 769px) and (max-width: 1000px)
{
    
}
@media (min-width: 1001px) and (max-width: 1400px) {
   

    
}
/******  INPUT **********/

@media all {
    
    .text1 {
        width: 100%;
        height: 54px;
        padding-left: 12px;
        padding-right: 8px;
        padding-top: 7px;
        padding-bottom: 7px;
        font-family: var(--font-family1);
        font-size: 18px;
        line-height: 19px;
        outline: none;
        background-color: #fff;
        font-weight: bold;
        color: #000;
        border: 1px solid #555;
        -webkit-transition: all 0.05s ease;
        transition: all 0.05s ease;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
        .text1:focus {
            border: 2px solid #0071bc;
            -webkit-box-shadow: 0 0 6px #64a6f0;
            box-shadow: 0 0 6px #64a6f0;
        }

        .text1:active {
            -webkit-box-shadow: 0 0 6px #64a6f0;
            box-shadow: 0 0 6px #64a6f0;
        }

    
    .text2 {
        width: 100%;
        height: 40px;
        padding-left: 9px;
        padding-right: 9px;
        padding-top: 7px;
        padding-bottom: 7px;
        font-family: var(--font-family1);
        font-size: 14px;
        line-height: 14px;
        outline: none;
        background-color: #eee;
        font-weight: 600;
        color: #000;
        border: 3px solid #eee;
        -webkit-transition: all 0.05s ease;
        transition: all 0.05s ease;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
        .text2:focus {
            border: 3px solid #0071bc;
            -webkit-box-shadow: 0 0 8px #64a6f0;
            box-shadow: 0 0 8px #64a6f0;
        }

        .text2:active {
            -webkit-box-shadow: 0 0 8px #64a6f0;
            box-shadow: 0 0 8px #64a6f0;
        }
    .texterr {
        border: 3px solid #fa0a36;
    }
    input[type=checkbox] {
        background-repeat: no-repeat;
        width: 26px;
        height: 26px;
        margin: 0;
        padding: 0;
        background-image: url(/svg/check-1.svg);
        background-size: 26px;
        -webkit-appearance: none;
        appearance: none;
        cursor: pointer;
        -webkit-transition: background ease 0.05s;
        transition: background ease 0.05s;
        outline: none;
    }

        input[type=checkbox]:checked {
            background-image: url(/svg/check-2.svg);
            -webkit-animation-duration: 0.05s;
            animation-duration: 0.05s;
            -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
            visibility: visible !important outline: none;
        }

        input[type=checkbox]:hover:checked {
            background-image: url(/svg/check-2.svg)
        }

   #container .textcheck1 {
        top: 9px;
        left: 38px;
        position: absolute;
        font-size: 14px;
        line-height: 19px;
        font-weight:600;
    }

    .space, .spaceP, .spacescroll, div {
        position: relative
    }

    .spacecheck {
        width: 100%;
        margin-top: 10px
    }
}


/*******  SCROLLBAR *******/
::-webkit-scrollbar {  
    width: 0;  
}  
::-webkit-scrollbar-track {  
    background-color: #eee;  
}  
::-webkit-scrollbar-thumb {  
    background-color: #ccc;  
}  
::-webkit-scrollbar-thumb:hover {  
    background-color: #aaa;  
}
/*******  PAGER *******/
@media all {
    .pager:hover {
        background-color: #eee;
        border: 1px solid #eee;
        color: #232323;
    }

    .pager {
        background-color: #f5f5f5;
        padding: 12px 19px 12px 19px;
        text-decoration: none;
        color: #232323;
        font-family: var(--font-family1);
        font-size: 18px;
        border: 1px solid #f5f5f5;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        font-weight: 600;
    }

    .current {
        background-color: #1a81c6;
        padding: 14px 21px 14px 21px;
        text-decoration: none;
        color: #fff;
        font-family: var(--font-family1);
        font-size: 18px;
        border: 2px solid #1a81c6;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        font-weight: 600;
    }
}   
    @media (max-width: 480px) {
        .pager {
            padding: 8px 15px 8px 15px;
            font-size: 15px;
        }

        .current {
            padding: 8px 15px 8px 15px;
            font-size: 16px;
        }
    }
    /*******  MARGINI, PAGGING, RADIUS  *******/
@media all {
    .bshadow1 {
        -webkit-box-shadow: 0 0 30px #ccc;
        box-shadow: 0 0 30px #ccc;
    }
    .bradius4 {
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }
    .bradius6 {
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }
    .bradius8 {
        -webkit-border-radius: 8px;
        border-radius: 8px;
    }
    .bradius10 {
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }
    .bradiusmax {
        -webkit-border-radius: 35px;
        border-radius: 35px;
    }
    .mr-5 {
        margin-right: 5px;
    }

    .mr-10 {
        margin-right: 10px;
    }

    .mr-15 {
        margin-right: 15px;
    }

    .mr-20 {
        margin-right: 20px;
    }

    .mr-25 {
        margin-right: 25px;
    }

    .mr-30 {
        margin-right: 30px;
    }

    .mr-35 {
        margin-right: 35px;
    }

    .mr-40 {
        margin-right: 40px;
    }

    .mr-45 {
        margin-right: 45px;
    }

    .mr-50 {
        margin-right: 50px;
    }

    .mr-55 {
        margin-right: 55px;
    }

    .mr-60 {
        margin-right: 60px;
    }

    .mr-70 {
        margin-right: 70px;
    }

    .mr-80 {
        margin-right: 80px;
    }

    .ml--10 {
        margin-left: -10px;
    }

    .ml-0 {
        margin-left: 0px;
    }

    .ml-5 {
        margin-left: 5px;
    }

    .ml-10 {
        margin-left: 10px;
    }

    .ml-15 {
        margin-left: 15px;
    }

    .ml-20 {
        margin-left: 20px;
    }

    .ml-25 {
        margin-left: 25px;
    }

    .ml-30 {
        margin-left: 30px;
    }

    .ml-35 {
        margin-left: 35px;
    }

    .ml-40 {
        margin-left: 40px;
    }

    .ml-45 {
        margin-left: 45px;
    }

    .ml-50 {
        margin-left: 50px;
    }

    .ml-55 {
        margin-left: 55px;
    }

    .ml-60 {
        margin-left: 60px;
    }

    .ml-70 {
        margin-left: 70px;
    }

    .ml-80 {
        margin-left: 80px;
    }

    .mt-5 {
        margin-top: 5px;
    }

    .mt-10 {
        margin-top: 10px;
    }

    .mt-15 {
        margin-top: 15px;
    }

    .mt-20 {
        margin-top: 20px;
    }

    .mt-25 {
        margin-top: 25px;
    }

    .mt-30 {
        margin-top: 30px;
    }

    .mt-35 {
        margin-top: 35px;
    }

    .mt-40 {
        margin-top: 40px;
    }

    .mt-45 {
        margin-top: 45px;
    }

    .mt-50 {
        margin-top: 50px;
    }

    .mt-55 {
        margin-top: 55px;
    }

    .mt-60 {
        margin-top: 60px;
    }

    .mt-70 {
        margin-top: 70px;
    }

    .mt-80 {
        margin-top: 80px;
    }

    .mt-90 {
        margin-top: 90px;
    }

    .mt-100 {
        margin-top: 100px;
    }

    .mt-120 {
        margin-top: 120px;
    }

    .mt-140 {
        margin-top: 140px;
    }

    .pad180 {
        padding-top: 180px;
        padding-bottom: 180px;
    }

    .pad10 {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .pad9 {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .pad8 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .pad7 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .pad6 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .pad5 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .pad4 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .pad3 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .pad2 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .pad1 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .mup-1 {
        margin-top: -300px;
    }

    .mp-1 span {
        left: 45%;
    }

    .mp-2 span {
        left: 41%;
    }
    .padbottom150 {
        padding-bottom: 150px;
    }
} 
    @media (max-width: 480px) {
        .pad10 {
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .mup-1 {
            margin-top: 0px;
        }

        .mp-1 span {
            left: 32%;
        }

        .mp-2 span {
            left: 10%;
        }
    }

    @media (min-width: 481px) and (max-width: 768px) {
        .mp-1 span {
            left: 41%;
        }

        .mp-2 span {
            left: 5%;
        }
    }

    @media (min-width: 769px) and (max-width: 1000px) {
        .mp-2 span {
            left: 5%;
        }
    }


    /****progress ****/
.movespin {
    -webkit-animation: spin 1.4s infinite linear;
    animation: spin 1.4s infinite linear;
    display: inline-block;
}
    .center3 {
        background-color: #fff;
        height: 8px;
        margin-left: 0;
    }

    .move1 {
        animation-name: move1;
        -webkit-animation-name: move1;
        animation-duration: 4.5s;
        -webkit-animation-duration: 4.5s;
        animation-timing-function: ease;
        -webkit-animation-timing-function: ease;
        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
        visibility: visible !important;
    }

    @keyframes move1 {
        0% {
            width: 0;
            margin-left: 0;
        }

        40% {
            width: 100%;
            margin-left: 100%;
        }

        50% {
            width: 100%;
            margin-left: 100%;
        }

        60% {
            width: 100%;
            margin-left: 100%;
        }

        60% {
            width: 100%;
            margin-left: 100%;
        }

        80% {
            width: 0;
            margin-left: 0;
        }

        90% {
            width: 0;
            margin-left: 0;
        }

        100% {
            width: 0;
            margin-left: 0;
        }
    }

    @-webkit-keyframes move1 {
        0% {
            width: 0;
            margin-left: 0;
        }

        40% {
            width: 100%;
            margin-left: 100%;
        }

        50% {
            width: 100%;
            margin-left: 100%;
        }

        60% {
            width: 100%;
            margin-left: 100%;
        }

        60% {
            width: 100%;
            margin-left: 100%;
        }

        80% {
            width: 0;
            margin-left: 0;
        }

        90% {
            width: 0;
            margin-left: 0;
        }

        100% {
            width: 0;
            margin-left: 0;
        }
    }

    @-ms-keyframes move1 {
        0% {
            width: 0;
            margin-left: 0;
        }

        40% {
            width: 100%;
            margin-left: 100%;
        }

        50% {
            width: 100%;
            margin-left: 100%;
        }

        60% {
            width: 100%;
            margin-left: 100%;
        }

        60% {
            width: 100%;
            margin-left: 100%;
        }

        80% {
            width: 0;
            margin-left: 0;
        }

        90% {
            width: 0;
            margin-left: 0;
        }

        100% {
            width: 0;
            margin-left: 0;
        }
    }

    /**** text style ****/
@media all {
    .palertbox {
        width: 100%;
        padding: 14px;
        background-color: #daeeeb;
        border-radius: 8px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        outline: none;
    }

    #container .palertbox p {
        margin:0;
        color: #111;
        line-height: 18px;
        font-size: 13px;
        text-align: left;
    }
    .palertbox2 {
        width: 100%;
        padding: 14px;
        background-color: transparent;
        border: 1px solid #379bfb;
        border-radius: 8px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        outline: none;
    }

    #container .palertbox2 p {
        margin: 0;
        color: #111;
        line-height: 18px;
        font-size: 13px;
        text-align: left;
    }
    .pcoloralert1 {
        color:var(--pcoloralert1);
    }
    .puro {
        text-decoration: none;
    }
    .through {
        text-decoration: line-through;
    }
    .fontnormal {
        font-weight:normal;
    }
    .uppercase {
        text-transform: uppercase;
    }
    .giga1 {
        font-size: 110px;
        line-height: 110px;
    }
    .giga2 {
        font-size: 60px;
        line-height: 60px;
    }
    .underline {
        text-decoration: underline;
    }

    

    a {
        cursor: pointer;
        text-decoration: underline;
        -webkit-transition: all ease 0.05s;
        transition: all ease 0.05s;
        color: #000;
    }

    p {
        margin: 5px;
        margin-left: 0px;
        color: #000;
        line-height: 30px;
        font-size: 15px;
        text-align: left;
        font-weight: 500;
        font-family: var(--font-family1);
    }

    h1 {
        text-align: left;
        margin: 0px;
        font-size: 62px;
        line-height: 72px;
        letter-spacing: 0px;
        text-transform: none;
        font-family: var(--font-family1);
        font-weight: 900;
        font-weight: normal;
    }

    h2 {
        margin: 0px;
        font-weight: normal;
        text-align: left;
        letter-spacing: 0px;
        font-size: 40px;
        line-height: 40px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-weight: normal;
        font-family: var(--font-family1);
    }

    h3 {
        margin: 0px;
        text-align: left;
        letter-spacing: 0px;
        font-size: 24px;
        line-height: 29px;
        font-weight: normal;
    }

    h4 {
        margin: 0px;
        font-weight: normal;
        text-align: left;
        letter-spacing: 0px;
        font-size: 26px;
        line-height: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    h5 {
        margin: 0px;
        font-weight: normal;
        text-align: left;
        letter-spacing: 0px;
        font-size: 20px;
        line-height: 26px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    h6 {
        margin: 0;
        margin-left:10px;
        color: #444;
        font-weight: 600;
        text-align: left;
        letter-spacing: 0px;
        font-size: 11px;
        line-height: 11px;
        padding-top: 1px;
        padding-bottom: 6px;
        text-transform:uppercase;
    }

    #container .littlep2 {
        font-size: 14px;
        line-height: 19px;
    }

    #container .littlep3 {
        font-size: 13px;
        line-height: 18px;
        font-style: italic;
        color: #444;
        margin-bottom: 25px;
        margin-top: 12px;
        margin-left: 22px;
    }

    #container .littlep4 {
        font-size: 24px;
        line-height: 24px;
        margin-top: 30px;
    }

    #container .littlep5 {
        font-size: 13px;
        line-height: 18px;
    }

    .littlep {
        font-size: 14px;
        line-height: 22px;
    }
    .textcenter h1 {
        text-align: center;
        margin: 0px;
    }

    .textcenter h2 {
        text-align: center;
        margin: 0px;
    }

    .textcenter h3 {
        text-align: center;
        margin: 0px;
    }

    .textcenter h4 {
        text-align: center;
        margin: 0px;
    }

    .textcenter h5 {
        text-align: center;
        margin: 0px;
    }

    .textcenter h6 {
        text-align: center;
        margin: 0px;
    }

    .textcenter p {
        text-align: center;
        margin: 0px;
    }

    .textcenter {
        text-align: center;
        margin: 0px;
    }

    ol, ul {
        list-style: none;
    }

    blockquote, q {
        quotes: none;
    }

        blockquote:before, blockquote:after,
        q:before, q:after {
            content: '';
            content: none;
        }
    .ul2 li {
        font-size: 18px;
        line-height: 37px;
        color: #222;
        margin-left: 0px;
        margin-top: 20px;
        font-family: var(--font-family1);
        font-weight: 400;
        border-bottom: 1px solid #3C4152;
        padding-bottom: 20px;
    }

    .ul2 {
        width: 100%;
        float: left;
        margin: 0px;
        padding: 0px;
        padding-bottom: 10px;
        padding-top: 0px;
        list-style-type: none;
    }

    ul li {
        font-size: 19px;
        line-height: 1.8;
        margin-left: 35px;
        margin-top: 6px;
        font-weight: 400;
    }

    ul {
        width: 100%;
        float: left;
        margin: 0px;
        padding: 0px;
        padding-bottom: 30px;
        padding-top: 30px;
        list-style-type: disc;
    }

    .bold {
        font-weight: bold;
    }
    strong {
        font-family: var(--font-family1);
        font-weight: bold;
    }

    b {
        font-family: var(--font-family1);
        font-weight: bold;
    }

    i {
        font-style: italic;
    }

    em {
        font-style: italic;
    }
}
    @media (max-width: 480px) {
        p {
            font-size: 17px;
            line-height: 28px;
        }

        ul li {
            font-size: 17px;
            line-height: 28px;
        }
    }

    @media (min-width: 481px) and (max-width: 768px) {
        p {
            font-size: 17px;
            line-height: 28px;
        }

        ul li {
            font-size: 17px;
            line-height: 28px;
        }
    }

    @media (min-width: 769px) and (max-width: 1000px) {
        p {
            font-size: 17px;
            line-height: 28px;
        }

        ul li {
            font-size: 17px;
            line-height: 28px;
        }
    }

    @media (min-width: 769px) and (max-width: 1279px) {
        p {
            font-size: 17px;
            line-height: 28px;
        }

        ul li {
            font-size: 17px;
            line-height: 28px;
        }
    }

    
    /*################# COOKIE, POPUP*/
    @media all {
        #popmsg1 {
            display: none;
        }
        .popbox1 {
            width: 660px;
            min-height: 380px;
            max-height: 86vh;
            margin-top: 50px;
            -webkit-border-radius: 16px;
            border-radius: 16px;
            background-color: #fff;
            overflow: hidden;
            overflow-y: scroll;
            
        }
        .popbox1 i.iclose {
            position:absolute;
            float:none;
            right:10px;
            top:15px;
            font-size:30px;
            z-index:9990;
        }
        .popbox-header {
            width: 100%;
            height: 40px;
            position: absolute;
            top: 0;
            float: none;
            z-index: 9999;
            background-color: #fff;
            padding: 15px;
            display:none;
        }
        .popbox-close {
            width: 50px;
            height: 40px;
            float:right;
        }
        #container .popbox-close p {
            font-size:26px;
            text-align:right;
        }
        
        .popbox-cont {
            width: 100%;
            height: auto;
            margin-top: 0;
            padding: 50px;
        }
        
        #container .popbox-cont .create-title {
            margin-top: 0;
        }
        #container .popbox-cont .create-title .p1 {
            margin-top: 0;
        }
      #container  .popbox-cont .create-title .p2 {
            margin-top:10px;
        }



        .popup1cover {
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 9999;
            background-color: rgba(0,0,0,0.7);
            display: none;
        }

        #popup1cont {
            width: 50%;
            height: 100%;
            margin-left: 25%;
            z-index: 9990;
            background-color: #fcfcfc;
            padding: 90px;
            padding-top: 13px;
            overflow: scroll;
            -webkit-box-shadow: 0 0 50px #222;
            box-shadow: 0 0 50px #222;
        }

        .poptab.active {
            background-color: #e2e2e2;
        }

        .poptab {
            width: 32.7%;
            height: 40px;
            background-color: #eee;
            margin: 0.3%;
            margin-bottom: 50px;
        }

            .poptab:hover {
                background-color: #e2e2e2;
                cursor: pointer;
            }

        .poptabcont {
            display: none;
        }

        #container #popup1cont .poptab .p1 {
            text-align: center;
            margin: 0;
            font-size: 16px;
            line-height: 16px;
            font-weight: bold;
            color: #333;
            margin-top: 12px;
        }

        #container #popup1cont h1 {
            margin: 0;
            padding: 0;
            font-size: 36px;
            line-height: 40px;
            color: #444;
        }

        #container #popup1cont p {
            margin: 0;
            padding: 0;
            margin-top: 15px;
            font-size: 15px;
            line-height: 31px;
            color: #666;
        }

        #container #popup1cont b {
            color: #444;
        }

        #container #popup1cont strong {
            color: #444;
        }

        #container #popup1cont h3 {
            margin: 0;
            padding: 0;
            margin-top: 25px;
            margin-bottom: 10px;
            font-size: 16px;
            line-height: 27px;
            color: #444;
        }

        #container #popup1cont ul li {
            font-size: 14px;
            line-height: 30px;
            color: #333;
        }

        #popup1cont::-webkit-scrollbar {
            width: 5px;
        }

        #popup1cont::-webkit-scrollbar-thumb {
            background: var(--color-background);
        }

        .popup1cover .menumobile {
            height: 50px;
            width: 50px;
            position: fixed;
            right: 26%;
            top: 10px;
            z-index: 9999;
            cursor: pointer;
        }


            .popup1cover .menumobile .menuclose1 {
                background-color: #555;
                height: 40px;
                width: 2px;
                margin-left: 24px;
                margin-top: 5px;
                transform: rotate(47deg);
                -webkit-transform: rotate(47deg);
                -o-transform: rotate(47deg);
                -moz-transform: rotate(47deg);
                -ms-transform: rotate(47deg);
                position: absolute;
            }

            .popup1cover .menumobile .menuclose2 {
                background-color: #555;
                height: 40px;
                width: 2px;
                margin-left: 24px;
                margin-top: 5px;
                transform: rotate(-47deg);
                -webkit-transform: rotate(-47deg);
                -o-transform: rotate(-47deg);
                -moz-transform: rotate(-47deg);
                -ms-transform: rotate(-47deg);
                position: absolute;
            }

        #cookiebar {
            width: 100%;
            background-color: #0071bc;
            position: fixed;
            bottom: 0px;
            min-height: 10px;
            float: none;
            padding-bottom: 14px;
            padding-top: 9px;
            z-index: 9998;
        }

        #cookiesx {
            width: 70%;
        }

            #cookiesx p {
                font-size: 14px;
                line-height: 17px;
                color: #fff;
                margin-top: 14px;
            }

            #cookiesx a {
                font-size: 14px;
                color: #fff;
            }

        #cookiedx {
            width: 20%;
            float: right;
        }

            #cookiedx .boxcolor1 p {
                color: #000;
                font-family: var(--font-family);
                font-weight: 600;
                text-transform: uppercase;
                font-size: 12px;
                line-height: 15px;
                margin: 0;
            }

            #cookiedx .boxcolor1 {
                float: right;
                padding: 10px;
                padding-left: 15px;
                padding-right: 15px;
                -webkit-border-radius: 20px;
                border-radius: 20px;
                margin-top: 8px;
                background-color: #fcfcfc;
            }
        
    }

    @media (max-width: 480px) {
        .popbox-header {
            padding: 5px;
        }

        #container .popbox-close p {
            font-size: 26px;
            text-align: right;
        }

        .popbox-cont {
            padding: 20px;
        }

        .popbox1 {
            width: 100%;
            max-height: 100vh;
            height: 100vh;
            margin: 0;
            margin-top: 0;
            -webkit-border-radius: 0;
            border-radius: 0;
        }
        #container .texttermini p {
            font-size: 15px;
            line-height: 25px;
        }

        #container .texttermini li {
            font-size: 15px;
            line-height: 25px;
        }

        #container .texttermini h3 {
            font-size: 16px;
            line-height: 25px;
        }

        #container #popup1cont .poptab .p1 {
            font-size: 13px;
            line-height: 13px;
            margin-top: 15px;
        }

        #container #popup1cont .poptab {
            margin-top: 50px;
        }

        #cookiebar {
            padding-bottom: 20px;
            padding-top: 15px;
        }

        #cookiesx {
            width: 100%;
        }

        #cookiedx {
            width: 100%;
            margin-top: 15px;
        }

        #cookiesx p {
            font-size: 15px;
            line-height: 22px;
        }

        #cookiedx .boxcolor1 {
            float: left;
            margin-bottom: 10px;
        }

        #popup1cont {
            width: 100%;
            margin-left: 0;
            padding: 30px;
        }

        #container #popup1cont h1 {
            font-size: 26px;
            line-height: 32px;
            margin-top: 30px;
        }

        .popup1cover .menumobile {
            right: 10px;
        }
    }

    @media (min-width: 481px) and (max-width: 768px) {
        .popbox-cont {
            padding: 30px;
        }
        .popbox1 {
            width: 100%;
            max-height: 100vh;
            height: 100vh;
            margin: 0;
            margin-top: 0;
            -webkit-border-radius: 0;
            border-radius: 0;
        }
        #cookiebar {
            padding-bottom: 20px;
            padding-top: 15px;
        }

        #cookiesx {
            width: 100%;
        }

        #cookiedx {
            width: 100%;
            margin-top: 15px;
        }

        #cookiesx p {
            font-size: 15px;
            line-height: 22px;
        }

        #cookiedx .boxcolor1 {
            float: left;
            margin-bottom: 10px;
        }

        #popup1cont {
            width: 90%;
            margin-left: 5%;
            padding: 50px;
            padding-top: 16px;
        }

        .popup1cover .menumobile {
            right: 6%;
        }
        .popbox-cont {
            padding: 40px;
        }
    }

    @media (min-width: 769px) and (max-width: 1299px) {
        .popbox1 {
            width: 700px;
            min-height: 380px;
            max-height: 90vh;
            margin-top: 50px;
        }
        #popup1cont {
            width: 70%;
            margin-left: 15%;
            padding: 60px;
            padding-top: 16px;
        }

        .popup1cover .menumobile {
            right: 16%;
        }
    }
    /*###### LOGIN #####*/
@media all {
    .textcheck1 {
        top: 4px;
        left: 44px;
        position: absolute;
        font-size: 15px;
        line-height: 21px;
    }

    .spacecheck1 {
        height: 46px;
        width: 100%;
        margin-top: 2px;
    }

    .mano {
        cursor: pointer;
    }

    .spacecheck1 input[type=checkbox] {
        margin-top: 0;
        margin-left: 4px;
    }

    .formcontrol {
        width: 100%;
        padding: 8px;
        padding-top: 6px;
        padding-bottom: 6px;
        box-sizing: border-box;
    }

        .formcontrol .text1 {
            width: 100%;
            padding-left: 46px;
        }

        .formcontrol i {
            position: absolute;
            z-index: 9990;
            font-size: 19px;
            color: #cdcdcd;
            top: 27px;
            left: 26px;
            font-weight: normal;
        }

    .textcheck1 {
        top: 8px;
        left: 53px;
        position: absolute;
        font-size: 17px;
        line-height: 21px;
    }

    .spacecheck1 {
        height: 46px;
        width: 100%;
        margin-top: 2px;
    }


    .formcontrol input[type=checkbox] {
        margin-top: 0;
        margin-left: 4px;
    }
}
    
    @media (max-width: 480px) {
    }

    @media (min-width: 481px) and (max-width: 768px) {
    }

    @media (min-width: 769px) and (max-width: 1000px) {
    }

/*******  CLASS MIST *******/

@media all {
    .not-orderable {
        color:#777;
        font-size:14px;
    }
    .novelty {
        color: #20dc2a;
        font-size: 12px;
        font-weight:600;
        text-transform:uppercase;
    }
    .hidden {
        display:none;
    }
    .statusalls {
        background-color: #85633e;
        color: #fff;
        font-size: 14px;
        padding: 3px 8px 4px 8px;
        margin-right: 7px;
        opacity: 0.9;
    }
    .o1 {
        background-color: #222;
        color: #fff;
    }
    .o2 {
        background-color: #eb1414;
        color: #fff;
    }
    .o3 {
        background-color: #3eba35;
        color: #fff;
    }
    .o4 {
        background-color: #3eba35;
        color: #fff;
    }
    .o5 {
        background-color: #dd991f;
        color: #fff;
    }
    .alalls {
        background-color: #85633e;
        color: #fff;
        font-size: 10px;
        padding: 2px 13px 1px 13px;
        margin-right: 4px;
        opacity:0.9;
        font-weight:500;
    }
    
    .al1 {
        background-color: #85633e;
        color: #fff;
    }
    .al2 {
        background-color: #ba9e76;
        color: #fff;
    }
    .al3 {
        background-color: #6da3df;
        color: #fff;
    }
    .al4 {
        background-color: #60a89d;
        color: #fff;
    }
    .al5 {
        background-color: #445bb8;
        color: #fff;
    }
    .al6 {
        background-color: #504943;
        color: #fff;
    }
    .al7 {
        background-color: #51954a;
        color: #fff;
    }
    .al8 {
        background-color: #d16237;
        color: #fff;
    }
    .al9 {
        background-color: #e5b54f;
        color: #fff;
    }
    .al10 {
        background-color: #e6b64a;
        color: #fff;
    }
    .al11 {
        background-color: #db9a3c;
        color: #fff;
    }
    .al12 {
        background-color: #326c3c;
        color: #fff;
    }
    .al13 {
        background-color: #4669ba;
        color: #fff;
    }
    .al14 {
        background-color: #d9ba8e;
        color: #fff;
    }
    .bggrey1 {
        background-color: var(--bgGrey1);
    }
    .bgblack {
        background-color: var(--bgBlack);
    }
    .bg1 {
        background-color:var(--bg1);
    }
    .bg2 {
        background-color: var(--bg2);
    }
    #tornasu:hover {
        background-color: #098cc6;
    }

    #tornasu:active {
        background-color: #098cc6;
    }

    #tornasu {
        position: fixed;
        width: 60px;
        height: 50px;
        right: 20px;
        bottom: 0px;
        background-color: transparent;
        border: 4px solid #047ab8;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        -webkit-transition: all ease 0.16s;
        transition: all ease 0.16s;
    }
    
}
@media (max-width: 480px) {
}

@media (min-width: 481px) and (max-width: 768px) {
}

@media (min-width: 769px) and (max-width: 1000px) {
}