.rsp .NavigationServices { font-family: 'Roboto-Condensed', sans-serif; width:25%; display:block; overflow:hidden; background:#ffffff; box-shadow:0 3px 12px rgba(0,0,0,0.33); float:left; }
.rsp .NavigationServices .triggerMobile { position:relative; display:none; }
.rsp .NavigationServices .triggerMobile .icon { height: 11px; display: none; color:#FFFFFF; position: absolute; right: 20px; z-index: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);top: 50%; }
.rsp .NavigationServices .collapseMobilePart { position:relative; -webkit-transition:all 0.35s ease-out; -chrome-transition:all 0.35s ease-out; -khtml-transition:all 0.35s ease-out; -moz-transition:all 0.35s ease-out; -ms-transition:all 0.35s ease-out; -o-transition:all 0.35s ease-out; transition:all 0.35s ease-out;}
.rsp .NavigationServices .collapseMobilePart .icon { top: 30px; font-weight: bold; display: none; color:#FFFFFF; position: absolute; right: 20px; z-index: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);top: 50%; }
.rsp .NavigationServices .headNav { display:block; position:relative; overflow:hidden; background: #0082C3; min-height: 160px; cursor: pointer; }
.rsp .NavigationServices .headNav:after { width:150%; height:200px; content:''; display:block; position:absolute; bottom:-151px; left:-50px; z-index: 1; background: #fff; -webkit-transform: rotate(-10deg);-moz-transform: rotate(-10deg);-ms-transform: rotate(-10deg);-o-transform: rotate(-10deg); }
.rsp .NavigationServices .titleServices { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); text-align:center; padding:40px 10px 60px 10px; font-family: 'Roboto-Condensed', sans-serif; font-weight:700; font-size:25px; font-style:italic; text-transform:uppercase; color:#fff;z-index:2; position:relative; }
.rsp .NavigationServices .bodyNav ul { margin:5px 0; padding:0; list-style:none; border-top:1px solid #eeeeee; }
.rsp .NavigationServices .bodyNav ul li { display:block; position:relative; padding:0 30px; border-bottom:1px solid #eeeeee; background: #fafafa; /* Old browsers */ background: -moz-linear-gradient(top, #fafafa 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fafafa 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fafafa 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fafafa 0%,#ffffff 100%); /* IE10+ */background: linear-gradient(to bottom, #fafafa 0%,#ffffff 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
.rsp .NavigationServices .bodyNav ul li:hover .icon:before { color: #0082C3;}
.rsp .NavigationServices .bodyNav ul li a {text-decoration:none;cursor: pointer;color:#393939;font-family: 'Roboto-Condensed', sans-serif;font-weight:400;font-size: 13px;text-align:left;display:block;text-transform:uppercase;height:50px;line-height:50px;}
.rsp .NavigationServices .bodyNav ul li a:hover { color:#0082C3; }
.rsp .NavigationServices .footerNav { display:block; position:relative; overflow:hidden; background: #0082C3; }
.rsp .NavigationServices .footerNav:after { -webkit-transform: rotate(-10deg);-moz-transform: rotate(-10deg);-ms-transform: rotate(-10deg);-o-transform: rotate(-10deg); bottom:inherit; top:-155px; border-bottom:3px solid #ea690a; width:150%; height:200px; content:''; display:block; position:absolute; bottom:-151px; left:-50px; z-index: 1; background: #fff; }
.rsp .NavigationServices .baselineServices { font-size:16px; line-height:16px; font-style:normal; padding:100px 10px 30px 10px; text-align:center; font-family: 'Roboto-Condensed', sans-serif; font-weight:700; text-transform:uppercase; color:#fff; z-index:2; position:relative; }
.rsp .NavigationServices .baselineServices span { font-family: 'Roboto-Condensed', sans-serif; font-weight:400; }
.rsp .NavigationServices .icon-close:before { content: "\E03B"; }
.rsp .NavigationServices .collapseMobilePart .icon { top: 30px; font-weight: bold; }
.rsp .icon { color:#FFFFFF; font-family: 'DecathlonCube' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; letter-spacing: 0; display: inline-block; -webkit-font-smoothing: antialiased; font-smoothing: subpixel-antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none;  zoom: 1.5;}
.rsp .icon-arrow-down:before { content: "\E009"; vertical-align: top; line-height: 5px; }

@media(max-width:768px){
.rsp .NavigationServices {  font-family: 'DecathlonCube' !important; width:100%; display:block; float:none; clear:both; margin:0 0 20px; }
.rsp .NavigationServices .triggerMobile { font-family: 'Roboto-Condensed', sans-serif; cursor:pointer; display:block; background:#0082C3; text-align:center; padding: 20px 50px 20px 20px; font-size:18px; font-weight:400; text-transform:uppercase; color:#fff; z-index:2; position:relative; }
.rsp .NavigationServices .triggerMobile:after { display:block; width:13px; height:13px; top:22px; position: absolute; right:20px; z-index: 1; }
.rsp .NavigationServices .triggerMobile .icon { display: inline-block; }
.rsp .NavigationServices .headNav:before { display:block; width:13px; height:13px; top:22px; position: absolute; right:20px; z-index: 1; background-position:0 0;padding:0; }
.rsp .NavigationServices .collapseMobilePart .headNav:after { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg);  -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); }
.rsp .NavigationServices .collapseMobilePart .titleServices {  -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg);  -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); }
.rsp .NavigationServices .collapseMobilePart .footerNav:after {	-webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg);	-ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); }
.rsp .hideMobile .collapseMobilePart { max-height:0; overflow:hidden; }
.rsp .NavigationServices.showMyMobile .triggerMobile { display: none; }
.rsp .showMyMobile .collapseMobilePart { max-height:1000px; }
.rsp .showMyMobile .collapseMobilePart .icon { display: inline-block; }
}
/* retina display 
@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){
}
*/