@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
 @font-face {
    font-family: 'open_sansextrabold';
    src: url('../fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
 
@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
 @font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
 @font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

img { max-width:100%;}
a, .btn {   transition: background 0.1s; }
a:focus { outline:none}

body { font-size:14px;  font-family: 'open_sansregular';}
ul { margin:0; padding:0;}


.float_right { float:right;}
.float_left { float:left;}
.float_none { float:none;}

.relative { position:relative;}
.absolute { position:absolute;}

.padding_left0 { padding-left:0;} 
.padding_right0 { padding-right:0;}

.padding_left_right0 { padding-left:0; padding-right:0;}
.padding_top_bottom { padding-top:0; padding-bottom:0;}

.padding0 { padding:0 !important;}
.margin0 { margin:0!important;}
.margin_top0 { margin-top:0!important;}

.margintop30 { margin-top:30px;}
.margintop15 { margin-top:15px;}



/* Custom */
.cycle-bg-image {  background-position: center top !important;}

.banner_secrtion {height:653px;  background-position: center center;  margin-bottom:15px; width: 100%;}
 

.banner_div { width:100%; margin-top:130px; height:380px; 
 background-size:cover !important; }	 
 	 

.banner_div h1 { font-size:38px; color:#fff; font-family: 'open_sansextrabold'; text-transform:uppercase; text-shadow:0 0; margin-top:55px; margin-bottom:0;}	 
.banner_div h2 { font-size:51px; color:#000; font-family: 'open_sansextrabold';  text-transform:uppercase; text-shadow:0 0; margin-top:0;}	 
.banner_div p { font-size:18px; color:#000; font-family: 'open_sanslight'; margin-bottom:0;}	 
	 
	
.phone_number { width:323px;  margin: 15px 0;}	 
.phone_number .form-control , .phone_number .btn  { border-radius:0 ; height:42px;}
.phone_number .btn { background:#e52e0d; color:#fff;position:relative; width:55px; border:1px solid #e52e0d;}
.phone_number .btn .fa { position:absolute;  font-size:38px; top:1px; width:13px; margin-left:-6px; left:50%; }
.phone_number .form-control { background:url(../images/phone.png) no-repeat 15px center #fff;  font-size:18px; font-family: 'open_sanslight'; 
padding-left:35px; border:1px solid #ffa300; border-right:0; color:#000;}
	 
.phone_number .btn:hover	 { opacity:0.8;}
	 

.header { position:fixed; width:100%; left:0; top:0; border-top:4px solid #fff; 
background-color:rgba(255,255,255,0.2); z-index:999;  transition: background 1s; } 



.header.stick { background-color:rgba(0,0,0,0.9);}



.menu_header { position:relative;}
.logo_left { 
	position:absolute; 
	left:0; top:-1px; 
     border-radius: 0 0 5px 5px;}


.navbar_nav { margin-bottom:0; padding:5px 0;   min-height: 0px; float:right;}
.navbar_nav  #navbar { padding:0;}

.navbar_nav ul li + li { margin-left:15px;}
.navbar_nav ul li a { 
	padding:3px 0 !important; 
	color:#fff; background:none  !important; 
	font-size:15px; font-weight: bolder;  font-family: 'open_sanslight';}
.navbar_nav ul li a:hover { color:rgb(248,176,29);}	
 
.navbar_nav ul li a.login { background:#f90 !important; padding:3px 10px !important;} 
.navbar_nav ul li a.signup { background:#f00 !important; padding:3px 10px !important;} 
.bolder-text {font-size: 25px;font-weight: bold;color:red;}










 
.product_div { border:1px solid #ddd; border-radius:4px;  }
.product_div:hover {box-shadow: 0 5px 9px 2px #ddd;}

.images_section { height:224px; overflow:hidden; }

.back_bg_pic { height:100%; transition:all 0.5s ease 0s; background-position: center center !important; background-size: cover !important;}
.product_div:hover .back_bg_pic  {transform:scale(1.05) translate(5px, 5px)}


.product_section { padding:15px 0;}
.product_section h3 { font-size:16px; text-transform:uppercase;  font-family: 'open_sanssemibold'; margin-top:0;}
.product_section p { font-size:14px; color:#333;}
.product_section h3, .product_section p { margin-bottom:0;}

.btn_view_more { float:right; border-radius:0; margin-top:3px; background:#e52e0d; border:1px solid #e52e0d; text-transform:uppercase;}

.product_left, .card_left { position:relative;}


.product_card_secrtion .left, 		.product_card_secrtion .right {  background:none; opacity:1; bottom:auto; height:89px;  }
.product_card_secrtion .left img,   .product_card_secrtion .right img {   margin-top:70px;  } 

.product_card_secrtion  .carousel-control {   width: 49px;}

.product_card_secrtion  .carousel-inner { height:309px;}

.heading_text h2 { font-family: 'open_sanslight'; font-size:36px; margin:25px 0; color:#000;}
.heading_text2 h2 { font-size:30px;}
 .heading_text p { font-size:16px; font-family: 'open_sanslight'; font-size: 16p}
 
 
 .add_div { border:1px solid #ddd; padding:15px 0; margin:40px 0;}
 .add_div:hover  {    box-shadow: 0 0 2px 1px #ddd;}
 .add_div h2 { color:#111111; font-size:24px; font-family: 'open_sansextrabold'; text-transform:uppercase; margin-top:0;}
  .add_div h3 { color:#000; font-size:16px; font-family: 'open_sanslight'; margin:0; }

  .add_div h3 strong { color:#fe5454; font-size:24px; font-family: 'open_sansextrabold';   }



/**/
.section_logins { height:676px; width:100%; margin:30px 0;
	background:url(../images/login.jpg) center center no-repeat;
	background-size:cover!important;
	display:table;}
	

.left_login_box { border:3px solid #fff; padding:30px 00px 30px 30px; margin-top:147px;  }

.left_login_box form label  { font-weight:normal; color:#fff; font-size:16px; margin-bottom:5px;}

.left_login_box form label a { color:#999; text-decoration:none; font-size:13px; }
.left_login_box form label a:hover { color:#fff;} 
.left_login_box form .form-control { border-radius:0; border:1px solid #fff;  height:38px;}

.user_name { background:url(../images/email.png) 15px center no-repeat; padding-left:45px; }
.pass { background:url(../images/pass.png) 15px center no-repeat; padding-left:45px; }


.left_login_box form  .btn_login { 
	background:#e52e0d; 
	border:0px ; height:38px; 
	color:#fff; font-size:16px;  border-radius:0; 
	padding-left:20px; padding-right:20px;}
.left_login_box form  .btn_login:hover { background:rgb(247,166,0);  }

.craccount { margin-top:10px;  margin-bottom: 0;}
.craccount span { color:#fff; font-size:16px;}
.left_login_box form .craccount .btn_login { height: 35px; font-size:14px; margin-left:10px;}

.left_login_box h2 { color: #fff;
    font-family: "open_sansextrabold";
    font-size: 30px;
    margin-top: -10px;
    padding: 15px 0 20px 116px;
    text-transform: uppercase;
 	background:url(../images/login_h2.png) left center no-repeat;}
	

.right_div { background:#fff;}	

.right_div   { margin-top:30px; padding:19px 0 20px 0;}
.right_div h2 { margin-top:0px; color:#000;  font-family: "open_sansextrabold"; font-size: 26px; text-transform:uppercase;}	
.right_div p { margin-bottom:0;}	

.ser_more { width:100%; }
.ser_more a { font-size:16px; float:right;   font-style:italic; margin-right:5px; color:#e52e0d;} 
	
.right_div .table { margin-bottom:5px;}	
.right_div_01 { margin-top:147px;}
	
	
.footer 	 { background:#000; padding:50px 0; margin-top:60px; 
	background:url(../images/footer.jpg) center center no-repeat;
	background-size:cover!important;}
.footer  h4 { color:#fff;   font-size:18px; margin-bottom:20px;}	 
.footer  ul { padding:0; margin:0; }
.footer  ul li { list-style:none; }
.footer  ul li a { color:#ccc; font-size:14px;}	
.footer  ul li a:hover { text-decoration:none; color:rgb(247,166,0);} 	

.footer  p { font-size:13px; color:#ccc;}
.footer  .fa { width:20px;}	
.footer_contact a { font-size:18px !important;font-family: 'open_sanslight';}

.bottom_footer { background:#1e1e1e; padding:10px 0;}

.bottom_footer	p, .bottom_footer a { color:#ccc; margin-bottom:0; font-family: 'open_sanslight';}
.bottom_footer a:hover { color:rgb(247,166,0); text-decoration:none;} 



.login_section {  background:#fff;  }
 
	.loginform .input-group  { margin-bottom:15px;}
	 
 
	 .login_section ul li {  background:#e52e0d ;  border:0; width:50%;}	 
	  .login_section ul li  a:hover {background:rgb(248,178,35) ; color:#fff ;}
	 .login_section ul li a { border:0 !important; border-radius:0; padding:10px 20px; color:#fff; margin:0}
	  .login_section ul li.active a { color:#333;}
	 
	 .loginform { padding:20px 20px 10px 20px;   } 
	 .loginform label { font-weight:normal; font-size:14px; color:#333;}
	 
	 .loginform .input-group-addon .fa { color:#333; width:17px; font-size:17px;}
	 
	 .modal_custom .modal-body { padding:0;}
	 .modal_custom .modal-content { position:relative;}
		.close_btn {
			background: url(../images/close.png) no-repeat center center !important;
			border-radius: 50%;
			color: #fff !important;
			height: 23px;
			line-height:23px;
			font-size:18px;
			opacity: 1;
			position: absolute;
			right: -9px;
			top: -10px;
			width: 23px;
			z-index: 99;
			}
	

.loginform .form-control,
.loginform .input-group-addon { border-radius:0;}
.loginform1 { padding:0;}


.loginform .btn { border-radius:0;}


.inner_page_header h2 {   font-size:30px;  font-family: 'open_sanslight'; margin-bottom:24px;}
.inner_page_header abbr  {
 	border-bottom:2px solid #e96656
    
}
.inner_page_header h3 {font-family: 'open_sanslight';}
.inner_page_header h3 .fa { margin-right:5px; color:#b2b2b2;}

.inner_page_header p { font-size:16px; color:#000;    font-family: 'open_sanslight'; }
.contact_form { padding:0;}

.contact_form .btn { border-radius:0; padding:7px 25px; font-family: 'open_sanslight'; font-size:18px; }
.socials_contact   { margin:30px 0;}
.right_contact li { list-style:none; float:left;}
.right_contact li  + li { margin-left:5px;}
.right_contact li a { display:block; background:#B2B2B2; color:#fff; padding:5px;}
.right_contact li a .fa { width:22px; text-align:center;}
.right_contact li a:hover { background:#000; }
.loginform .textarea { width:100% ;}
.about_content h3 { margin-top:0; font-size:30px; margin-bottom:30px;}
.about_content img { float:left; }

.content_holder { margin-top:30px;}




/* My account */
.square,  .inner_page_header .btn {
    border-radius: 0px!important;
}

/* -- color classes -- */
.coralbg {
    background-color: #e52e0d;
} 

.coral {
    color: #FA396f;
}

.turqbg {
    background-color: #46D8D2;
}

.turq {
    color: #46D8D2;
}

.white {
    color: #fff!important;
}

/* -- The "User's Menu Container" specific elements. Custom container for the snippet -- */
div.user-menu-container {
  z-index: 10;
  background-color: #fff;
  margin-top: 20px;
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

div.user-menu-container .btn-lg {
    padding: 0px 12px;
}

div.user-menu-container h4 {
    font-weight: 300;
    color: #8b8b8b;
}

div.user-menu-container a, div.user-menu-container .btn  {
    transition: 1s ease;
}

div.user-menu-container .thumbnail {
   width:100%;
   min-height:200px;
   border: 0px!important;
   padding: 0px;
   border-radius: 0;
   border: 0px!important;
}

/* -- Vertical Button Group -- */
div.user-menu-container .btn-group-vertical {
    display: block;
}

div.user-menu-container .btn-group-vertical>a {
    padding: 20px 25px;
    background-color: #46D8D2;
    color: white;
    border-color: #fff;
}

div.btn-group-vertical>a:hover {
    color: white;
    border-color: white;
}

div.btn-group-vertical>a.active {
    background: #FA396F;
    box-shadow: none;
    color: white;
}
/* -- Individual button styles of vertical btn group -- */
div.user-menu-btns {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

div.user-menu-btns div.btn-group-vertical>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #46D8D2;
}
/* -- The main tab & content styling of the vertical buttons info-- */
div.user-menu-content {
    color: #323232;
}

ul.user-menu-list {
    list-style: none;
    margin-top: 20px;
    margin-bottom: 0;
    padding: 10px;
 }
ul.user-menu-list>li {
    padding-bottom: 8px;
 }

div.user-menu div.user-menu-content:not(.active){
  display: none;
}

/* -- The btn stylings for the btn icons -- */
.btn-label {position: relative;left: -12px;display: inline-block;padding: 6px 12px;background: rgba(0,0,0,0.15);border-radius: 3px;}
.btn-labeled {padding-top: 0;padding-bottom: 0;}

/* -- Custom classes for the snippet, won't effect any existing bootstrap classes of your site, but can be reused. -- */

.user-pad {
    padding: 20px 25px;
}

.user-pad1 {
   min-height: 160px;
    padding: 15px 24px;
}

.no-pad {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

.user-details {
    background: #dcdcdc ;
    min-height: 333px;
}

.user-image {
  max-height:200px;
  overflow:hidden;
}

.overview h3 {
    font-weight: 300;
    margin-top: 15px;
    margin: 10px 0 0 0;
}

.overview h4 {
    font-weight: bold!important;
    font-size: 40px;
    margin-top: 0;
}

.view {
    position:relative;
    overflow:hidden;
    margin-top: 10px;
}

.view p {
    margin-top: 20px;
    margin-bottom: 0;
}
 
.caption {
    position:absolute;
    top:0;
    right:0;
    background: rgba(70, 216, 210, 0.44);
    width:100%;
    height:100%;
    padding:2%;
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:2;
}

.caption a {
    padding-right: 10px;
    color: #fff;
}

.info {
    display: block;
    padding: 10px;
    background: #eee;
    text-transform: uppercase;
    font-weight: 300;
    text-align: right;
}

.info p, .stats p {
    margin-bottom: 0;
}

.stats {
    display: block;
    padding: 10px;
    color: white;
}

.share-links {
    border: 1px solid #eee;
    padding: 15px;
    margin-top: 15px;
}

 

.inner_page_header .fa-3x {
    font-size: 3em;
    height: 78px;
    line-height: 80px;
    width: 80px;
}
 
.my_account { box-shadow:0 0 2px 1px #ddd;} 
.my_account .user-menu-content h3 { margin-top:0; padding-left:11px}
.my_account .user-menu-list h4 {  margin:0;}
.my_account h4 small  strong  { color:rgb(247, 166, 0)}
ul.user-menu-list > li { margin-bottom:0px; padding:11px; margin-top: -1px; border:1px solid #ddd;}
ul.user-menu-list h4 { font-size:16px; text-align:left;}
.my_account h5 a { color:#fff;}
.pad_names h3 { margin-top:0;}
.overview_balance h3 { margin-bottom:10px; font-family: 'open_sanssemibold'; }



 
.user-pad2 { padding: 20px 25px 0px 25px;}

.my_account .btn-default  { border:0 !important; margin:0 !important;  background:#ECECEC;}
.my_account .btn-group-vertical  .btn-default:nth-child(1)  {   background:#F7A600 !important; color:#FFF !important;}
.my_account .btn-group-vertical  .btn-default:nth-child(2)  {   background:#ECECEC !important;  color:#000 !important;  }	
.my_account .btn-group-vertical  .btn-default:nth-child(3)  {   background:#F7A600; color:#FFF !important;}	
.my_account .btn-group-vertical  .btn-default:nth-child(4)  {   background:#ECECEC; color:#000 !important;}	

.my_account .btn-group-vertical  .btn-default:nth-child(1).active::after { border-left: 10px solid #F7A600 !important;}
.my_account .btn-group-vertical  .btn-default:nth-child(2).active::after { border-left: 10px solid #ECECEC !important;}	
.my_account .btn-group-vertical  .btn-default:nth-child(3).active::after { border-left: 10px solid #F7A600 !important;}	
.my_account .btn-group-vertical  .btn-default:nth-child(4).active::after { border-left: 10px solid #ECECEC !important;}		

.banner_add { margin-top:30px;}

.news_section { margin-top:30px;}
.news_section table td { padding:5px;}

.add_div h4 { font-family: 'open_sansbold';}
a.add_div { display:block; color:#000; margin:30px 0 0 0 !important }


.well label { font-weight:normal;   margin-top:15px !important;}
.well label.radio-inline { margin-top:0px !important;}
.banner_add .well { background:#f8f8f8; padding-bottom:30px;}
.banner_add .well, .banner_add .well .btn , .banner_add .well .form-control { border-radius:0;}
.btn-template-main { background:#666; color:#fff !important; width:40px;}
.banner_add .well .form-control { margin-left: 0 !important; border-color:#666;}

.amount { padding-bottom: 20px !important;}
.amount .input-group{ margin-top:14px;} 
.amount .form-group { margin-top:9px;}


.add_div h4 { font-family: 'open_sanslight'; font-size:24px; height: 51px; }
a.add_div { display:block; color:#000; margin:30px 0 0 0 !important }

.h2 h2 {
    font-family: "open_sanslight";
    font-size: 30px;
    margin-bottom: 0px; }



.my_account_icon .add_div img { width:60px;}

.inner_page_banner {
	background:url(../images/banner2.jpg) no-repeat center center;
	 background-size: cover;
    	height: 250px;
     	width: 100%;}




.inner_section_over { position:relative; margin-top:-58px;   }

.inner_section_over  .inner_page_header { margin-top:0;}
 
.inner_section_over  .inner_page_header .container.up_contener { background:#fff;  border-radius: 5px 5px 0 0;}

 
.side-bar
{
    background:#ddd;
     height:100%;
    width:100%;
    color:#000;
    transition: margin-left 0.5s;
}

.side-bar ul
{
    list-style:none;
    padding:0px;
    
}

.side-bar ul li.menu-head
{
     padding:20px;
}


.side-bar ul li.menu-head a
{
    color:#000;
    text-decoration:none;
    height:50px;
}


.side-bar ul .menu-head  a
{
    color:#000;
    text-decoration:none;
    height:50px;
}

.side-bar ul .menu li  a 
{
    color:#000;
    text-decoration:none;
    display:inline-table;
    width:100%;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;
}

.side-bar ul .menu li + li  a  { border-top: 1px solid #fff;}

.side-bar ul .menu li  a:hover
{
    border-left:3px solid #ECECEA;    
    padding-left:17px;
}

.side-bar ul .menu li  a.active
{
    padding-left:17px;
    background:#F7A600;
    border-left:3px solid #E52E0D;
	color:#fff;
}

.side-bar ul .menu li  a.active:before {
   content:"";
   position: absolute;
   width: 0;
   height: 0;
   border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
	
	border-left: 7px solid #F7A600;
    margin-top: -10px;
   right:8px;
}


.content
{
    padding-left: 200px;
    transition: padding-left 0.5s;
}

.active > .side-bar
{
    margin-left:-150px;   
    transition: margin-left 0.5s;
}

.active > .content
{
    padding-left:50px;
    transition: padding-left 0.5s;
}

.inner_section_over .panel  { border-radius:0;}
.inner_section_over .panel  .panel-heading h3 { margin:0; font-size:20px; color:#000;}
 .radius0 { border-radius:0;}
.width100 { width:100%;}

.fa-spin-custom, .glyphicon-spin {
    -webkit-animation: spin 2000ms infinite linear;
    animation: spin 2000ms infinite linear;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.load_and_other .alert  { margin-bottom:0; border-radius:0;} 
.load_and_other .alert strong { font-size:20px; color:#000;} 
.table_recharge { text-align:left;}

.table_recharge td  , .table_recharge th { text-align:center;}
.table_recharge td:first-child , .table_recharge th:first-child{ text-align:left;}

.pagination { margin:0; display:block; float:right;}
.pagination  a { border-radius:0  !important;}
.pagination  li.active a { background:#5bc0de !important; border:1px solid #5bc0de !important;} 


.alerttop { font-size:18px; line-height:32px; border-left:5px solid #5AB65A}
.alerttop   strong { font-size:20px; color:#000;}  





/* ============ */
.recent_recharge_drop { position:relative;}
.recharge_drop_div {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    height: 300px;
    left: 0;
    overflow: auto;
    padding: 10px 0;
    position: absolute;
    top: 32px;
    width: 100%;
    z-index: 99;}
	
.recharge_drop_div h4 { margin-top:0; padding:0 15px;}	
.recharge_drop_div hr { margin:5px 0;}
.result_recharge ul { padding:0 15px;}
.result_recharge ul li { list-style:none; padding:7px 0}
.result_recharge ul li:nth-child(2n) { background:#f7f7f7 ;} 
.result_recharge ul li:last-child { padding-bottom:12px;} 
 
.result_recharge ul li + li { border-top:1px solid #ddd;}

.recharge_drop_div1 {  width: 344px;    left: 15px;}


/* =================== */
/* Buuton */
.select_section .btn-select {
    position: relative;
    padding: 0;
   /* min-width: 236px;*/
    width: 100%;
    border-radius: 0;
	height:34px;
	
 }

.select_section  .btn-select .btn-select-value {
    padding: 6px 12px 5px 12px ;
    display: block;
    position: absolute;
    left: 0;
    right: 34px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
}

.select_section .btn-select .btn-select-arrow {
    float: right;
    line-height: 20px;
    padding:6px 12px 5px 12px ;
    top: 0;
}

.select_section .btn-select ul {
    display: none;
    background-color: white;
    color: black;
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: none !important;
    position: absolute;
    left: -1px;
    right: -1px;
    top: 33px;
    z-index: 999;
}

.select_section .btn-select ul li {
    padding: 5px 12px;
    text-align: left;
}

.select_section .btn-select ul li:hover {
    background-color: #f4f4f4;
}

.select_section .btn-select ul li.selected {
    color: white;
}

/* Default Start */
.select_section .btn-select.btn-default:hover, .select_section .btn-select.btn-default:active, .select_section .btn-select.btn-default.active {
    border-color: #ccc;
}

.select_section .btn-select.btn-default ul li.selected {
    background-color: #ccc;
}

.select_section .btn-select.btn-default ul, .select_section  .btn-select.btn-default .btn-select-value {
    background-color: white;
    border: #ccc 1px solid;
}

.select_section  .btn-select.btn-default:hover, .select_section  .btn-select.btn-default.active {
    background-color: #e6e6e6;
}
/* Default End */

/* Primary Start */
.select_section  .btn-select.btn-primary:hover, .select_section  .btn-select.btn-primary:active, .select_section  .btn-select.btn-primary.active {
    border-color: #286090;
}

.select_section  .btn-select.btn-primary ul li.selected {
    background-color: #2e6da4;
    color: white;
}

.select_section  .btn-select.btn-primary ul {
    border: #2e6da4 1px solid;
}

.select_section  .btn-select.btn-primary .btn-select-value {
    background-color: #428bca;
    border: #2e6da4 1px solid;
}

.select_section  .btn-select.btn-primary:hover, .select_section  .btn-select.btn-primary.active {
    background-color: #286090;
}
/* Primary End */

/* Success Start */
.select_section  .btn-select.btn-success:hover,  .select_section  .btn-select.btn-success:active, .select_section  .btn-select.btn-success.active {
    border-color: #4cae4c;
}

.select_section  .btn-select.btn-success ul li.selected {
    background-color: #4cae4c;
    color: white;
}

.select_section  .btn-select.btn-success ul {
    border: #4cae4c 1px solid;
}

.select_section  .btn-select.btn-success .btn-select-value {
    background-color: #5cb85c;
    border: #4cae4c 1px solid;
}

.select_section  .btn-select.btn-success:hover, .select_section  .btn-select.btn-success.active {
    background-color: #449d44;
}
/* Success End */

/* info Start */
.select_section  .btn-select.btn-info:hover, .select_section  .btn-select.btn-info:active, .select_section  .btn-select.btn-info.active {
    border-color: #46b8da;
}

.select_section  .btn-select.btn-info ul li.selected {
    background-color: #46b8da;
    color: white;
}

.select_section  .btn-select.btn-info ul {
    border: #ddd 1px solid;
}

.select_section  .btn-select.btn-info .btn-select-value {
    background-color: #5bc0de;
    border: #46b8da 1px solid;
}

.select_section  .btn-select.btn-info:hover, .btn-select.btn-info.active {
    background-color: #269abc;
}
/* info End */

/* warning Start */
.select_section  .btn-select.btn-warning:hover, .select_section  .btn-select.btn-warning:active, .select_section  .btn-select.btn-warning.active {
    border-color: #eea236;
}

.select_section  .btn-select.btn-warning ul li.selected {
    background-color: #eea236;
    color: white;
}

.select_section  .btn-select.btn-warning ul {
    border: #eea236 1px solid;
}

.select_section  .btn-select.btn-warning .btn-select-value {
    background-color: #f0ad4e;
    border: #eea236 1px solid;
}

.select_section  .btn-select.btn-warning:hover, .btn-select.btn-warning.active {
    background-color: #d58512;
}
/* warning End */

/* danger Start */
.select_section  .btn-select.btn-danger:hover, .btn-select.btn-danger:active, .btn-select.btn-danger.active {
    border-color: #d43f3a;
}

.select_section  .btn-select.btn-danger ul li.selected {
    background-color: #d43f3a;
    color: white;
}

.select_section  .btn-select.btn-danger ul {
    border: #d43f3a 1px solid;
}

.select_section  .btn-select.btn-danger .btn-select-value {
    background-color: #d9534f;
    border: #d43f3a 1px solid;
}

.select_section  .btn-select.btn-danger:hover, .select_section  .btn-select.btn-danger.active {
    background-color: #c9302c;
}
/* danger End */

.select_section  .btn-select.btn-select-light .btn-select-value {
    background-color: white;
    color: black;
}



.select_section  .btn-select.btn-select-light .btn-select-value, .btn-select ul li {color:#555; }

.select_section .btn-info {
    background-color: #fff !important;
    border-color: #ddd !important;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
}
.select_section  .btn-select .btn-select-arrow { color:#ccc; background:#fff}
.select_section  .btn-select.btn-info .btn-select-value { border:0;}

.select_section ul li img, .btn-select-value  img { 
	margin-right: 5px;
     width: 18px;
    }


















@media (max-width:1199px) {
	.banner_div { background-size:100% !important; }
	.right_form_fild { margin-right: 59px;}
	
	.left_login_box .padding0 { padding:15px !important;}
	.left_login_box { padding:30px;}
	
	.btn_view_more { float:left; margin-left:15px;}
	
	.product_card_secrtion .carousel-inner {
    height: auto;
    padding-bottom: 30px;
}
	#card { width:480px; margin:0 auto;}
	
	.footer_contact a {
     font-size: 15px !important;
}

.rechrge_pages_res .padding_right0 { padding:0 !important;}
.rechrge_pages_res .padding_left0 { padding:0 !important;}
.rechrge_pages_res  .padding0 { padding:0 !important;}
.rechrge_pages_res  .for_res_padd1  { padding:0 !important;}

.rechrge_pages_res1 { padding:0 !important;}


.banner_add_res_self .input-group  { width:100%;} 

.banner_add_res_self .padding0 .padding0 { padding:0 !important} 
.rechrge_pages_res2 { padding-right:15px !important;}
.p_r0 { padding-right:0 !important;}

	
}

@media (max-width:991px) {
	.banner_secrtion {    height: 525px;}
	.banner_div { /* background: rgba(214,178, 27, 0.9) !important; */ width:100%; padding:30px !important; /* height:auto; */ }
	.right_form_fild { margin-right: 0px; width:100%;   }
	.banner_div h1 { margin-top:0;  font-size: 32px;}
	.phone_number { width:100%;}
	
	
	.navbar_nav ul li a { font-size:12px;}
	.logo_left { left: -26px;}
	.navbar_nav ul li + li {  margin-left: 10px; }
	
	.add_div { margin-top:15px; text-align:center; padding-top:30px; padding-bottom:30px; }
	.add_div img { margin-bottom:15px;}
	
	.right_div_01 { margin-top: 30px;}
	/* .left_login_box { margin-top:0;} */
	.section_logins { padding:70px 0; background-position: left center;}
	
	.bottom_footer p { text-align:center; width:100%;}
	
	.footer_div { margin-top:30px;}
	
	.square { width:100%;}
	.square  .btn-default { width:25%; float:left;}
	
	div.user-menu-btns div.btn-group-vertical > a.active::after { top: auto; bottom: -17px; left: 50%; 
	 transform: rotate(90deg);
	 -webkit-transform: rotate(90deg);}
	 
 	.inner_page_self .padding_right0 { padding-right: 15px !important; }
	.inner_page_self .padding_left0 { padding-left: 15px !important; }
	.inner_page_self  .padding0 { padding:0 15px !important;}
	.inner_page_self  .for_res_padd  { padding:0 !important;}

	
}

@media (max-width:767px) {
	 
	.right_form_fild {   text-align:center;}
	#card { width:100%; margin:0 auto;}
	#products .padding_left0 { padding:0px;}
	#products .padding_right0 { padding:0px; margin-top:30px;}
	#products .left img, #products .right img {
     margin-top: 330px;
}

	.product_card_secrtion  .left img, .product_card_secrtion  .right img {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
 }

	
}




/* For nav Only */

@media (max-width:767px) {
	
	
.navbar-toggle 	{ background:#000;}
.navbar-toggle .icon-bar { background:#fff;}

.navbar_nav { width:100%;}
.navbar_nav  ul { margin:0;}
.navbar_nav ul li + li { margin-left:0; border-top:1px solid #6f6f6f;}
.navbar_nav ul li a:hover { color:#f90;}
.navbar_nav ul li a { padding: 7px 0 !important;}



/* Animated Menu Respponsive */
.header { background:none;}
.header_inner {background:#333 none repeat scroll 0 0 !important;}
.navbar_nav  .navbar-collapse  { 
	background-color:rgba(0,0,0,1);
    left: 0;
    padding:10px 15px !important;
    position: fixed;
    top: 4px;
    width: 100%;
	height:100% !important;
	margin-left:-100%;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;}

.navbar_nav { padding:0;}	
 .navbar_nav  .navbar-collapse.in { margin-left:0; }	
	
 .navbar_nav ul.nav  { margin-top:15px;}	

 .navbar_nav .navbar-collapse ul li + li { margin-left:0; border-top:0px solid #6f6f6f;}
 .navbar_nav .navbar-collapse ul li a { font-size:16px; font-family: 'open_sanslight'; padding: 10px 0 !important; color:rgb(248,176,29);}
 
 
 .navbar_nav .navbar-toggle { z-index:9999; transition: all 0.5s ease 0s;  background:none; }
  
  .navbar_nav .navbar-toggle.collapsed {background:rgb(247,166,0); }
  
 .navbar_nav .navbar-toggle .icon-bar {transition: all 0.5s ease 0s; width:30px; }
 .navbar_nav .navbar-toggle .icon-bar:nth-child(3) { display:none;}
 .navbar_nav .navbar-toggle .icon-bar:nth-child(2) { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
 .navbar_nav .navbar-toggle .icon-bar:nth-child(4) { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);
  margin-top:-2px;} 
 
 .navbar_nav .navbar-toggle.collapsed .icon-bar {transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;  width:22px; }
 .navbar_nav .navbar-toggle.collapsed .icon-bar:nth-child(3) { display:block;}
 .navbar_nav .navbar-toggle.collapsed .icon-bar:nth-child(2) { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}
 .navbar_nav .navbar-toggle.collapsed .icon-bar:nth-child(4) { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);
 
 margin-top:4px;} 
 
  
  
  .banner_div { padding:20px 10px 40px 10px; margin-top:108px;}	
  
  .about_content .padding_left0 { padding-left:15px;}
  .about_content .padding_right0 { padding-right:15px;}
  
  .about_content h3 { margin-top:25px;}
  
  
  
.inner_page_header .fa-3x  { font-size: 30px; width: 30px;}
  
.content_holder_about .padding_left0 { padding:0;}
.content_holder_about .padding_right0 { padding:0;}
  }
 


@media (max-width:479px) {
.craccount span { display:block;}
.left_login_box form .craccount .btn_login { margin-left:0;}
.left_login_box .padding0  { padding:0 !important;}


.banner_div h1 { font-size: 25px; }
.banner_div h2 { font-size:38px;}
.phone_number .btn {width: 40px;}
.left_login_box h2 { font-size:24px;}

ul.user-menu-list h4 {
    font-size: 14px;
 }
}

.form-control-borderless {
    border: none;
}

.form-control-borderless:hover, .form-control-borderless:active, .form-control-borderless:focus {
    border: none;
    outline: none;
    box-shadow: none;
}

/** .menu_header nav.navbar .dropdown { display: inline-block; float: left;} **/
.btn.user { display: inline-block; background-color: transparent; color: #fff!important;  }

.navbar_nav ul.dropdown-menu li  { padding: 5px 10px; margin: auto; }
ul.dropdown-menu li a { padding: 3px 0 !important; color: #333!important; }

ul.dropdown-menu li a {font-size: 13px; }
ul.dropdown-menu li a .time { font-size: 12px; }
ul.dropdown-menu li:hover, ul.dropdown-menu li:focus  { background-color: #f1f1f1;}
ul.dropdown-menu li a h4 { font-size: 14px; color: #c00; font-weight: bold; margin: 0px; padding: 0px; }
ul.dropdown-menu li { border-bottom: #e5e5e5 solid 1px; }
ul.dropdown-menu li:last-child { border: none; }



/** left panel css **/
.sidenav a, .dropdown-btn {
  padding: 10px 8px 10px 16px;
  text-decoration: none;
  font-size: 14px;
  color: #ffffff;
  display: block;
  width:100%;
  text-align: left;
}
.sidenav, .dropdown-btn {
    background-color:#333;
}


.sidenav button, .sidenav a {
    border: none;
    border-top: 1px solid;
    border-bottom:#e4e4e4 1px solid ;
}

.dropdown-container {
display: none;
background-color:#838383!important;
}

.dropdown-container a {
    font-size:12px;
    border-bottom: #999999 solid 1px;
}
  
.dropdown-container:hover {
    background-color: #3E3E3E;
}

.dropdown-btn:hover, .dropdown-btn:focus {
    background-color:#000;
    color: white;
    text-decoration: none;
}
  
.dropdown-container a:hover,.dropdown-container li a:hover,.dropdown-container a:focus, .dropdown-container a.active {
   background-color: #5cb85c;
}
  
.inline { float:right; padding-right: 8px; }

.icon1 { width:18px;  margin-right:10px; }
#flashMessage{
    width: 68%;
    margin: 0 auto;
    text-align: center;
    /* background-color: #c9302c; */
    color: #fff;
    height: 35px;
    border-radius: 2px;
    font-size: 24px;
    padding-top: 5px;
    top: 8%;
    z-index: 2;
    position: absolute;
    font-weight: bold;
    left: 16%;
}
.successflash{
    background: #5cb85c;;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 2px;
    font-weight: bold;
}
.errorflash{
    background: red;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 2px;
    font-weight: bold;
}
.cartCount{
    border-radius: 50%;
    width: 19px;
    height: 19px;
    padding: 0px;
    background: #c9302c;
    border: 1px solid #333;
    color: #fff;
    text-align: center;
    display: inline-block;
    bottom: 0px;
    font-size: 8px;
    padding-bottom: 15px;
    font-weight: bold;
        }
/* Page loader css  */
#spinner
{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background:url(../images/Loading.gif) 50% 50% no-repeat transparent;
}
.headingreceipt{
    font-weight: bold;   

}
.msgheader{
    font-size: 14px;
color: #c00;
font-weight: bold;
margin: 0px;
padding: 0px;
}
.msgdetails{
    display: block;
    border: 2px solid beige;
    padding: 20px;
    font-size: 12px;
    min-height: 380px;
}
.bolder-price-box{
    background:#605ca8;
    color: white;
    font-size: 20px;
    font-weight: bold; 
    height: 37px !important; 
}
.thick-brder{
    border: 4px solid #000;
}
.nopadding{
    padding:0px !important;
}
#website{
    display: none;
}
.bolder-header{
    font-weight: bolder;
    font-size: 16px;
}
.phonetext{
    font-size: 24px;
    font-weight: bold;
    color: red;
}