#skip a
{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
 
#skip a:focus
{
position:static;
width:auto;
height:auto;
	padding: 15px;
	font-size: 22px;
	font-weight: bold;
	background-color: #FFFFFF;
} 
#skip2 a
{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
 
#skip2 a:focus
{
position:static;
width:auto;
height:auto;
	padding: 15px;
	font-size: 22px;
	font-weight: bold;
	background-color: #FFFFFF;
} 

body {
   background-color: #c2d19e;    
   background-image: url('/images/Layout/bg.png');
  background-repeat: no-repeat;
}
.bodyborderradius {
	border: solid #E2E7D1;
    border-width: 2px;
    border-radius: 0px;
	margin-top: 10px;
	padding: 20px;
    background-color: #E2E7D1;
}

.color1{
	color: #486016;
}
.color2{
	color: #222222;
}
.color3{
	color: rgba(204,204,204,0.3);
}
.color4{
	color: #E2E7D1;
}

		.areablue{
			background-color: #484780; color: #ffffff;
		}
		.areagray{
			background-color: #ECECEC; color: #000000;
		}
	.reveal{
  position: relative;
  transform: translateY(40px);
  opacity: 0;
  transition: 1s all ease;
}

.reveal.active{
  transform: translateY(0);
  opacity: 1;
}

.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 1.8s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 1.8s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 1.8s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 1.8s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}

.zoom {
  background-color: #ffffff;
  transition: transform .2s; /* Animation */
}

.zoom:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}


.buttonstyle {
		background-color: #B40000; border: solid #0015FF; border-width: 2px; border-radius: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 5px;
		}
.buttonstyle:hover {
	background-color: #000168;
}
.buttontext {
		font-size: 22px; color: #FFED00;
		}
.buttontext:hover {
    color: #ffffff;
}

.padding-itemdetails {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
	
.img-radius {
    border-radius: 15px;
	margin-top: 5px;
	padding: 5px;
}
.carousel-inner {
    border-radius: 15px;	
}
.img-padding {
	padding-bottom: 10px;
	padding-top: 10px;
}
.margin-area_resources {
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 15px;
}
/*  BEGIN HEADER  */
.bg-header {
    width: 100%;
    height: 230px;
	background-color: #5E9FD7;
    background-image: url('/images/Layout/Header-bg.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; 
/*    border: 1px solid red;  */	
	border: solid #B9C6D8;
    border-width: 2px;
    border-radius: 15px;
}
.padding-header {
	padding-top: 15px;
}
.padding-header-phone {
	padding-top: 45px;
}

/*  END HEADER  */
	
.bg-homefeature {
	background-image: url("/images/home-bg.jpg");
}
.bg-white {
	background-color: "#ffffff";
}
.bg-black {	
    background-color: #000000;
}
.bg-gray {	
    background-color: #2F2F2F;
}
.bg-blue {
    margin: 0px;
    background-color: #03135E;
}
.border-black {
    border: 1px solid black;
    background-color: #ffffff;
}
.border-red {
	border:4px solid #FC060A;
}
.border-blue {
	border:4px solid #03135E;
}
.border-yellow {
	border:4px solid #FDF87F;
}
.padding-top {
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-left: 0px;
}
.padding-footer {
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 10px;
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
}
/* navbar */
.navbar-default {
    background-color: #486016;
    border-color: transparent;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}
.NavBG {
/*	background-image: url("/images/Layout/BK_Left.png");
    background-repeat: repeat-y; */
	background-color: #486016;
    border-radius: 0px;
}

.navbar-brand {
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
}
/* title */
.navbar-default .navbar-brand {
    color: #777;
	padding: 0;
	margin: 0;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #83FF00;
}
/* link */
.navbar-default .nav-pills > li > a {
	font-family: Arial;
	font-size: 20px;
	color: #ffffff;
    word-spacing: 5px;
	background-color: #486016;
 /*   text-shadow:
    -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
    1px 1px 0 #fff;  
	line-height: 20px;
	z-index: 5000;*/
	margin-top: 0px;
}
.navbar-default .nav-pills > li > a:hover,
.navbar-default .nav-pills > li > a:focus {
    color: #222222;
    background-color: #E2E7D1;
}
.navbar-default .nav-pills > .active > a, 
.navbar-default .nav-pills > .active > a:hover, 
.navbar-default .nav-pills > .active > a:focus {
    color: #222222;
    background-color: #E5F1BD;
}
.navbar-default .nav-pills > .open > a, 
.navbar-default .nav-pills > .open > a:hover, 
.navbar-default .nav-pills > .open > a:focus {
    color: #222222;
    background-color: #E2E7D1;
}

.dropdown-menu  {
	font-family: Arial;
	font-size: 19px;
	background-color: #486016;
}
   .dropdown-menu li>a{color:#ffffff; }
   .dropdown-menu li>a:hover{color:#222222; background:#E2E7D1; }
/*   .dropdown-menu>li{padding:5px; border-bottom:1px solid white;border-left:1px 
              solid white;border-right:1px solid white } */

/* caret */
.navbar-default .nav-pills > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-default .nav-pills > .dropdown > a:hover .caret,
.navbar-default .nav-pills > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .nav-pills > .open > a .caret, 
.navbar-default .nav-pills > .open > a:hover .caret, 
.navbar-default .nav-pills > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD;
    background-color: #D5D5D5;
	margin-top: 0px;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}
 

/* Links inside the navbar */

@media (max-width: 767px) {
    .navbar-default .nav-pills .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-default .nav-pills .open .dropdown-menu > li > a:hover,
    .navbar-default .nav-pills .open .dropdown-menu > li > a:focus {
        color: #333;
    }
}
	

/*  Begin Collapse Adustment */

@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .nav-pills {
        float: none!important;
        margin-top: 7.5px;
    }
    .nav-pills>li {
        float: none;
    }
    .nav-pills>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}
/* End Collapse Adjustment */

.text-main     		{
	font-family: Arial;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #272727;
	text-decoration: none;
	left: 5px;
	top: 5px;
}
a.text-main:active 	{
	font-family: Arial;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #00006C;
	text-decoration: none;
}
a.text-main:hover 	{font-family: Arial; font-size: 18px; font-style: normal; font-weight: normal; color: #00006C; text-decoration: underline}
a.text-main:link 	{font-family: Arial; font-size: 18px; font-style: normal; font-weight: normal; color: #00006C; text-decoration: none}
a.text-main:visited 	{font-family: Arial; font-size: 18px; font-style: normal; font-weight: normal; color: #00006C; text-decoration: none}
a.text-main:visited:hover 	{
	font-family: Arial;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	text-decoration: underline
}
.text-mainBold {
font-family: Arial; font-size: 18px; font-style: normal; font-weight: bold; color: #000000; text-decoration: none;
}


.text-mainYellow    		{
	font-family: Arial;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #FDF87F;
	text-decoration: none;
	left: 5px;
	top: 5px;
}
a.text-mainYellow:active 	{
	font-family: Arial;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #FDF87F;
	text-decoration: none
}
a.text-mainYellow:hover 	{font-family: Arial; font-size: 18px; font-style: normal; font-weight: normal; color: #ffffff; text-decoration: underline}
a.text-mainYellow:link 	{font-family: Arial; font-size: 18px; font-style: normal; font-weight: normal; color: #FDF87F; text-decoration: none}
a.text-mainYellow:visited 	{font-family: Arial; font-size: 18px; font-style: normal; font-weight: normal; color: #FDF87F; text-decoration: none}
a.text-mainYellow:visited:hover 	{
	font-family: Arial;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #FDF87F;
	text-decoration: underline;
}

.text-mainWhite     		{
	font-family: Arial;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #ECECEC;
	text-decoration: none;
	left: 5px;
	top: 5px;
}
a.text-mainWhite:active 	{
	font-family: Arial;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #FDF87F;
	text-decoration: none
}
a.text-mainWhite:hover 	{font-family: Arial; font-size: 18px; font-style: normal; font-weight: normal; color: #ffffff; text-decoration: underline}
a.text-mainWhite:link 	{font-family: Arial; font-size: 18px; font-style: normal; font-weight: normal; color: #FDF87F; text-decoration: none}
a.text-mainWhite:visited 	{font-family: Arial; font-size: 18px; font-style: normal; font-weight: normal; color: #ffffff; text-decoration: none}
a.text-mainWhite:visited:hover 	{
	font-family: Arial;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: underline;
}

.text-mainBoldWhite {
font-family: Arial; font-size: 18px; font-style: normal; font-weight: bold; color: #ffffff; text-decoration: none;
}

.text-smallBold     	{font-family: Arial; font-size: 15px; font-style: normal; font-weight: bold; color: #000000; text-decoration: None;}
.text-smallWhite     		{
	font-family: Arial;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: None;
}
.text-XL-white     		{
	font-family: Arial;
	font-size: 25px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: None;
}
.text-XXL-white     		{
	font-family: Arial;
	font-size: 40px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: None;
}
.text-XXXL-white     		{
	font-family: Arial;
	font-size: 50px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: None;
}

.footer-bg {
	background-image: url('/images/Layout/bg-footer.png')
}
.FooterMenu     		{
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	left: 5px;
	top: 5px;
}
a.FooterMenu:active 	{
	font-family: Arial;
	font-size: 108px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none
}
a.FooterMenu:hover 	{font-family: Arial; font-size: 14px; font-style: normal; font-weight: normal; color: #3F3F3F; text-decoration: underline}
a.FooterMenu:link 	{font-family: Arial; font-size: 14px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none}
a.FooterMenu:visited 	{font-family: Arial; font-size: 14px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none}
a.FooterMenu:visited:hover 	{
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}
.Copyright 			{
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none
}

.text-small     		{font-family: Arial; font-size: 15px; font-style: normal; font-weight: normal; color: #000000; text-decoration: None;}
.Title     	{
	font-family: Arial;
	font-size: 32px;
	font-style: normal;
	font-weight: bold;
	color: #6884AA;
	text-decoration: None;
	padding-top: 5px;
	padding-left: 0px;
	line-height: 2;
}
.TitleSm     	{
	font-family: Arial;
	font-size: 26px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: None;
	padding-left: 0px;
	line-height: 1;
}
.TitleRed     	{
	font-family: Arial;
	font-size: 30px;
	font-style: normal;
	font-weight: bold;
	color: #FC0105;
	text-decoration: None;
	padding-left: 25px;
	line-height: 2;
}	
.TitleWhite     	{
	font-family: Arial;
	font-size: 30px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: None;
	padding-top: 25px;
	padding-left: 0px;
	line-height: 2;
}	
	
.TitleYellow     	{
	font-family: Arial;
	font-size: 30px;
	font-style: normal;
	font-weight: bold;
	color: #FDF87F;
	text-decoration: None;
	padding-top: 25px;
	padding-left: 0px;
	line-height: 2;
}	
	.SubTitle    			{
	font-family: Arial;
	font-size: 21px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.SubTitleRed    			{
	font-family: Arial;
	font-size: 21px;
	font-style: normal;
	font-weight: bold;
	color: #FC0105;
	text-decoration: none;
}
.SubTitleWhite    			{
	font-family: Arial;
	font-size: 21px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
.SubTitleYellow    			{
	font-family: Arial;
	font-size: 21px;
	font-style: normal;
	font-weight: bold;
	color: #FDF87F;
	text-decoration: none;
}
.SubTitleBlue    			{
	font-family: Arial;
	font-size: 26px;
	font-style: normal;
	font-weight: bold;
	color: #6884AA;
	text-decoration: none;
}
#PageTitle {
	text-align: center;
	color: #000000;
}
.JustifyLeft {
	text-align: left;
}
.table-padding {
    padding: 10px;
}

.HeaderWhite {	
    margin-top: 20px;
	padding: 15px;
    background-color: #FFFFFF;
    border: 2px solid;
    border-radius: 15px;
}
.HeaderTextRedLG     		{
	font-family: Arial;
	font-size: 35px;
	font-style: normal;
	font-weight: normal;
	color: #FC0303;
	text-decoration: none;
	left: 5px;
	top: 5px;
}
a.HeaderTextRedLG:active 	{
	font-family: Arial;
	font-size: 35px;
	font-style: normal;
	font-weight: bold;
	color: #FC0303;
	text-decoration: none
}
a.HeaderTextRedLG:hover 	{font-family: Arial; font-size: 35px; font-style: normal; font-weight: normal; color: #FC0303; text-decoration: underline}
a.HeaderTextRedLG:link 	{font-family: Arial; font-size: 35px; font-style: normal; font-weight: normal; color: #FC0303; text-decoration: none}
a.HeaderTextRedLG:visited 	{font-family: Arial; font-size: 35px; font-style: normal; font-weight: normal; color: #FC0303; text-decoration: none}
a.HeaderTextRedLG:visited:hover 	{
	font-family: Arial;
	font-size: 35px;
	font-style: normal;
	font-weight: normal;
	color: #FC0303;
	text-decoration: underline;
}

.HeaderTextRedSM     		{
	font-family: Arial;
	font-size: 25px;
	font-style: normal;
	font-weight: normal;
	color: #FC0303;
	text-decoration: none;
	left: 5px;
	top: 5px;
}
a.HeaderTextRedSM:active 	{
	font-family: Arial;
	font-size: 25px;
	font-style: normal;
	font-weight: bold;
	color: #FC0303;
	text-decoration: none
}
a.HeaderTextRedSM:hover 	{font-family: Arial; font-size: 25px; font-style: normal; font-weight: normal; color: #FC0303; text-decoration: underline}
a.HeaderTextRedSM:link 	{font-family: Arial; font-size: 25px; font-style: normal; font-weight: normal; color: #FC0303; text-decoration: none}
a.HeaderTextRedSM:visited 	{font-family: Arial; font-size: 25px; font-style: normal; font-weight: normal; color: #FC0303; text-decoration: none}
a.HeaderTextRedSM:visited:hover 	{
	font-family: Arial;
	font-size: 25px;
	font-style: normal;
	font-weight: normal;
	color: #FC0303;
	text-decoration: underline;
}


.carousel-control {
  color: #86002D;
text-shadow: none;
opacity: 1;
filter: alpha(opacity=100)
}
.carousel-control.left {
 background-image: -webkit-gradient(linear, 0 top, 100% top, from(transparent), to(rgba(0,0,0,0.0001)));
background-image: -webkit-linear-gradient(left, color-stop(transparent), color-stop(rgba(0,0,0,0.0001) 100%));
background-image: -moz-linear-gradient(left, transparent) 0, rgba(0,0,0,0.0001) 100%);
background-image: linear-gradient(to right, transparent) 0, rgba(0,0,0,0.0001) 100%);
background-repeat: repeat-x; 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}
.carousel-control.right {
background-image: -webkit-gradient(linear, 0 top, 100% top, from(transparent), to(transparent));
background-image: -webkit-linear-gradient(left, color-stop(transparent) 0, color-stop(transparent 100%));
background-image: -moz-linear-gradient(left, transparent 0, transparent 100%);
background-image: linear-gradient(to right, transparent 0, transparent 100%);
background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}
.carousel-control:hover, .carousel-control:focus {
opacity: 1;
filter: alpha(opacity=100)
}

.RollOver img:last-child{display:none;
}
.RollOver:hover img:first-child{display:none;
}
.RollOver:hover img:last-child{display:inline-block;
	border:4px solid #FC060A;
}


@media (max-width: 1200px) {
	.bg-header {
    width: 100%;
    height: 230px;
    background-image: url('/images/Layout/Header-bg.png');
    background-repeat: no-repeat;
/*    background-size: contain; */
}
    .padding-header {
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 30px;
	padding-left: 0px;
}
	.padding-header-phone {
	padding-top: 35px;
}

}

@media (max-width: 992px) {
	.bg-header {
    width: 100%;
    height: 650px;
    background-image: url('/images/Layout/Header-bg.png');
    background-repeat: no-repeat;
 /*   background-size: contain;  */
}
    .padding-header {
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 30px;
	padding-left: 0px;
}
}
.padding-header-phone {
	padding-top: 5px;
}
@media (max-width: 768px) {
	.bg-header {
    width: 100%;
    height: 650px;
    background-image: url('/images/Layout/Header-bg.png');
    background-repeat: no-repeat;
/*    background-size: contain; */
}
    .padding-header {
	padding-top: 20px;
	padding-left: 0px;
}
.padding-header-phone {
	padding-top: 5px;
}
}
@media (max-width: 400px) {
	.bg-header {
    width: 100%;
    height: 625px;
    background-image: url('/images/Layout/Header-bg.png');
    background-repeat: no-repeat;
/*    background-size: contain; */
}
    .padding-header {
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-left: 0px;
}
.padding-header-phone {
	padding-top: 5px;
}
}


/*    BEGIN CAROUSEL FADE */
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 5s;
  transition-timing-function:linear;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}






/*Flyout Mega*/
.flyout-mega-wrap {
	top: 0;
	right: 0;
	left: 100%;
	width: 100%;
	display:none;
	height: 100%;
	padding: 15px;
	min-width: 742px;

}
h4.row.mega-title {
  color:#eee;
  margin-top: 0px;
  font-size: 14px;
  padding-left: 15px;
  padding-bottom: 13px;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
 }
.flyout-mega ul > li > a {
  font-size: 90%;
  line-height: 25px;
  color: #fff;
  font-family: inherit;
}
.flyout-mega ul > li > a:hover,
.flyout-mega ul > li > a:active,
.flyout-mega ul > li > a:focus{
  text-decoration: none;
  background-color: transparent !important;
  color: #ccc !important
}
/*mega menu*/

.mega-menu {
  left: 0;
  right: 0;
  padding: 15px;
  display:none;
  padding-top: 0;
  min-height: 100%;

}
h4.row.mega-title {
  color: #eee;
  margin-top: 0px;
  font-size: 14px;
  padding-left: 15px;
  padding-bottom: 13px;
  text-transform: uppercase;
  border-bottom: 1px solid #547787;
  padding-top: 15px;
  background-color: #000053
  }
 .mega-menu ul li a {
  line-height: 25px;
  font-size: 90%;
  display: block;
}
ul.stander li a {
    padding: 3px 0px;
}

ul.description li {
    padding-bottom: 12px;
    line-height: 8px;
}

ul.description li span {
    color: #ccc;
    font-size: 85%;
}
a.view-more{
  border-radius: 1px;
  margin-top:15px;
  background-color: #009FE1;
  padding: 2px 10px !important;
  line-height: 21px !important;
  display: inline-block !important;
}
a.view-more:hover{
	color:#fff;
	background:#0DADEF;
}
ul.icon-des li a i {
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    background-color: #009FE1;
    line-height: 35px !important;
}

ul.icon-des li {
    width: 100%;
    display: table;
    margin-bottom: 11px;
}
/*Blog DropDown*/
.Blog{

	left:0;
	display:none;
	color:#fefefe;
	padding-top:15px;
	background:#000053;
	padding-bottom:15px;
}
.Blog .blog-title{
	color:#fff;
	font-size:15px;
	text-transform:uppercase;

}
.Blog .blog-des{
	color:#ccc;
	font-size:90%;
	margin-top:15px;
}
.Blog a.view-more{
	margin-top:0px;
}
/*Images*/
.Images{
	left:0;
   width:100%;
	 display:none;
	color:#fefefe;
	padding-top:15px;
	background:#000053;
	padding-bottom:15px;
}
.Images h4 {
  font-size: 15px;
  margin-top: 0px;
  text-transform: uppercase;
}
/*common*/
.flyout-right ul>li>a ,
.flyout-left ul>li>a,
.flyout-mega-wrap,
.mega-menu{
	background-color: #000053;
}

/*hover*/
.Blog:hover,
.Images:hover,
.mega-menu:hover,
.drop-down-ul:hover,
li.flyout-left>ul:hover,
li.flyout-right>ul:hover,
.flyout-mega-wrap:hover,
li.flyout-left a:hover +ul,
li.flyout-right a:hover +ul,
.blog-drop-down >a:hover+.Blog,
li.drop-down>a:hover +.drop-down-ul,
.images-drop-down>a:hover +.Images,
.mega-drop-down a:hover+.mega-menu,
li.flyout-mega>a:hover +.flyout-mega-wrap{
	display:block;
}
/*responsive*/
 @media (min-width:1024px){
	.exo-menu > li > a{
	display:block;
	padding: 20px 22px;
 }
.mega-menu, .flyout-mega-wrap, .Images, .Blog,.flyout-right>ul,
.flyout-left>ul, li.drop-down>ul{
		position:absolute;
}
 .flyout-right>ul{
	left: 100%;
	}
	.flyout-left>ul{
	right: 100%;
}
 }
@media (max-width:1024px){

	.exo-menu {
		min-height: 58px;
		background-color: #23364B;
		width: 100%;
	}
	
	.exo-menu > li > a{
		width:100% ;
	    display:none ;
	
	}
	.exo-menu > li{
		width:100%;
	}
	.display.exo-menu > li > a{
	  display:block ;
	  	padding: 20px 22px;
	}
	
.mega-menu, .Images, .Blog,.flyout-right>ul,
.flyout-left>ul, li.drop-down>ul{
		position:relative;
}
.visible-xs-block {
    display: block !important;
	min-width: 150px;
	text-align: center;
  }
a.toggle-menu{
    position: absolute;
    right: 0px;
    padding: 10px;
    font-size: 22px;
    background-color: #ccc;
    color: #23364B;
    top: 0px;
}
}
/* END MENU CSS */