/* -------------------------------- HEADER -------------------------------- */
.cd-header {position: fixed;top: 0;left: 0;width: 100%;z-index: 2;transition: 0.3s;background: rgba(0, 0, 0, 0.5);color: #ffffff;height: 90px}
.cd-header:after {content: "";display: table;clear: both;}
.LogoRight {height:90px;line-height: 90px;}

.cd-main-nav.right {float: right; -webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);}
.cd-main-nav.right img {height:40px; vertical-align: middle;}
.cd-main-nav.right li {margin-left: 0; margin-right: 0;text-transform: uppercase; padding: 0em 0.5em}


/*DESKTOP*/
 @media only screen and (min-width: 800px){
 .cd-main-nav {transition: 0.3s;width: auto;height: auto;background: none;cursor: auto;}
 .cd-main-nav ul {transition: 0.3s;text-align: center;position: static; width: auto;line-height: 90px; -webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);} 
 .cd-main-nav ul.is-visible {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
 .cd-main-nav li {display: inline-block;margin-left: 0.1em;margin-right: 0.1em;}
 .cd-main-nav a {display: inline-block;height: auto;line-height: normal;background: transparent;padding: 0em 2em;border: none;color: #ffffff;text-transform: uppercase;font-size: 1rem;}
 .no-touch .cd-main-nav a:hover {color: #e86100;}
 
 }
 




@media only screen and (max-width: 800px){
 .cd-header {height: 60px}
 .cd-main-nav {transition: 0.3s;width: auto;height: auto;background: none;cursor: auto;}
 .cd-main-nav ul {transition: 0.3s;text-align: center;position: static; width: auto;line-height: 60px;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);} 
 .cd-main-nav ul.is-visible {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
 .cd-main-nav li {display: inline-block;margin-left: 0.1em;margin-right: 0.1em;}
 .cd-main-nav a {display: inline-block;height: auto;line-height: normal;background: transparent;padding: 0em 3em;border: none;color: #ffffff;text-transform: uppercase;font-size: 0.6rem;}
 
 .no-touch .cd-main-nav a:hover {color: #e86100;}
}



/* IPAD */
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
 .cd-header {height: 90px}
 .cd-main-nav {transition: 0.3s;width: auto;height: auto;background: none;cursor: auto;}
 .cd-main-nav ul {transition: 0.3s;text-align: center;position: static; width: auto;line-height: 90px;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);} 
 .cd-main-nav ul.is-visible {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
 .cd-main-nav li {display: inline-block;margin-left: 0.1em;margin-right: 0.1em;}
 .cd-main-nav a {display: inline-block;height: auto;line-height: normal;background: transparent;padding: 0em 3em;border: none;color: #ffffff;text-transform: uppercase;font-size: 1rem;}
 .no-touch .cd-main-nav a:hover {color: #e86100;}
}




/* MOBILE */
 @media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) {
.cd-main-nav.MainNav {margin-right: 5%;margin-left: 5%;height: 100%;width: 10%; background: url("../fonts/cd-icon-white.svg") no-repeat right center; background-size: 100% 100%; cursor: pointer}
.cd-main-nav.MainNav ul {position: absolute;top: 0;left: 0;width: 100%;-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);}
.cd-main-nav.MainNav ul.is-visible {transition: 0.3s; text-align: left; -webkit-transform: translateY(90px);-moz-transform: translateY(90px);-ms-transform: translateY(90px);-o-transform: translateY(90px);transform: translateY(90px);}
.cd-main-nav.MainNav li {display: block; margin-left: 0; margin-right: 0;}
.cd-main-nav.MainNav a {display: block; height: 90px; line-height: 90px; padding-left: 80px; background: #000000;color: #ffffff;text-transform: uppercase;font-size: 2.5rem; border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff}
.cd-main-nav.Right a {font-size: 1rem;}
 }
 
 @media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation: landscape){
 .cd-header {background: none;}
 .cd-main-nav.Right {visibility: hidden}
 }