/* CSS Document */
.clearfix:after { visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

body.bg1{ background:url(../images/bg.jpg) no-repeat 0 0; background-size:cover;}
/* Header Css Starts */
header{ display:block;/* height:55px;*/ background-color:#fff; padding:0px 0;}
.navigation{ width:75px; float:left; background-color:#c61c2c; height:100%; text-align:center;}
.navigation.wid70{ width:70px; opacity:0.5; cursor:pointer;}
.navigation:hover{background-color:#ec2336;}
.newlogo{ width:260px; height:60px; padding:15px 20px; float:left; background:url(../images/headerlogo.png) no-repeat center center;}
.abfsg_logo{ width:117px; height:60px; padding:15px 20px; float:right; background:url(../images/abfsg_logo.png) no-repeat center center;}
.burger-container { cursor: pointer; width: 75px; top: -12px;  height: 55px;margin:0px;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;position: relative;}
.burger-container span {right: 0;width: 35px;height: 2px;margin-top: 22px;margin-right: 23px;position: absolute;background-color: #fff;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.burger-top {top: 6px;}
.burger-container:hover .burger-top {-webkit-transform: rotateZ(-135deg);transform: rotateZ(-135deg);width: 21px;top: 8px;right: -2px;}
.burger-container span.burger-middle {top: 16px;width: 41px;}
.burger-bottom {  top: 26px;}
.burger-container:hover .burger-bottom {-webkit-transform: rotateZ(135deg);transform: rotateZ(135deg);width: 21px;top: 23px;right: -3px;}
/* Header CSS Ends */
.mobileNav{
  display: none;
}

.mobileNavBg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
  z-index: 1;
  transition: visibility 0.6s ease;
  -webkit-transition: visibility 0.6s ease;
  -moz-transition: visibility 0.6s ease;
  -ms-transition: visibility 0.6s ease;
  display: none;
}
.mobileNavBg.active{
  display: block;
}

/* Main Left Navigatin css */
.main_desktop_navigation{ width:21.5%; background-color:#f8f8f8; height:100%; display:block; position:absolute; top:0; max-width:350px;
-webkit-box-shadow: 20px -1px 55px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 20px -1px 55px 0px rgba(0,0,0,0.4);
box-shadow: 20px -1px 55px 0px rgba(0,0,0,0.4);
visibility:hidden;
transform:translateX(-150%); -moz-transform:translateX(-150%); -webkit-transform:translateX(-150%); -ms-webkit-transform:translateX(-150%);z-index:2; padding-right:0 !important;
transition:.4s all ease-in-out;
}
.main_desktop_navigation.open{transform:translateX(0%); -moz-transform:translateX(0%); -webkit-transform:translateX(0%); -ms-webkit-transform:translateX(0%);
visibility:visible;
}
.scrollbar{top:70px;position:absolute;left:0;height:100%;margin-bottom:150px;overflow-y:scroll;width:99.8%;}
.main_desktop_navigation ul.accordion {list-style: none;padding: 0;margin-bottom:75px}
.main_desktop_navigation ul.accordion .inner {padding-left: 1em;overflow: hidden;display: none;background-color: #fff;}
.main_desktop_navigation ul.accordion .inner.show {/*display: block;*/}
.main_desktop_navigation ul.accordion li a.toggle {  display: block; color: #666; padding:15px 25px; font-size:14px; text-decoration:none; text-transform:uppercase; border-top:1px solid #e5e5e5; outline:none; position:relative;}
.main_desktop_navigation ul.accordion li a.toggle:hover {background: #fbfbfb;color:#c61c2c;}
.main_desktop_navigation ul.accordion li a.toggle.active {background: #fff;color:#c61c2c;}
.main_desktop_navigation ul.accordion .inner li{ border-top:1px solid #e5e5e5;    margin-left: 50px;}
.main_desktop_navigation ul.accordion .inner li a{ background-color:#fff; color:#999; font-size:13px; border-top:0; text-transform:none;}
.main_desktop_navigation ul.accordion li:last-child{border-bottom:1px solid #e5e5e5;}
.main_desktop_navigation ul.accordion .inner li:last-child{border-bottom:none;}
.pos_rel{ position:relative;}
.inner.second_level a{ display:block; text-decoration:none; font-size:13px;padding: 5px 20px 15px !important;}
.inner.second_level a:hover{color:#c61c2c !important;}
.myuniverse_logo{ height:70px; position:relative;width:100%; background-color:#fff;}
/**** icons CSS ***/
.icons{ width:40px; height:40px; display:inline-block; vertical-align:middle; margin-right:15px; background-size:100%;}
.home{ background:url(../images/home.svg) no-repeat center center; width:30px; height:30px; display:inline-block; vertical-align:middle; margin-right:15px;}
.personal_loan{ background:url(../images/personal-loan.svg) no-repeat center center;}
.mutual_fund{ background:url(../images/mutual-funds.svg) no-repeat left center;}
.track{ background:url(../images/track.svg) no-repeat left center;}
.credit_card{ background:url(../images/credit-card.svg) no-repeat center center;}
.insurance{ background:url(../images/insurance.svg) no-repeat center center}
.equity{ background:url(../images/equity.svg) no-repeat center center;}
.why_myuniverse{ background:url(../images/why-myuniverse.svg) no-repeat center center; }
.money_moves{ background:url(../images/money-moves.svg) no-repeat center center;}
.quick_links_icon{ background:url(../images/quick-links.svg) no-repeat center center;}
.plus{background:url(../images/plus.svg) no-repeat right 10px;width:13px; height:30px; display:inline-block; vertical-align:middle; position:absolute; right:20px; transition:all 0.3s ease-in-out; background-size:100%;}
.close{background:url(../images/close-menu.svg) no-repeat 0 20px;width:35px; height:51px; display:inline-block; vertical-align:middle; cursor:pointer;}
.new_tag{background:url(../images/new-tag.svg) no-repeat right 0px;width:50px; height:50px; display:inline-block !important; vertical-align:middle; position:absolute; right:0px; top:0px; background-size:100%;}
.new_tag.show{ display:block !important;}
.quick_links_icon.icons{ background-size:80%;}
.mutual_fund.icons{ background-size:92%;}
.email{background:url(../images/email.svg) no-repeat center center;width:30px; height:30px; display:inline-block !important; vertical-align:middle; background-size:100%;}
.call{background:url(../images/call.svg) no-repeat center center;width:30px; height:30px; display:inline-block !important; vertical-align:middle;background-size:100%;}
.live-chat{background:url(../images/live-chat.svg) no-repeat center center;width:35px; height:35px; display:inline-block !important; vertical-align:middle; background-size:100%;}
/*** red icons on hover css ****/
.main_desktop_navigation ul.accordion li a.toggle:hover .home, .main_desktop_navigation ul.accordion li a.toggle.active .home{ background:url(../images/home-red.svg) no-repeat center center; width:30px; height:30px; display:inline-block; vertical-align:middle; margin-right:15px;}
.main_desktop_navigation ul.accordion li a.toggle:hover .personal_loan,.main_desktop_navigation ul.accordion li a.toggle.active .personal_loan{ background:url(../images/personal-loan-red.svg) no-repeat center center;}
.main_desktop_navigation ul.accordion li a.toggle:hover .mutual_fund,.main_desktop_navigation ul.accordion li a.toggle.active .mutual_fund{ background:url(../images/mutual-funds-red.svg) no-repeat left center;}
.main_desktop_navigation ul.accordion li a.toggle:hover .track,.main_desktop_navigation ul.accordion li a.toggle.active .track{ background:url(../images/track-red.svg) no-repeat left center;}

.main_desktop_navigation ul.accordion li a.toggle:hover .credit_card,.main_desktop_navigation ul.accordion li a.toggle.active .credit_card{ background:url(../images/credit-card-red.svg) no-repeat center center;}
.main_desktop_navigation ul.accordion li a.toggle:hover .insurance,.main_desktop_navigation ul.accordion li a.toggle.active .insurance{ background:url(../images/insurance-red.svg) no-repeat center center}
.main_desktop_navigation ul.accordion li a.toggle:hover .equity,.main_desktop_navigation ul.accordion li a.toggle.active .equity { background:url(../images/equity-red.svg) no-repeat center center;}
.main_desktop_navigation ul.accordion li a.toggle:hover .why_myuniverse,.main_desktop_navigation ul.accordion li a.toggle.active .why_myuniverse{ background:url(../images/why-myuniverse-red.svg) no-repeat center center; }
.main_desktop_navigation ul.accordion li a.toggle:hover .money_moves,.main_desktop_navigation ul.accordion li a.toggle.active .money_moves{ background:url(../images/money-moves-red.svg) no-repeat center center;}
.main_desktop_navigation ul.accordion li a.toggle:hover .quick_links_icon.icons, .main_desktop_navigation ul.accordion li a.toggle.active .quick_links_icon.icons{ background:url(../images/quick-links-red.svg) no-repeat center center; background-size:80%;}
.main_desktop_navigation ul.accordion li a.toggle:hover .mutual_fund.icons, .main_desktop_navigation ul.accordion li a.toggle.active .mutual_fund.icons{background-size:92%;}
.main_desktop_navigation ul.accordion li a.toggle:hover .plus{background:url(../images/plus-red.svg) no-repeat right 10px;width:13px; height:30px; display:inline-block; vertical-align:middle; position:absolute; right:20px;background-size:100%; }
.main_desktop_navigation ul.accordion li a.toggle.active .plus{background:url(../images/plus-red.svg) no-repeat right 10px;width:13px; height:30px; display:inline-block; vertical-align:middle; position:absolute; right:20px;    transform: rotate(45deg);}
.abmu_logo{background:url(../images/ABMU-logo2.svg) no-repeat 10px 0; width:250px; height:75px; display:inline-block; vertical-align:middle; background-size:90%;}
.main_desktop_navigation ul.accordion li a.toggle:hover .new_tag.show, .main_desktop_navigation ul.accordion li a.toggle.active .new_tag.show{ display:inline-block;}
.dropdown_content .post_login_user_acc_info_after_login li:hover .email{background:url(../images/email-white.svg) no-repeat center center;width:30px; height:30px; background-size:100%;}
.dropdown_content .post_login_user_acc_info_after_login li:hover .call{background:url(../images/call-white.svg) no-repeat center center;width:30px; height:30px;background-size:100%;}
.dropdown_content .post_login_user_acc_info_after_login li:hover .live-chat{background:url(../images/live-chat-white.svg) no-repeat center center;width:35px; height:35px;background-size:100%;}

/*** Overlay CSS ***/
.navigation_overlay{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4); display:none;
transition: visibility 0.6s ease; -webkit-transition: visibility 0.6s ease; -moz-transition: visibility 0.6s ease; -ms-transition: visibility 0.6s ease; z-index:1;}
.navigation_overlay.active{ display:block}
::-webkit-scrollbar {width: 6px;/*background-color: #F5F5F5;*/}
::-webkit-scrollbar-track {/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/background-color: transparent;}
::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,0.1); border-radius:5px;}
.red_icon{ background:url(../images/arrow-red.svg) no-repeat center center; width:15px; height:15px; display:inline-block;vertical-align:middle; position:relative; opacity:0; transition:opacity 0.3s ease-in-out; margin-left:5px;}
.main_desktop_navigation ul.accordion li a.toggle:hover .red_icon{ opacity:1;}
/* Main Left Navigatin css */
/* Scroll CSS */
.scrollbox3 {
    overflow: auto;
    width: 100% !important;
    height: 100%;
    padding: 0 0px !important;
}

.track3 {
    width: 7px;
    background: rgba(0, 0, 0, 0);
    margin-right: 2px;
    border-radius: 7px;
    -webkit-transition: background 150ms linear;
    transition: background 150ms linear;
}

.track3:hover,
.track3.dragging {
    background: #d9d9d9; /* Browsers without rgba support */
    background: rgba(0, 0, 0, 0);
}

.handle3 {
    width: 7px;
    right: 5px;
    background: #999;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 7px;
    -webkit-transition: width 250ms;
    transition: width 250ms;
	margin:20px 0 30px;
}

.track3:hover .handle3,
.track3.dragging .handle3 {
    width: 7px;
}
/* Scroll CSS ends */
/* Main top Navigation CSS starts */
.large_menu {background-color: #15161c; position:absolute}
.main_top_navigation #container nav ul .large_menu {display: none;position: absolute;top: 60px;xwidth:629px;/* the height of the main nav */}
.main_top_navigation{ display:block; line-height:59px; background-color:rgba(9,26,36,0.3); color:#fff; padding:0 20px 0 0;}
.main_top_navigation #container {
  margin: 0 0; width:76%; display:inline-block;
}
.main_top_navigation #container nav {
  margin:0px 0;
/*  background-color: #031721;
*/}
.main_top_navigation #container nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}
.main_top_navigation #container nav ul li {
  display: inline-block;
/*  background-color:#031721;
*/  position:relative;
}
.main_top_navigation #container nav .mainlink {
  display: inline-block;
  padding: 0 15px;
  color: #FFF;
  font-size: 13px;
  line-height: 60px;
  text-decoration: none;
  font-weight:300;
  text-transform:uppercase;
}
.main_top_navigation #container nav .mainlink:hover,.main_top_navigation #container nav ul li.active {
  background-color: #c61c2c;
  opacity: 1;
}
.yellow_icon{ background:url(../images/arrow-yellow.svg) no-repeat center center; width:15px; height:15px; display:inline-block;vertical-align:middle; position:relative; opacity:0; transition:opacity 0.3s ease-in-out; margin-left:5px;}
.main_top_navigation #container nav ul ul li a:hover .yellow_icon{ opacity:1;}
/* Promotion Banner Starts */
.promobanner_wrap {display: inline-block; padding: 20px; position:absolute; top:-3px;  left:100%; background:#23252f; opacity:0; transition:.5s ease all; border-top: 3px solid #c61c2c; visibility:hidden;}
.promo_banner { width: 376px; height: 357px;  border: 1px dotted #4b3c1d;vertical-align: top;}	
.promo_banner{transition:all ease-in-out 0.05s; text-align:center;}
.promocol { width:250px; text-align:center; margin:15% auto}

/* Hide Dropdowns by Default */
.main_top_navigation #container nav ul ul {
  /*display: block;
  position: absolute;
  top: 60px;
  width:460px;*/
  /* the height of the main nav */
  width: 209px; float:left
}
.main_top_navigation #container nav ul li:hover > .large_menu {
  border-top:3px solid #c61c2c;
   display:block;
   background-color:#15161c;
}
/* First Tier Dropdown */
.main_top_navigation #container nav ul ul li { position:relative;
  float: none;
  display: list-item;
  position: relative;
  line-height:40px;
}
.main_top_navigation #container nav ul li:hover > ul.wid50{ width:180%;}
.main_top_navigation #container nav ul li:hover > ul.wid100{ width:100%;}
.main_top_navigation #container nav ul ul li .sublinks {line-height: 56px;
    border: 1px solid #212228;
    display: block;
    border-bottom: 0;
    border-left: 0;
    text-align: left;
    padding: 0 14px;
    font-size: 13px;
    color: #fff;
    text-decoration: none; 
	border-left:2px solid transparent;
}
.main_top_navigation #container nav ul ul li:hover .promobanner_wrap { opacity:1;visibility:visible;}
.main_top_navigation #container nav ul ul li:hover .sublinks{ background:#23252f; color:#f9b920; border-right:0; border-left:2px solid #f9b920;}
/* Change this in order to change the Dropdown symbol */
.dropdown_arrow {
	background:url(../images/dropdown-arrow.svg) no-repeat 5px 12px; width:25px; height:20px; display:inline-block; border-right:0;
}
.main_top_navigation #container nav ul li > a:only-child:after {
  content: '';
}
.main_top_navigation #container nav ul li.mf_promo:hover .promo_banner{  display:block;}
.promo_text{ font-size:13px; line-height:20px; font-weight:300}
a.promo_button{    border: 1px solid #f9b920;
    color: #f9b920;
    padding: 6px 15px;
    border-radius: 3px;
    line-height: normal;
    font-size: 14px;
    margin: 25px 0;
    text-decoration: none;
    display: inline-block;} 
a.promo_button:hover{ background-color:#f9b920 !important; color:#fff!important;}

/* Signin Signup CSS starts */
.signin_signup{ width:22%; float:right; text-align:right; position:relative;}
.signin_signup ul{ display:inline-block; width:44%;}
.signin_signup ul li{ display:inline-block;}
.signup{ font-size:14px; border:1px solid #515159; border-radius:2px; display:inline-block; line-height:14px; padding:7px 10px 7px 10px; color:#fff; text-decoration:none; text-transform:uppercase; margin-right:10px; transition:all 0.3s ease-in-out; position:relative;}
.signup.inner{border:1px solid #f3f7f8;color:#666 ; background:#f3f7f8;}
.signup.inner:hover{ color:#c61c2c;border:1px solid #fff; background-color:#fff; text-decoration:none}
/*.signup:hover{ background-color:#c61c2c; border:1px solid #c61c2c;}
*/.signin.inner{background-color:#c61c2c;border:1px solid #c61c2c; color:#fff;}
.signin.inner:hover{ border:1px solid #f9b920;}
.signin{ font-size:14px; border:1px solid #f9b920; background-color:#f9b920; border-radius:2px; display:inline-block; line-height:14px; padding:7px 10px; color:#c61c2c; text-decoration:none; text-transform:uppercase;transition:all 0.3s ease-in-out;}
.signin:hover{ background-color:#e9a502;}
.clear{ clear:both;}
.ListArrow {
    background: rgba(0, 0, 0, 0) url("https://az715163.vo.msecnd.net/siteassets/desktopPrelogin/images/pngarrow.png") no-repeat scroll 0 0;
    border: 0 solid green;
    display: block;
    height: 10px;
    margin: 3px 0 0;
    position: absolute;
    right: 7px;
    top: 6px;
    transform: rotate(0deg) scale(1);
    transition: all 0.2s ease-in-out 0s;
    width: 11px;
}
.dropdown_signup ul{ padding:0px 0;}
.ListArrowOpen {
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -webkit-transform: rotate(180deg) scale(1);
    -moz-transform: rotate(180deg) scale(1);
    -o-transform: rotate(180deg) scale(1);
    -ms-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1);
}
.signup_dropdown:hover .ListArrow{transform: rotate(180deg) scale(1);}
.dropdown_content ul{ width:100%}
.dropdown_content{
    background: #e7eff1 none repeat scroll 0 0;
    border: medium none;
    -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0px 0px 1px 1px rgba(0, 0, 0, 0.3);
	box-shadow:0px 0px 1px 1px rgba(0, 0, 0, 0.3);
    position: absolute;
    /*transition: transform 0.3s cubic-bezier(0.3, 1.6, 0.7, 1) 0s, opacity 0.3s ease-out 0s;*/
    width: 270px;
	top: 55px;
    z-index: 99;
    right:-20px;
	transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-webkit-transform:scale(0);
	-webkit-transition:transform .2s cubic-bezier(.3,1.6,.7,1),.2s opacity ease-out;
    -moz-transition:transform .2s cubic-bezier(.3,1.6,.7,1),.2s opacity ease-out;
    -o-transition: transform .2s cubic-bezier(.3,1.6,.7,1),.2s opacity ease-out;
    -ms-transition:transform .2s cubic-bezier(.3,1.6,.7,1),.2s opacity ease-out;
	transform-origin: 50% -20%;
	opacity:0;
}
.signup_dropdown{ position:relative;}
.dropdown_content ul li{ width:100%; background-color:transparent; display:block; padding:0; border:none; border-radius:0; font-weight: 400; text-align:left; line-height:30px;}
.dropdown_content ul li a {
    color: #575959 ;
    display: block;
    font-size: 14px;
    padding: 5px 10px 5px 15px;
    border:none; border-radius:0; text-transform:none; text-decoration:none;
}
.arrow_box {
	position: relative;
	background: #e7eff1;
}
.arrow_box:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(231, 239, 241, 0);
	border-bottom-color: #e7eff1;
	border-width: 10px;
	margin-left: -10px;
	
}
.dropdown_content ul li:last-child a{background-color:transparent; display:block; padding:0; border:none; border-radius:0; color: #3f3f3f; padding:5px 10px 5px 15px;}
.dropdown_content ul li:hover,.dropdown_signup ul li a:hover {
    background: #d6dfe1;
}
.signup_dropdown:hover .dropdown_content {
    transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-webkit-transform:scale(1);
	opacity:1;
}
.cart{ background:url(../images/cart.svg) no-repeat center center; width:30px; height:35px; display:inline-block;vertical-align:middle; position:relative;}
.user{ background:url(../images/user.svg) no-repeat center center; width:35px; height:35px; display:inline-block;vertical-align:middle;}
.inner_page_right_links a.links:hover{ color:#c61c2c;}
.cart_items {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #666666;
    color: #fff;
    font-size: 9px;
    position: absolute;
    display: block;
    right: 4px;
    top: 11px;
    line-height: 16px;
    text-align: center;
}
.cart_white_icon{background: url(../images/cart_hp_white.svg) no-repeat 0 0; width: 32px;height: 35px;display: inline-block;vertical-align: middle; position:relative; transition:all 0.3s ease-in-out; margin-right:5px;}
.cart_items_main_nav{ background-color:#c61c2c; color:#fff; font-size:11px; text-align:center; position:absolute; right:-1px; top:15px; width:18px; height:18px; border-radius:50%; line-height:18px; font-style:normal;}
.cart_white_icon:hover{background: url(../images/cart_hp_white.svg) no-repeat 0 -40px; }
.more_links{ display:none !important;}
.main_top_navigation #container nav ul li.more_links:hover .mainlink:hover, .main_top_navigation #container nav ul li.more_links:hover{ background-color:transparent;}
.more_links .dropdown_content{left: -61%;}
.dropdown_content ul{ width:100% !important;}

/* Inner Page Navigation CSS */
header.whitebg{ background-color:#fff; height:70px;}
header.whitebg .burger-container{ width:70px; height:70px;}
header.whitebg .burger-container span{margin-top: 19px;margin-right: 18px;}
header.whitebg .navigation{ width:70px;}
header.whitebg .menu_icon{ width:35px; height:35px; padding:19px 15px;}
.newlogo.brdrgt{ border-right:1px solid #c61c2c; background-size: 80%; width: 220px; padding:10px;  height: 51px;}
.newlogo.innerlogo{background-size: 91%; width:156px; padding:10px 33px;  height: 50px;}
.page_title_text{ padding:0px 15px; color:#c61c2c; font-size:16px; text-transform:uppercase; float:left; line-height:68px; font-weight:500;}
.inner_breadcrum{ background:url(../images/innerpage-breadcrum.svg) no-repeat center 6px; width:20px; height:20px; display:inline-block; margin-left:5px;}
.inner_page_right_links{ width:55%; float:right; line-height:70px; text-align:right; padding-right:20px; color:#666; font-size:13px;}
.inner_page_right_links a.links{ padding:0 10px; text-decoration:none;color:#666; text-transform:uppercase;}


/********added by sameer********/
.secondbanner { top:-60px}
.thirdbanner { top:-117px}
.forthbanner{ top:-174px}
.fifthbanner{ top:-231px}
.sixthbanner{top:-288px}
.seventhbanner{top:-344px}

/* Post Login Page Navigation CSS */
.postlogin_page_right_links{ 
  /*width:67%; */
  float:right; 
  /*line-height:70px; */
  text-align:right; 
  /*padding-right:20px; */
  color:#666; 
  font-size:13px;
}
.postlogin_page_right_links .left_side{
  margin-right: 8px; 
}
.postlogin_page_right_links .left_side ul{ margin-top:25px; padding:0; display:block;}
.postlogin_page_right_links .left_side ul li{ display:inline-block;}
.postlogin_page_right_links .left_side{ 
  /*width:78%; */
  float:left; 
  display:inline-block; 
  text-align:left; 
}
.postlogin_page_right_links .right_side{  
  /*width:22%; */
  float:left; display:inline-block; margin-top:20px; margin-left:5px;}
 .right_side { display:none } 
.postlogin_page_right_links .left_side ul li a{padding:7px 5px; text-decoration:none;color:#333; text-transform:uppercase; margin:0 2px;   }
.postlogin_page_right_links .left_side ul li a:hover{ color:#333;  border-bottom:2px solid #c61c2c!important; }
.postlogin_page_right_links .left_side ul li a.active{ background-color:; color:#333}
.postlogin_page_right_links .left_side ul li a.active:hover{ /*background-color:#fff;color:#666;*/ border-bottom:2px solid #c61c2c!important;}
.postlogin_page_right_links .left_side ul li.more_links1 a:hover{ background-color:transparent;color:#666; border-bottom:2px solid #c61c2c!important;}
.more_links1 .dropdown_content{ top:55px; left:-65%; width:190px; /*background-color:#fff;*/}
/*.more_links1 .dropdown_content .arrow_box{background: #fff;}
.more_links1 .dropdown_content .arrow_box:after{    border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff;}*/
.more_links1 .dropdown_content ul li{ display:block;}
.cart_icon:focus,.cart_icon:active{
  outline: none;
}
.cart_grey_icon{background: url(../images/cart_hp_grey.svg) no-repeat 0 0; width: 32px;height: 35px;display: inline-block;vertical-align: middle; position:relative; transition:all 0.3s ease-in-out; margin-right:5px;}
.cart_grey_icon:hover{background: url(../images/cart_hp_grey.svg) no-repeat 0 -40px; }
.logged_in_username{ padding:0 5px; font-size:15px; display:inline-block;}
.user{background: url(../images/user.svg) no-repeat 0 0; width: 35px;height: 35px;display: inline-block;vertical-align: middle; position:relative; transition:all 0.3s ease-in-out; margin-right:5px;}
.dots{background: url(../images/3dots.svg) no-repeat 0 0; width: 39px; height: 12px;display: inline-block;vertical-align: middle; position:relative; transition:all 0.3s ease-in-out; margin-left:5px; background-size:80%;}
.postlogin_page_right_links{ 
  /*width:59%;*/
}
.postlogin_page_right_links .left_side .post_login_main_links li:nth-child(9),
.postlogin_page_right_links .left_side .post_login_main_links li:nth-child(10){ xdisplay:none;}
.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(1),
.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(2),
.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(3),
.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(4),
.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(5),
.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(6),
.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(7),
.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(8){xdisplay:none;}
.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(9),.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(10){ display:block;}
.inlineblck{ display:inline-block;}
.arrowBoxWrap{
  height: 20px;
  position: absolute;
  left: 0;
  right: 0;
  top: -20px;
}
.arrow_box1{width: 0;height: 0;border-style: solid;border-width: 0 0 20px 20px;border-color: transparent transparent #e7eff1 transparent; position:absolute; right:40px; top:0px;}
.account_type{ font-size:14px; color:#666; text-align:left; padding:0 20px; line-height:40px;}
.free_text{ color:#c61c2c; font-size:14px; float:right; font-weight:500; display:inline-block;}
.buy_premium_btn{ padding:3px 10px; border:1px solid #0076a3; color:#0076a3; font-size:13px; height:30px; line-height:30px; display:inline-block; cursor:pointer; transition:all ease-in-out 0.2s; margin-bottom:10px;}
.buy_premium_btn:hover{ background-color:#0076a3; color:#fff;}
.dropdown_content .post_login_user_acc_info_after_login li{border-top:1px solid #d0d0d0;}
.dropdown_content .post_login_user_acc_info_after_login li a:hover,.dropdown_content .post_login_user_acc_info_after_login li a.active{ background-color:#c61c2c; color:#fff;}
.dropdown_content .post_login_user_acc_info_after_login li.line-hgt20{ line-height:20px; padding:5px 0;}
.dropdown_content ul.show.whitebg{ background-color:#fff; color:#c61c2c;}
.dropdown_content ul.show.whitebg li:hover{ background-color:#fff;}
.right_links_mobile{ display:none;}
.main_nav { height:100%;}
@media (max-width:1600px){
.main_desktop_navigation ul.accordion li a.toggle{padding: 15px 20px;}	
.icons{ width:35px; height:35px; background-size:100%;}
.main_desktop_navigation ul.accordion li a.toggle:hover .icons, .main_desktop_navigation ul.accordion li a.toggle.active .icons{width:35px; height:35px; background-size:100%;}
.signin_signup{ width:24%;}
.signin_signup ul {display: inline-block;width: 48%;}
.postlogin_page_right_links{ 
  /*width:62%;*/
}
.postlogin_page_right_links .left_side{ 
  /*width:79%;*/
}
.postlogin_page_right_links .right_side{ 
  /*width:21%;*/
}
.postlogin_page_right_links .left_side .post_login_main_links li:nth-child(8),
.postlogin_page_right_links .left_side .post_login_main_links li:nth-child(9),
.postlogin_page_right_links .left_side .post_login_main_links li:nth-child(10){ xdisplay:none;}
.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(1),
.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(2),
.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(3),
.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(4),
.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(5),
.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(6),
.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(7){xdisplay:none;}
.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(8),.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(9),.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(10){ display:block;}
/*.main_desktop_navigation ul.accordion .inner li a{  font-size: 15px;}
*/}
@media (max-width:1440px){
.main_desktop_navigation ul.accordion li a.toggle{padding: 12px 18px;}	
.icons{ width:35px; height:35px; background-size:100%;}
.main_desktop_navigation ul.accordion li a.toggle:hover .icons, .main_desktop_navigation ul.accordion li a.toggle.active .icons{width:35px; height:35px; background-size:100%;}
.signin_signup{ width:24%;}
.signin_signup ul {display: inline-block;width: 57%;}
.hidden1{ display:none !important;}
/*.main_desktop_navigation ul.accordion .inner li a{  font-size: 14px;}*/
.postlogin_page_right_links{ 
  /*width:66%; */
  margin: 0px 0 0 0;
}
.postlogin_page_right_links .left_side{ 
  /*width:79%;*/
}
.postlogin_page_right_links .right_side{ 
  /*width:21%;*/
}
/*.postlogin_page_right_links .left_side .post_login_main_links li:nth-child(7),
.postlogin_page_right_links .left_side .post_login_main_links li:nth-child(8),
.postlogin_page_right_links .left_side .post_login_main_links li:nth-child(9),
.postlogin_page_right_links .left_side .post_login_main_links li:nth-child(10){ display:none;}*/
.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(1),
.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(2),
.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(3),
.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(4),
.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(5),
.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(6){xdisplay:none;}
.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(7),.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(8),.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(9),.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(10){ display:block;}
.more_links{ display:inline-block !important;}
.hidden{ display:none !important;}
}
@media (max-width:1365px){

.main_top_navigation #container{ width:71%;}
.signin_signup{ width:25%;}
.signin_signup ul{ width:58%;}
.dropdown_content ul{ width:100% !important;}
}
@media (max-width:1280px){
.main_desktop_navigation ul.accordion li a.toggle{padding: 12px 18px; font-size:14px;}	
.icons{ width:30px; height:30px; background-size:100%;}
.main_desktop_navigation ul.accordion li a.toggle:hover .icons, .main_desktop_navigation ul.accordion li a.toggle.active .icons{width:30px; height:30px; background-size:100%;}
.more_links{ display:inline-block !important;}
.main_desktop_navigation ul.accordion .inner li a{  font-size: 13px;}
.main_desktop_navigation {  width: 35%;}
.main_top_navigation #container nav .mainlink{ padding:0 5px;}
.postlogin_page_right_links{ 
  /*width:64%;*/
}
.postlogin_page_right_links .left_side .post_login_main_links li:nth-child(6),.postlogin_page_right_links .left_side .post_login_main_links li:nth-child(7),.postlogin_page_right_links .left_side .post_login_main_links li:nth-child(8),.postlogin_page_right_links .left_side .post_login_main_links li:nth-child(9),.postlogin_page_right_links .left_side .post_login_main_links li:nth-child(10){ display:none;}
.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(1),.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(2),.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(3),.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(4),.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(5){display:none;}
.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(6),.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(7),.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(8),.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(9),.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(10){ display:block;}
}
@media (max-width:1024px){
.signin_signup ul { width: 72%;}
.dropdown_content ul{ width:100% !important;}
.postlogin_page_right_links{
  /*width: 56%;*/
  padding-right: 10px;
}
.postlogin_page_right_links .left_side{
  /*width:71%;*/
}
.postlogin_page_right_links .right_side{ 
  /*width:29%;*/
}
.postlogin_page_right_links .left_side .postlogin_page_right_links .left_side .post_login_main_links li:nth-child(5),.postlogin_page_right_links .left_side .post_login_main_links li:nth-child(6),.postlogin_page_right_links .left_side .post_login_main_links li:nth-child(7),.postlogin_page_right_links .left_side .post_login_main_links li:nth-child(8),.postlogin_page_right_links .left_side .post_login_main_links li:nth-child(9),.postlogin_page_right_links .left_side .post_login_main_links li:nth-child(10){ display:none;}
.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(1),.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(2),.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(3){display:none;}
.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(4),.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(5),.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(6),.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(7),.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(8),.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(9),.postlogin_page_right_links .left_side .post_login_sub_more_links li:nth-child(10){ display:block;}
}
@media screen and (max-width: 1023px){
.arrowbox { border-right:0px solid #36C!important; }
.logo-white {border-right:none!important; }	
.arrowbox { display:none }	
  .mobileNav{
    display: none;
    position: absolute;
    right: 10px;
    top: 15px; 
  }
  .postlogin_page_right_links{
    /*display: none;*/
    width: 30%;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding-right: 0px;
    background: #f8f8f8;
    z-index: 99;
    webkit-box-shadow: 0px 1px 15px 6px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 15px 6px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 15px 6px rgba(0,0,0,0.4);
    visibility: hidden;
    transform: translateX(150%);
    -moz-transform: translateX(150%);
    -webkit-transform: translateX(150%);
    -ms-webkit-transform: translateX(150%);
    transition: .4s all ease;
  }
  .postlogin_page_right_links.open {
    transform: translateX(0%);
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -ms-webkit-transform: translateX(0%);
    visibility: visible;
  }
  .postlogin_page_right_links .left_side ul li{
    display: block;
    padding: 15px 0px;
    border-bottom: 1px solid #ccc;
  }
  .postlogin_page_right_links .left_side{
    margin-right: 0px;
    width: 100%;
  }
  .closeMobileNav{
    background-color: rgba(198, 28, 44, 0.65);
    text-align: center;
    width: 50px;
    height: 50px;
    float: right;
    cursor: pointer;
  }
  .closeMobileNav:hover{
    background-color: rgba(198, 28, 44, 0.8);
  }
  .mobCloseBtn{
    background:url(../images/close-menu.svg) no-repeat;
    width: 35px;
    background-size: contain;
    height: 29px;
    margin-top: 10px;
    background-position: center;
    display: inline-block;
    vertical-align: middle;
  }

}
@media screen and (min-width: 1101px) and (max-width: 1240px){ 
  .postlogin_page_right_links .left_side{
    margin-right: 12px;
  }
  .postlogin_page_right_links .left_side ul li a{
    padding: 5px 1px;
    font-size: 12px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1100px){
  .page_title_text{
    font-size: 15px;
    padding: 0px 12px;
  }
  .postlogin_page_right_links .left_side{
    margin-right: 1px; 
  }
  .postlogin_page_right_links .left_side ul li a{
    padding: 5px 1px;
    font-size: 11px;     margin: 0 1px;
  }

}
@media (max-width:1022px){
/*.postlogin_page_right_links{ display:none;}
.main_top_navigation{display:none;}
header{ background-color:#fff; height:70px;}
.newlogo{background-size: 90% auto;height: 40px; width: 200px;}
.burger-container span{ margin-top:17px;}
.abfsg_logo{ display:none;}
.right_links_mobile{ float:right; margin:17px 15px 0 0; display:block;}*/
}
@media screen and (min-width: 320px) and (max-width: 767px){
  .newlogo.brdrgt{
    border-right: 0px;
  }
  .newlogo.brdrgt{
    width: 175px;
  }
  .postlogin_page_right_links{
    width: 80%;
  }
}
@media (max-width:768px){
	.main_desktop_navigation {  width: 80%;}
}
@media (max-width:440px){
	.newlogo { background-size: 90% auto;  height: 40px;  padding: 15px 10px; width: 180px;}
	.navigation{ width: 60px;}
	.burger-container span{margin-right: 32px;}
	.newlogo.innerlogo{width: 108px;}
}
@media (max-width:360px){
.newlogo {background-size: 90% auto; height: 40px;padding: 15px 10px; width: 170px;}
.right_links_mobile{margin: 17px 5px 0 0;}
}
@media (max-width:320px){
.newlogo { width: 140px}	
}