/*============================ Dropdown ======================================*/
.dropdown { position: relative; }
.dropdown__head { position: relative; cursor: default; }
.dropdown__button { position: relative; }
.dropdown__cont { position: relative; height: 0; display: block; overflow: hidden; visibility: hidden; white-space: normal; }
.dropdown__cont:hover { height: auto; visibility: visible; overflow: visible; display: block; z-index: 995; }
.dropdown__cont-inner { position: absolute; font-size: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
.dropdown__cont--top { bottom: 100%; }
.dropdown__cont--bottom { top: 100%; }
.dropdown__cont--left { right: 100%; }
.dropdown__cont--left-top { right: 100%; bottom: 0; }
.dropdown__cont--left-bottom { right: 100%; top: 0; }
.dropdown__cont--right { left: 100%; }
.dropdown__cont--right-top { left: 100%; bottom: 0; }
.dropdown__cont--right-bottom { left: 100%; top: 0; }
.dropdown--rtl { direction: rtl; }
.dropdown--right > .dropdown__cont { right: 0; }
.dropdown:hover > .dropdown__button, .dropdown:hover > .dropdown__head .dropdown__button { z-index: 996; }
.dropdown:hover > .dropdown__cont { z-index: 995; }
.dropdown__button:hover ~ .dropdown__cont { height: auto; visibility: visible; overflow: visible; display: block; z-index: 995; }
.dropdown.js-dropdown > .dropdown__button, .dropdown.js-dropdown > .dropdown__head .dropdown__button { z-index: auto; }
.dropdown.js-dropdown > .dropdown__cont { height: 0; visibility: hidden; overflow: hidden; opacity: 0; }
.dropdown.js-dropdown.open > .dropdown__button, .dropdown.js-dropdown.open > .dropdown__head .dropdown__button { z-index: 996; }
.dropdown.js-dropdown.open > .dropdown__cont { height: auto; visibility: visible; overflow: visible; display: block; opacity: 1; z-index: 995; }
.dropdown.js-dropdown.open .is-open-hide, .dropdown .is-open-show { display: none; }
.dropdown.js-dropdown.open .is-open-show { display: inherit; }

.dropdown.js-dropdown-hover > .dropdown__button, .dropdown.js-dropdown-hover > .dropdown__head .dropdown__button { z-index: auto; }
.dropdown.js-dropdown-hover > .dropdown__cont { height: 0; visibility: hidden; overflow: hidden; opacity: 0; }
.dropdown.js-dropdown-hover.open > .dropdown__button, .dropdown.js-dropdown-hover.open > .dropdown__head .dropdown__button { z-index: 996; }
.dropdown.js-dropdown-hover.open > .dropdown__cont { height: auto; visibility: visible; overflow: visible; display: block; opacity: 1; z-index: 995; }
.dropdown.js-dropdown-hover.open .is-open-hide, .dropdown .is-open-show { display: none; }
.dropdown.js-dropdown-hover.open .is-open-show { display: inherit; }

.dropdown__layout { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); visibility: hidden; z-index: 200; }
/*============================!Dropdown!======================================*/