#all {
    display: block;
    min-height: 700px;
    width: 100vw;
    overflow-x: hidden;

}
 
 
#testific {
    padding:  0;
}
 
 
 /* xxxxxxxxxxxxxxxxxxxxxxx */

 #main {
    width: 100%;

}



/* /////////////////// */
/* /////////////////// */


#menu {
    display: block;
    min-height: 50px;
    position: absolute;
    z-index: 100;
    top: 0;
    left: -305px;
    width: 300px;
    min-height: 100vh;
    background: #2F2367;
    /*  */
    -webkit-box-shadow: rgba(0, 0, 0, 0.05) 5px 5px 1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.05) 5px 5px 1px;
    box-shadow: rgba(0, 0, 0, 0.05) 5px 5px 1px;
    /*  */
    -webkit-transition: all 0.7s cubic-bezier(0.12, 0.69, 0.49, 1.01) 0s;
    -moz-transition: all 0.7s cubic-bezier(0.12, 0.69, 0.49, 1.01) 0s;
    transition: all 0.7s cubic-bezier(0.12, 0.69, 0.49, 1.01) 0s;
}



#menu > div:nth-child(1) {
    display: block;
    padding: 0; 
}


#menu > div:nth-child(2) {
    display: block;
    padding: 0; 
}


#menu > div:nth-child(1) > a:nth-child(1) {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 13px;
    left: 101%;
    font-size: 25px;
    width: 25px;
    padding: 0.6em;
    border: none;

}


#menu > div:nth-child(1) > a:not(:first-child) {
    display: block;
    padding:  0.6em 1em;
    border-bottom: 1px dotted rgb(72, 101, 182);

}

#menu > div:nth-child(2) > a {
    display: block;
    text-align: left;
    margin: 0;
    padding: 0.6em 1.5em;
}


/*  */

/* 1st div copyright */
#footer > div:nth-child(1) {
    width: 80%;
}


#dd {
    display: none;
}



/* xxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxx */


/* footer second div */
#footer > div:nth-child(2) {
    grid-template-columns: 1fr;
    grid-gap: 0em;
    min-height: 200px;
    width: 86%;
    padding: 1em 0;
}



/* let div of 2nd div */
#footer > div:nth-child(2) > span:nth-child(1){
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1em;
    min-height: 200px;
    width: 100%;
    padding: 0;
    margin: 0;
    font-family: 'cal';
    text-align: right;
}




/* 2nd div of 2nd div */
#footer > div:nth-child(2) > span:nth-child(2){
    width: 100%;
    text-align: center;
}



#footer > div:nth-child(2) > span:nth-child(2) > span:nth-child(1) {
    text-align: center;

}





/* let div of 2nd div */
#footer > div:nth-child(2) > span:nth-child(1){
    min-height: 50px;
    padding: 0 0 1.4em 0;
}



#mainpage {
    grid-template-columns: 1fr;
    min-height: 100px;
}



#topmast {
    display: flex;
    justify-content: space-between;
    padding: 0;
    height: 65px !important;
    /* overflow: hidden; */
    min-height: unset;

} 


/* xxxxxxxxxxxxxxxxxxxxxxxx */


#topmast > span:nth-child(1){
   height: 30px;
 
}


#topmast > span:nth-child(2){
    width: 45%;
    height: 30px;
 
}

 



#topmast > span:nth-child(2) > span {
    display: none;
    font-size: 15px;
    padding: 0.5em 0.2em;

}
 


/* ================ */

#topmast > span:nth-child(1) > span:nth-child(2){
    display: none;
    width: 90px;
    height: 50px;
    padding: 0.5em 0 0 0;
    font-family: 'arvoBold';
    font-size: 14px;
    line-height: 14px;
 

}



#topmast > span:nth-child(1) > span:nth-child(2) > small {

    font-size: 10px;
 


}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


#topmast > span:nth-child(2) {
    display: flex;
    justify-content: flex-end;
    color: #FFF;
    width: 40%;
    padding: 0.8em 0.5em 0 0;
    font-family: 'cal';
}



/* xxxxxxxxxxxxxxxxxxxx */


#contents {
    display: block;
    padding: 1em;
    font-family: 'cal';
    width: 100%;
}




#topmast > span:nth-child(1) > span:nth-child(1){
    display: block;
    color: #CCC;
    padding: 0;
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100px;
}




#topmast > span:nth-child(2) > a {
    display: grid;
    place-items: center;
    font-size: 50px;
    padding: 0.6em;
    min-height: 30px;
    width: 40px;
    margin-top: 10px;
    
}

#navbg {
    display: block;
    background: #DDD;
    width: 100vw;
    height: 100vh;
    position: absolute;
    z-index: 60;
    top: 0;
    left: -100vw;

    opacity: 0.9;
    filter: alpha(opacity=90);

    -webkit-transition: all 0.7s cubic-bezier(0.12, 0.69, 0.49, 1.01) 0s;
    -moz-transition: all 0.7s cubic-bezier(0.12, 0.69, 0.49, 1.01) 0s;
    transition: all 0.7s cubic-bezier(0.12, 0.69, 0.49, 1.01) 0s;
}




/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */







 
#notificates {
    display: block;
    width: 100%;
    height: 45px;
    min-height: unset;
    border: none;
    border-radius: unset;
    overflow: hidden;
    /*  */
    opacity: 0.9;
    filter: alpha(opacity=90);
    background: -webkit-linear-gradient(to bottom, #222, #444, #444);
    background: -moz-linear-gradient(to bottom, #222, #444, #444);
    background: linear-gradient(to bottom, #222, #444, #444);

    /*  */
    -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0 0 15px;
    -moz-box-shadow: rgba(0, 0, 0, 0.05) 0 0 15px;
    box-shadow: rgba(0, 0, 0, 0.05) 0 0 15px;
}



 
#notificates > div {
    display: grid;
    grid-template-columns: 3fr 6fr;
    grid-gap: 1em;
    padding: 0.8em 0;
    width: 100%;
    height: 20px;
    border: none;
    border-radius: unset;
 
}


#notificates > div > span:nth-child(1),
#notificates > div > span:nth-child(1) {
    width: 100%;
    font-size: 14px !important;
    padding: 0;
    margin: 0;

}

 #notificates > div > span:nth-child(2)  {
    width: 100%;

}

#slide > div > div:nth-child(2),
#slide > div > div:nth-child(1),
#slide > div {
    background: none;
    width: 100vw !important;
}

#slide {
    width: 300vw !important;
}


#slide > div > div:nth-child(1) {
    background: none;
}




/* image to slide */
#slide > div > div:nth-child(1) > img {

    width: 200%;
    height: auto;
    /*  */
    -webkit-mask-image: linear-gradient(to bottom, #FFF, transparent);
    -moz-mask-image: linear-gradient(to bottom, #FFF, transparent);
    mask-image: linear-gradient(to bottom, #FFF, transparent);

}






.mtxt {
    z-index: 3;
    top: 28%;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 92%;
    min-height: 20px;
 
}

.mtxt > span:nth-child(1) {
    display: block;
    min-height: 20px;
    color: #EEE;
    font-family: 'hightlight-1';
    font-size: 28px;
    letter-spacing: -2px;
    text-align: center;
    line-height: 30px;
    width: 90%;
    margin: 0 auto;
}

.mtxt > span:nth-child(2) {
    display: block;
    min-height: 5px;
    color: #DDD;
    font-family: 'cal';
    font-size: 14px;
    padding: 0.6em 0 0 0;
    text-align: center;
    width: 90%;
    margin: 0 auto; 
}


.mtxt > a {
    justify-content: center;
    margin: 0.2em auto; 
}



#mainmov {
    display: block;
    width: 96%;
    background: -webkit-linear-gradient(to bottom, #111, #313352);
    background: -moz-linear-gradient(to bottom, #111, #313352);
    background: linear-gradient(to bottom, #111, #313352);
    position: relative;
    z-index: 2;
    overflow: hidden !important;
    height: 640px;
    margin: 0 auto;

 
}





/* xxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxx */

#pst {
    display: block;
    width: 70%;
    height: auto;
    position: absolute;
    margin: 0 auto;
    left: 0;
    z-index: 10;
    right: 0;
    -webkit-transform: translate(0, -690px);
    -moz-transform: translate(0, -690px);
    transform: translate(0, -690px);
    /* bottom: 0; */
}



#pst > img {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    /* ------------------------ */
    -webkit-transform: translate(-20px, 0);
    -moz-transform: translate(-20px, 0);
    transform: translate(-20px, 0);
}



#sublinks {
    display: block;
    min-height: 320px;
    background: none;
    overflow: unset;
    position: relative;
    top: 20px;
    transform: unset;
    z-index: 11;
    padding: 10px;
    margin: 0 auto;
    width: 96%;
    background: #EEE;
    /* -------------------- */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* border-radius: ; */
}


#adder > div {
    display: block;
    padding: 40px;
    border-radius: 10px;
    background: -webkit-linear-gradient(to bottom, #EEE, #FFF);
    background: -moz-linear-gradient(to bottom, #EEE, #FFF);
    background: linear-gradient(to bottom, #EEE, #FFF);
}




#adder > div:nth-child(2) {
    display:block;
    padding: 26px;
}


.wedge {
    height: 20px;
}
 


#pagers {
    padding: 20px;
    font-size: 15px;
    line-height: 25px;
}





#sublinks2 > a,
#sublinks > a {
    display: grid;
    grid-template-columns: 2fr 6fr;
    grid-gap: 1em;
    margin: 0;
    padding:  0.5em 0.3em;
    min-height: 20px;   
    overflow: hidden;
    position: unset;
    color: #CCC;
    /*  */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


#sublinks2 > a:hover,
#sublinks > a:hover {
    background: none;
    background: -webkit-linear-gradient(to bottom, transparent, #1b53af);
    background: -moz-linear-gradient(to bottom, transparent, #1b53af);
    background: linear-gradient(to bottom, transparent, #1b53af);
    color: #FFF !important;

}



#sublinks2 > a:not(:last-child),
#sublinks > a:not(:last-child) {
        border-bottom: 1px rgb(86, 102, 131) dotted;
}

#sublinks2 > a > span:nth-child(1),
#sublinks > a > span:nth-child(1){
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    height: 55px;
        /*  */
        -webkit-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px;
        -moz-box-shadow:rgba(0, 0, 0, 0.3) 2px 2px 5px;
        box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px;


}


#sublinks2 > a > span:nth-child(1) > img,
#sublinks > a > span:nth-child(1) > img {
    display: block;
    margin: 0;
    padding: 0;
    width: 130%;
    height: auto;
    border: none;
     color: #333;
    position: relative;
    top: -1px;
/*  */
-webkit-mask-image: linear-gradient(to bottom, #FFF, #FFF);
-moz-mask-image: linear-gradient(to bottom, #FFF, #FFF);
mask-image: linear-gradient(to bottom, #FFF, #FFF);

/*  */

}






#bgs {
    top: -550%;
}

#sublinks2 > a:hover,
#sublinks > a:hover {
    background: #2F2367;
    color: rgb(144, 212, 251);

}

#sublinks > a:hover > span:nth-child(2) {
    color: rgb(144, 212, 251);

}


 
#sublinks2 > a > span:nth-child(2),
#sublinks > a > span:nth-child(2) {
    display: block;
    font-size: 17px;
  
    width: 100%;
    text-align: left;
    font-size: 13px;
    position: relative;
    top: -8px;
    color: #222;
    padding: 0.4em 0 0 0;
}


#sublinks2 > a > span:nth-child(2) > strong,
#sublinks > a > span:nth-child(2) > strong {
    display: block;
    font-weight: 800;
    font-size: 16px;
    font-family: 'cal';
    padding: 0.2em 0 0 0;
    min-height: 10px;
   


}


/* xxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxx */

/* xxxxxxxxxxxxxxxxxx */

#instantpop {
 
    width: 85%;
	height: unset;
    overflow: hidden;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
 
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#adder {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 3em;
    width: 95%;
    margin: 0 auto;
    padding: 40px 0 5em 0;
}




#adder > div:nth-child(1){
    padding: 0.8em;
    text-align: center;
    background: rgb(212, 228, 238);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /* ------- */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



#adder > div > span > form {
    display: inline-block;
    width: 100%;
    background: #FFF;
    padding: 0.8em;
     /* ------- */
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;

     display: inline-block;
     color: #555;
     padding: 1em;
     min-height: 10px;
     margin-top: 1.5em;
     width: 100%;
  
     border: 1px dotted #DDD;
         /*  */
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     /*  */
     -webkit-box-shadow: unset;
     -moz-box-shadow: unset;
     box-shadow: unset;
/*  */
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
 

}


 





#adder > div > span > a {
    /*  */
    width: 95%;
}




#testifyer {
    grid-template-columns: 1fr;
    grid-gap: 1em;
}
 


#mdd {
    display: block;
    overflow: hidden;
    height: 1px;
    background: -webkit-linear-gradient(to bottom, #141229, #26224F);
    background: -moz-linear-gradient(to bottom, #141229, #26224F);
    background: linear-gradient(to bottom, #141229, #26224F);

      /*  */
      -webkit-transition: all 0.7s cubic-bezier(0.12, 0.69, 0.49, 1.01) 0s;
      -moz-transition: all 0.7s cubic-bezier(0.12, 0.69, 0.49, 1.01) 0s;
      transition: all 0.7s cubic-bezier(0.12, 0.69, 0.49, 1.01) 0s;
}


/* =============== */


/* /////////////////////// */
/* /////////////////////// */
/* /////////////////////// */

#mdd > a {
    display: flex;
    justify-content: flex-start;
    color: #b1b0b4;
    border: 1px dotted #383352;
    font-family: 'cal';
    
}

#mdd > a:hover {
    color: #F1E6A3;
}

#mdd > a:hover > span:nth-child(1){
    background: #26224F;
   

}



#mdd > a > span {
    display: block; 
    padding: 1em;
}


#mdd > a > span:nth-child(1) {
    background: #322f5a;
    color: rgb(131, 120, 167);
    width: 30px;
    text-align: center;
}


 

#bgs > a {
 
	top: 100px;
 }



/* xxxxxxxxxxxxxxxxxxxx */
#arrowholder {
    width: 98%;
    bottom: 65%;


}


#arrowholder> span {
 
    padding: 0.3em;
 

}



/* let div of 2nd div */
#footer > div:nth-child(2) > span:nth-child(1){
    grid-gap: 2em;
}


#footer > div:nth-child(2) > span:nth-child(1) > span:nth-child(2) {
    display: block;
    text-align: left;
}



/* xxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxx */

#breadcrumbs {
    display: flex;
    justify-content: flex-start;
    padding: 1.3em 1em;
    border-bottom: 1px dotted #CCC;
    background: -webkit-linear-gradient(to bottom, #CCC, #EEE);
    background: -moz-linear-gradient(to bottom, #CCC, #EEE);
    background: linear-gradient(to bottom, #CCC, #EEE);
    
 
	-webkit-box-shadow: 0 11px 6px -6px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 11px 6px -6px rgba(0, 0, 0, 0.1);
	box-shadow:  0 11px 6px -6px rgba(0, 0, 0, 0.1);
 

}

#breadcrumbs > span,
#breadcrumbs > a {
    font-size: 13px;
    color: #5d5d5d;
    padding: 0 1.5em 0 0;
    font-family: 'cal';
}




#keylinks > a > span:nth-child(2){
    font-size: 16px;
    font-family: 'cal';

}





#paymentoptions {
    grid-template-columns: 1fr 1fr;
    grid-gap: 0.6em;

}



#paymentoptions > span > span:nth-child(1) {
    display: block;
    height: 130px;


}



#paymentoptions > span > span:nth-child(2) > form > input[type="submit"] {
    font-size: 14px;
    font-family: 'cal';
}



#paymentoptions > span > span:nth-child(2) {
    font-size: 14px;
    font-family: 'cal';
}

 

#elink {
    width: 100%;
}



#evform {
    width: 100%;
          /*  */
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box; 
}




#neworders {

    width: 55px;
    height: 40px;
    padding: 0.5em 0;
    margin: 0;
    color: #FFF;
    position: absolute;
    top: 70px;
    left: unset;
    right: 10px;
    margin: 0;
}



#neworders > a {
    display: flex;
    justify-content: center;
    width: 50px;
 
}


#replik {
    width: 95%;
  
  }