/*mobile nav*/



.accordianNav a,

.accordianNav h3 {

   font-size: 14px;

    color: #fff;

    padding: 0 20px;

    font-weight: 500;

    height: 48px; display: block;

    line-height: 48px; cursor: pointer;

    text-decoration: none; border-bottom: 1px solid #29394c;

}



 









/* Background hover animation. */



.accordianNav h3:before {

    content: "";

    position: absolute;

    z-index: 0;

    left: 0;

    top: 0;

    width: 0;

    height: 100%;

    background-color: #444;

    background:#D3D3D3;

    transition: all 0.3s ease-out;

}



 



.accordianNav .dropArrow span {

    z-index: 2;

    position: relative;

}



.accordianNav .dropArrow:after {

    content: "";

    width: 6px;

    height: 6px;

    border-bottom: 2px solid #D3D3D3;

    border-right: 2px solid #D3D3D3;

    float: right;

    position: relative;

    top: 18px;

    right: 0;

    transform: rotate(45deg);

    transform-origin: center;

}



.accordianNav .dropArrow.active {

    color: white;

}



.accordianNav .dropArrow.active:after {

    transform: rotate(-135deg);

    border-color: #fff;

}











/* +Hover and Touch effect */

 

.accordianNav h3.dropArrow:hover:after,

.accordianNav h3.dropArrow:active:after {

    color: white;

    -webkit-transition: all 0.5s cubic-bezier(0.36, 1.64, 0.29, 0.88);

    transition: all 0.5s cubic-bezier(0.36, 1.64, 0.29, 0.88);

}



.accordianNav li {

    list-style-type: none;

}



 

.accordianNav h3.dropArrow:hover{ background: #3CA3E9;}



/*Drop links*/



.accordianNav ul ul li a {

    padding:10px 20px; font-weight: 300; color:#fff; height: auto; line-height: 20px;

}

 





/*Hide and show the drops*/



.accordianNav ul ul {

    display: none;

}



.accordianNav li.active ul {

    display: block;

}



::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #999 !important;

}

::-moz-placeholder { /* Firefox 19+ */

  color: #999 !important;

}

:-ms-input-placeholder { /* IE 10+ */

  color: #999 !important;

}

:-moz-placeholder { /* Firefox 18- */

  color: #999 !important;

}