/*MENU*/
.nav-wrap2 { height:auto;/*border-top:1px solid #f0f0f0;*/ background-color:#1F9BA3;/*margin-bottom:10px;*/ }
/* menu icon */
#menu-icon { display: none; /* hide menu icon initially */}
#nav { float:right;}
#nav li {list-style: none; float:left; padding:0 8px; margin:0 8px; display:block; height:100%; vertical-align:middle; position:relative; }
/* nav link */
#nav a {font-size: 18px;font-weight: bold; /*font-size:15px;*/ height:80px; line-height:80px; padding:0 7px; display:block; text-transform:uppercase; position:relative; border-top:3px solid rgba(255, 255, 255, 0.0);  text-decoration:none; color:#444; text-align:center; -webkit-transition:border .15s ease-in-out, color .15s ease-in-out;	-moz-transition:border .15s ease-in-out, color .15s ease-in-out;	-ms-transition:border .15s ease-in-out, color .15s ease-in-out;	-o-transition:border .15s ease-in-out, color .15s ease-in-out; transition:border .15s ease-in-out, color .15s ease-in-out; }
#nav a:hover, #nav li:hover > a { color:#000000; /*color:#0093d0;*/ /*border-top-color:#0093d0;*/ }
#nav a:hover, #nav li:hover {background-color:#d4f1f3;}
#nav li.current a {  color:#0093d0; border-top-color:#0074bd;}
#nav a.drp-aro { padding-right:16px; }
/* nav link Header2 */
.nav-wrap2 #nav { float:left; margin-bottom:0;background-color:#1F9BA3;  }
.nav-wrap2 #nav li { /*margin:0; padding:0 30px 0 0;*/margin:0;padding: 0 5px 0 5px; }
.nav-wrap2 #nav a { line-height:21px; text-align:left;height:auto;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);color:#fff;padding: 17px 5px 17px 5px; font-size:16px; }
#nav a span, #nav a:after { margin-top:2px; display:block; font-size:13px;  color:#efefef; text-transform: capitalize; font-weight:400;  }
#nav a:after  { content: attr(data-description);}
#nav a:hover, #nav li:hover > a:after {color:#000;text-shadow:none;}
/* nav dropdown */
#nav ul {background: #fff ; padding: 7px 1px; margin:0; position: absolute; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); border:1px solid #d4d4d4; border-top:3px solid #0093d0; display: none; /* hide dropdown */	width: 200px; z-index:91000; border-radius: 0 0 4px 4px;margin-left:-5px; }
#nav ul li { float: none; border-bottom:1px solid #f6f6f6; display:block;	margin: 0; padding:0; font-family:"Open Sans",Helvetica,Arial,sans-serif;	}
#nav ul li:last-child { border:none;}
#nav ul li a, #nav li.current ul li a, #nav ul li:hover > a { background:#fff; color:#595959; width:auto; display:block; text-align:left; padding: 5px 11px; border-radius:0; font-size:13px; border:0 none; text-transform:capitalize; line-height:24px; height:24px; font-weight:normal;  }
#nav ul li a:hover, #nav li.current ul li a:hover, .nav-wrap2 #nav ul li a:hover, #nav ul li.current a, #nav li.current ul li.current a { background:#f8f8f8;color:#0074bd; }
#nav li:hover > ul { display: block; visibility:visible; /* show dropdown on hover */}
#nav ul li ul { margin:-37px 0 0 170px; width:170px; }
.nav-wrap2 #nav ul li a{ /*padding: 5px 11px;*/ padding: 0px 10px; line-height:24px; height:24px;color:#595959; text-shadow:none; }
.nav-wrap2 #nav ul li { margin: 0; padding:0; }
/* nav dropdown for(ie7) */
*+html #nav li { position:relative; display:block; }
*+html #nav li ul, *+html #nav li.current ul {  left:0; clear:both; position:absolute; border:1px solid #d4d4d4; }
*+html .container { z-index:2; }
*+html #header { z-index:3; position:relative;  }
*+html #nav ul li ul { position:absolute; left:0; margin-top:-31px; display:none; visibility:hidden; }
*+html #nav ul li:hover > ul { display:block; visibility:visible; }
/* --------------------- */

@media only screen and (min-width: 992px) {
    #nav{
        display:block!important;
    }
}

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


    /* nav-wrap */
    #nav-wrap {
        position: relative;
        height: 30px;
        text-align: center;
        margin: 10px 0px 15px 0px
    }

    /* menu icon */
    #menu-icon {
        
        margin: 0 auto;
        width: 246px;
        font-size: 16px;
        font-weight: 400;
        height: 30px;
        border-radius: 2px;
        border:1px solid #d4d4d4;
        background: #fff;
        padding: 4px 0px;
        cursor: pointer;
        clear: both;
        box-shadow: 0 2px 2px -2px rgba(0,0,0,0.3);
        text-align: center;
        display: block;
    }

        #menu-icon i {
            font-size: 16px;
            color: rgba(0,0,0,0.6);
            float: left;
            margin-left: -28px;
            margin-top: 3px;
        }

    .mn-clk {
        font-size: 14px;
        color: #1c7090;
    }
     #menu-icon:hover, #menu-icon.active {
            background-color: #0093d0;
            
        }
        #menu-icon:hover .mn-clk, #menu-icon.active .mn-clk {
            color:#fff!important;
        }


    /* main nav */
    #nav {
        clear: both;
        margin: 0 auto;
        background: #fff;
        left: 1px;
        position: absolute;
        width: 278px;
        z-index: 10000;
        padding: 2px 12px 44px 6px;
        border: 1px solid #d2d2d2;
        /* border-top: 0 none; */
        display: none;
        left: calc(50% - 139px);
        top: 31px;
    }

        #nav li, .nav-wrap2 #nav li {
            clear: both;
            float: none;
            border: 0 none;
            margin-left: 10px;
            padding: 10px 1px 7px;
            border-bottom: 1px solid #e5e5e5;
        }

        #nav a, #nav ul a, .nav-wrap2 #nav a {
            width: auto;
            height: 20px;
            display: block;
            text-align: left;
            border: 0 none;
            padding: 2px 3px;
            margin: 0;
            line-height: 1.2;
        }

        #nav ul li {
            padding: 0;
        }

        #nav a.drp-aro {
            padding: 0;
        }

        #nav a span, #nav a:after {
            display: none;
            visibility: hidden;
        }
        /* dropdown */
        #nav li ul {
            display: none;
        }

        #nav a:hover > #nav li ul {
            display: block;
        }

        #nav ul {
            width: auto;
            margin: 0;
            box-shadow: none;
            position: static;
            display: block;
            border: none;
        }

            #nav ul li ul {
                margin: 0;
                display: block;
                width: auto;
                padding-left: 20px;
            }

        #nav:not(:target ) > a:first-of-type, #nav:target > a:last-of-type {
            display: block;
        }

        #nav li.submenu:after {
            content: "\e3b1";
        }
    .nav-wrap2 {
        border: 0 none;
        box-shadow: 0 0 0 0;
        background: none;
    }
}
		
		@media only screen and (max-width: 479px) { 

	    #menu-icon { width:186px;}
	    #nav {width: 281px; /*width:218px; left:31px; left: calc(50% - 109px);*/}
	
	    div img { max-width:100%; }
	}
	
	@media only screen and (min-width: 1200px) {
	 #nav li { padding:0 10px; margin:0 10px; }
	 }
	
/*MENU*/



/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-accordion-menu {
  width: 100%;
  /*background: #4d5158;*/
  /*margin: 4em auto;*/
  /*box-shadow: 0 4px 40px #70ac76;*/
}
.cd-accordion-menu ul {
  /* by default hide all sub menus */
  display: none;
}
.cd-accordion-menu li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
}
    .cd-accordion-menu>li:hover {
        background-color:#0093d0;
       
    }
        .cd-accordion-menu>li:hover>label, .cd-accordion-menu>li:hover>a {
             color:#fff;
        }
        .cd-accordion-menu>li>ul>li:hover a{
             color:#333;
        }
.cd-accordion-menu label, .cd-accordion-menu a {
  position: relative;
  display: block;
  padding: 18px 18px 18px 18px;
  background: none;
  box-shadow: inset 0 -1px #28A3F1;
  color: #0093d0;
  font-size: 14px;
  text-decoration:none;
}
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {
  background: #52565d;
  text-decoration:none;
}
.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after {
  /* icons */
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu label {
  cursor: pointer;
}

.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
}
.cd-accordion-menu ul label,
.cd-accordion-menu ul a {
  background: #fefefe;
  box-shadow: inset 0 -1px #28A3F1;
  padding-left: 30px;
}
.no-touch .cd-accordion-menu ul label:hover, .no-touch
.cd-accordion-menu ul a:hover {
  background: #3c3f45;
}
.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a {
  box-shadow: none;
}
.cd-accordion-menu ul label::before {
  left: 36px;
}
.cd-accordion-menu ul label::after,
.cd-accordion-menu ul a::after {
  left: 59px;
}
.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a {
  padding-left: 40px;
}
.cd-accordion-menu ul ul label::before {
  left: 54px;
}
.cd-accordion-menu ul ul label::after,
.cd-accordion-menu ul ul a::after {
  left: 77px;
}
.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a {
  padding-left: 118px;
}
.cd-accordion-menu ul ul ul label::before {
  left: 72px;
}
.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after {
  left: 95px;
}
@media only screen and (min-width: 600px) {
  .cd-accordion-menu label, .cd-accordion-menu a {
    padding: 15px;
    font-size:14px;
  }
  .cd-accordion-menu label::before {
    left: 24px;
  }
  .cd-accordion-menu label::after {
    left: 53px;
  }
  .cd-accordion-menu ul label,
  .cd-accordion-menu ul a {
    padding-left: 40px;
  }
  .cd-accordion-menu ul label::before {
    left: 48px;
  }
  .cd-accordion-menu ul label::after,
  .cd-accordion-menu ul a::after {
    left: 77px;
  }
  .cd-accordion-menu ul ul label,
  .cd-accordion-menu ul ul a {
    padding-left: 55px;
  }
  .cd-accordion-menu ul ul label::before {
    left: 72px;
  }
  .cd-accordion-menu ul ul label::after,
  .cd-accordion-menu ul ul a::after {
    left: 101px;
  }
  .cd-accordion-menu ul ul ul label,
  .cd-accordion-menu ul ul ul a {
    padding-left: 154px;
  }
  .cd-accordion-menu ul ul ul label::before {
    left: 96px;
  }
  .cd-accordion-menu ul ul ul label::after,
  .cd-accordion-menu ul ul ul a::after {
    left: 125px;
  }
}
.cd-accordion-menu.animated label::before {
  /* this class is used if you're using jquery to animate the accordion */
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}