@charset "UTF-8";
/* Fixed navigation
---------------------------------- */
.fixed-header-on .header.fixed {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1006;
	opacity: 0;
	filter: alpha(opacity=0);
	border-bottom: 1px solid #f1f1f1;
	background-color: rgba(255, 255, 255, 0.95);
}

.fixed-header-on .dark.header.fixed {
	border-bottom: 1px solid #36373C;
	background-color: rgba(54, 55, 60, 0.95);
}

.fixed-header-on.boxed .header.fixed {
	left: auto;
}

.fixed-header-on .header .logo {
	margin:8px 0px;
	display: none;
}

.fixed-header-on .header .site-slogan {
	display: none;
}

.fixed-header-on .header .navbar.navbar-default {
	margin:8px 0 0;
}

.fixed-header-on .header.fixed.animated {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.fixed-header-on.boxed .header.fixed {
		width: 750px;
	}
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width: 992px) {
	.fixed-header-on .header .logo {
		display: block;
	}

	.fixed-header-on.boxed .header.fixed {
		width: 970px;
	}
}

/* Large devices (Large desktops 1200px and up) */
@media (min-width: 1200px) {
	.fixed-header-on.boxed .header.fixed {
		width: 1170px;
	}
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
  /* Fixed header position */
	.header.fixed {
		position: relative !important;
		top: auto !important;
	}
}

/* first level menu */
.navbar { min-height:44px;}
.navbar.navbar-default {
	border-radius: 0;
	margin:0px;
	background-color: #fafafa;
        border-left:1px solid transparent !important;
}

/* first level menu items */
.navbar-default .navbar-nav > li > a {
	color: #fff;
	font-size: 15px;
	font-weight:500;
	padding:10px 15px;
	z-index: 102;
	margin:0px;
	border: 1px solid transparent;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

.navbar-default .navbar-nav > li > a:hover {
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.navbar-default .nav > li > a { cursor:pointer;}
.navbar-nav .dropdown:hover > .dropdown-menu { display:block; z-index: 9999;}
.navbar-nav .dropdown:hover .level, .navbar-nav .level:hover {color: #fff !important;background: #074696!important;}
.navbar-nav .dropdown .level { padding-right:30px;}
.navbar-nav .dropdown > a:before { top:13px; right:15px;}
.navbar-nav .dropdown:hover a:before { color:#fff;}

/* first level active menu items on hover/focus */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
	color: #fff;
	background-color:#02a6ea;
}
.navbar-default .navbar-nav > .active {
    background:#074696!important;
}
.navbar-default .navbar-nav > .active > a:after {
    background: transparent;
    content: '';
    width: 100%;
    height: 5px;
    display: block;
    position: absolute;
    left: 0px;
    bottom:-5px;
}
/* mobile menu toggle button on hover/focus */
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #fafafa;
	border-color: #f26f27;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #999999;
}

.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #f26f27;
}

.navbar-default .navbar-nav > .active > a:hover {
	background-color: transparent;
}
.navbar-default .navbar-nav .btn-login {border:none !important; color:#fff !important; padding:5px 20px 7px; margin:7px 0px 7px 10px;}
.navbar-default .navbar-nav .btn-login:hover { color:#fff;}
/* first level active menu items when opened */
.main-navigation .navbar-nav > .open > a,
.main-navigation .navbar-nav > .open > a:hover,
.main-navigation .navbar-nav > .open > a:focus {
	color: #764098;
	background-color: #fafafa;
	border: 1px solid #f1f1f1;
	border-bottom: 1px solid transparent;
	-webkit-box-shadow: -1px -1px 0px rgba(0, 0, 0, 0.03);
	box-shadow: -1px -1px 0px rgba(0, 0, 0, 0.03);
	border-radius:6px 6px 0 0;
}

/* first level active menu items when clicked */
.main-navigation .navbar-nav > .open > a:active,
.main-navigation .navbar-nav > .open.active > a:active {
	background-color: #ffffff;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: transparent;
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.main-navigation .navbar-nav > .open > a:active + ul,
.main-navigation .navbar-nav > .open.active > a:active + ul {
	display: none;
}

/* second level menu */
.dropdown-menu {
	min-width: 240px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius:0;
	padding:10px;
	margin: 0;
	background-color: #fff;
	-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
	border: 1px solid #ccc;
	z-index: 101;
	left: 0px;
    border-top: none;
}

/* second level menu items */
.dropdown-menu > li > a {
	padding: 5px 7px;
	font-size: 15px;
	color: #333;
	border-bottom: 1px solid transparent;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	border-radius:4px;
}

.main-navigation .dropdown-menu > li > a {
	position: relative;
}

/* second level menu items on focus/hover and when opened */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu .menu > .active > a,
.dropdown-menu .menu > .active > a:hover,
.dropdown-menu .menu > .active > a:focus {
	background-color:transparent;
	border-color:transparent;
	color:#0078d7;
	font-weight:bold;
}


@media (min-width: 768px) {
	.header.transparent:not(.dark) .navbar-nav > li:not(.active) > a {
		color: #333333;
	}
}

/* mega menu */
.mega-menu.dropdown {
	position: static;
}

.mega-menu .dropdown-menu {
	left: 0;
	top: 96%;
	width: 100%;
	padding: 20px 30px;
}

/* mega menu menu items */
.mega-menu .menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

.mega-menu h4.title {
	margin: 10px 0 5px;
	font-size: 14px;
	text-transform: uppercase;
}

.mega-menu .menu > li > a {
	padding: 3px 0;
	font-size: 15px;
	color: #f26f27;
	display: block;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	position: relative;
}

.mega-menu .menu > li > a i,
.dropdown-menu > li > a i {
	padding-right: 10px;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.mega-menu .menu > li:last-child > a {
	border-bottom: none !important;
}
.mega-menu .menu > li > a:hover i,
.dropdown-menu > li > a:hover i {
	padding-left: 5px;
}

/* mega menu menu items on focus/hover and when opened */

.mega-menu .menu > li > a:hover,
.mega-menu .menu > li > a:focus {
	color: #f26f27;
	text-decoration: none;
	font-weight:500 !important;
}
.mega-menu .dropdown-menu .image-box { padding:0px 30px;}
.mega-menu .dropdown-menu .image-box h4 { margin-bottom:20px; margin-left:20px;}
.mega-menu .dropdown-menu .image-box p { padding-top:20px;}
.mega-menu-bottom { background:#ddd; padding:20px 15px; margin:10px -30px -20px; position:relative; }
.mega-menu-bottom a.btn { margin-left:10px; }

/* arrows for parent menu items */
.dropdown > a:before {
	font-family: 'FontAwesome';
	content: "\f107";
	position: absolute;
	left: auto;
	top: 15px;
	right: 6px;
	line-height: 1;
	color: #d1d1d1;
}

.transparent.header:not(.dark) .dropdown > a:before {
	color: #666666;
}

.navbar-default .navbar-nav > .active.dropdown > a:before {
	color: #fff;
}

.navbar-default .navbar-nav > .dropdown.open > a:before {
	color: #e5e5e5;
}
.navbar-default .navbar-nav .dropdown.open a:after { display:none;}

.dropdown .dropdown.open > a:before,
.transparent.header:not(.dark) .dropdown .dropdown.open > a:before {
	color: #f26f27;
}

/* mobile menu toggle button */
.navbar-default .navbar-toggle {
	border-color: #ccc;
}

/* mobile menu toggle button on hover/focus */
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #fafafa;
	border-color: #f26f27;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #999999;
}

.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #f26f27;
}


/* dropdown animations */
.animated.main-navigation .open .dropdown-menu,
#offcanvas.animated .open .dropdown-menu,
.open .dropdown-animation {
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInDownSmall;
	animation-name: fadeInDownSmall;
}

.open .dropdown-animation {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
}

.animated.main-navigation .dropdown-menu .open .dropdown-menu,
#offcanvas.animated .dropdown-menu .open .dropdown-menu {
	-webkit-animation-name: fadeInLeftSmall;
	animation-name: fadeInLeftSmall;
}

.animated.main-navigation .dropdown-menu .open .dropdown-menu.to-left,
#offcanvas.animated.offcanvas-right .dropdown-menu .open .dropdown-menu {
	-webkit-animation-name: fadeInRightSmall;
	animation-name: fadeInRightSmall;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.main-navigation .navbar-nav.navbar-right:last-child {
		margin-right: 0;
	}
  /* first level menu */
	.navbar.navbar-default,
  .dark.header .navbar.navbar-default {
		background-color: transparent;
		border-color: transparent;
	}
  /* layout fixes */
	.main-navigation .container-fluid {
		padding-right: 0;
		padding-left: 0;
	}

	.navbar-collapse {
		padding-right: 0px;
		padding-left: 0px;
	}

	.main-navigation .navbar-right .dropdown-menu {
		right: auto;
		left: 0;
	}

	.main-navigation .navbar-right > li:last-child > .dropdown-menu {
		right: 0;
		left: auto;
	}
}

/* Medium desktop devices and tablets */
@media (min-width: 768px) and (max-width: 1199px) {
	.main-navigation .container-fluid {
		padding-right: 0px;
		padding-left: 0px;
	}
}

/* Medium devices (tablets landscape to portrait) */
@media (min-width: 768px) and (max-width: 991px) {
	.main-navigation .navbar-nav {
		float: left !important;
	}
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width: 992px) {
	.col-md-3 + .col-md-9 .mega-menu .dropdown-menu {
		left: -243px;
		width: 940px;
	}
}

/* Medium desktop devices */
@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-default .navbar-nav > li > a {
		padding-right: 19px;
	}
}

/* Large devices (Large desktops 1200px and up) */
@media (min-width: 1200px) {
  /* first level menu item */
    .main-navigation .navbar-nav { border-left: 1px solid #0f53a9;}
    .main-navigation .navbar-nav > li {
        margin:0px;
        border-right: 1px solid #0f53a9;

    }

    .main-navigation .navbar-nav > li:first-child {
            margin: 0;
    }

    .col-md-3 + .col-md-9 .mega-menu .dropdown-menu {
            left: -299px;
            width: 1176px;
    }
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
  /* Mobile menu
  ------------------------------ */
  /* active items */
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #f26f27;
		background-color: transparent;
	}
  /* first level items */
	.navbar-default .navbar-nav > li > a {
		border-bottom: 1px solid #f1f1f1;
	}

	.subfooter .navbar-default .navbar-nav > li > a {
		border-bottom: 1px solid #141414;
	}

	.light .subfooter .navbar-default .navbar-nav > li > a {
		border-bottom: 1px solid #ddd;
	}

	.navbar-default .navbar-nav > li:last-child > a {
		border-bottom: 1px solid transparent;
	}
  /* first level items when opened */
	.main-navigation .navbar-nav > .open > a,
  .main-navigation .navbar-nav > .open > a:hover,
  .main-navigation .navbar-nav > .open > a:focus {
		border-color: transparent !important;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
  /* first level items hover and focus states */
	.navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus {
		color: #f26f27;
		background-color: #ffffff;
	}

  /* second level menu */
	.navbar-default .navbar-nav .open .dropdown-menu {
		background-color: #ffffff;
	}
  /* second level items */
	.navbar-default .navbar-nav .open .dropdown-menu > li > a,
  .navbar-default .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 12px 15px 12px 40px;
		color: #666666;
		border-color: #fafafa;
	}
  /* second level items on hover/focus */
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #f26f27;
	}
  /* third level items */
	.navbar-nav .open .dropdown-menu .dropdown-menu > li > a {
		padding-left: 60px;
	}
  /* four level items */
	.navbar-nav .open .dropdown-menu .dropdown-menu .dropdown-menu > li > a {
		padding-left: 80px;
	}
  /* Arrows for parent menu items */
	.dropdown > a:before {
		right: 32px;
	}

	.dropdown .dropdown > a:before {
		right: 36px;
	}
}

/* Header top navigation
---------------------------------- */
.header-top .navbar.navbar-default {
	margin: 0;
	min-height: 30px;
}

.header-top .navbar-default .navbar-nav > li > a {
	color: #999999;
	padding: 4px 20px;
}

.header-top .navbar-default .navbar-nav > li {
	border-right: 1px solid #999999;
}

.header-top .navbar-default .navbar-nav > li:last-child {
	border-right: none;
}


/* Subfooter navigation
---------------------------------- */
.subfooter .navbar {
	margin: 0;
	min-height: 0;
	background: transparent;
	border-color: transparent;
}

.subfooter .navbar-default .nav > li > a {
	padding: 10px 10px;
	text-transform: none;
	line-height: 1;
	font-size: 14px;
	font-weight: 400;
}

.subfooter .navbar-default .nav li:last-child a,
.light .subfooter .navbar-default .nav > li:last-child > a {
	border: none;
}

.subfooter .navbar-default .nav > li > a:hover,
.subfooter .navbar-default .nav > .active > a:hover,
.subfooter .navbar-default .nav > .active > a:focus {
	background-color: transparent;
	text-decoration: underline;
	color: #f26f27;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.subfooter .navbar-nav {
		float: none;
		margin: 15px 0;
		text-align: center;
	}

	.subfooter .navbar-nav > li {
		float: none;
		padding: 5px 0;
	}

	.subfooter .navbar-default .nav > li > a {
		padding: 0px 10px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.subfooter {
		text-align: left;
	}

	.subfooter .navbar-nav {
		float: right;
		margin: 0;
		text-align: left;
	}

	.subfooter .navbar-nav > li {
		float: left;
		padding: 0;
		margin-top: 4px;
	}

	.subfooter .navbar-default .nav > li > a {
		border-right: 1px solid #333333;
	}

	.light .subfooter .navbar-default .nav > li > a {
		border-right: 1px solid #999999;
	}
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
	.navbar-default { background:transparent !important; border:none;margin:0px !important;}
	.navbar-default .navbar-toggle { margin:17px 10px 0 0;}
	.navbar-collapse.collapse.in { background:#ffffff !important;}
	.navbar-default .navbar-nav .active a::after { display:none !important;}
	.navbar-default .navbar-nav > li > a { padding:10px 15px;}
	.navbar-default .navbar-nav .btn-login { margin:10px;}
	.navbar-collapse.in { overflow:inherit !important;}
	.banner-section .title { margin-top:70px;}
	.banner-section .title h3 { font-size:16px;}
	.banner-section .title h3 span { padding:7px 10px;}
	.banner-section { min-height:auto;}
	.buycert-section { padding-bottom:30px;}
	.buycert-box .buycert-item { min-height:auto;}
    .buycert-box .buycert-item ul li  span { font-size:15px;}
	.box-title  {font-size:26px;}
	.purchase-banner { padding:20px 0px;}
	.purchase-banner h2 {font-size:22px; margin-bottom:20px;}
	.step-wizard li span { display:none;}
	.purchase-section .purchase-box { padding:15px;}
	.purchase-section .purchase-box h2 {font-size:18px; margin:0 0 10px;}

	/* subfooter nav */
	.subfooter .navbar-default .navbar-toggle:hover,
	.subfooter .navbar-default .navbar-toggle:focus {
		background-color: transparent;
		border-color: #888;
	}

	.light .subfooter .navbar-default .navbar-collapse {
		border-color: #ddd;
	}

	.subfooter .navbar-default .navbar-collapse {
		border-color: #000000;
	}
}