/*
---------------------------------------------------------------------------------------
	Responsive Cascading Style Sheets (CSS) Based on Twitter Bootstrap
	by: Mamun ur Rosid | email: mrosid@bol-online.com | mamun.m46@gmail.com
---------------------------------------------------------------------------------------	           					*/
a { color: #333; text-decoration: none; }
a:hover { color: #C80000; text-decoration: none; }
header { margin:0 auto; padding:0;  }
.header-logo { width:27%; max-width:220px; position:absolute; padding: 2% 1.1% 0;} .header-logo img { border:0; }/* IE Fix */
.header-cname { font-size: 21px; text-align:right; position:relative; padding: 3.58% 2.65% 3.9%; line-height: 1.2em; }
.header-cname_divider { color:#999; }

.navbar { margin-bottom:10px;  }
	.navbar-default .nav-pills { margin: 5px auto; text-transform:uppercase; font-size: 13px; }
	.navbar-default .nav-pills > li {  color: #333;  background-color: #fff; border:0;
	border-right:1px solid transparent;
    -moz-border-image: -moz-linear-gradient(top, #fff 0%, #aaa 50%, #fff 100%);
    -webkit-border-image: -webkit-linear-gradient(top, #fff 0%, #aaa 50%, #fff 100%);
    border-image: linear-gradient(to bottom, #fff 0%, #aaa 50%, #fff 100%);
    border-image-slice: 1;
	  }
	.navbar-default .nav-pills > li:first-child { margin-right: 0;
	border-left:1px solid transparent;
    -moz-border-image: -moz-linear-gradient(top, #fff 0%, #aaa 50%, #fff 100%);
    -webkit-border-image: -webkit-linear-gradient(top, #fff 0%, #aaa 50%, #fff 100%);
    border-image: linear-gradient(to bottom, #fff 0%, #aaa 50%, #fff 100%);
    border-image-slice: 1;
	  }
	.navbar-default .nav-pills > li a { padding: 5px 23px 2px 22px; font-size: 15px; border-radius:0; } 
	.navbar-default .nav-pills > li:last-child a { padding-left:24px;  padding-right:25px; }
	.navbar-default .nav-pills > li + li { margin-left:0; }
	.navbar-default .nav-pills > li li a { padding: 8px 18px; }
.dropdown-menu {font-size: 13px; text-transform:none; border: 0; }
.dropdown-menu > li > a { margin-top: -1px; border: 1px solid #ddd; }

.active,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.dropdown .active,
.dropdown-menu > li > a:hover, .dropdown-menu > li > .active,
.dropdown-menu > li > a:focus,
.navbar-default .nav-pills > .active > a,
.navbar-default .nav-pills > li > a:hover,
.navbar-default .nav-pills > li > a:focus,
.navbar-default .nav-pills > .open > a,
.navbar-default .nav-pills > .open > a:hover,
.navbar-default .nav-pills > .open > a:focus { color: #C80000; border-color: #ddd; background-image: -webkit-linear-gradient(top, #fff 0%, #fff 100%); background-image: linear-gradient(to bottom, #fff 0%, #fff 100%); }

.navbar-form.navbar-right:last-child { margin-right:0; }
.form-group { margin:0 10px; width:230px; }
  .navbar-form { margin:0; padding:0; border:0;   }
.form-group .form-control { height: 32px; margin-bottom:8px; padding: 6px 12px; font-size: 14px; color: #000; border:1px solid #899caa; }
.form-control:focus { border-color: rgba(237, 28, 36, .5); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(237, 28, 36, 0.3);  }
label { margin:0 15px 2px; float: right; text-transform:uppercase; font-weight:normal; }
.btn-default { float:left; padding: 5px 12px; font-size:13px; font-weight:bold; color:#333;  }
.btn-default:hover { color:#444;  }
.input-group-name { float:right; text-transform:uppercase; }
.forgot { margin: 8px auto 0; background:#eee; padding:5px 0 0; color:#3a454d; font-size:12px; text-align:center; text-transform:uppercase; text-decoration:none; text-shadow:1px 1px #fff;  }

.navbar-default {
  background-image: -webkit-linear-gradient(top, #fff 73%, #e1e1e1 85.5%, #fff 98%);
  background-image: linear-gradient(to bottom, #fff 73%, #e1e1e1 85.5%, #fefefe 98%);
  background-repeat: repeat-x;
  border-radius: 0px; border:0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#FFC', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(255, 255, 255, 0);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(255, 255, 255, 0);
}


.banner_shadow { 
background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.2) 0%, rgba(191,191,191,0) 75%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.2)), color-stop(75%,rgba(191,191,191,0)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.2) 0%,rgba(191,191,191,0) 75%,rgba(255,255,255,0) 100%);
background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.2) 0%,rgba(191,191,191,0) 75%,rgba(255,255,255,0) 100%);
background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.2) 0%,rgba(191,191,191,0) 75%,rgba(255,255,255,0) 100%);
background: radial-gradient(ellipse at center,  rgba(0,0,0,0.2) 0%,rgba(191,191,191,0) 75%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00ffffff',GradientType=1 );
height: 50px; width: 90%; margin: -15px auto 20px; text-align:center;
}
.banner_img { padding-top:8px; }

.support { width:206px; text-align:left; margin: 15px auto 5px; color:#454545; font-size:15px; line-height:18px;  }
	.phone { margin-top:5px; } .cell, .email { margin-top:2px;  	}
.share {  background:#ebebeb url(bg_share.jpg) no-repeat top center; float:left; text-align:center; font-size:13px; line-height:20px; padding:50px 7px 5px; margin:35px 0; }
.share_home { background:url(bg_share.jpg) no-repeat top center; text-align:center; font-size:13px; line-height:20px; padding:30px 7px 5px; margin:10px 0; }
.share, .partner {width:100%; border:1px solid #ddd; border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius:10px; }
#footer { width:100%; float:left; margin:4% auto 0 auto; background:#ddd; border:solid #EC1C24; border-width:1px 0px; 	}
.footer { width:98%; max-width:950px; height:44px; margin:0 auto; color:#333; 	}
	.footer_menu { margin:11px 0 0;  	}
	.footer_menu a { text-decoration:none; color:#333; font-size:14px;  	}
	.footer_menu .active, .copyright .active, .footer_menu a:hover { /* color:#EC1C24; */ background:none;  	}
	.copyright { float:right; margin:12px auto; font-size:12px;  	}
	.copyright a { text-decoration:underline;  	}

#group_link { width:100%; float:left; padding-bottom:15px; 	}
.group_link { width:98%; max-width:800px; min-height:55px; margin:5px auto; color:#000; font-size:14px; 	}
	.logo_beximco { float:left; width:150px; height:30px; margin:10px 60px 0 0;  	}
	.bex_com { float:left; padding:4px 45px 0 10px; background:url(bex_com_arrow.png) no-repeat left top;  	}
		.bex_com a { color:#333; line-height:22px; text-decoration:none;  	}
		.bex_com a:hover { color:#0066B2;  	}


@media screen and (max-width: 992px) { 
.header-cname { padding: 3% 2.5%; }
.slider-wrapper { width:98%; margin:0 auto;  }

.support { margin: -20px auto 5px;  }
.support img { margin-left:20px; }
.share { float:none; width:240px; margin:15px auto 5px; }
.partner {width:auto; }
	.bex_com { padding-right: 31px;	}
}
@media screen and (max-width: 800px) { 
.row { margin-top: 10px; }
.header-cname { padding: 6.5% 2.5%; }
	.navbar-default .nav-pills { margin: 0px 5px; }
	.navbar-default .nav-pills > li > a { padding: 5px 26px; border-top:1px #ddd solid; border-bottom:1px #ddd solid; }
	
  .dropdown-menu { text-align:left; padding-top: 0; margin-top: 0;}

.banner_shadow { height: 45px; margin: -14px auto 5px; }
.support { margin: 15px auto 5px;  }
.support img { margin-left:0px; }
.share { float:none; width:240px; margin:15px auto 5px; }
.partner {width:auto; }
.footer { width:100%; 	}
	.footer_menu {margin:10px 7px 0; width:98%; text-align:center; 	}
	.footer_menu a { text-decoration:underline; color:#333; font-size:14px;   	}
	.copyright { float:left; width:100%; padding:5px 10px 0; border-top: 1px solid #EC1C24; text-align:center;  	}
}


@media screen and (max-width: 736px) { /* =================================================================== iPhone6 Plus, Nexus 5X, Nexus 6P (landscape) */
.row { margin-top: 8px; }
.header-cname { padding: 6% 2.5%; }
	.navbar-default .nav-pills { margin: 0px 3px; }
	.navbar-default .nav-pills > li > a { padding: 5px 18px;  }
  .navbar-form { padding-left: 18px;  }

.group_link { width:96%; }

	.logo_beximco { float:inherit; width:150px; height:30px; margin:10px auto; }
	.bex_com { padding-right: 18px;	}
.share { width:208px; }
}


@media screen and (max-width: 640px) {
.row { margin-top: 8px; }
.header-cname { padding: 6% 2.5%; }
	.navbar-default .nav-pills { margin: 0px 3px; }
	.navbar-default .nav-pills > li > a { padding: 5px 15px;  }
  .navbar-form { padding-left: 18px;  }

.group_link { width:96%; }
	.bex_com { padding-right: 28px;	}
}

@media screen and (max-width: 568px) { /* =================================================================== iPhone5 (landscape) */
	.navbar-default .nav-pills > li > a { padding: 5px 10px; }	.navbar-default .nav-pills > li:last-child a { padding-left:15px; padding-right:15px; }
.share { width:240px; }
}

@media screen and (max-width: 480px) {
p { font-size:14px;  }
.row { margin-top: 2px; }
.header-logo {padding: 2% .5% 0;}
.header-cname { font-size: 1.1em; padding: 6% 2%; }
	.navbar-default .nav-pills { margin: 0; }
	.navbar-default .nav-pills > li > a { padding: 3px 8px; font-size:12px;  }
	.navbar-default .nav-pills > li:last-child a { padding-left:9px; padding-right:9px; }
	.navbar-default .nav-pills > li li a { padding: 5px 8px; }
.dropdown-menu {font-size: 12px; padding: 0 4px 4px; margin-top: 0; margin-left: -5px; }

[class*="col-"] { padding-top: 0; }
.col-md-6 { font-size:14px; line-height:20px;  }

.banner_shadow { height: 40px; margin: -12px auto 5px; }
.support { margin: 15px auto 5px;  }
.share { float:none; width:240px; margin:15px auto 5px; }
.partner {width:auto; }
	.footer_menu { float:left; margin-left: 70px; width:70%; text-align:center; 	}
	
	.bex_com { min-width:123px; padding-right: 15px; }
}

@media screen and (max-width: 414px) { /* =================================================================== iPhone6 Plus (portrait) */
p { font-size:14px;  }
.row { margin-top: 2px; }
.header-logo {padding: 2% .5% 0;}
.header-cname { font-size: 1.1em; padding: 6% 2%; }
	.navbar-default .nav-pills { margin: 0; }
	.navbar-default .nav-pills > li > a { padding: 3px 27px; font-size:13px;  }
	.navbar-default .nav-pills > li li a { padding: 5px 8px; }
.dropdown-menu {font-size: 13px; padding: 0 4px 4px; margin-top: 0; margin-left: -5px; }

[class*="col-"] { padding-top: 0; }
.col-md-6 { font-size:14px; line-height:20px;  }

.banner_shadow { height: 40px; margin: -12px auto 5px; }
.support { margin: 15px auto 5px;  }
.share { float:none; width:240px; margin:15px auto 5px; }
.partner {width:auto; }
	.footer_menu { float:left; margin-left: 70px; width:70%; text-align:center; 	}
	.bex_com { min-width:130px; padding-right: 12px; }
}



@media screen and (max-width: 375px) { /* =================================================================== iPhone6, Nexus 5X, Nexus 6P (portrait) */
.header-cname { font-size: 1em; padding: 6% 2%; }
	.navbar-default .nav-pills > li > a { padding: 3px 22px; font-size:13px;  }
	.bex_com { min-width:120px; padding-right: 12px; }
}



@media screen and (max-width: 360px) {
.header-logo { padding: 3% .5% 0;}
.header-cname { font-size: 1.2em;  padding: 4% 2% 2% 31%; }
.header-cname_divider { display:none; }
	.navbar-default .nav-pills { margin-left: -2px; }
	.navbar-default .nav-pills > li { margin-right: -1px; border-left: 1px #ccc solid; }
	.navbar-default .nav-pills > li:first-child { margin-right: -1px; border-left: 1px #ccc solid; }
	.navbar-default .nav-pills > li > a { padding: 2px 19px; margin-top: -1px;   }

.banner_shadow { height: 30px; margin: -12px auto 10px; }
	.footer_menu { float:left; margin-left: 20px; width:88%; text-align:center; 	}
	.copyright { padding:5px 26px 0; 	}
	.bex_com { padding-right: 17px;	}
.group_link { width:88%; margin-left:15px; }
}
@media screen and (max-width: 320px) {
.header-cname { font-size: 1em; padding: 4% 2% 3% 27%; }
	.navbar-default .nav-pills > li > a { padding: 2px 14px; margin-top: -1px;  }



	.footer_menu { float:left; margin-left: 5px; width:98%; text-align:center; 	}
	.copyright { padding:5px 10px 0;  	}
	.bex_com { padding-right: 60px;	}
.group_link { width:96%; margin-left:11px; }
}
@media screen and (max-width: 240px) {
.header-cname { font-size: .7em; padding: 4% 2% 3% 28%; }
	.navbar-default .nav-pills { margin-left: 2px; }
	.navbar-default .nav-pills > li > a { padding: 2px 3px; margin-top: -1px;  }
.dropdown-menu {margin-left: -50px; text-align:center }

.banner_shadow { height: 26px; margin: -10px auto 12px; }
.share { width:105%; }
.partner {width:100%; }
.footer { font-size:13px; 	}
	.footer_menu { float:left; margin-left: 6px; width:97%; text-align:center; 	}
.group_link { width:90%;font-size:13px; 	}

}