/* CODE SELECT CABINET EN ACCORDEON*/

/** ==========================
* SELECT CABINET
=============================
**/
.accordion_c {
  margin: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.accordion_c__list {
  background: #FFF;
  width: 100%;
}
.accordion_c__list .link {
  font-size: 0.85em;
  font-weight: 700;
  color: #37474F;
  cursor: pointer;
  border-bottom: 1px solid #ccc;
  display: block;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.accordion_c__list .link__title {
    padding: 0.7em 1em;
    font-weight: 300;
    color: #333;
    text-transform: uppercase;
    display: block;
    margin-right: 10px;
}
.accordion_c li:last-child .link {
  border-bottom: 0;
}
.accordion_c li i {
  position: absolute;
  top: 1.5em;
  left: 1rem;
  font-size: 1em;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.accordion_c li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 1.2em;
}
.accordion_c li.open .link {
  color: #ff5252;
}
.accordion_c li.open i {
  color: #ff5252;
}
.accordion_c li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.submenu {
  display: none;
  font-size: 0.8em;
}
.submenu li {
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
}
.submenu a {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 14px 20px;
    cursor: pointer;
  -webkit-transition: all 0.25 ease;
  -moz-transition: all 0.25 ease;
  -o-transition: all 0.25 ease;
  transition: all 0.25 ease;
}
.submenu a:hover {
  background: rgba(4, 54, 101, 0.6);
}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:432px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:600px) {

}
@media only screen and (min-width:720px) {

}
@media only screen and (min-width:768px) {

}
@media screen and (min-width: 481px) and (max-width: 991px) {
	
}
@media only screen and (min-width: 1025px){ 
	
}	
@media screen and (min-width: 1024px) and (max-width:1040px) {
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
}
@media screen and (min-width: 1200px) and (max-width: 1279px) {
}
@media only screen and (min-width:1200px) {

}
@media only screen and (min-width:1366px) {
}
@media only screen and (min-width:1440px) {
}
@media only screen and (min-width:1500px) {
}
@media only screen and (min-width:1680px) {
}
@media only screen and (min-width:1920px) {
}
@media only screen and (min-width:2560px) {
}
@media only screen and (max-width:1680px) {
}
@media only screen and (max-width:1500px) {
}
@media only screen and (max-width:1440px) {
}
@media only screen and (max-width:1366px) {
}
@media only screen and (max-width:1280px) {
}
@media only screen and (max-width:1280px) {
}
@media only screen and (max-width:1200px) {
}
@media only screen and (max-width: 1024px) {

}
@media only screen and (max-width:992px) {

}
@media only screen and (max-width:800px) {

}
@media only screen and (max-width:768px) {

}
@media only screen and (max-width:720px) {

}
@media only screen and (max-width:600px) {

}
@media only screen and (max-width:480px) {

}
@media only screen and (max-width:432px) {

}
@media only screen and (max-width:414px) {
}
@media only screen and (max-width:411px) {
}
@media only screen and (max-width:384px) {

}
@media only screen and (max-width:375px) {

}
@media only screen and (max-width:360px) {
}
@media only screen and (max-width:320px) {
}
@media only screen and (min-width:1800px) {
}
@media only screen and (min-width:2000px) {
}