.outterNav {
		/*
		padding: 7px;
		background-color: #fff;
		border-bottom: 1px solid #e7e9ed;
		*/
		z-index: 999;
		/*background: #ffffff;*/
		position: fixed;
		top: 0px;
		transition: top 0.3s ease-in-out; 
		width: 100%;
		/*box-shadow: 0px 0px 30px rgba(43, 54, 61, 0.1);*/
		/*
		background: #04101e;
		background: rgba(4,16,30,.7);*/
		background: #000;
		background: rgba(0,0,0,0);
        border-bottom: 1px solid #fff;
        border-bottom: 1px solid rgba(255,255,255,.15);
		-webkit-transition: background 0.15s ease;
		-moz-transition: background 0.15s ease;
		transition: background 0.15s ease;

	}

	.outterNavDark {
		background: rgba(6,27,44,.9);
        /*background: #47b7ec;*/
        border-bottom: 0px solid transparent;
	}

	.innerNav {
		height: 65px;
		
		margin: 0 auto;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-perspective: 1555px;
		-moz-perspective: 1555px;
		perspective: 1555px;
	}





	
	.logoText {
		display: block;
		width: 150px;
		height: 65px;
		float: left;
		cursor: pointer;
		padding-left: 15px;
        padding-top: 4px;
	}
	
    	
	.logoText img {
		width: 100%;
	}




	.logoText span {
		transition: color 0.2s;
		display: block;
		height: 100%;
		color: #fff;
	}
	
	.logoText:hover span {
		color: #47b7ec;
	}
	
	.logoText span:before {
		margin-top:7px;
		font-family:TamIcons;
		font-size:110px;
		line-height: .33;
		
	}
	.logoText span:before { 
		content: "\0021";
		display: inline-block;
		
	}
	



nav {
	margin-left: 30px;
	position: relative;
	float: left;
}

nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

nav li {
	position: relative;
	display: inline-block;
	float: left;
}
nav a.mainNavItem {
	font-family: 'Red Hat Display', Arial, Helvetica, sans-serif;
	height: 65px;
    padding: 0 15px;
	line-height: 65px;
	position: relative;
	z-index: 599;

	color: #fff;
    color: rgba(255,255,255,.9);
	text-decoration: none;
	display: block;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	transition: all 0.15s ease;
}


nav a.mainNavItem span {
	/*color: #b3b5bb;*/
	color: #47b7ec;
	vertical-align: top;
	font-size: 12px;
	padding-top: 27px;
	margin-right: 8px;
}

.outterNavDark nav a.mainNavItem span {
	/*color: #b3b5bb;*/
	/*color: #fff;*/
}




.menuPlatform {
    background: #f4f5f9; 
}

.menuPlatform a {
    display:block;
    padding: 25px 35px;
}
.menuPlatform a:hover {
    display:block;
    background-color: transparent !important;
}
.menuPlatform a .h3, .menuPlatform a .h2 {
    color: #182a39;
    display: block;
	-webkit-transition: color 0.15s ease;
	-moz-transition: color 0.15s ease;
	transition: color 0.15s ease;
}

.menuPlatform a:hover .h2 {
    color: #182a39;
}

.menuPlatform a:hover .h3 {
    color: #47b7ec;
}





/*
nav a.mainNavItem:hover {
	color: #47b7ec;
}
*/


.eiob > li { transition: all 0.15s; box-shadow: inset 0 -4px 0 transparent; }  
.eiob > li:hover { background: rgba(71, 183, 236, .45); /* box-shadow: inset 0 -4px 0 #47b7ec; background: #47b7ec;*/ } 
/*.outterNavDark .eiob > li:hover { box-shadow: inset 0 -4px 0 #49dcc5; } */
.eiob > li:hover a { color: #47b7ec; } 
.eiob > li:hover a span { } 


.outterNav .eiob > li:hover a.mainNavItem { color: #fff; color: rgba(255,255,255,1); }
.outterNavDark .eiob > li:hover a.mainNavItem { color: #fff; color: rgba(255,255,255,1);  }



nav a:hover + .submenu {
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	visibility: visible;
}
nav .eiob .submenu {
	
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
nav .ln .submenu {
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
nav .ei .submenu {
	-webkit-transition: all 0.3s ease-in, opacity 0.2s linear;
	-moz-transition: all 0.3s ease-in, opacity 0.2s linear;
	transition: all 0.3s ease-in, opacity 0.2s linear;
}
nav .eo .submenu {
	-webkit-transition: all 0.3s ease-out, opacity 0.2s linear;
	-moz-transition: all 0.3s ease-out, opacity 0.2s linear;
	transition: all 0.3s ease-out, opacity 0.2s linear;
}
nav .submenu {
	display: block;
	opacity: 0;
	position: absolute;
	visibility: hidden;
	z-index: 499;
	top: 100%;
	left: 0;
	background: #fff;
	box-shadow: 0 2px 5px rgba(68, 68, 68, 0.3);
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-ms-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	transition: all 0.25s ease;
	
	
}
nav .submenu li > .submenu {
  top: 0;
  left: 100%;
}
nav .submenu:hover {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  visibility: visible;
}
nav .submenu li {
  float: none;
  display: block;
}
nav .submenu a {
  
}
nav .submenu a:hover {
  color: #f5f5f5;
  background: #47b7ec;
}

.suiteSubmenu {
	padding: 20px;
	width: 694px;
}

.suiteSubmenuLeft {
	width: 325px;
	padding-right: 20px;
	display: inline-block;
	float: left;
}
.suiteSubmenuRight {
	width: 325px;
	border-left: 1px solid #ebebeb;
	padding-left: 20px;
	display: inline-block;
	float: right;
}
.suiteSubmenuNextRight {
	width: 325px;
	border-left: 1px solid #ebebeb;
	padding-left: 20px;
	display: inline-block;
	float: right;
}
suiteSubmenu .h1 {
	display: block;
	font-size: 19px;
	color: #47b7ec;
	font-weight: 300;
	padding-bottom: 5px;
}
.suiteSubmenu .h2 {
	display: block;
	font-size: 13px;
	font-weight: 300;
	color: #7f848a;
}









nav.rx li:hover + .submenu {
  opacity: 1;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
nav.rx .submenu {
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}
nav.rx .submenu:hover {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

/*=== Fade Dwn ===*/
nav.fd li:hover + .submenu {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
nav.fd .submenu {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  -o-transform: translateY(-50px);
  transform: translateY(-50px);
}
nav.fd .submenu:hover {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}

nav.fu li:hover + .submenu {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
nav.fu .submenu {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  /*-webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  */
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
nav.fu .submenu:hover {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}

/*=== Scale ===*/
nav.sc li:hover + .submenu {
  opacity: 1;
  -webkit-transform: rotateY(0deg) scale(1);
  -moz-transform: rotateY(0deg) scale(1);
  -ms-transform: rotateY(0deg) scale(1);
  -o-transform: rotateY(0deg) scale(1);
  transform: rotateY(0deg) scale(1);
}
nav.sc .submenu {
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
nav.sc .submenu:hover {
  -webkit-transform: rotateY(0deg) scale(1);
  -moz-transform: rotateY(0deg) scale(1);
  -ms-transform: rotateY(0deg) scale(1);
  -o-transform: rotateY(0deg) scale(1);
  transform: rotateY(0deg) scale(1);
}

/*==== Rotate ====*/
nav.rt li:hover + .submenu {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
nav.rt .submenu {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
nav.rt .submenu:hover {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/*==== Move/Skew In ====*/
nav.mv li:hover + .submenu {
  -webkit-transform: translateX(0px) skewX(0deg);
  -moz-transform: translateX(0px) skewX(0deg);
  -ms-transform: translateX(0px) skewX(0deg);
  -o-transform: translateX(0px) skewX(0deg);
  transform: translateX(0px) skewX(0deg);
}
nav.mv .submenu {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: translateX(-40px) skewX(-7deg);
  -moz-transform: translateX(-40px) skewX(-7deg);
  -ms-transform: translateX(-40px) skewX(-7deg);
  -o-transform: translateX(-40px) skewX(-7deg);
  transform: translateX(-40px) skewX(-7deg);
}
nav.mv .submenu:hover {
  -webkit-transform: skewX(0deg);
  -moz-transform: skewX(0deg);
  -ms-transform: skewX(0deg);
  -o-transform: skewX(0deg);
  transform: skewX(0deg);
}

/*==== Door ====*/
nav.dc li:hover + .submenu {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
nav.dc .submenu {
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}
nav.dc .submenu:hover {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}










	nav .submenu a.sMenuItem {
		height: 60px;
		position: relative;
		z-index: 299;
		font-size: 16px;
		text-decoration: none;
		display: block;
		padding: 22px 15px 0 13px;
		-webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; transition: all 0.15s ease;
	}



	nav .submenu {
		display: block;
		opacity: 0;
		position: absolute;
		visibility: hidden;
		z-index: 199;
		transition: all 0.3s;
		top: 100%;
		left: 0;
		background: #fff;

        -webkit-box-shadow: 1px 4px 29px -6px rgba(0,0,0,0.25);
        -moz-box-shadow: 1px 4px 29px -6px rgba(0,0,0,0.25);
        box-shadow: 1px 4px 29px -6px rgba(0,0,0,0.25);

		/*box-shadow: 0 2px 5px rgba(68, 68, 68, 0.3);*/
		-webkit-transform-origin: top center; -moz-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center;
		-webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg);
		-webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; transition: all 0.25s ease;
	}


	nav .submenu li > .submenu {
		top: 0;
		left: 100%;
	}
	nav .submenu:hover {
		opacity: 1;
		-webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg);
		visibility: visible;
	}
	nav .submenu li {
		float: none;
		display: block;
	}
	nav .submenu a.sMenuItem {
		font-size: 15px;
		text-align:left;
		color:#4c5156;
		background: #fff;
		white-space: nowrap;
		display: block;
		font-weight: 300;
		padding: 15px 23px 15px 17px;
        height: auto;
	}
	nav .submenu a.sMenuItem:hover {
		color:#fff;
		background: #47b7ec;
	}

	nav .submenu a.sMenuItem .fal {
        display: none;
		width: 25px;
        text-align: center;
	}

.suiteSubmenu a {
	display: block;
	text-decoration: none;
	padding: 10px 15px 14px 15px;
	-webkit-transition: none; -moz-transition: none; transition: none;
}

.suiteSubmenu .suiteSubmenuLeft a {
	display: block;
	text-decoration: none;
	margin: 7px 0;
	
}


.suiteSubmenu a .h3 {
    font-family: 'Red Hat Display', Arial, Helvetica, sans-serif;
	display: block;
	font-size: 17px;
	color: #182a39 !important;
	font-weight: 500;
	padding-bottom: 5px;
}
.suiteSubmenu a .h2 {
	display: block;
	font-size: 13px;
	font-weight: 300;
	color: #7f848a !important;
}

.suiteSubmenu a .h1 {
	color: #47b7ec !important;
}
.suiteSubmenu a:hover .h3 {
	color: #fff !important;

}
.suiteSubmenu a:hover .h2 {
	color: #fff !important;
}

.suiteSubmenu a:hover .h1 {
	color: #fff !important;
}




.rightNav {
	float: right;
	/*padding-right:9px;*/
}
.rightNav > div {
	position: relative;
	color: #fff;
	color: rgba(255,255,255,.75);
	text-transform: uppercase;
	font-weight: 500;
	height: 65px;
	line-height: 65px;
	display: inline-block;
	font-size: 10px;
	padding: 0 17px;
	cursor: pointer;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	transition: all 0.15s ease;
    /*
    border-left: 1px solid #fff;
    border-left: 1px solid rgba(255,255,255,.15);*/
}
.rightNav > div:hover {
	color: #47b7ec;
	color: rgba(71,183,236,1);
    background: rgba(71, 183, 236, .1);
}
.rightNav > div span {
	font-size: 18px;
	vertical-align: top;
	padding-top: 23px;
}
#convText, #signInText {
	font-size: 10px;
	vertical-align:auto;
	padding-top: 0px;
}

.rightNav .fa-comments, .rightNav .fa-sign-in {
	margin-right: 8px;
}
.rightNav .fa-mouse-pointer {
	position: absolute;
	left: 11px;
	top: 3px;
	font-size: 7px;
}

.rightNav > div b {
	color: #47b7ec;
	opacity: 0;
	display: block;
	position: absolute;
	top: 10px;
	line-height: 1;
	text-align: center;
	white-space:nowrap;
	transform: translateX(-50%);
	left: 50%;
	font-weight: 400;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	transition: all 0.15s ease;
}

.rightNav > div:hover b {
	opacity: 1;
	color: #47b7ec;
}

.rightNav #MobileMenuButton span
 {
    color: #fff;
    font-size: 20px;
}

#MobileMenuButton {
    display: none;
}


	.searchOutter {
		z-index: 1099;
		position: fixed;
		top: -70px;
		width: 100%;
		background: #fff;
        height: 65px;
        -webkit-box-shadow: 0px -8px 21px 9px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px -8px 21px 9px rgba(0,0,0,0.25);
        box-shadow: 0px -8px 21px 9px rgba(0,0,0,0.25);
	    -webkit-transition: top 0.25s ease;
	    -moz-transition: top 0.25s ease;
	    transition: top 0.25s ease;
	}
	.searchOutterDown {
		top: 0px;
	}
    .searchBox {
        font-size: 27px;
        width: calc(100% - 100px);
        margin: 0 auto;
        font-family: Montserrat, Roboto, Oswald;
		font-weight: 200;
		font-size: 27px;
		color: #182a39;
        outline: none;
        border: none;
        margin: 14px 0 0 50px;
        /*letter-spacing: -1px;*/
    }

	.searchInner {
		z-index: 1099;
		position: absolute;
		top: 0px;
		transition: top 0.3s ease-in-out; 
		width: 100%;
		background: #fff;
	}

    .searchiconOpen {
        position: absolute;
        font-size: 21px;
        color: #c3c7cd;
        line-height: 65px;
        cursor: default;
        top: 0px;
        left: 15px;
    }

    #CloseSearchButton {
        float: right;
        font-size: 27px;
        width: 40px;
        line-height: 65px;
        cursor: pointer;
    }

    #CloseSearchButton:hover {
        color: #47b7ec;
    }






    .mCurrent {


        background: rgba(71, 183, 236, .2);

        /*
        -webkit-box-shadow: inset 0px 5px 0px -2px rgba(71, 183, 236, 1);
        -moz-box-shadow: inset 0px 5px 0px -2px rgba(71, 183, 236, 1);
        box-shadow: inset 0px 5px 0px -2px rgba(71, 183, 236, 1);
        */
    }












		.hamburger-menu {
			width: 50px;
			height: 65px;
			cursor: pointer;
            float: right; 
            display: none;
            padding: 15px 0px 15px 10px;
            transition: background 0.6s ease-in-out;
		}
		
		.bar,
		.bar:after,
		.bar:before {
			width: 20px;
			height: 2px;
		}
		
		.bar {
			position: relative;
			top: 15px;
			background: #fff;
			transition: transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), background 0.6s ease-in-out, left 900ms cubic-bezier(0.23, 1, 0.32, 1);
			margin: 0;
		}
		.bar.animate {
			background: rgba(255, 255, 255, 0);
			transform: rotate(0deg);
			transition: transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), left 900ms cubic-bezier(0.23, 1, 0.32, 1);
		}
		
		.bar:before {
			content: "";
			position: absolute;
			bottom: 6px;
			background: #fff;
			transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), left 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), background 0.6s ease-in-out;
		  
		}
		
		.bar:after {
			content: "";
			position: absolute;
			top: 6px;
			background: #fff;
			transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), left 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), background 0.6s ease-in-out;
		}
		
		.bar.animate:after {
			top: 0;
			left: 5px;
			transform: rotate(45deg);
			transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), left 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), background 0.6s ease-in-out;
		}
		
		.bar.animate:before {
			bottom: 0;
			left: 5px;
			transform: rotate(-45deg);
			transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), left 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), background 0.6s ease-in-out;
		}




	    .mobileMenu {
		    position:fixed;
		    top: 0;
		    right: -100vw;
		    background-color: #000;
		        background: rgba(6,27,44,1);
		    width: 100vw;
		    height: 100vh;
		    z-index: 49;
		    opacity: 0;
		
		    -webkit-transition: opacity 0.3s ease-in-out, right 0.3s ease-in-out;
		    -moz-transition: opacity 0.3s ease-in-out, right 0.3s ease-in-out;
		    transition: opacity 0.3s ease-in-out, right 0.3s ease-in-out;
	    }
	
	    .mobileMenu.open {
		    display: block;
		    opacity: 1;
		    right: 0;
	    }  

		.mobileMenuIconActive {
    		background: #fff;
		}
		.mobileMenuIconActive .bar {
    		background: #012335;
		}
		.mobileMenuIconActive .bar.animate {
			background: rgba(1, 35, 53, 0);
		}
		.mobileMenuIconActive .bar:before, .mobileMenuIconActive .bar:after  {
			background: #012335;	
		}

        .freeze {
            /*overflow: hidden;*/
        }

        /*
	    .mobileMenuInner {
		    background: #35414d;
            height: calc(100vh - 75px);
            width: calc(100vw - 30px);
            margin-top: 65px;
            margin-left: 30px;
            padding: 0;
	    }
        */
	    .mobileMenuInner {
		    padding: 65px 0px 15px 0px;
	    }





.tabordion {
  color: #fff;
  display: block;
  margin: auto;
  position: relative;
}

.tabordion input[name="sections"] {
  left: -9999px;
  position: absolute;
  top: -9999px;
}

.tabordion section {
  display: block;
}

.tabordion section h3 {
  font-size: 30px;
  line-height: 1;
  margin: 16px 0 30px 20px;
}



.tabordion section label {
  color: #cad6df;
  cursor: pointer;
  display: block;
  padding: 10px 0px;
  position: relative;
  width: 70px;
  text-align: center;
  z-index:100;
  font-size: 24px;
  /*  margin-left: calc(100vw - 68px); */
}

.tabordion section article {
  background: #2d3e4e;
  display: none;
  left: 70px;
  width: calc(100vw - 70px);
  height: 100vh;
  padding: 0;
  position: absolute;  
  top: 0;
}

article a, article a:visited {
  display: block;
  color: #c3d0da;
  padding: 15px 0 15px 20px;
  
  font-size: 16px;
  font-weight: 500;
}

article a:hover, article a:visited:hover {
    color: #fff;
  background: #47b7ec;
}

article a:after {
    margin-right: 20px;
    float: right;
    content: '\f054';
    /*font-family:'Font Awesome 5 Light';*/
    font-family:'Font Awesome 5 Pro';
    font-style:normal;font-weight:300;
    color: #c3d0da;
}

article a:hover:after, article a:visited:hover:after {
    color: #fff;

}





.tabordion section article:after {
 /* 
  bottom: 0;
  content: "";
  display: block;
  left:-229px;
  position: absolute;
  top: 0;
  width: 220px;
  z-index:1;
 */
}

.tabordion input[name="sections"]:checked + label { 
  background: #2d3e4e;
  color: #fff;
}

.tabordion input[name="sections"]:checked ~ article {
  display: block;
}







            .loginOutter {
                padding: 30px 0;
            }

            .loginBox, .loginBoxLeft {
                display: inline-block;
                width: 49%;
                text-align: center;
            }
            .loginBoxLeft {
                border-right: 1px solid #ccc;
            }

























@media all and (max-width: 1220px) {


    /*
    .fu {
        display: none;
    }

    .hamburger-menu {
        display: block;
    }   
*/


    #convText, #signInText {
        display: none;
    }




}



@media all and (max-width: 1120px) {


    
    .fu {
        display: none;
    }

    .hamburger-menu {
        display: block;
    }   



    #convText, #signInText {
        display: inherit;
    }




}





@media all and (max-width: 640px) {



    #convText, #signInText {
        display: none;
    }

    .rightNav .fa-comments, .rightNav .fa-sign-in {
        margin-right: 0;
    }


}




@media all and (max-width: 410px) {



    #ConverseButton, #SignInButton {
        display: none;
    }



}