body {
      /* background: #777; */
  background-repeat: repeat-x;
  background: #777;
  background: url("../../../../../admin/images/bg.jpg");

}


#all {
    display: block;
    min-height: 700px;
    width: 100%;
}

/* xxxxxxxxxxxxxxxxxxxxxxx */

#main {
    display: block;
    width: 70%;
    margin: 0 auto;
    position: relative;
    /* background: #fff; */
}

/* xxxxxxxxxxxxxxxxxxxxxxxx */

#topmast {
    display: flex;
    justify-content: space-between;
    padding: 0 1em;
    min-height: 90px;
    position: relative;
    z-index: 100 !important;
    /* background: -webkit-linear-gradient(to bottom, rgb(51, 37, 114), rgb(71, 56, 139)); 
    background: -moz-linear-gradient(to bottom, rgb(51, 37, 114), rgb(71, 56, 139)); 
    background: linear-gradient(to bottom, rgb(51, 37, 114), rgb(71, 56, 139));  */


} 


#topmast > div {
    min-height: 10px;
    /* background: #08BBD1; */
    padding: 0;

}


#topmast > span:nth-child(1){
    display: flex;
    width: 35%;
    justify-content: flex-start;
    align-items: center;
    color: #CCC;
}


#topmast > span:nth-child(1) > span:nth-child(1){
    display: flex;
    width: 130px;
    height: 50px;
    justify-content: flex-start;
    align-items: center;
    color: #CCC;
    padding: 0.4em 1em 0 0.5em;
}



#topmast > span:nth-child(1) > span:nth-child(1) > img {
    display: block;
    width: 100%;
    height: auto;
 
}





#pagers {
    display: block;
    min-height: 10px;
    padding: 30px;
    font-family: 'lato-H6';
    font-size: 17px;
    line-height: 25px;
}


#pagers > h5 {
    display: block;
    min-height: 10px;
    padding: 0 0 70px 0;
}

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

#topmast > span:nth-child(1) > span:nth-child(2){
    display: block;
    /* width: 90px; */
    height: 50px;
    padding: 1em 0 0 0;
    font-family: 'arvoBold';
    font-size: 30px;
    color: #EDE3F9;
    line-height: 18px;

}



#topmast > span:nth-child(1) > span:nth-child(2) > small {
    display: block;
    padding: 0.7em 0 0 5px;
    font-family: 'cal';
    font-size: 14px;
    color: #EDE3F9;
    letter-spacing: 5px;


}


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


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


#topmast > span:nth-child(2) > a,
#topmast > span:nth-child(2) > span > a,
#topmast > span:nth-child(2) > span {
    display: block;
    color: rgb(220, 210, 228);
    font-size: 25px;
    padding: 0.1em 0.5em;
    font-weight: 800;
    font-family: 'cal';
    letter-spacing: -1px;
}
 


#topmast > span:nth-child(2) > a {
    display: block;
    color: rgb(220, 210, 228);
    font-size: 17px;
    padding: 0.5em;
    
}




#topmast > span:nth-child(2) > a:nth-child(2),
#topmast > span:nth-child(2) >  a 
#topmast > span:nth-child(2) > span:nth-child(2) > a {
    font-size: 22px;
    color: rgb(251, 177, 40);
    padding-top: 0.34em;
 
    
}


#topmast > div:nth-child(3) > a:not(:first-child) {
    margin-left: 0.5em;
    border-left: 1px dotted rgb(143, 134, 194);
}


#topmast > div:nth-child(3) > a > img,
#topmast > div:nth-child(1) > a > img {
    display: block;
    width:  70%;
    height: auto;
}







#topmast > div > span > a {
    display: block;
    padding: 0.7em 1em;
    color: #c7bbe7;
    font-size: 14px;
    font-family: 'cal';
}


#topmast > div > span:nth-child(1) > a:nth-child(3),
#topmast > div > span:nth-child(1)  > a:nth-child(2),
#topmast > div > span:nth-child(1) > a:nth-child(1) {
    display: block;
    padding: 0.7em;
    color: #ffffff;
    font-size: 17px;
    font-family: 'cal';
    font-weight: 400;
}



 


/* middle with the links */

#topmast > div:nth-child(2){
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 10px;
    padding: 0;
    width: 50%;
}



#topmast > div:nth-child(2) > span:nth-child(1) {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 10px;
    padding: 0.5em;
    width: 60%;
}


#topmast > div:nth-child(2) > span:nth-child(2) {
    display: flex;
    justify-content: flex-end;
    align-items: right;
    min-height: 10px;
    padding: 0.5em;
    width: 30%;
}

#topmast > div:nth-child(2) > a {
    color: #d3d2fb;
    font-family: 'cal';
}



.boxed {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
    margin: 2em auto;
    font-family: 'hightlight-3';
    color: #888;
    font-size: 20px;
}




/* xxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxx */
#mainholder {
    display: block;
    margin: 14em auto 1em auto;
    width: 55%;
    min-height: 100px;
    position: relative;
    
}

#mainmov {
    display: block;
    width: 100%;
    background: #333333;
    position: relative;
    z-index: 2;
    /* --------------------------- */
    overflow: hidden;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    /* --------------------------- */
    overflow: hidden !important;
    background:rgb(143, 134, 194);
    background: -webkit-linear-gradient(to bottom right, #56499e, #8f86c2);
    background: -moz-linear-gradient(to bottom right, #56499e, #8f86c2);
    background: linear-gradient(to bottom right, #56499e, #8f86c2);
    min-height: 10px;
    position: relative;
    overflow: hidden;
    z-index: 2;
 
}




/* slider */
#slide {
    display: flex;
    justify-content: flex-start;
    min-width: 1100px;
    background: none;
    height: 400px;
    position: relative;
    float: left;
    /*  */
    -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;
}


/* individual imagee holder */
#slide > div {
    display: block;
    width: 1485px;
    height: 400px;
    position: relative;
   background: none;
 
}

#slide > div > div:nth-child(1) {
    display: block;
    width: 1485px;
    height: 400px;
    background: #111;
    position: absolute;
    top: 0;
    z-index: 1;

}


/* image div */
#slide > div > div:nth-child(2) {
    display: block;
    width: 1350px;
    height: 400px;
    background: none;
    position: absolute;
    top: 0;
    z-index: 4;

}


/* image to slide */
#slide > div > div:nth-child(1) > img {
    display: block;
    width: 100%;
    height: auto;
    background: #d3e4f1;
    position: relative;
    z-index: 2;
    /*  */
    -webkit-mask-image: linear-gradient(to right, #FFF, transparent);
    -moz-mask-image: linear-gradient(to right, #FFF, transparent);
    mask-image: linear-gradient(to right, #FFF, transparent);

}



.mtxt {
    display: block;
    position: absolute;
    z-index: 3;
    top: 30%;
    left: 10%;
    width: 32%;
    min-height: 20px;
    color: #EEE;
}




.mtxt > span:nth-child(1) {
    display: block;
    min-height: 20px;
    color: #EEE;
    font-family: 'arvoBold';
    font-size: 40px;
    letter-spacing: -2px;
    line-height: 40px;
}

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


.mtxt > a {
    display: flex;
    justify-content: flex-start;
    margin: 1em 0; 
    color: #57aeff;
}

.mtxt > a:hover {
    color: #ffdd46;
}

.mtxt > a > span:nth-child(1) {
    display: block;
    padding: 0 1em 0 0;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxx */



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


#menu {
    display: flex;
    justify-content: space-between;
    /* background: -webkit-linear-gradient(to bottom, rgb(51, 37, 114), rgb(71, 56, 139)); 
    background: -moz-linear-gradient(to bottom, rgb(51, 37, 114), rgb(71, 56, 139)); 
    background: linear-gradient(to bottom, rgb(51, 37, 114), rgb(71, 56, 139)); 
    background: rgb(71, 56, 139); */
 
   min-height: 50px;
    position: relative;
    z-index: 99;
}

#menu > div:nth-child(1) {
    display: flex;
    justify-content: flex-start;
    padding: 0 0 0 1em; 
}


#menu > div:nth-child(1) > a {
    display: block;
    font-size: 17px;
    font-family: 'cal';
    color: #FFF;
    padding: 1em;
    outline: none;
    border-bottom: 1px solid rgb(71, 56, 139);
}



#menu > div:nth-child(1) > a:nth-child(1) {
    display: none;
}




#menu > div:nth-child(1) > a:hover {
     background: -webkit-linear-gradient(to bottom, rgb(71, 56, 139), rgb(51, 37, 114)); 
    background: -moz-linear-gradient(to bottom, rgb(71, 56, 139), rgb(51, 37, 114)); 
    background: linear-gradient(to bottom, rgb(71, 56, 139), rgb(51, 37, 114)); 
}


#menu > div:nth-child(1) > a:hover {
    border-bottom: 1px solid #BED24D;
}

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


#menu > div:nth-child(2) {
    display: flex;
    justify-content: flex-end;
    padding: 0 1em 0 0; 
}


#menu > div:nth-child(2) > a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-family: 'cal';
    color: #D8D3DE;
    padding: 0.3em 1em;
    margin-top: 0.8em;
    height: 20px;
    outline: none;
    border: 1px dotted #47388B;
    /*  */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}



#menu > div:nth-child(2) > a:hover {
    border: 1px dotted #9379c3;
}



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


/* first half of mainmov */
#mainmov > span:nth-child(2){
    display: block;
    min-height: 10px;
    position: relative;
    padding: 0;
    width: 50%;
    text-align: right;
    /* background: #08BBD1; */


}


#mainmov > span:nth-child(2) > img{
    display: block;
    min-height: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0;
    text-align: right;
    /* background: #08BBD1; */


}




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



#sublinks {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 0;
    height: 200px;
    background: #CCC;
    overflow: hidden;
    position: absolute;
    z-index: 12;
    -webkit-transform: translate(0, -50px);
    -moz-transform: translate(0, -50px);
    transform: translate(0, -50px);
    padding: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 90%;
    /*  */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}



#sublinks2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 0;
    height: 200px;
    background: #CCC;
    overflow: hidden;
    position: relative;
    z-index: 2;
    top: -20px;
    padding: 0;
    margin: 0 auto;
    width: 90%;
    /*  */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#sublinks2 > a,
#sublinks > a {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    /*  */
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}



#sublinks2 > a > span:nth-child(1),
#sublinks > a > span:nth-child(1){
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    border: none;
    overflow: hidden;
    

}


#sublinks2 > a > span:nth-child(1) > img,
#sublinks > a > span:nth-child(1) > img {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    border: none;
     color: #333;
    position: relative;
    top: -1px;
/*  */
-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);
/*  */

}



#sublinks2 > a:hover,
#sublinks > a:hover {
    background: #2F2367;
    color: #FFF;

}


 
#sublinks2 > a > span:nth-child(2),
#sublinks > a > span:nth-child(2) {
    display: block;
    font-size: 17px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    min-height: 10px;
    padding: 0;
    margin: 0 auto;
    width: 85%;
    text-align: left;
    font-size: 12px;
    font-family: 'cal';
}


#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';
    letter-spacing: -1px;
   


}


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

#jobsearch {
    display: block;
    padding:  0;
    border: 1px dotted #DDD;
    margin: 1em 0;
    height: 60px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    /*  */
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    border-radius: 70px;
    /*  */
    background: -webkit-linear-gradient(to bottom, #EEE, #FFF);
    background: -moz-linear-gradient(to bottom, #EEE, #FFF);
    background: linear-gradient(to bottom, #EEE, #FFF);

}



#jobsearch > form {
    display: flex;
    justify-content: space-between;
    padding:  0;
    margin: 0;
    min-height: 100%;
}



#jobsearch > form > span {
    min-height: 100%;


}


#jobsearch > form  > span:nth-child(1) {
    display: flex;
    justify-content: flex-start;
    padding:  0;
    margin: 0;
    min-height: 20px;
    width: 80%;

}


#jobsearch > form  > span:nth-child(2) {
    display: block;
    padding:  0;
    margin: 0;
    min-height: 20px;
    width: 20%;
    border: none;

    /* background: #DDD; */


}


#jobsearch > form  > span:nth-child(2) > input[type='submit']{
    display: block;
    padding:  0;
    margin: 0;
    min-height: 20px;
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    color: #FFF;
    font-size: 15px;
    /*  */
    background: -webkit-linear-gradient(to bottom right, #56499e, #8f86c2);
    background: -moz-linear-gradient(to bottom right, #56499e, #8f86c2);
    background: linear-gradient(to bottom right, #56499e, #8f86c2);
    padding: 1em;
    -webkit-appearance: none;

}



#jobsearch > form > span > input[type='text'] {
    display: block;
    padding: 0.5em 1em;
    margin: 0;
    min-height: 30px;
    outline: none;
    border: none;
    background: none;
    width: 30%;
    font-size: 15px;
    color: #555;
    text-align: left;
    font-family: 'cal';

}


#jobsearch > form > span > input[type='text']:not(:last-child) {
    border-right: 1px dotted #929292;

}


#jobsearch > form > span > select {
    display: block;
    padding: 0.5em 1em 0.5em 1em;
    margin: 0;
    min-height: 30px;
    outline: none;
    border: none;
    background: none;
    width: 34%;
    font-size: 16px;
    color: #555;
    text-align: right;
    border-right: 1px dotted #929292;
    font-family: 'hightlight-2';
    font-size: 17px;

}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* lables */
#lables {
    display: flex;
    justify-content: flex-start;
    position: absolute;
    z-index: 10;
    /* background: #DDD; */
    width: 100%;
    transform: translate(0, -38px);
 

}


#lables > span {
    display: block;
    color: #acacac;
    font-family: 'cal';
    width: 25%;
    text-align: right;
    font-size: 13px;
    

}



/* xxxxxxxxxxxxxxxxxxxxxx */


#subs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2em;
    
    font-size: 15px;
    width: 90%;
    margin: 0 auto;
    padding: 1.5em 0 4em 0;
    
}


#subs > span {
    display: block;
    font-family: 'segoe-font';
    font-size: 15px;
    color: #555;
    
}



#subs > span > span {
    display: block;
    padding: 1em 0 0 0;
    min-height: 10px;
    
}


#subs > span > span > a {
    display: block;
    color: #75adf6;
    padding: 0.5em 0;
    
}

#subs > span > span > a:not(:last-child) {
    display: block;
    border-bottom: 1px dotted #DDD;
    
}
 

#subs > span:nth-child(1) {
    display: block;
    text-align: right;
    
}




#subs > span:nth-child(1) > img {
    display: block;
    float: right;
    width: 120px;
    height: auto;
    padding: 0 0 1em 1em;
    /*  */
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    
}

#subs > span > strong {
    display: block;
    font-family: 'hightlight-2';
    font-weight: 700;
    font-size: 29px;
    padding: 0 0 0.4em 0;
    color: #222;
        
}


#subs > span:nth-child(1) > strong {
    display: block;
    text-align: right;
    font-size: 21px;
    /* line-height: 30px; */
    
}

#subs > span:nth-child(2) > strong {
    display: block;
    text-align: left;
    font-size: 30px;
    line-height: 30px;
    font-weight: 900;
    
}





/* xxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxx */

#footer {
    display: block;
    min-height: 200px;
 
    padding: 0;
    margin: 0;
    font-family: 'cal';
    /* background: #DDD; */
}

/* 1st div copyright */
#footer > div:nth-child(1) {
    display: block;
    width: 39%;
    margin: 0 auto;
    padding: 3em 0;
    font-size: 12px;
    color: #c0b4b4;
    font-family: 'cal';
    text-align: center;


}

/* social media*/
#footer > div:nth-child(1) > span {
    display: flex;
    justify-content: space-between;
    width: 44%;
    margin: 0 auto;
    padding: 1em 0 2em 0;
    font-size: 12px;
    color: #888;
    font-family: 'cal';
    text-align: center;

}


#footer > div:nth-child(1) > span > a {
    display: block;
    font-size:  20px;
    color: #EEE;

}

/* footer second div */
#footer > div:nth-child(2) {
    display: grid;
    grid-template-columns: 4fr 5fr;
    grid-gap: 3em;
    min-height: 200px;
    width: 70%;
    padding: 1em 0;
    margin: 0 auto;
    font-family: 'cal';
}


/* 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;
}


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


#footer > div:nth-child(2) > span:nth-child(1) > span > strong {
    display: block;
    padding: 0 0 0.4em 0;
    font-family: 'cal';
    color: #DDD;
}


 #footer > div:nth-child(2) > span:nth-child(1) > span > a {
    display: block;
    color: #cfeac0;
    padding: 0.2em 0;
    font-size: 13px;
    line-height: 25px;
}

 #footer > div:nth-child(2) > span:nth-child(1) > span > a:hover {
    display: block;
    color: #7E50BE;
    text-decoration: underline;
}
/* //////////////////// */

/* 2nd div of 2nd div */
#footer > div:nth-child(2) > span:nth-child(2){
    display: block;
    min-height: 100px;
    width: 80%;
    padding: 0;
    margin: 0;
    font-family: 'cal';
    text-align: left;
}




#footer > div:nth-child(2) > span:nth-child(2) > form {
 

    display: flex;
    justify-content: space-between;
    padding: 1em 0;
    min-height: 10px;
    background: #6c5782;
    
    background: -webkit-linear-gradient(to bottom, #653bc8, #6069a9);
    background: -moz-linear-gradient(to bottom, #653bc8, #6069a9);
    background: linear-gradient(to bottom, #653bc8, #6069a9);
    width: 100%;
    padding: 0.5em;
    border-bottom: 1px solid #7565c3;
    border-top: 1px solid #b9b3db;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*  */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*  */
    -webkit-box-shadow: rgb(38 57 77) 0px 20px 30px -10px;
    -moz-box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
    box-shadow: rgb(38 57 77) 0px 20px 30px -10px;
    /*  */
    -webkit-box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
    -moz-box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
  
  

}
 


#footer > div:nth-child(2) > span:nth-child(2) > form > input[type=email],
#footer > div:nth-child(2) > span:nth-child(2) > form > input[type=text]{
    display: block;
    width: 6    0%;
    padding: 0.8em;
    border: none;
    background: none;
    outline: none;
    color:#b9b3db;

}


#footer > div:nth-child(2) > span:nth-child(2) > form > input[type=submit],
#footer > div:nth-child(2) > span:nth-child(2) > form > input[type=butto]{
    display: grid;
    place-items: center;
    width: 34%;
    padding: 0;
    border: none;
    background: none;
    outline: none;
    color:#b9b3db;
    height: 35px;
    font-size: 12px;
    font-weight: 800;
    border: 1px solid #b6a8b2;
    /*  */
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;

}



#footer > div:nth-child(2) > span:nth-child(2) > span:nth-child(1) {
    display: block;
    min-height: 10px;
    width: 100%;
    padding: 0 0 1em 0;
    margin: 0;
    font-family: 'cal';
    text-align: left;
    font-size: 13px;
    color: #999;
}


#footer > div:nth-child(2) > span:nth-child(2) > span:nth-child(2) {
    display: block;
    min-height: 10px;
    width: 100%;
    padding: 0 0 1em 0;
    margin: 0;
    font-family: 'cal';
    text-align: left;
    font-size: 13px;
    color: #999;

}


#footer > div:nth-child(2) > span:nth-child(2) > span:nth-child(2) > form {
    display: flex;
    justify-content: space-between;
    background: #EEE;
    min-height: 10px;
    width: 100%;
    padding: 0.5em;
    margin: 0;
    font-family: 'cal';
    text-align: left;
    font-size: 13px;
    color: #999;
    -webkit-border: 1px solid #CCC;
    -moz-border: 1px solid #CCC;
    border: 1px solid #CCC;
        /* Shadow is a class in html */
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;

}


#footer > div:nth-child(2) > span:nth-child(2) > span:nth-child(2) > form > input[type="email"],
#footer > div:nth-child(2) > span:nth-child(2) > span:nth-child(2) > form > input[type="text"] {
    display: block;
    padding: 0.6em 1em  ;
    font-size: 16px;
    outline: none;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 70%;
    background: none;
    -webkit-appearance: none;
    font-family: 'cal';
    /* ---------------- */
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    /* ------------ */
    border: 1px #CCC solid;
    text-align: right;
    color: #888;




}


#footer > div:nth-child(2) > span:nth-child(2) > span:nth-child(2) > form > input[type="button"],
#footer > div:nth-child(2) > span:nth-child(2) > span:nth-child(2) > form > input[type="submit"] {
    display: block;
    padding: 0.6em;
    font-size: 14px;
    outline: none;
    background: #FFF;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 26%;
        -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    color: #FFF;
    -webkit-appearance: none;
    font-family: 'cal';
    background: -webkit-linear-gradient(to bottom, #85B200, #72972d);
     background: -moz-linear-gradient(to bottom, #85B200, #72972d);
      background: linear-gradient(to bottom, #85B200, #72972d);
      -webkit-appearance: none;

}



#footer > div:nth-child(2) > span:nth-child(2) > span:nth-child(2) > form > input[type="button"]:hover,
#footer > div:nth-child(2) > span:nth-child(2) > span:nth-child(2) > form > input[type="submit"]:hover {
    background: -webkit-linear-gradient(to bottom, #ce7400, #995516);
     background: -moz-linear-gradient(to bottom, #ce7400, #995516);
      background: linear-gradient(to bottom, #ce7400, #995516);

}


 

/* xxxxxxxxxxxxxxxxxxxx */
#arrowholder {
    display: flex;
   justify-content: space-between;
    width: 95%;
    position: absolute;
    z-index: 5;
    margin: 0 auto;
    bottom: 45%;
    left: 0;
    right: 0;
    min-height: 10px !important; 

}


 #arrowholder> span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5em;
    /* background: #0042c5; */
    color: #FFF;
    font-size: 25px;

}


#arrowholder > span:hover {
    color: #0571ff;
}

#dots {
    display: inline-flex;
   justify-content: center;
    width: 65%;
    position: absolute;
    z-index: 6;
    margin: 0 auto;
    bottom: 335px;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 10px !important; 
    color: #FFF;
    font-size: 12px;

}

#dots > span {
    display: block;
    width: 8px;
    margin: 0 3px;
    height: 4px !important;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    background: #EEE;
    /*  */
    opacity: 0.4;
    filter: alpha(opacity=40);
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxx */











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

#adder {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 17px;
    margin: 0 auto;
    padding: 33px 0;

}



#adder > div {
    display: block;
    padding: 190px 80px 60px 80px;
      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(1){
    display: block;
    margin: 0;
    text-align: right;
    
}


#adder > div:nth-child(2){
    display: block;
    margin: 0;
    text-align: right;
}

#adder > div > h5 {
    display: block;
    color: #555;
}


#adder > div > span {
    display: block;
    color: #777;
    font-family: 'cal';
    font-size: 15px;
}


#adder > div > span > a {
    display: flex;
    justify-content: flex-start;
    color: #777;
    font-family: 'cal';
    font-size: 15px;
    margin-top: 2em;
    /*  */
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    /*  */
    background: -webkit-linear-gradient(to bottom, #EEE, #FFF);
    background: -moz-linear-gradient(to bottom, #EEE, #FFF);
    background: linear-gradient(to bottom, #EEE, #FFF);
    /*  */
    width: 35%;
}



#adder > div > span > a:hover {
    color: #FFF;
    /*  */
    background: -webkit-linear-gradient(to bottom, #002DB2, #0466DD);
    background: -moz-linear-gradient(to bottom, #002DB2, #0466DD);
    background: linear-gradient(to bottom, #002DB2, #0466DD);
}



#adder > div > span > a > span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0.3em 1em;
    min-height: 30px;
}


#adder > div > span > a > span:nth-child(2) {
    border-left: 1px dotted #CCC;
    font-size: 17px;
    font-weight: 600;
    font-family: 'cal';
}




.hl1 {
    display: block;
    padding: 0.3em 0;
    font-size: 23px;
    line-height: 26px;
    font-weight: 800;
    font-family: 'hightlight-1';
    /* color: #; */
}



#adder > div > span > form {
    display: inline-block;
    background: none;
    color: #555;
    padding: 1em;
    min-height: 10px;
    margin-top: 1.5em;
    width: 90%;
 
    border: 1px dotted #DDD;
        /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*  */
    -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;
}




#adder > div > span > form > div  {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1em;
    min-height: 20px;
    padding: 0 0 1em 0;

}



#adder > div > span > form > div > input[type="text"],
#adder > div > span > form > div > input[type="tel"],
#adder > div > span > form > div > input[type="email"] {
    display: block;
    padding: 1em;
    min-height: 10px;
    background: #EEE;
    outline: none;
    border: none;
    width: 100%;
    -webkit-border-left: 1px solid #CCC;
    -moz-border-left: 1px solid #CCC;
    border-left: 1px solid #CCC;
    
     -webkit-border-right: 1px solid #CCC;
    -moz-border-right: 1px solid #CCC;
    border-right: 1px solid #CCC;

     -webkit-border-bottom: 1px solid #CCC;
    -moz-border-bottom: 1px solid #CCC;
    border-bottom: 1px solid #CCC;

    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
 
}


#adder > div > span > form > div > input[type="reset"],
#adder > div > span > form > div > input[type="submit"],
#adder > div > span > form > div > input[type="button"] {
    display: block;
    padding: 1em;
    min-height: 10px;
    background: #FFF;
    outline: none;
    border: none;
    width: 100%;
    background: #7378BB;
    color: #FFF;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*  */
    -webkit-appearance: none;
 
}


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








#notificates {
    display: block;
    width: 28%;
    margin: 0 auto;
    min-height: 50px;
    position: absolute;
    color: #FFF;
    font-family: 'cal';
    left: 0;
    right: 0;
    z-index: 20;
        /*  */
    opacity: 0.8;
    filter: alpha(opacity=80);
    /*  */
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    /*  */
    border: 1px dotted #5C4907;
    border-top: none;
    background: -webkit-linear-gradient(to bottom, transparent, #444);
    background: -moz-linear-gradient(to bottom, transparent, #444);
    background: linear-gradient(to bottom, transparent, #444);
}


#notificates > div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 97%;
    margin: 0 auto;
    padding: 1em 0;
    color: #CCC;
    
}
 

 #notificates > div > span:nth-child(1) {
    display: block;
    width: 30%;
    text-align: right;
    padding: 0 1em 0 0;
    font-weight: 900;
    font-size: 18px;
}

 #notificates > div > span:nth-child(2)  {
    display: block;
    width: 70%;
    font-size: 13px;
    padding: 0 0 0 1em;
    border-left: 1px dotted #999;
}




#notificates:hover {
 
    opacity: 0.8;
    filter: alpha(opacity=80);
    color: #FFD659;
   
    background: -webkit-linear-gradient(to bottom, transparent, #352775);
    background: -moz-linear-gradient(to bottom, transparent, #352775);
    background: linear-gradient(to bottom, transparent, #352775);
}

#notificates:hover > div > span,
#notificates:hover > div {
    color: #FCF5A9;
}








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


#mainpage {
    display: grid;
    grid-template-columns: 8fr 3fr;
    min-height: 100px;
    background: #EEE;
}




#mainpage > div:nth-child(1){
    display: block;
    min-height: 100px;
}





/* xxxxxxxxxxxxxxxxxxxx */

#breadcrumbs {
    display: flex;
    justify-content: flex-start;
    padding: 1.3em;
    /* -------------- */
    -webkit-border-bottom: 1px dotted #CCC;
    -moz-border-bottom: 1px dotted #CCC;
    border-bottom: 1px dotted #CCC;
    
}

 

#breadcrumbs > span,
#breadcrumbs > a {
    display: block;
    font-size: 14px;
    color: #999;
    padding: 0 20px 0 0;
    font-family: 'cal';
}

 
#breadcrumbs > a:hover {
    color:#0841d1;
}


/* xxxxxxxxxxxxxxxxxxxx */


#contents {
    display: block;
    padding: 3em 3em 6em 3em;
    font-family: 'cal';
    width: 85%;
}


#contents > strong {
    display: inline-block;
    font-family: 'cal';
    font-size: 16px;

    
}


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



#mainpage > div:nth-child(2){
    display: block;
    min-height: 100px;

}

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





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






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


#keylinks {
    display: block;
    background: #888;
    min-height: 240px;
    /* max-height: 300px; */

}



#keylinks > a {
    display: flex;
    justify-content: flex-start;
    color: #CCC;
    font-family: 'cal';
}


#keylinks > a > span:nth-child(1){
    display: block;
    margin: 0;
    width: 24px;
    padding: 1em;
    font-size: 18px;
    color: #CCC;
    background: #303030;
}



#keylinks > a > span:nth-child(2){
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 1em;
    font-size: 15px;
    color: #CCC;
    width: 80%;
    font-family: 'cal';
}






/* 1 */
#keylinks > a:nth-child(1) > span:nth-child(2){
    background: #202020;
}

#keylinks > a:nth-child(1) > span:nth-child(2){
    background: #454545;
}
/* 1 */




/* 1 */
#keylinks > a:nth-child(2) > span:nth-child(1){
    background: #353535;
}

#keylinks > a:nth-child(2) > span:nth-child(2){
    background: #4D4D4D;
}
/* 1 */


/* 1 */
#keylinks > a:nth-child(3) > span:nth-child(1){
    background: #454545;
}

#keylinks > a:nth-child(3) > span:nth-child(2){
    background: #575757;
}
/* 1 */



/* 1 */
#keylinks > a:nth-child(4) > span:nth-child(1){
    background: #4F4F4F;
}

#keylinks > a:nth-child(4) > span:nth-child(2){
    background: #646464;
}
/* 1 */



/* 1 */
#keylinks > a:nth-child(5) > span:nth-child(1){
    background: #606060;
}

#keylinks > a:nth-child(5) > span:nth-child(2){
    background: #6B6B6B;
}
/* 1 */



/* 1 */
#keylinks > a:nth-child(6) > span:nth-child(1){
    background: #727272;
}

#keylinks > a:nth-child(6) > span:nth-child(2){
    background: #818181;
}
/* 1 */




#keylinks > a:hover > span:nth-child(1) {
    background: #e6d43a;
    color: #222;
}

#keylinks > a:hover > span:nth-child(2) {
background: #22222244 !important;
color: #ffdb3c;
}

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






#nextad {
    display: block;
    padding: 1em;
    min-height: 10px;
    border-left: 1px dotted #999;
    font-family: 'cal';
}

#nextad > span {
    display: block;
    min-height: 10px;
    font-size: 14px;
    color: #999;
}

#nextad > span > a {
    color: #7C8CFA;
}




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




#dd {
    display: grid;
    grid-template-columns: 3fr 2fr;
    width: 53%;
    min-height: 50px;
    background: #26224F;
    color: #FFF;
    position: absolute;
    top: -280px;
    z-index: 40 !important;
    font-family: 'cal';
    background: -webkit-linear-gradient(to bottom, #141229, #26224F);
    background: -moz-linear-gradient(to bottom, #141229, #26224F);
    background: linear-gradient(to bottom, #141229, #26224F);
    /*  */
    -webkit-box-shadow:  5px 6px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:  5px 6px 5px rgba(0, 0, 0, 0.2);
    box-shadow:   5px 6px 5px rgba(0, 0, 0, 0.2);
        /*  */
    opacity: 0.97;
    filter: alpha(opacity=97);
    /*  */
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
 
    
}





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



#dd > div {
    display: block;
    min-height: 20px;    
}


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


#dd > div:nth-child(1) {
    display: block;
    min-height: 20px;
    padding: 1.9em;
    color: #71699A;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}



#dd > div:nth-child(1):hover > span:nth-child(2),
#dd > div:nth-child(1):hover {
    color: #9E98BA;
}


#dd > div:nth-child(1) > span:nth-child(1) {
    display: block;
    font-family: 'hightlight-3';
    font-size: 29px;
    line-height: 29px;    
}


#dd > div:nth-child(1) > a {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    font-family: 'cal';
    font-size: 14px;
    margin-top: 1em;
    border: 1px dotted #71699A;
    padding-right: 1em;
    padding-left: 1em;

}


#dd > div:nth-child(1) > a:hover {
    background: #FFDB6F;
    color: #222;
}



#dd > div:nth-child(1) > a > span {
    padding: 0.4em 0.7em;
}



#dd > div:nth-child(1) > a > span:nth-child(1) {
    display: block;
    padding: 0 0.7em 0 0;
    border-right: 1px dotted #71699A;
}



#dd > div:nth-child(1) > span:nth-child(2) {
    display: block;
    font-family: 'cal';
    padding: 0.4em 0 0 0;
    color: #9E98BA;
    font-family: 'cal';
    
}



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

#dd > div:nth-child(2) > a {
    display: flex;
    justify-content: flex-start;
    color: #918BB1;
    border-bottom: 1px dotted #373274;
}

#dd > div:nth-child(2) > a:hover {
    color: #F1E6A3;
}

#dd > div:nth-child(2) > a:hover > span:nth-child(1){
    background: #111;

}



#dd > div:nth-child(2) > a > span {
    display: block; 
    padding: 1em;
}


#dd > div:nth-child(2) > a > span:nth-child(1) {
    background: #26224F;
    width: 15px;
}




#paymentoptions {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1em;
    min-height: 100px;
    padding: 1.5em 0;
}


#paymentoptions > span {
    display: block;
    min-height: 100px;
    padding: 0;
    margin: 0;
    background: #EEE;
    overflow: hidden;
    /*  */
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}


#paymentoptions > span > span:nth-child(1) {
    display: block;
    height: 200px;
    padding: 0;
    margin: 0;
    background: #DDD;
    overflow: hidden;


}



#paymentoptions > span > span:nth-child(1) > img {
    display: block;
    height: auto;
    width: 100%;


}



#paymentoptions > span > span:nth-child(2) {
    display: block;
    min-height: 20px;
    padding: 0;
    margin: 0;
    background: #fff; 
    font-family: 'cal';
}



#paymentoptions > span > span:nth-child(2) > form {
    display: block;
    padding: 0.7em;
    margin: 0;
}


#paymentoptions > span:nth-child(2) > span:nth-child(2) > form > a,
#paymentoptions > span > span:nth-child(2) > form > input[type="submit"] {
    display: block;
    padding: 0.4em 1em;
    background: #FFF;
    margin: 0;
    border: 1px solid #999;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    outline: none;
    -webkit-appearance: none;
}

#paymentoptions > span > span:nth-child(2) > form > input[type="submit"]:hover {
    background: #3698e9;
    color: #FFF;
}


#paymentoptions > span > span:nth-child(2) > a {
    display: block;
    padding: 0.9em 1em;
    font-family: 'cal';
}



 





/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


#bgs {
	display: block;
	position: absolute;
	top: -350%;
	left: 0;
	z-index: 110;
	width: 100%;
	min-height: 100vh;
	background: #1d212a;
	opacity: 0.9;
	filter: alpha(opacity=90);
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}



#bgs > a {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 40px;
	color: #CCC;
	margin: 0 auto;
	width:  50px;
	height: 50px;
	position: absolute;
	top: 200px;
	left: 0;
	right: 0; 
 

}   




/* xxxxxxxxxxxxxxxxxx */

#instantpop {
	display: none;
	position: absolute;
	top: 200%;
	left: 50%;
	transform: translate(-50%, -30%);
	z-index: 200;
	width: 55%;
	height: 510px;
	background: #EEE;
	overflow: hidden;
	/*  */
	-webkit-box-shadow: 0 0 19px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 19px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 19px rgba(0, 0, 0, 0.3);
	/*  */
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}


#instantpop > a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}


#instantpop > a > img {
	display: block;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}


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


   #smalladd {
	   display: block;
	   position: absolute;
	   top: 20%;
	   left: 0;
	   right: 0;
	   z-index: 100 !important;
	   min-height: 15px;
	   margin: auto;
	   z-index: 300;
	   width: 25%;

   }


   #smalladd > a {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0 auto;
	z-index: 300;
	width: 90%;
	background: -webkit-linear-gradient(to bottom, #e2a809, #fff9a0);
	background: -moz-linear-gradient(to bottom, #e2a809, #fff9a0);
	background: linear-gradient(to bottom, #e2a809, #fff9a0);
}


#smalladd > a {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0 auto;
	
	width: 90%;
	   /*  */
	   opacity: 0.8;
	   filter: alpha(opacity=80);
	
	/*  */
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	/*  */
	background: -webkit-linear-gradient(to bottom, #e2a809, #fff9a0);
	background: -moz-linear-gradient(to bottom, #e2a809, #fff9a0);
	background: linear-gradient(to bottom, #e2a809, #fff9a0);
		/*  */
	-webkit-box-shadow: 0 0 19px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 19px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 19px rgba(0, 0, 0, 0.3);
}

#smalladd > a > span:nth-child(1) {
	display: block;
	width: 30%;
	padding: 1em;
	color: #111;
	text-align: center;
	border-right: 1px solid #b48401;
	/*  */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: 700;
	font-size: 17px;
	font-family: 'cal';
}


#smalladd > a > span:nth-child(2) {
	display: block;
	width: 70%;
	color: #222;
	padding: 1em;
	border-left: 1px solid #ffe8a9;
	/*  */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


#smalladd > a:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
}




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









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


#backpop {
    display: block;
    width: 100%;
    height: 100%;
    background: #555;
    position: absolute;
    z-index: 4 !important;
    left: -300%;
    /* left: 0; */
    top: 0;
    opacity: 0.9;
    filter: alpha(opacity=90);
    /*  */
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}



#hidder {
    display: block;
    overflow: hidden;
    height: 1px;
}


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







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

#testifyer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2em;
    min-height: 100px;
}




.tts {
    display: block;
    background: #FFF;
    min-height: 80px;
    color: #888;
    padding: 1.4em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 9px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 9px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 9px;
}



.tts > strong {
    display: block;
    padding: 0.7em 0 0 0;

}



.tts > small {
    display: block;
    color: #999;
    
}



.tts > h4 {
    display: block;
    font-size: 16px;
    font-weight: 800;
    color: #222;
}
/* xxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxx */



#addy1 {
    display: block;
    margin: 1.5em auto;
    width: 85%;
    background: #f5e798;
    min-height: 70px;

    /* ====== */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* ============ */
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    background: -webkit-linear-gradient(#d4bd39 , #f5e798);
    background: -moz-linear-gradient(#d4bd39 , #f5e798);
    background: linear-gradient(#d4bd39 , #f5e798);
    /*  */
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 4px 5px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 4px 5px 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 4px 5px 8px;
}



#addy1 > div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1em;
    width: 86%;
    min-height: 100px;
    margin: 0 auto;
    padding: 0 0 1em 0;
    position: relative;
}


#addy1 > div > span {
    display: block;
    margin: 0;
   
}


#addy1 > div > span > small {
    display: block;
    margin: 0;
    padding: 0.9em 0 0.2em 0;
    font-weight: 800;
    font-family: 'cal';

}


#addy1 > div > span > span {
    display: block;
    margin: 0;
    padding: 0 0 0.2em 0;
    font-weight: 800;
    font-size:  23px;
    font-family: 'hightlight-1';
    line-height: 23px;
    

}




#addy1 > div > span:nth-child(1) {
    display: block;
    margin: 0;
    position: absolute;
    z-index: 1;
    left: 0;
}


#addy1 > div > span:nth-child(1) > img {
    display: block;
    margin: 0;
    position: relative;
    left: -47px;
    top: -24px
}

#addy1 > div > span:nth-child(2) {
    display: block;
    margin: 0;
    position: absolute;
    z-index: 3;
    right: 0;
    width: 60%;
    text-align: right;
}


#addysupport {
    display: block;
    text-align: center;
    padding: 0;
    min-height: 10px;
    font-family: 'cal';
    font-size: 13px;
    width: 70%;
    margin: 0 auto;
    padding-bottom: 3em;
}






/* xxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxx */
 


#contents {
	display: block;
	width: 100%;
	min-height: 500px;
	margin: 0;
    color: #555;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


#contents > a,
#contents > p > a {
    font-family: 'cal';
}


#contents > iframe {
	display: block;
	width: 100%;
	min-height: 500px;
	margin: 0;
	padding: 0;
    color: #555;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#contents > iframe > video {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
    color: #555;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



#mdd,
#navbg {
    display: none;
}




#elink {
    display: block;
    margin: 0;
    min-height: 10px;
    padding: 0 0 2em 0;
    width: 21%;
}

#elink > a {
    display: block;
    margin: 0;
    padding: 0.8em 1.2em;
    min-height: 10px;
    font-size: 16px;
    font-weight: 700;
    font-family: 'cal';
    /*  */
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    /*  */
    background: -moz-linear-gradient(to bottom, #d9e5e8, #FFF);
    background: -webkit-linear-gradient(to bottom, #d9e5e8, #FFF);
    background: linear-gradient(to bottom, #d9e5e8, #FFF);

    /*  */
    -webkit-box-shadow: 0 0 12px rgba(0, 64, 148, 0.2);
    -moz-box-shadow: 0 0 12px rgba(0, 64, 148, 0.2);
    box-shadow: 0 0 12px rgba(0, 64, 148, 0.2);
}



#evform {
    display: block;
    margin: 0;
    min-height: 10px;
    background: #f7f7f7;
    padding: 1em;
    width: 100%;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}


#evform > form {
    display: block;
    margin: 0;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}


#evform > form > input[type=tel],
#evform > form > input[type=email],
#evform > form > input[type=text] {
    display: block;
    margin: 0;
    padding: 1em;
    width: 100%;
    outline: none;
    margin-bottom: 0.7em;
    border: none;
    border-left: 9px solid #DDD;
    border-right: 9px solid #DDD;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
 
 
}


#evform > form > input[type=submit] {
    display: block;
    margin: 0;
    padding: 1.2em 0;
    outline: none;
    border: 1px solid #DDD;
    width: 100%;
    color: #FFF;
    background: -webkit-linear-gradient(to bottom, #5d7be7, #4079b8);
    background: -moz-linear-gradient(to bottom, #5d7be7, #4079b8);
    background: linear-gradient(to bottom, #5d7be7, #4079b8);
      /*  */        
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; 
}


#evform > form > input[type=submit]:hover {
    background: -webkit-linear-gradient(to bottom, #07667e, #1b98be);
    background: -moz-linear-gradient(to bottom, #07667e, #1b98be);
    background: linear-gradient(to bottom, #07667e, #1b98be);
}



.pdd {
    display: block;
    margin: 0;
    padding: 3em;
}



#eventad {
    display: block;
    min-height: 10px;
    padding: 0 0 2em 0;
}

 


#eventad > img {
    display: block;
    width: 100%;
    height: auto;
}

 
  
 
.wedge {
    display: block;
    height: 100px;
}


#pst {
    display: block;
    width: 400px;
    height: auto;
    position: absolute;
    z-index: 3;
    right: 0;
    transform: translate(-250px, -470px);
    /* bottom: 0; */
}

#pst > img {
    display: block;
    width: 120%;
    height: auto;
}