@charset "utf-8";	

.box {display: none;}
#appcategory {border:1px solid red; padding:15px;}
#appcategory p {color:red !important;padding:0;margin:0;}
 .wrapper-dropdown-1 { /* Size and position */
position: relative; /* Enable absolute positionning for children and pseudo elements */
width: 334px; display:inline-block; /* Styles */
background: #fff;  color: #fff; outline: none; cursor: pointer; /* Font settings */
font-weight: bold; }
#nav_cat_archive {position: absolute;    z-index: 5;width:100%;overflow: scroll;
height: 300px;}
.nav_cat_archive li ul,.nav_cat_archive { /* Size & position */
/* position: absolute; top: 100%; left: 0; right: 0;*/ /* Styles */
background: #efefef; list-style: none; font-weight: normal; /* Cancels previous font-weight: bold; */
/* Hiding */
border:2px solid #c0c0c0;
opacity: 0; pointer-events: none; 
display: none;
}

.nav_cat_archive li:hover {background: white;}

.nav_cat_archive li {border-bottom:2px solid #c0c0c0;}
.nav_cat_archive li ul li {border: none;}

.wrapper-dropdown-1 li a,  .wrapper-dropdown-1 > a { display: block; text-decoration: none; color: #4c4c4c; /*padding: 15px 35px 15px 64px;*/padding: 10px; font-size:14px; line-height:18px; text-transform:uppercase; font-weight:700;font-family: 'Open Sans', sans-serif;}	
.wrapper-dropdown-1 > li > a{border:2px solid #c0c0c0;}
.wrapper-dropdown-1 > a{ background:url(/assets/images/gray-arrow-down.svg) 95% center no-repeat; background-size:12px auto;border:2px solid #c0c0c0;}
/*.wrapper-dropdown-1:hover > .dropdown,*/
.wrapper-dropdown-1:focus > .nav_cat_archive,  .wrapper-dropdown-1.active > .nav_cat_archive { opacity: 1; pointer-events: auto; display: block;}
/* Hover state */
.wrapper-dropdown-1 .nav_cat_archive li:focus > a,  .wrapper-dropdown-1 .nav_cat_archive li.active > a { background-color: #fff; }
/* Active state */
/*.wrapper-dropdown-1 >li:hover > .nav_cat_archive,*/
.wrapper-dropdown-1 >li:focus > ul,  .wrapper-dropdown-1 >li.active > ul { opacity: 1; pointer-events: auto; }
.wrapper-dropdown-1 .nav_cat_archive li { position: relative; }
.wrapper-dropdown-1 .nav_cat_archive li ul { /*left: 100%; top: 0; width:390px; */opacity: 1;display: block; border: none;}
/*.wrapper-dropdown-1 .nav_cat_archive li:hover > ul,*/
.wrapper-dropdown-1 .nav_cat_archive li:hover > ul, .wrapper-dropdown-1 .nav_cat_archive li:focus > ul,  .wrapper-dropdown-1 .nav_cat_archive li:active > ul { opacity: 1; pointer-events: auto; display: block;}
.nav_cat_archive li ul li  a{padding-left:21px;text-transform: none;font-weight: 400;}

/*-------applications ---------*/
.applicationbox { margin:31px 0; }
.applicationbox ul { float: left; width: 100%;height: auto;margin:0;padding:0; }
.applicationbox ul.last { margin-right: 0; padding-right: 0; border-right: none; }
.applicationlist li.applicationitem { margin:0;font-size: 18px; font-weight: 700; color: #4c4c4c; font-family: 'Open Sans', sans-serif; border-bottom:1px solid #b4b4b4; width:30%;padding:10px 0;margin:0 1.5%;float:left;}
.applicationlist li.applicationitem  a{color:#32948B ;}
.applicationlist li.applicationitem  a:hover{color:#18473F;}

@media (min-width:421px) and (max-width:767px){
.applicationlist li.applicationitem { width:47% !important;margin:0 1% !important;}
}

@media(max-width:420px){
.applicationlist li.applicationitem { width:100% !important;margin:0 !important;}
.wrapper-dropdown-1 {position: relative;width: 100%;}
}

@media(max-width:810px) {.wrapper-dropdown-1 {width: 100%;}}