.inner_links_outer_nav_holder {

   

    color: rgb(76, 76, 76);

  

   min-width: 40%;

       text-align: center;

    display: flex;

    justify-content: center;

    font-size: 15.5px!important;

   

}/*#DIV_1*/



.inner_links_outer_nav_holder *{

font-size: 15.5px!important;

}



.inner_links_layer_2 {

   



}/*#DIV_2*/



.inner_links_layer_3 {

    

}/*#DIV_3*/



.inner_links_layer_4 {

    box-sizing: border-box;

    color: grey;

    display: flex;

   
margin-left: 50px;
   

   

}/*#DIV_4*/



.inner_links_layer_4 a {



    text-decoration: none!important;

    color: #232323;

}



.sklist a {

    color: #3a3939;

    font-size: 13.5px!important;



}









.active {

    

    box-shadow: rgb(54, 173, 97) 0px -2px 0px 0px inset;

    box-sizing: border-box;

    color: rgb(54, 173, 97)!important;

    display: block;

    height: 64px;

    min-height: auto;

    min-width: auto;

    text-align: center;

    text-decoration: none solid rgb(76, 76, 76);

    text-size-adjust: 100%;

    border: 0px none rgb(76, 76, 76);

    margin: 0px 32px 0px 0px;

    outline: rgb(76, 76, 76) none 0px;

    padding: 20px 0px;

    transition: all 0.4s ease 0s;

}/*#A_5*/



.non_active {

    box-shadow: rgba(0, 0, 0, 0) 0px -2px 0px 0px inset;

    box-sizing: border-box;

   

    display: block;

    height: 64px;

    min-height: auto;

    min-width: auto;

    text-align: center;

    text-decoration: none solid rgb(137, 137, 137);

    text-size-adjust: 100%;

    

    column-rule-color: rgb(137, 137, 137);

    perspective-origin: 32.3906px 32px;

    transform-origin: 32.3906px 32px;

    caret-color: rgb(137, 137, 137);

    border: 0px none rgb(137, 137, 137);



    margin: 0px 32px 0px 0px;

    outline: rgb(137, 137, 137) none 0px;

    padding: 20px 0px;

    transition: all 0.4s ease 0s;

}/*#A_6*/





.non_active:hover{





 box-shadow: #a3a3a3 0px -2px 0px 0px inset;

    box-sizing: border-box;



    display: block;

    height: 64px;

    min-height: auto;

    min-width: auto;

    text-align: center;

    text-decoration: none solid rgb(76, 76, 76);

    text-size-adjust: 100%;

   

   



   

    margin: 0px 32px 0px 0px;



    padding: 20px 0px;

    transition: all 0.4s ease 0s;



}


.active,.non_active{

        padding: 20px 0px!important;
 
    padding-top: 24px!important;
}


.new_nav_holder{



min-width: 100%;



display: flex;

font-family: sans-serif;

  order-bottom: 1px solid rgba(169, 169, 169, 0.4117647058823529);

ox-shadow: inset 0 -1px rgba(169, 169, 169, 0.411);

}

.link_logo{
    font-family: "Rubik", sans-serif;
}



.new_nav_left{



width:85%;

   display: flex;

   

    align-items: center;

}





.new_nav_right{



in-width: 30%;

    /* display: flex; */

    /* justify-content: center; */

    /* align-items: center; */

    /* width: 50%; */

    width: 50%!important;

    text-align: right;



}





.i-am-new li {



    border-radius: 4px!important;

}



.share-o{



    margin-right: 7px;

}





.survey_name_enter{

    width: 80%;

    padding-left: 10px;

border: 0px;

background: transparent;

outline: none;

height: 35px;

border-radius: 3px;

border: 1px solid rgba(169, 169, 169, 0.411)!important;

max-width: 300px;

font-size: 14px!important;

color: black!important;

}



.right_content_holder{



    margin-right: 20px;

}





.pre_button{
    margin-right: 25px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.13);
    border-radius: 4px;
    cursor: pointer;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: rgb(255, 193, 60);
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    text-decoration: none;
    color: black;
    padding-left: 30px!important;
    padding-right: 30px!important;
    padding-top: 7px!important;
    padding-bottom: 7px!important;
    font-size: 13px!important;
}



.pre_button:hover{

color: #464444;
    background: white;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    border-color: white!important;

}





.my_account_nav,.help_nav, .help_nav a{

margin: 0px;

        color: white!important;

        text-decoration: none!important;

            font-size: 13.5px!important;

}



.my_account_nav .fa-sort-desc{

     display: inline-block;

    font-size: 16px;

    line-height: 9px;

    ackground-color: white;

    color: white;

    width: 29px;

    height: 18px;

    text-align: center;

    vertical-align: bottom;

   

}





















.dropMenu {

    display: inline-block;

    position: relative;

    z-index: 1;

    zoom: 1;

 *display: inline;

}

.dropMenu .trigger {

    cursor: pointer;

    display: block;

    position: relative;

    top: 1px;

    z-index: 3;

   

   

    padding: 4px 7px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

}

.dropMenu .panel {

    border: solid 1px #868686;

    position: absolute;

    left: 0;

    

    z-index: 2;

    display: none;

    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);

    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);

    -webkit-border-radius: 0 0 3px 3px;

    border-radius: 0 0 3px 3px;

}

.dropMenu .panel .sklist {

    background: #fff;

    list-style: none;

    margin: 0;

    padding: 0;

}

.dropMenu .panel .sklist li {

    clear: both;

    margin: 1px;

    adding: 1px; /* compensate for hover border */

    order-radius: 3px;

    -moz-border-radius: 3px;

    width: 99.48%;

    padding-top: 6px;

    padding-bottom: 6px;

}

.dropMenu .panel .sklist li:hover {

      order: solid 1px #c5d7fd;

        -webkit-transition: all .4s ease-out;

    -moz-transition: all .4s ease-out;

    -o-transition: all .4s ease-out;

    transition: all .4s ease-out;

    background: rgb(236, 236, 236);

    cursor: pointer;



}

.dropMenu .panel .sklist li.separator,

{

    width: 180px;

    border: 0 none;

    border-bottom: solid 1px #999;

  width: 90%!important;

    margin: 0 5px 2px;

    padding: 0;

    background: none;

    float: left; /* this is only here for IE7 */



}



.dropMenu .panel .sklist li.separator, .dropMenu .panel .sklist li:hover.separator {



border-bottom: 1px solid grey;

width: 95%;

margin: auto;

}





.dropMenu .panel .sklist a {

    display: block;

    text-decoration: none;

    padding: 2px 4px;

    olor: #1279A2;

}

/* Open and Hover styles */

    

.dropMenu.skopen {

    z-index: 999;

}

.dropMenu.skopen .trigger {

    z-index: 1001;



    border-radius: 3px 3px 0 0;

    ackground: #78A9FF;

    olor: #fff;

}





.dropMenu p {





}



.dropMenu .trigger:hover,

.dropMenu.skopen .trigger {

    order: solid 1px #868686!important;

        in-width: 175px;

    ext-align: center;



}

.dropMenu.skopen .panel {

    display: block;

    z-index: 1000;

        argin-left: -65px;

    margin-top: 5px;

}



.dropMenu.skopen .panel {



        argin-left: -74.5px!important;

    width: 99.3%;



}





.dropMenu .panel .sklist li.separator, .dropMenu .panel .sklist li:hover.separator {





}















@media (max-width:111175px) and (min-width:1176px) {

    #desk_compass {

       

    height: 40px;



    }



.mobile_builder_compass_holder {





  display: none;

}



}







@media (max-width:1175px) and (min-width:200px) {

    #desk_compass {

        display:none!important;

    }



.mobile_builder_compass_holder {





  display: block;

}



}



































































/*  now the coss for the mobile header */















html {

    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */

}





#header {



    border-radius: 3px;

    text-align: center;

    font-size: 14px!important;

    font-weight: ;

    height: 100%;

    padding: 3px;

    width: 275px;

    float: left;

    x-shadow: inset 0 0 0 1px #3ac6df;

    background: white !important;

    font-family: "Segoe UI",Arial,sans-serif;

    word-wrap: normal;

    resize: none;

    line-height: 24px;

    border: 1px solid rgba(169, 169, 169, 0.411)!important;



  } 





header *{margin:0;padding:0;text-decoration:none}





 .active a{



font-weight: bold!important;



}



.active ul li a {



font-weight: normal!important;  

}





.has-sub ul li a {



    

}





.surveyrow p {

   

    font-size: 15px;

}



#cssmenu.mobile-background2 li:not(.active) a {

    color: black!important;

    font-weight: normal!important;

    padding-left:2px;

    font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;

}



#cssmenu.deskonly ul li:not(.active):hover .hov{

-webkit-transition-duration: .3s;

    -moz-transition-duration:.3s;

    transition-duration: .3s;

    -o-transition-duration: .3s;

olor:  rgba(48, 116, 218, 0.81)!important;



}





.skopen li, #cssmenu li {

    

    text-align:left!important;

}



#cssmenu ul {

    

    padding-left:0px;

}





header{position:relative;width:100%;}





.deskonly .logo {



    text-align: left;

    adding-left: 60px;

}



#cssmenu{

    
background: #5b4dab!important;

}



ul.skopen{



    padding-bottom: 25px;

}





.logo a{font-size: 25px;
    text-decoration: none;
    /* margin-top: 19px; */
    display: flex;
    justify-content: center;
    align-items: center;}

nav{position:relative;margin:0 auto;}

#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;    padding-left: 5px;padding: 0px;padding-bottom: 10px;margin: 0px;}
#cssmenu{padding-bottom: 0px;}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}

#cssmenu #head-mobile{display:none}

#cssmenu{



    margin-right: 0;}

#cssmenu > ul > li{float:left}







#cssmenu.deskonly > ul > li.active > a{color:black;}



#cssmenu.deskonly > ul > li > a{padding:15px;font-size:15px;letter-spacing:0px;text-decoration:none;font-weight:700;}





#cssmenu{

    



    

}



#cssmenu > ul > li > a{font-size:15px;letter-spacing:1px;text-decoration:none;font-weight:700;color:black;}



#cssmenu.mobile-background2 > ul > li:not(.active) > a {

  

    font-size: 15px;

    letter-spacing: 1px;

    text-decoration: none;

    color: black;

    font-weight: 700;

}



#cssmenu.deskonly> ul > li:hover:not(.active) > a{color:#2e92dc;

    

    -webkit-transition-duration: .3s;

    -moz-transition-duration:.3s;

 

    -o-transition-duration: .3s;



    

    

}





.logo {

    

        z-index: 999;

}





#cssmenu li:not(.active) a{

  

    color: black;

    font-weight: normal!important;

    font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;

}







#cssmenu {



    h-index: 0!important;

}



#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{}

#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}

#cssmenu > ul > li.has-sub > a{padding-right:23px}



/*

.mobile-background{

    

    background:black;!important;

}





.mobile-acolor{

    

color:#fff!important;

}

*/





mobile-background2 a{



    color:white!important;

}





.deskonly .has-sub ul li {



    border:1px solid #e8e8e8!important;

} 



#cssmenu > ul > li.has-sub > a:after{position:absolute;top:15px;right:11px;width:8px;height:2px;display:block;  font-family: FontAwesome;content: "\f0d7";}

#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:black;;;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}

#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}

#cssmenu ul ul{position:absolute;left:-9999px;h-index: 99999;}

#cssmenu ul ul li{    height: 0;

    -webkit-transition: all .25s ease;

    -ms-transition: all .25s ease;

    background: white;

    transition: all .25s ease;

    order: 1px solid #e6e6e6;}

#cssmenu ul ul li:hover{background: #f2f2f2;}

#cssmenu li:hover > ul{left:auto;}

#cssmenu li:hover > ul > li{height:35px}

#cssmenu ul ul ul{margin-left:100%;top:0}

#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:215px;font-size:13px;text-decoration:none;color:#354449;font-weight:400;}

#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}



/*

#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}

*/



#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;}

#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;font-family: FontAwesome;content: "\f0d7";-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}

#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}

#cssmenu ul ul li.has-sub:hover,





/* Regual UL hover stuff */

#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#f2f2f2;}



/*

cssmenu ul li.has-sub ul li.has-sub ul li:hover a{color:#fff;}

*/



#cssmenu ul ul ul li.active a{border-left:1px solid #333}

#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}



/*

.submenu-button{

    background:white;

    

}

*/





.mobile-background2{

    

    



}





.skopen {

    

    padding-left:0px;

}





.remove1 {

    

    border-top:none!important;

}



.remove2 {

    

    background:#fff!important;

}



#cssmenu ul li, .mobile-background2  li {









}





.bannerpadding{

    

       adding-bottom: 15px;

}





.mobile-background2  li{

    

    ackground: white!important;
padding-top: 10px;
    padding-bottom: 10px;


}







#cssmenu.deskonly {



    ox-shadow: 0 2px 1px 0px #9aa3a7;





}





#cssmenu.deskonly {



    padding-top: 8px!important;

    

}





#cssmenu{



    background: white;

    

}



#cssmenu.deskonly .leftp{

    

    padding-left: 15px!important;

}





@media screen and (max-width: 1040px){



#cssmenu ul li ul li {

    height: auto;



}

}





@media screen and (max-width: 1040px){



    .has-sub ul li li {

  

}

}



/*

.mobile-background2  li ul li{

    

    

    background:rgba(241, 237, 232, 0.37)!important;

}





.mobile-background2  li a{

    

    

    color:red!important;

}



@media screen and (max-width: 1040px){



#cssmenu ul ul li:hover {

    

    background:rgba(241, 237, 232, 0.0)!important;

    

}

}



*/

@media (min-width: 1040px) and (max-width: 1400px) {



#cssmenu > ul > li > a {



    padding-left: 14px;

    padding-left: 12px;



}



}



@media (min-width: 1600px) and (max-width: 1950px) {

     

#cssmenu{

    

    width:100%;

}



.logo{

    

    width:35%;

}



    }

    









    @media (min-width: 1401px) and (max-width: 1599px) {

     

#cssmenu{

    

    width:100%;

}



.logo{

    

    width:28%;

}



    }





    

    @media (min-width: 1200px) and (max-width: 1400px) {

     

#cssmenu{

    

    width:100%;

}



.logo{

    

    width:24%;

}



    }

    

    

        









    @media (min-width: 1100px) and (max-width: 1200px) {

     

#cssmenu{

    

    width:100%;

}



.logo{

    

    width:20%;

}













#cssmenu > ul > li > a {



    padding-right: 13px;

    padding-left: 13px;



}



    }







    @media (min-width: 1024px) and (max-width: 1100px) {

     

#cssmenu{

    

    width:100%;

}



.logo{

    

    width:16%;

}



#cssmenu > ul > li > a {



    padding-right: 7px;

    padding-left: 7px;



}



    }

    

    

















@media (min-width: 1001px) and (max-width: 1043px) {







}





@media (min-width: 1088px) and (max-width: 1200px) {







}





@media screen and (max-width:7040px){

.logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}

.logo2{display:none}







#cssmenu nav{width:100%;}

#cssmenu{width:100%}

#cssmenu ul{width:100%;display:none;margin-bottom: 10px;}

#cssmenu ul li{width:100%;order-top:1px solid #444}



/*

#cssmenu ul li:hover{background:black;;}





#cssmenu ul li:hover a{color:#fff!important;}

*/



#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}

#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}

#cssmenu > ul > li{float:none}

#cssmenu ul ul li a{padding-left:25px}



/*

#cssmenu ul ul li{background:rgba(103, 153, 206, 0.94)!important;}







#cssmenu ul ul li:hover{background:black;;}

*/

/*

#cssmenu ul ul li:hover a{color:#fff!important;}

*/





#cssmenu ul ul ul li a{padding-left:35px}

#cssmenu.deskonly ul ul li a{color:black;;background:none}



/*

#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}

*/



.disableClick{

    pointer-events: none;

}



#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}

#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}

#cssmenu #head-mobile{display:block;padding:23px;color:black;;font-size:12px;font-weight:700;margin-bottom:10px;}

.button_m{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 999;}

.button_m:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid white;;border-bottom:2px solid white;;content:''}

.button_m:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:white;;content:''}

.button_m.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:white;;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}

.button_m.menu-opened:before{top:23px;background:white;;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}

#cssmenu .submenu-button{position:absolute;h-index:99;right:0;top:0;display:block;border-left:none;height:46px;width:46px;cursor:pointer}



/*

#cssmenu .submenu-button.submenu-opened{background:black;}

*/



#cssmenu ul ul .submenu-button{height:34px;width:34px}





/* red here */

#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;background:white;display:block;content:''}





#cssmenu ul ul .submenu-button:after{top:15px;right:13px}

#cssmenu .submenu-button.submenu-opened:after{background:white}





#cssmenu .submenu-button.submenu-opened:before{background:#fff}



/* red here */

#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:white;content:''}







#cssmenu ul ul .submenu-button:before{top:12px;right:16px}

#cssmenu .submenu-button.submenu-opened:before{display:none}

#cssmenu ul ul ul li.active a{border-left:none}

#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}

}







.deskonly .logbtn:hover, .deskonly .logbtn:hover a  {



  color: black!important;

    background-color: #e2a703;





}





.deskonly .logbtn:hover, {



box-shadow: 0 3px 4px 0 rgba(0,0,0,0.13);



}



.deskonly .logbtn {



box-shadow: 0 1px 4px 0 rgba(0,0,0,0.13);

    border: 1px solid #d29c3a!important;

    border-radius: 4px;



}









.deskonly .logbtn  a{





padding: 7px!important;

    

}









.deskonly .last {





    right:60px;

    position:absolute;

   

margin-top:8px;

}









@media (min-width: 1030px){





.lastcenter{



text-align: center!important;



}





}





@media screen and (max-width: 7040px){

.button_m:before {

    -webkit-transition: all .3s ease;

    -ms-transition: all .3s ease;

    transition: all .3s ease;

    position: absolute;

    top: 15px;

    right: 20px;

    display: block;

    height: 2px;

    width: 20px;

    background: white!important;

    content: '';

}}







@media screen and (max-width: 7040px){

.button_m:not(.menu-opened):before {



    top: 17px!important;



}}



















.new_nav_left {

    min-width: 30%;

    display: flex;

    /* justify-content: center; */

    

    text-decoration: none;



}



@font-face {

  font-family: 'hind';

  src:  url('https://www.surveyking.com/hind.light.ttf')  format('truetype')

      

}





.new_nav_left a {



    ont-family: 'hind'!important;

    font-size: 24px;

    text-decoration: none;

}



.fa-plus{



    margin-right: 7px;

}





.fa-cog{



margin-right: 5px;

    font-size: 17px;



}





.left_nav_links a {
font-size: 19px;
    height: 100%;
    border-bottom: 2px solid red;
    /* bottom: 0; */
    box-sizing: border-box;
    display: table;
}

​​
















.inner_links_layer_4 {

    box-sizing: border-box;

    color: grey;

    display: flex;

   

   

   

}/*#DIV_4*/



.inner_links_layer_4 a {



    text-decoration: none!important;

    color: white;
    font-size: 14px!important;

}



.sklist a {

    color: #3a3939;

    font-size: 13.5px!important;



}






.active {

box-shadow: rgb(255, 255, 255) 0px -2px 0px 0px inset;
    box-sizing: border-box;
    color: white!important;
    display: block;
    /* height: 64px; */
    min-height: auto;
    min-width: auto;
    text-align: center;
    text-decoration: none solid rgb(76, 76, 76);
    text-size-adjust: 100%;
    border: 0px none rgb(76, 76, 76);
    margin: 0px 32px 0px 0px;
    outline: rgb(76, 76, 76) none 0px;
    /* padding: 20px 0px; */
    transition: all 0.4s ease 0s;
    border-bottom: 2px solid white;

}/*#A_5*/



.non_active {

    box-shadow: rgba(0, 0, 0, 0) 0px -2px 0px 0px inset;

    box-sizing: border-box;

   

    display: block;

    height: 64px;

    min-height: auto;

    min-width: auto;

    text-align: center;

    text-decoration: none solid rgb(137, 137, 137);

    text-size-adjust: 100%;

    

    column-rule-color: rgb(137, 137, 137);

    perspective-origin: 32.3906px 32px;

    transform-origin: 32.3906px 32px;

    caret-color: rgb(137, 137, 137);

    border: 0px none rgb(137, 137, 137);



    margin: 0px 32px 0px 0px;

    outline: rgb(137, 137, 137) none 0px;

    padding: 20px 0px;

    transition: all 0.4s ease 0s;

}/*#A_6*/





.non_active:hover{





box-shadow: rgb(255, 255, 255) 0px -2px 0px 0px inset;
    box-sizing: border-box;
   
    display: block;
    /* height: 64px; */
    min-height: auto;
    min-width: auto;
    text-align: center;
    text-decoration: none solid rgb(76, 76, 76);
    text-size-adjust: 100%;
    border: 0px none rgb(76, 76, 76);
    margin: 0px 32px 0px 0px;
    outline: rgb(76, 76, 76) none 0px;
    /* padding: 20px 0px; */
    transition: all 0.4s ease 0s;
    border-bottom: 2px solid white;



}

#new_pro_circ:after {
    background-color: rgb(255, 193, 60);
}

#new_pro_circ:after {
    display: inline-block;
    content: '';
    -webkit-border-radius: 0.375rem;
    border-radius: 0.375rem;
    height: 0.75rem;
    width: 0.75rem;
    margin-left: 0.5rem;
    margin-top: -1px;
}


.alert_circle:after {
    background-color: rgb(255, 193, 60);
}

.alert_circle:after {
    display: inline-block;
    content: '';
    -webkit-border-radius: 0.375rem;
    border-radius: 0.375rem;
    height: 0.75rem;
    width: 0.75rem;
    margin-left: 0.5rem;
    margin-top: -1px;
}














/* mobile styles */


.mobile-background2 *{


ont-family: "Rubik", sans-serif!important;
font-family:  sans-serif;

}

.mobile_logo{
color: white;
    padding-top: 7px;
}


.mobile-background2 .skopen li {

padding-top: 10px;
padding-bottom: 10px;
    background: #5b4dab!important;
    color: white!important;
}

#cssmenu.mobile-background2 > ul > li:not(.active) > a   {

color: white!important;

}
.mobile-background2 .skopen {

padding-top: 10px;
padding-bottom: 12px!important;
    background: #5b4dab;
}


.deskonly ul li a {
    color: white!important;
}

.deskonly ul li  {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}