/*==========
		 1 - FONT-AWESOME
		 2 - GLYPHICONS
		 3 - RD-NAVBAR
		 4 - MODEL BOX POPUP
		 5 - MY TABS
	==========*/


/*===== FONT-AWESOME =*/
	@font-face {
		font-family: 'FontAwesome';
		src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
		src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
			 url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
			 url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
			 url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
			 url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
		font-weight: normal;
		font-style: normal;
	}


/*===== GLYPHICONS =*/
	@font-face {
		font-family: 'Glyphicons Halflings';
		src: url('../fonts/glyphicons-halflings-regular.eot');
		src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'),
			 url('../fonts/glyphicons-halflings-regular.woff') format('woff'),
			 url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),
			 url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
	}


/*===== RD-NAVBAR =*/
	.TopNav {
		background:none;
		width:100%;
		z-index:1000 !important;
		text-align:center;
	}
	.TopNav .rd-navbar-outer { background:none;}
	.TopNav .rd-navbar-static{background:none;}

	.TopNav .rd-navbar-static .rd-navbar-subpanel { margin:0 auto;}
	
	.TopNav .rd-navbar-static .rd-navbar-inner {
		float:center;
		padding:0;
	}

	.TopNav .rd-navbar-static .rd-navbar-nav {
		margin-top:0;
		margin-right:0;
	}
	
	.TopNav .rd-navbar-fixed .rd-navbar-nav { margin-top:100px;}
	
	.TopNav .rd-navbar-static .rd-navbar-nav > li {
		margin:0;
		padding:0;
		list-style:none;
	}
	
	.TopNav .rd-navbar-static .rd-navbar-nav > li > a,
	.TopNav .rd-navbar-fixed .rd-navbar-nav > li > a {
		font-family:'Gotham Medium';
		font-size:12px;
		line-height:16px;
		font-weight:normal;
		padding: 33px 2px 28px 2px;
		color:#fff;
		text-decoration:none;
		text-transform:capitalize;
		border-bottom:3px solid transparent;
		text-transform:uppercase;
		margin-right:20px;
	}

	.TopNav .rd-navbar-fixed .rd-navbar-nav > li { margin-bottom:30px;}
	
	.TopNav .rd-navbar-fixed .rd-navbar-nav > li > a {
		border-bottom:none;
		padding:5px;
		font-family:'Gotham Light';
		font-size:20px;
		line-height:26px;
		color:#fff;
		margin:0;
		text-transform:uppercase;
		text-align:center;
	}

	.TopNav .rd-navbar-static .rd-navbar-nav > li.opened > a,
	.TopNav .rd-navbar-static .rd-navbar-nav > li.focus > a,
	.TopNav .rd-navbar-static .rd-navbar-nav > li > a:hover {color: #00c1ff; text-decoration:none; background:none;}
	
	.TopNav .rd-navbar-static .rd-navbar-nav > li.NavActive > a,
	.TopNav .rd-navbar-static .rd-navbar-nav > li.active > a { border-bottom-color:#00c1ff;}
	
	.TopNav .rd-navbar-fixed .rd-navbar-nav li.opened > a,
	.TopNav .rd-navbar-fixed .rd-navbar-nav li a:hover,
	.TopNav .rd-navbar-fixed .rd-navbar-nav li.active > a { background:none; text-decoration:none;}

	.TopNav .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown {
		left: 0;
		margin:0;
		padding:10px;
		border:none;
		background:#333;
		z-index:100;
	}
	
	.TopNav .rd-navbar-static .rd-navbar-dropdown {background:#333;}
	
	.TopNav .rd-navbar-static .rd-navbar-dropdown li > a,
	.TopNav .rd-navbar-fixed .rd-navbar-submenu li > a {
		font-family:'Gotham Medium';
		font-size:12px;
		line-height:18px;
		font-weight:400;
		text-transform:uppercase;
		color:#fff;
		padding:8px 15px;
		background:#333;
		margin:0;
	}
	
	.TopNav .rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown { margin-top:20px;}
	.TopNav .rd-navbar-fixed .rd-navbar-submenu li { margin-top:5px;}
	
	.TopNav .rd-navbar-fixed .rd-navbar-submenu li > a {
		border-bottom: none;
		margin-left: 0;
		background: none;
		color: #fff;
		text-align: center;
		padding:5px;
		font-family:'Gotham Light';
		font-size:16px;
	}

	.TopNav .rd-navbar-static .rd-navbar-dropdown li.focus > a,
	.TopNav .rd-navbar-static .rd-navbar-dropdown li.opened > a,
	.TopNav .rd-navbar-static .rd-navbar-dropdown a:hover,
	.TopNav .rd-navbar-static .rd-navbar-megamenu li.focus > a,
	.TopNav .rd-navbar-static .rd-navbar-megamenu li.opened > a,
	.TopNav .rd-navbar-static .rd-navbar-megamenu a:hover {text-decoration:none; color:#00c1ff;}

	.TopNav .rd-navbar-fixed .rd-navbar-toggle {
		background:none;
		border:1px solid #00c1ff;
			-webkit-border-radius:100%;
		border-radius:100%;
		padding:0;
		color: #00c1ff;
		top:18px;
		right:20px;
		left:auto;
		line-height: 34px;
		z-index: 1000;
		height:64px;
		width:64px;
	}
	.TopNav .rd-navbar-fixed .rd-navbar-toggle:before {
		content:'MENU';
		font-family:'Gotham Medium';
		font-size:15px;
		color:#00c1ff;
		line-height:63px;
		text-align:center;
	}
	.TopNav .rd-navbar-fixed .rd-navbar-toggle.active:before {
		content:'X';
		font-family:'Gotham Light';
		font-size:26px;
		color:#00c1ff;
		line-height:63px;
		text-align:center;
	}

	.TopNav .rd-navbar-fixed .rd-navbar-toggle span:after,
	.TopNav .rd-navbar-fixed .rd-navbar-toggle span:before,
	.TopNav .rd-navbar-fixed .rd-navbar-toggle span {display:none;}

	.TopNav .rd-navbar-fixed .rd-navbar-nav-wrap {
		width: 100%;
		color: #fff;
		background: rgba(0,0,0,.9);
		top:0;
		left:auto;
		right:0;
			-webkit-transform: translateX(105%);
		transform: translateX(105%);
		text-align:center;
		padding:0;
		padding-bottom:180px;
	}
	
	.TopNav .rd-navbar-fixed .rd-navbar-nav:before,
	.TopNav .rd-navbar-fixed .rd-navbar-nav:after { display:none;}
	
	.TopNav .rd-navbar-fixed .rd-navbar-nav-wrap.active {
			-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	.TopNav .rd-navbar-fixed .rd-navbar-toggle.active span:before {
			-webkit-transform: rotate3d(0, 0, 1, 140deg);
		transform: rotate3d(0, 0, 1, 140deg);
	}

	.TopNav .rd-navbar-fixed .rd-navbar-toggle.active span:after {
			-webkit-transform: rotate3d(0, 0, 1, -140deg);
		transform: rotate3d(0, 0, 1, -140deg);
	}
	.TopNav .rd-navbar-fixed .rd-navbar-toggle.toggle-original.active span:before,
	.TopNav .rd-navbar-fixed .rd-navbar-toggle.toggle-original.active span:after {
		left:auto;
		right:-15px;
	}

	.TopNav .rd-navbar-fixed .rd-navbar-submenu-toggle {
		height: 30px;
		width: 100%;
		color: #fff;
		top: 23px;
	}
	.TopNav .rd-navbar-fixed .rd-navbar-submenu-toggle:hover,
	.TopNav .rd-navbar-fixed .rd-navbar-nav li.active .rd-navbar-submenu-toggle { color:#fff;}
	
	.TopNav .rd-navbar-fixed .rd-navbar-nav > li.MobileSearchLink > a > i { display:none;}


	.TopNav .rd-navbar-static .rd-navbar-nav > li.MobileSearchLink,
	.TopNav .rd-navbar-fixed .rd-navbar-nav > li.MobileSearchLink { display:none;}

@media All and (max-width:1400px) {
	.TopNav .rd-navbar-static .rd-navbar-nav > li > a { margin-right:10px;}
}
@media All and (max-width:450px) {
	.TopNav .rd-navbar-fixed .rd-navbar-nav > li.MobileSearchLink {display:block;}
}



/**===== MODEL BOX POPUP =*/
	.modal-backdrop.in {
		filter: alpha(opacity=75);
		opacity: .75;
	}

	.MyBox.modal {
		text-align: center;
		padding: 0!important;
	}

	.MyBox.modal:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin:0;
	}

	.MyBox .modal-dialog {
		display: inline-block;
		text-align: left;
		vertical-align: middle;
		background:#f3f3f3;
		width:90%;
		max-width:560px;
	}

	.MyBox .close {
		position:absolute;
		top:0;
		right:0;
		background:none;
		filter: alpha(opacity=100);
		opacity:1;
	}
	.MyBox .close img {
		height:30px;
		width:30px;
		margin: 15px;
	}

	/*= Body =*/
	.MyBox .modal-content {
		background: #f3f3f3;
			-webkit-box-shadow: none;
		box-shadow: none;
		border: 0px !important;
		border-radius: 0;
		padding:34px 45px 45px 45px;
	}

	.MyBox .modal-body { padding:0;}
	
	.MyBox .modal-body a { color:#000;}

	.MyBox .modal-body a.moreInfo {color:#000;}
	.MyBox .modal-body a.moreInfo span {border-bottom-color:#000;}

	.MyBox .modal-content .Heading1 {
		margin:0;
		color:#ef2c3c;
	}
	.MyBox .modal-content .Heading2 { margin:0;}

	@media All and (max-width:500px) {
		.MyBox .modal-content .form-control { margin-top:30px;}
		.MyBox .modal-content { padding:25px;}
	}



/**===== MY TABS =*/
	ul.MyTabStyle {
		margin:0;
		padding:0;
		list-style:none;
	}
	ul.MyTabStyle > li {
		margin:0 0 30px 0;
		padding:0;
		border:none;
		float:right;
		display:inline-block;
		position:relative;
		text-align:right;
	}	
	ul.MyTabStyle > li > a {
		display:block;
		background:#bdbdbd;
		padding:15px 30px;
		font-size:17px;
		color:#000;
		transition: 0.3s ease;
min-width:140px;
	}
	ul.MyTabStyle > li > a:hover,
	ul.MyTabStyle > li > a.active {
		color:#00c1ff;
		background:#111111;
		position:relative;
		z-index:2;
		transition: 0.3s ease;
	}
	
	.MyTabContents {padding:30px 0;}
	
	/*= Horizental Tab */
	.HrzntlTab ul.MyTabStyle {
		border-bottom:5px solid #000;
		display:inline-block;
	}
	
	.HrzntlTab ul.MyTabStyle > li {
		margin:0;
		float:left;
		text-align:center;
		border-right:3px solid #fff;
		min-width:150px;
	}
	.HrzntlTab ul.MyTabStyle > li:last-child { border-right:none;}
	
@media All and (max-width:1250px) {
	.HrzntlTab ul.MyTabStyle > li {min-width: 0;}
	ul.MyTabStyle > li > a { padding:15px 20px;}
}

@media All and (max-width:999px) {
	ul.MyTabStyle > li {
		margin: 0 0 10px 0;
		float: none;
		display: block;
		text-align: left;
	}
	ul.MyTabStyle > li > a {padding: 15px;}

	ul.MyTabStyle > li > a::after {
		content:'';
		position:absolute;
		top:20px;
		right:15px;
		border-top:15px solid #333;
		border-bottom:10px solid transparent;
		border-right:10px solid transparent;
		border-left:10px solid transparent;
	}
	ul.MyTabStyle > li > a:hover::after,
	ul.MyTabStyle > li > a.active::after {border-top-color:#00c1ff;}
	
	.HrzntlTab ul.MyTabStyle {
		border:none;
		width:100%;
		display:block;
	}
	
	.HrzntlTab ul.MyTabStyle > li {
		text-align:left;
		display:block;
		float:none;
		border:none;
		margin:0 0 10px 0;
	}
}