@charset "utf-8";
/* CSS Document */

/*------ mega menu start------------------------------------------------------------*/
.navPanel{ width:auto; height: auto; float:left;}
.navPanel li{width:auto; height: auto; float:left; padding:30px 25px 30px 25px;}
.navPanel li:first-child{width:auto; height: auto; float:left; padding:30px 25px 30px 0px;}
.navPanel li a{font-size:15px; font-weight:400; color:#FFFFFF; line-height:15px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease;  -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.navPanel li a:hover{ color:#000;}



.animenu > ul:after {
  content: "";
  display: table;
  clear: both;
}



@-webkit-keyframes bugfix {
  from {
    padding: 0;
  }

  to {
    padding: 0;
  }
}

.animenu {
  /*font: bold 13px Arial, Helvetica;*/ text-shadow:none !important;
}
.animenu * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.animenu ul {
  margin: 20px 0 0 0;
  padding: 0;
/*  list-style: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;*/
}
.animenu li {
  position: relative;
}
.animenu li:hover > ul {
  opacity: 1;
  visibility: visible;
  margin: 0;
}
.animenu li:hover > a {
  color: white;
  -webkit-transition-property: background;
       -moz-transition-property: background;
         -o-transition-property: background;
            transition-property: background;
    -webkit-transition-duration: 1s;
       -moz-transition-duration: 1s;
         -o-transition-duration: 1s;
            transition-duration: 1s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
}
.animenu input[type=checkbox] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.animenu label {
  display: none;
  cursor: pointer;
  user-select: none;
}

.animenu > ul {
  /*border: 1px solid #040404;
  background-color: #111111;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;*/ 
}
.animenu > ul > li {
  float: left;
  /*border-right: 1px solid #1e1e1e;
  -webkit-box-shadow: 1px 0 0 #444444;
  -moz-box-shadow: 1px 0 0 #444444;
  box-shadow: 1px 0 0 #444444;*/-webkit-transition-property: background;
       -moz-transition-property: background;
         -o-transition-property: background;
            transition-property: background;
    -webkit-transition-duration: 1s;
       -moz-transition-duration: 1s;
         -o-transition-duration: 1s;
            transition-duration: 1s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
  
}
.animenu > ul > li > a {
  float: left;
  padding: 10px 25px;
  text-transform: uppercase; font-size:14px; font-weight:600;
			text-shadow: none;
}
.animenu > ul > li:first-child > a { padding:10px 25px 10px 0px;}

.animenu > ul a {
  color: #000;
  text-decoration: none;
/*  text-shadow: 0 1px 0 #111111;*/
-webkit-transition-property: background;
       -moz-transition-property: background;
         -o-transition-property: background;
            transition-property: background;
    -webkit-transition-duration: 1s;
       -moz-transition-duration: 1s;
         -o-transition-duration: 1s;
            transition-duration: 1s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
}

.animenu > ul > li > a:hover{ color:#000; text-shadow: none !important;}

.animenu > ul ul {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  margin: 2em 0 0 0;
  background-color: #373737;
  background-image: none;
  -webkit-transition-property: margin, opacity;
  -moz-transition-property: margin, opacity;
  -o-transition-property: margin, opacity;
  transition-property: margin, opacity;
  -webkit-transition-duration: .15s;
  -moz-transition-duration: .15s;
  -o-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.animenu > ul ul li {
  display: block;
  -webkit-box-shadow: 0 1px 0 #1e1e1e, 0 2px 0 #515151;
  -moz-box-shadow: 0 1px 0 #1e1e1e, 0 2px 0 #515151;
  box-shadow: 0 1px 0 #1e1e1e, 0 2px 0 #515151;
}
.animenu > ul ul li:first-child > a {
 /* -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;*/
}
.animenu > ul ul li:first-child > a:after {
  content: '';
  position: absolute;
  left: 4em;
  top: -12px;
  border: 6px solid transparent;
  border-bottom-color: inherit;
}
.animenu > ul ul li:last-child {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.animenu > ul ul li:last-child > a {
 /* -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;*/
}
.animenu > ul ul a {
  padding: 1em;
  width: 175px;
  display: block;
  border-color: #373737; font-size:13px;
}
.animenu > ul ul a:hover {
  background-color: #0186ba;
  border-color: #0186ba;
}
/*################################################## Ul UL UL#############################################*/
.animenu > ul ul ul {
  position: absolute;
  top:0;
  left:176px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  margin: 2em 0 0 0;
  background-color: #373737;
  background-image: none;
  -webkit-transition-property: margin, opacity;
  -moz-transition-property: margin, opacity;
  -o-transition-property: margin, opacity;
  transition-property: margin, opacity;
  -webkit-transition-duration: .15s;
  -moz-transition-duration: .15s;
  -o-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}



.animenu > ul ul ul li {
  display: block;
  -webkit-box-shadow: 0 1px 0 #1e1e1e, 0 2px 0 #515151;
  -moz-box-shadow: 0 1px 0 #1e1e1e, 0 2px 0 #515151;
  box-shadow: 0 1px 0 #1e1e1e, 0 2px 0 #515151;
}
.animenu > ul ul ul li:first-child > a {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.animenu > ul ul ul li:first-child > a:after {
  content: '';
  position: absolute;
  left:-12px;
  top:10px;
  border: 6px solid transparent;
  border-right-color: inherit; 
}
.animenu > ul ul ul li:last-child {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.animenu > ul ul ul li:last-child > a {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.animenu > ul ul ul a {
  padding: 1em;
  width: 175px;
  display: block;
  border-color: #373737;
}
.animenu > ul ul ul a:hover {
  background-color: #FF00FF;
  border-color: #00FF00;
}










#mainNav{background:none; border:none; margin-left:0px; float:left; }
#mainNav:after{ content:''; display:block; clear:both;}
.mobitrigger{display:none;}







.animenu2 > ul:after {
  content: "";
  display: table;
  clear: both;
}



@-webkit-keyframes bugfix {
  from {
    padding: 0;
  }

  to {
    padding: 0;
  }
}

.animenu2 { float:right;
  
}
.animenu2 * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.animenu2 ul {
  margin: 20px 0 0 0;
  padding: 0;
/*  list-style: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;*/
}
.animenu2 li {
  position: relative;
}
.animenu2 li:hover > ul {
  opacity: 1;
  visibility: visible;
  margin: 0;
}
.animenu2 li:hover > a {
  color: #000;
  -webkit-transition-property: background;
       -moz-transition-property: background;
         -o-transition-property: background;
            transition-property: background;
    -webkit-transition-duration: 1s;
       -moz-transition-duration: 1s;
         -o-transition-duration: 1s;
            transition-duration: 1s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
}
.animenu2 input[type=checkbox] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.animenu2 label {
  display: none;
  cursor: pointer;
  user-select: none;
}

.animenu2 > ul {
  /*border: 1px solid #040404;
  background-color: #111111;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;*/ 
}
.animenu2 > ul > li {
  float: left;
  /*border-right: 1px solid #1e1e1e;
  -webkit-box-shadow: 1px 0 0 #444444;
  -moz-box-shadow: 1px 0 0 #444444;
  box-shadow: 1px 0 0 #444444;*/-webkit-transition-property: background;
       -moz-transition-property: background;
         -o-transition-property: background;
            transition-property: background;
    -webkit-transition-duration: 1s;
       -moz-transition-duration: 1s;
         -o-transition-duration: 1s;
            transition-duration: 1s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
  
}
.animenu2 > ul > li > a {
  float: left;
  padding: 10px 25px;
  text-transform: uppercase; font-size:14px; font-weight:400;
			text-shadow: none;
}
.animenu2 > ul > li:last-child > a { padding:10px 0px 10px 25px;}

.animenu2 > ul a {
  color: #000;
  text-decoration: none;
/*  text-shadow: 0 1px 0 #111111;*/
-webkit-transition-property: background;
       -moz-transition-property: background;
         -o-transition-property: background;
            transition-property: background;
    -webkit-transition-duration: 1s;
       -moz-transition-duration: 1s;
         -o-transition-duration: 1s;
            transition-duration: 1s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
}

.animenu2 > ul > li > a:hover{ color:#ff7921; }

.animenu2 > ul ul {
  position: absolute;
  top: 100%;
  /*left: 0;*/ right:0;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  margin: 2em 0 0 0;
  background-color: #373737;
  background-image: none;
  -webkit-transition-property: margin, opacity;
  -moz-transition-property: margin, opacity;
  -o-transition-property: margin, opacity;
  transition-property: margin, opacity;
  -webkit-transition-duration: .15s;
  -moz-transition-duration: .15s;
  -o-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.animenu2 > ul ul li {
  display: block;
  -webkit-box-shadow: 0 1px 0 #1e1e1e, 0 2px 0 #515151;
  -moz-box-shadow: 0 1px 0 #1e1e1e, 0 2px 0 #515151;
  box-shadow: 0 1px 0 #1e1e1e, 0 2px 0 #515151;
}
.animenu2 > ul ul li:first-child > a {
 /* -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;*/
}
.animenu2 > ul ul li:first-child > a:after {
  content: '';
  position: absolute; right:30px;

  top: -12px;
  border: 6px solid transparent;
  border-bottom-color: inherit;
}
.animenu2 > ul ul li:last-child {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.animenu2 > ul ul li:last-child > a {
 /* -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;*/
}
.animenu2 > ul ul a {
  padding: 1em;
  width: 175px;
  display: block;
  border-color: #373737; font-size:13px; color:#FFFFFF;
}
.animenu2 > ul ul a:hover {
  background-color: #0186ba;
  border-color: #0186ba; color:#FFFFFF;
}
/*################################################## Ul UL UL#############################################*/
.animenu2 > ul ul ul {
  position: absolute;
  top:0;
  left:176px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  margin: 2em 0 0 0;
  background-color: #373737;
  background-image: none;
  -webkit-transition-property: margin, opacity;
  -moz-transition-property: margin, opacity;
  -o-transition-property: margin, opacity;
  transition-property: margin, opacity;
  -webkit-transition-duration: .15s;
  -moz-transition-duration: .15s;
  -o-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}



.animenu2 > ul ul ul li {
  display: block;
  -webkit-box-shadow: 0 1px 0 #1e1e1e, 0 2px 0 #515151;
  -moz-box-shadow: 0 1px 0 #1e1e1e, 0 2px 0 #515151;
  box-shadow: 0 1px 0 #1e1e1e, 0 2px 0 #515151;
}
.animenu2 > ul ul ul li:first-child > a {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.animenu2 > ul ul ul li:first-child > a:after {
  content: '';
  position: absolute;
  left:-12px;
  top:10px;
  border: 6px solid transparent;
  border-right-color: inherit; 
}
.animenu2 > ul ul ul li:last-child {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.animenu2 > ul ul ul li:last-child > a {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.animenu2 > ul ul ul a {
  padding: 1em;
  width: 175px;
  display: block;
  border-color: #373737;
}
.animenu2 > ul ul ul a:hover {
  background-color: #FF00FF;
  border-color: #00FF00;
}









@media only screen and (max-width:1124px){
	.navPanel li{ padding:30px 20px 30px 20px;}
.navPanel li:first-child{ padding:30px 20px 30px 0px;}
.animenu > ul > li > a {
    float: left;
    padding: 10px 15px;}
	.mobitrigger{margin:29px 0 0 20px; }
	.animenu > ul > li > a{font-size:13px;}
} 



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

.navbar{min-height:0;}
.mobitrigger{float:right; height:31px; width:40px; display:block; cursor:pointer; margin:35px 0 0 20px; position:absolute; right:25px; top:15px; background:#2cc5d7; padding:10px; }

#mainNav{ position:absolute; left:0; top:0px; width:100%; height: auto; overflow:scroll; background:#FFF; z-index:99;  display:none;  -webkit-box-shadow: 2px 2px 2px 0px rgba(5, 5, 5, 0.5);  box-shadow: 0px 2px 2px 0px rgba(5, 5, 5, 0.5);margin-left:0px; padding:0px 20px 20px 10px; box-sizing:border-box;}

.navPanel li { padding: 10px 15px 10px 15px;}
.navPanel li a { color:#000000;}
.navPanel li a:hover {color: #ff7921;}
.navPanel li:first-child {padding: 10px 15px 10px 0px;}
#mainNav{ width:100%; height:auto; float:left;}
#mainNav ul{ width:100%; height:auto; float:left;}
#mainNav ul li{ width:100%; height:auto; float:left; display:block;}
#mainNav ul li a{ font-size:14px; color:#000000;  padding: 4px 0px;  }
.animenu ul { margin: 0px 0 0 0;}
.animenu > ul ul {
    position: relative ; top: inherit; 
    left: inherit; 
    z-index: 1;
    opacity: 1; 
     visibility: inherit; 
    margin: 0 0 0 0; background:none; padding-left:15px;}
	.animenu > ul ul li {
    display: block;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; display:block;}
	.animenu > ul ul li a{display:block; width:100%;}
	.animenu > ul ul li a:hover{ background:none;}
	.animenu > ul ul li:first-child > a:after{ display:none;}
	
	
.mob_menu{ width:auto; height:auto; float: left; padding:0; }
.mob_menu ul{width:100%; height:auto; float: left; padding:0;}
.mob_menu li{width:auto; height:auto; float: left; padding:5px 0; }
.mob_menu li a{ font-size:14px; font-weight:600; color:#000; line-height:14px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease;  -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.mob_menu li a:hover{ color:#fc6500;}
.mob_menu li ul li{ padding-left:15px; padding-top:5px; padding-bottom:0;  float:left; display:block;}
.mob_menu li ul li a{font-size:13px; font-weight:400; color:#000; line-height:14px; display:block;}
 
}




@media only screen and (max-width: 480px){
.navPanel li{ width:100%;padding: 10px 0px 10px 0px;}
.mobitrigger{top:0px;}
}

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

}