@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans.eot');
	src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans.woff') format('woff'),
		url('../fonts/OpenSans.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
 @font-face {
	font-family: 'Open Sans Bold';
	src: url('../fonts/OpenSans-Bold.eot');
	src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans-Bold.woff') format('woff'),
		url('../fonts/OpenSans-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Regular.eot');
	src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-Regular.woff') format('woff'),
		url('../fonts/Montserrat-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat Light';
	src: url('../fonts/Montserrat-Light.eot');
	src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-Light.woff') format('woff'),
		url('../fonts/Montserrat-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway';
	src: url('../fonts/Raleway.eot');
	src: url('../fonts/Raleway.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Raleway.woff') format('woff'),
		url('../fonts/Raleway.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway bold';
	src: url('../fonts/Raleway-Bold.eot');
	src: url('../fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Raleway-Bold.woff') format('woff'),
		url('../fonts/Raleway-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto Black';
	src: url('../fonts/Roboto-Black.eot');
	src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Roboto-Black.woff') format('woff'),
		url('../fonts/Roboto-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}
/*Result pages beg */
.s-box{width: 48%;float: left;margin:10px}
.s-img {width: 18%; float: left; font-size: 13px;}
.s-desc {
    text-align: start;
    width: 72%;
    float: left;
    font-family: open sans;
    font-size: 14px;
    margin: 2px 0 3px 0;
    color: #4d4d4f;
    font-weight: 100;
}
.s-price {
    float: left;
    width: 75%;
    text-align: start;
    margin: 5px 0 0 0;
    font-size: 13px;
}
img#prod-img {
    MARGIN: auto;
}
.s-title {
    text-align: start;
    font-family: open sans;
    margin: 0 0 0px 0;
    width: 80%;
    float: left;
    font-size: 14px;
}
.s-result {
    width: 80%;
    margin: auto;
    clear: both;
}
a.linksD {
    float: left;
    padding: 4px;
}
div#frameCode {
    /*WIDTH: 250PX;
    MARGIN: auto;*/
    padding: 0px 15px;
}
.sr-text {
    float: left;
    margin: 0px 13px 0 0;
}
a.NormalLink {
    float: left;
}
.tog-2 a {
    text-decoration: none;
    color: #fff;
}
/*Result pages end*/

.newsl-p{color: 016db5; font-weight: 800;font-family: 'open sans bold'; font-size: 1.4em; text-align: center;}
body{ margin:0 !important; padding:0; font-family:'Open Sans';}
#nvb-3{width:55% !important; left:7%;}
#nvb-4{width:50% !important; left:23%;}
#nvb-5{width:179px !important; position:relative !important; top:0; margin:0 0 0 -8px }
#nvb-6{width:56.12% !important; left:42%; margin-left:8px}
#nvb-7{width:172px !important; position:relative !important; top:0; margin:0 0 0 -8px}
.col-e{width:15%; margin-left:20px; float:left;}
.col-e1{width:28%; margin-left:20px; float:left;}
.col-s{width:30%; margin-left:20px; float:left;}
.col-s1{width:28%; margin-left:20px; float:left;}
.col-t{width:22%; margin-left:15px;  margin-right:10px; float:left;}
.col-t1{width:20%; margin-left:15px; margin-right:10px;float:left;}

.margintop{ margin-top:2.5%;}
td{ font-family:inherit; padding:5px !important;}
h1{ font-family: 'Raleway';}
.col-sm {
    width: 17%;
    float: left;
    margin: 7px 6px 10px 24px;
}
.nav-tabs > li.active > a {   
    height: 47.5px;
}
a:active, a:focus {
    outline: none;
}

.drop{ display:none;}
p{ color:#000000;  }
td{ padding:0 !important; margin:0;}
.spl{margin: 21% 0 0 0;}
.qv-des p{    width:85%;    height:auto;float:left;    display:block;     padding: 0px;    overflow:hidden;}
.nvp-marg{ margin-top:0; margin-bottom:0; color:#fff; text-align:center;}
.book-marg{ margin-top:12px;}
.top-msg a{font-family: 'Raleway'; }
::-webkit-input-placeholder {
   color: #4D4D4F;
}
.au-p p {
    color: #3162cd;
}
:-moz-placeholder { /* Firefox 18- */   color: #4D4D4F;  }
::-moz-placeholder {  /* Firefox 19+ */   color: #4D4D4F;  }
:-ms-input-placeholder {     color: #4D4D4F;  }
.a-img img {
    margin: auto;
    float: none;
}
.search-cont-1 .btn-1 {
    color: #4d4d4f;
    padding: 8px 9px 7px 8px;
    border-left: 1px solid #4d4d4f;
    background: #ccc;
    border-radius: 0 25px 24px 0;
}
.dropup {
    display: none;
}
.bind {
    width: 15%;
    float: right;
    position: relative;
}
.dropup {width:21%; float:right;background: rgba(0,0,0,0.1);text-align: center; font-weight:600  }
.drop {width:21%; float:right ;background: rgba(0,0,0,0.1);text-align: center; font-weight:600}

.upper {
display: none;
padding: 27px 4px;
cursor: pointer;
}

.downer {
display: none;
padding: 27px 4px;
cursor: pointer;
}
 .m-rate{
    float: left  !important;
    font-weight: 600  !important;
    color: #4d4d4f  !important;
    text-decoration: none !important;
}
   .prod-img{width: 200px !important;
    height: 220px !important;
    margin: auto !important;}
.prod-img img {
    margin: auto;
}
   .prod {
    position: relative !important;
    width: 95% !important;
    margin: 10px auto 7px auto !important;
    padding: 0px 4.15px 22px 4.15px !important;
    box-shadow:0 0 0 .7px #E6E6E2 ;
 
}
.prod-r {
    position: relative !important;
    width: 95% !important;
    margin: 10px auto 7px auto !important;
    padding: 0px 2px 22px 2px !important;
    box-shadow: 0 0 0 .6px #C7C4C4;
    border: 1px solid #fff;
    border-radius: 4px;
}
p.rel-title {
    font-size:13px;
    height:55px;
    margin: 5% 0 3% 0;
    overflow: hidden;
}
.slick-slide img {
    display: block !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: auto !important;
}
.rate{ margin-top:3px;
width:100%;
float:left;
}

#bcrums a {
    color: #4d4d4f !important;
}
.prod-f {
    position: relative !important;
    width: 19% !important;
   margin: 2% 0% 2% 1% !important;
    float: left;
    padding: 0px 6px 5px 7px !important;
    box-shadow: 0 0 0 .7px #E6E6E2;
    border: 1px solid #fff;
}
#recenthistoryzone .slick-track {
    /* width: 100% !important; */
    margin: auto;
}
.prod-f:hover {
    border: 1px solid #6e91dc;
    box-shadow: 0px 0px 8px #6e91dc;
}
.prod-f:hover .quick-view {
    display: block;
}
a.crumb {
    font-family: open sans,arial;
    font-size: 14px;
    line-height: 1.42857143;
}
.crumb::after,  .crumbover::after, #bcrums::after{
    content: url(/site/newwebsite/img/bcmark.png);
    padding-left: 10px;
}
.item-heading h1 {
   margin-top: 5px;
    color: #3162cd;
    margin-bottom: 10px;
    font-family: 'Raleway bold';
    font-weight: 600;
    font-size: 1em;
display:none;
}
.custom-curri-image-item-1.text-center img {
    margin: auto;
}
/*******************for title dots*******************************/
.d-title {
  width:100%;
  overflow: hidden;
  margin:  0px;
}

.line-clamp {
      position: relative;
    height: 57px;  /*exactly three lines */
    }
.line-clamp:after {
      content: "";
      text-align: right;
      position: absolute;
      bottom: 0;
      right: 0;
      width: 70%;
     height: 1.3em;  
      background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
 }

@supports (-webkit-line-clamp: 3) {
    .line-clamp {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;  
  height:58px;  /*  I needed this to get it to work */
       
    }
    .line-clamp:after {
        display: none;
    }
}


/*************************************************/

.head-sect{ padding:0;margin:0; width:100%; float:left;}
.top-head{background-color:#4d4d4f; padding:2px 0 2px 0; width:100%; float:left; position:fixed; z-index:20000;}
.top-msg{margin:9px 0 0 0;text-align:center;}
 .social{ color:#cbccc4;}
.social a{ text-decoration:none;color:#cbccc4;  }
.social-1{ color:#cbccc4;}
.social-1 a{ text-decoration:none;color:#cbccc4;  }
.social-1{ display:none;}
.top-msg a{ text-decoration:none; color:#cbccc4 !important;  }
.top-link { margin:9px 0 0 0;}
.top-link a{ margin:0 0px 0 20px; color:#cbccc4 !important;text-decoration:none;font-family: 'Raleway'; }
.deal-sect{ width:100%; float:left; margin:5% 0 0 0;font-family: 'Raleway';}
.deal-sect a{font-family: 'Raleway'; text-decoration:none; color:#4d4d4f; font-size: 1.5em;}
.deal-2{ text-align:center; margin:0 0 0 4%;}
.deal-3{ text-align:center; margin: 0 0 0 27%;}

.logo-sect{ width:100%; float:left; margin: 1% 0 1% 0; font-family:'Raleway';}
.search{  padding:6px; background:none; outline:none; border:none; margin:3px 0 0 0; width:60%}
.search-cont{ width:93%; border:1px solid #666;  float:left;padding: 0px 0 0 6px; margin:4% 0 0 3.5%;}
/*.search-cont{ width:93%; border:1px solid #666;  float:left;padding: 0px 0 0 6px; margin:6% 0 0 10%;}*/
.search-cont-{ background:#fff;}
.bfheadmessage {font-size: .99em; position: relative; color: #e42200; font-weight: bold; clear:both; }
.btn-1{ background:#4D4D4F; outline:none; border:none; padding:8px; color:#fff; float:right; font-weight:800;border-radius:0;}
.cart{ margin:6% 0 0 0; float:right; position:relative;}
.cart img{ float:left;width: 45px;height: 45px;}	
.ch-out {
    position: absolute;
    background-color: #fff;
    padding: 1px 4px 1px 4px;
    border-radius: 50%;
    font-size: 10px;
    left: 24px;
    top: 8px;
    color: #228EDB;
    font-weight: 600;
    box-shadow: 0 0 4px #666;
}
.price{ float:left;}
.price a:first-child{ font-weight:800;}
 .nav-sect{ width:100%; float:left;}
/*************************popup******************************************/
 .modal-content { border-radius:0;}
	 .modal-header {
		 background-image:url(/site/newwebsite/img/modal-head.jpg) ;
		 background-repeat:no-repeat;
		 background-position:top;
   padding: 19px 6px 4px 2px;
   border-bottom:none;
    }
	.close { font-weight:100;font-size: 17px;}
	.modal-footer {
    padding: 2px;
    text-align: right;
    border-bottom: 14px solid #f4569e;
	border-top:none;
}
.news-head{ margin:0 auto;}
.news-head h1 {
    font-size: 1.4em;
    color: #016db5;
    margin-top: 0;
    font-family:'Roboto Black';
}
.news-head h1 strong {
    font-size: 40px;
}
.news-head h2 {
    font-size: 20px;
    font-weight:600;
color:#016db5;
margin:5px 0 5px 0;
    font-family:'Roboto Black';
}
.news-head h1 {
    margin: 0;
}
 
 
.form-control {
    
    padding: 5px 28px;
    margin: 2px 14px 11px 14px;
}
.para{ font-style:italic; color:#999; margin:5px 0 10px 15px;}
.btn-color {
    background: #f4569e;
    color: #fff;
    margin: 0 14px 0 14px;
    padding: 6px 0 7px 0;
    width: 45%;
}
.form-width{ width:100% !important;}
.news-notes {
    font-size: 0.8em;
    color: #666;
    line-height:1.5em;
    margin: 10px 0 0 0;
padding: 0 15px 0 15px;
    background-color: #EAEAEA;
}
.form-control {

    float: left;
	 
}
 
/*************************popup**ends****************************************/
/*************************quick view popup*****************************************/
.cd-nugget-info a {
  position: relative;
  font-size: 14px;
  color: #5e6e8d;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.no-touch .cd-nugget-info a:hover {
  opacity: .8;
}
.cd-nugget-info span {
  vertical-align: middle;
  display: inline-block;
}
.cd-nugget-info span svg {
  display: block;
}
.cd-nugget-info .cd-nugget-info-arrow {
  fill: #5e6e8d;
}

 

@media only screen and (min-width: 1170px) {  
}
 
.cd-popup {
overflow-y: scroll;
  position: fixed; /*fixed*/
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(94, 110, 141, 0.9);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index: 1001;
}
.cd-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container {
  position: relative;
  width: 90%;
  max-width:800px;
  margin: 4em auto;
  background: #FFF;
  border-radius: .25em .25em .4em .4em;
  
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cd-popup-container p {
  
}
.cd-popup-container .cd-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.cd-popup-container .cd-buttons li {
  float: left;
  width: 50%;
  list-style: none;
}
.cd-popup-container .cd-buttons a {
  display: block;
  height: 60px;
  line-height: 60px;
  text-transform: uppercase;
  color: #FFF;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cd-popup-container .cd-buttons li:first-child a {
  background: #fc7169;
  border-radius: 0 0 0 .25em;
}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
  background-color: #fc8982;
}
.cd-popup-container .cd-buttons li:last-child a {
  background: #b6bece;
  border-radius: 0 0 .25em 0;
}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
  background-color: #c5ccd8;
}
.cd-popup-container .cd-popup-close {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 30px;
  height: 30px;
  cursor:pointer;
}
 
 
.is-visible .cd-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
a.pull-rights {
    float: right;
}
a.pull-lefts {
    float: left;
}
@media only screen and (min-width: 1170px) {
  .cd-popup-container {
    margin: 8em auto;
  }
}

 .quick-modal{float:left; width:100%; background:#fff; padding:2%; }
	.rating{ color:#469b07;font-size:1.5em;}
	.q-cont h2{ color:#3162cd; font-size:1.5em;margin: 0px 0 6px 0;font-family: 'Montserrat'; }
	.rate-p{ border-bottom:1px solid #ccc; padding:0 0 10px 0}
	.q-cont p{  font-size: 0.9em;margin: 2px 0 1px 0; color: #4d4d4f; }
	.q-rate p:first-child{font-size: 1.6em; color:#4d4d4f; text-decoration:line-through; font-weight:600; float:left;}
	.q-rate p:nth-of-type(2){color:#469b07; margin:0 0 0 10px;font-weight:600; float:left;font-size: 1.6em;}
.q-rate p:nth-of-type(3) {
    font-weight: 600;
}
	.q-rate p:last-child{ font-size:1em;}
 	.q-rate {float: left;width: 100%;padding: 9%;border-left: 1px solid #ccc;margin: 22% 0 0 0;}
	.q-rate a{ background:#228edb }	 
	.q-img{width: 100%;float: left;padding: 2%;}
	.q-img a{ margin:5px 0 5px 0;}
	.q-img img{ margin:5px 0 5px 0;}
	.q-desc{width:100%; float:left; margin: 7% 0 0 0;}
	.q-desc-bt{}
	.q-desc-bt a{background:#228edb; color:#fff;}
	.close-1{position: absolute;
    top: -10px;
    right: -10px; cursor:pointer;}
	/************************quick-view*popup**ends****************************************/
/*************************sliding ad******************************************/
 body {
    overflow-x: hidden;
}
#slideout {
    background: #e42200;
    position: absolute;
    width: 315px;
    height: auto;
    top:65%;
    right:-270px;
    padding-left: 20px
}
#clickme {
    position: relative;
    top: 0; left: 0;
    height: 100%;
    width: 100%;
    background: #e42200;
}

#slidecontent {
    float:right;
}
 .vertical {
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: left top;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: left top;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: left top;
    -o-transform: rotate(90deg);
    -o-transform-origin: left top;
    transform: rotate(90deg);
    transform-origin: left top;
    position: absolute;
    top: 21px;
    background: #e42200;
    float: right;
    margin: auto;
    width: 78%;
    left: 29px;
    padding: 0 0 0 14px;
    border-left: 1px dashed #fff;
    border-right: 1px dashed #fff;
    border-bottom: 1px dashed #fff;
    white-space: nowrap;
    font-size: 2em;
    font-weight: 600;
    color: #fff;
}
.side-offer {
     
   margin:  0px;
   
  padding: 0px;
}
.side-offer  p{ color:#fff !important; }
.megm {
    padding: 7px 0px;
    width: 100%;
    margin: 0;
    display: block;
    position: relative;
    top: 0px;
}
/************************************************Navbar************************************* **/

.color-1{ background:#283590; border-bottom:3px solid #0f1b6f; }
.color-2{ background:#0E70BB; border-bottom:3px solid #034f8a;}
.color-3{ background:#2AB773;border-bottom:3px solid #179056; }
.color-4{ background:#EF6BA7; border-bottom:3px solid #b93f77;}
.color-5{ background:#FFBC15;border-bottom:3px solid #c38d04; }
.color-6{ background:#A2237C; border-bottom:3px solid #750f57;}
.color-7{ background:#EE1B22; border-bottom:3px solid #bd0a10;}
.dropdown-menu{ border:none;}
.navbar-nav > li {
    float: left;
    width: 14.28%;
	    height: 70px;
}
.navbar-nav { width:100%;     background: #FE7800;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background: none;
    border-color: transparent;}
	.nav>li>a:hover {
    text-decoration: none;
    background:none;
}
.open .nv-head::after{ content: '';
    border: 2ex solid transparent;
    border-bottom-color: #fff;
    color: cornflowerblue;
    text-align: center;
    position: absolute;
    top:66%;
    left: 0;
    right: 0;
    width: 0;
    margin: 0 auto;}
.navbar-nav > li > a {
    padding: 14px 0 15px 0;
    font-size: 1.1em;
    font-family: 'Raleway';
    text-align: center;
    font-weight: 600;
    color: #fff;
}
  .navbar-nav > .dropdown > a .caret{
	border-top-color: #fff;
    border-bottom-color: #fff;
}
 .navbar{ margin-bottom:0 !important;}
.menu-large {
  position: static !important;
}
.megamenu{
  padding:7px 0px;
  width: 97.5%;
    margin: 0 0 0 15px;
}
.megamenu> li > ul {
  padding: 0;
  margin: 0;
}
.megamenu> li > ul > li {
  list-style: none;
  color:#016DB5;
 
}
.dropdown-header {
    display: block !important;
    padding: 10px  0px !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    white-space: nowrap !important;
    border-bottom: 1px solid #016db5 !important;
color:#016db5!important;
}
.megamenu> li > ul > li > a {
  display: block;
  padding: 3px  0px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
font-size:11px;
  color: #000;
  white-space: normal;
  font-family: 'Montserrat Light';
}
.megamenu> li ul > li > a:hover,
.megamenu> li ul > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.megamenu.disabled > a,
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
  color: #999999;
}
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
	position: absolute;
    bottom: 0;
    width: 22px;
    height: 11px;
    left: 50%;
    margin-left: -10px;
    background-position: -88px -53px !important;
 
	
 /*  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;*/
}
.megamenu.dropdown-header {
  color: #428bca;
  font-size: 18px;
}
@media (max-width: 768px) {
 
div#vid-frame ul {
    width: 100%;
    margin: 0;
    padding: 0;
}
div#vid-frame iframe {
    max-width: 100%;
    min-height:250px;
}
  .megamenu{
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .megamenu> li {
    margin-bottom: 30px;
  }
  .megamenu> li:last-child {
    margin-bottom: 0;
  }
  .megamenu.dropdown-header {
    padding: 3px 15px !important;
 
  }
  .navbar-nav .open .dropdown-menu .dropdown-header{
	color:#fff;
  }
}

/************************************************Navbar**Ends*************************************************************/
.midder-sect{ width:100%; float:left;}
.slider{ width:100%; float:left;margin: -5px 0 0  0px;}
.sect{ width:100%; float:left;}
.sect-2{ width:100%; float:left;}
.ad-sect{ width:100%; float:left;    margin: 1% 0;}
.hdr{  
    color: #3162cd;
    border: 1px solid;
    width: 76%;
    float: right;
    padding: 0;
    margin: 14px 0 0 0;
}
.hdr-0{  
    color: #3162cd;
    border: 1px solid;
    width: 77%;
    float: right;
    padding: 0;
    margin: 1% 0 0 0;
}
.hdr-2{  
    color: #3162cd;
    border: 1px solid;
    width: 86%;
    float: right;
    padding: 0;
    margin: 14px 0 0 0;
}
.hdr-3{  
    color: #3162cd;
    border: 1px solid;
    width: 79%;
    float: right;
    padding: 0;
    margin: 14px 0 0 0;
}
.hdr-4{  
    color: #3162cd;
    border: 1px solid;
    width: 79%;
    float: right;
    padding: 0;
    margin: 14px 0 0 0;
}
.hdr-5{  
    color: #3162cd;
    border: 1px solid;
    width: 72%;
    float: right;
    padding: 0;
    margin: 14px 0 0 0;
}
.hdr-6{  
    color: #3162cd;
    border: 1px solid;
    width: 88%;
    float: right;
    padding: 0;
    margin: 14px 0 0 0;
}
.hdr-7{  
    color: #3162cd;
    border: 1px solid;
    width: 90%;
    float: right;
    padding: 0;
    margin: 14px 0 0 0;
}
.hdr-8{  
    color: #3162cd;
    border: 1px solid;
    width: 77%;
    float: right;
    padding: 0;
    margin: 14px 0 0 0;
}
 
 
.see-more{ float:right; color:#3162cd;    margin-right: .75%;}
.slider-heading{ margin:2% 0 0 0;}
.slider-heading h3{ margin:0; padding:0; float:left; color: #3162cd; font-weight:600;font-family: 'Raleway bold';}
.rate p:first-child{ float:left;font-weight:600; text-decoration:line-through; font-size:15px; color:#4d4d4f;}
.rate p:last-child{ float:right; color:#469b07; font-weight:600;font-size:15px;}
.carousel-control.right {
    right: 0;
    left: auto;
    /* background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); */
    background-image: none;
    /* background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5))); */
    /* background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}
.carousel-control.left {
    left: 0;
    right: auto;
    /* background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); */
    background-image: none;
    /* background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5))); */
    /* background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}
.carousel-caption {
    right: 93px;
    left:52%;
    padding-bottom: 30px;
    top: 27px;
	text-align:start;
}
.recent-sect{ width:100%; float:left;}
.recent{ width:100%; float:left;}
.say{ width:100%; float:left; height:300px;}
.review{position:relative;width:100%; float:left;}
.nav-i {
    position: absolute;
    right: 24px;
    float: right;
    bottom: 58px;
}
.cap{ font-size:3em;}
.cap-1{ font-weight:800;}
.slide-p{ text-align:start; color:#fff;}
.nav-i a{ text-decoration:none; color:#939395; margin:2px;  }
.nav-i a:hover{ color:#4d4d4f; }
.item-text{ margin: 6% 4% 5% 6%;
    padding: 1%;}
.item-text p{overflow:hidden; text-align:start;height: 160px; }
.item-text h5{ font-weight:bold;}	
.highlights{ width:100%; float:left; margin:1% 0 0 0;} /*4%*/
.bx-color-1{ background:#ee1b22;}
.bx-color-2{ background:#A2237C;}
.bx-color-3{ background:#0E70BB;}
.bx-color-4{ background:#ef6ba7;}
.bx-color-5{ background:#283590;}
.bx-color-6{ background:#2ab773;}
 
.h-box{  text-align:start; margin:2% 0 2% 0;   padding: 5% 0 5% 5%;
    font-size: 1.5em;}
.h-box img{ width:40px; height:40px;}
.h-link{ text-decoration:none; color:#fff; text-align:start; font-weight:700}

a.h-link:hover {
    text-decoration: none;
    color: #ffffff;
}
.recent-sect{ margin:3% 0 2% 0}
.recent{ height:300px; box-shadow:0 0 2px #ccc; margin:0; padding:0; border: 1px solid #ccc;border-radius: 4px 4px 0 0;font-family: 'Raleway';}
.recent h4{ background:#4d4d4f; color:#fff; padding:10px; margin:0; font-size: 1.2em;border-radius: 4px 4px 0 0;font-family: 'Raleway bold';}
.say{box-shadow:0 0 2px #ccc; margin:0; padding:0; border: 1px solid #ccc;border-radius: 4px 4px 0 0;}
.say h4{ background:#4d4d4f; color:#fff; padding:10px; margin:0; font-size: 1.2em;font-family: 'Raleway bold';border-radius: 4px 4px 0 0;}

footer{ background-color:#555555 ; width:100%; float:left; }

.footer{ margin:0; padding:0;}
.foot{ margin-top:3%; padding: 2% 0 2% 0;}
.foot h4{ color:#cbccc4 !important; font-size:1em; font-weight:600; font-family: 'raleway';}
.foot-nav { margin:0; padding:0;}
.foot-nav li{ list-style-type:none; padding:2px 0 2px 0; }
.foot-nav li a{ color:#cbccc4 !important; text-align:start; font-family: 'raleway';}
.foot-mid {padding:2% 0 2% 0;   }
.foot-mid-col{border-top:1px solid #cbccc4;}
.foot-mid h5{ text-align:center; color:#cbccc4 !important; font-size:1.2em; font-weight:600 }
.foot-mid h6{ text-align:center; color:#cbccc4 !important; }
.foot-bottom{background:#4d4d4f; float:left; width:100%; margin:0; padding:3px;}
.click-top{position: absolute;
    top: -38px;
    right: 37px;
    background: #4D4D4F;
    font-size: 1.8em;
   
    color: #CBCCC4;}
	.click-top a{ text-decoration:none; color:#CBCCC4; padding: 2px 15px 2px 15px;}
.social-foot{ color:#cbccc4;}
.social-foot a{ text-decoration:none;color:#cbccc4;  }
.social-foot  a:hover  { color:#016DB5; }
.social-foot  a:hover .color-x{ color:#CBCCC4; }
.social a:hover  { color:#016DB5; }
.social a:hover .color-x{ color:#CBCCC4; }
.color-x{color:#4D4D4F;}

.pay-method{ margin:5px 0 0 0 ;}
.pay-method a{ margin:0 1px 0 5px;}
.navbar-toggle {
    padding:0px 0;
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 8px; 
}
.tog-right{ padding:2px;}
.tog-1{margin: 0px;
    padding: 5px 0 4px 0;
    font-size: 1.3em; padding:5px;}
.tog-2{ float:left; margin: 0px;
    padding: 5px 0 4px 0;
    font-size: 1.3em;}
.tog-3{ float:left;margin: 0px;
    padding: 5px 0 4px 0;
    font-size: 1.3em;}
.tog-4{ float:left;margin: 0px;    padding: 5px 0 4px 0;    font-size: 1.3em;}

.resp{width:100%; float:left; display:none;}
.resp button{border: none;background: none; color:#fff; padding: 0 10px 0 10px; margin: 0;}
.tog-left{ float:left;}
.tog-right{ float:right;}
.deal-sect-2{ display:none;}
.very-1{ display:none;}
.social-foot p{float: left;
    margin: 7px 10px 0 0;color: #cbccc4 !important;}
 
.search-cont-1 {
    display: none;
    background: #fff;}
/***************************home page************************************/
.sorting{margin:10px 0 10px 0; width:51%;}
/***************************affilation page************************************/
.a-program{width:100%; float:left; margin:0 0 2% 0}
.a-header{ width:100%; float:left; margin:1% 0 1% 0}
.a-header h1{ font-size:1.8em; color:#3162cd;}
.a-sect-p{ width:100%; float:left; margin:4% 0 2% 0; padding: 9% 0 0 0;     color: #4d4d4f;
    line-height: 1.7em;}
.a-sect-img{ margin:2% 0 2% 0;width:100%; float:left; }
.a-sect-img img{ border:2px solid #3162cd; margin:auto;}
.af-ad{ width:100%; float:left; margin:2% 0 3% 0}
.a-sect-h{color: #3162cd;}
.hdr-af{  
   color: #3162cd;
    border: 1px solid;
    width: 23%;
    float: right;
    padding: 0;
    margin: -2% 0 0 0;
}
/****************/
.contact{ width:100%; float:left; margin:1% 0 3% 0;}
.c-btn{background-color:#228edb; color:#fff;}
.c-header{ width:100%; float:left; margin:1% 0 1% 0}
.c-header h1{ font-size:1.8em; color:#3162cd;}
.hdr-c {
    color: #3162cd;
    border: 1px solid;
    width: 79%;
    float: right;
    padding: 0;
    margin: -2% 0 0 0;
}
.c-info{ margin:20px 0 0px 0; line-height: 11px;}
/****************/
.d-header{ width:100%; float:left; margin:1% 0 1% 0}
.d-header h1{ font-size:1.8em; color:#3162cd; font-weight:600;}
.hdr-d {
    color: #3162cd;
    border: 1px solid;
    width: 77%;
    float: right;
    padding: 0;
    margin: -2% 0 0 0;
}
.d-img{ border: 1px solid #ccc;    padding: 8px;    width: 90%;    margin: auto; background-color:#fff;}
.d-desc h3{font-size:1.2em; color:#3162cd;    margin-top: 0; font-weight:600;}
.d-desc a {
    text-decoration: none;
    color: #3162cd;
}
.d-desc p:nth-of-type(1){ font-size:1em; color:#787878; font-weight:600;}
.d-desc p:nth-of-type(2){ font-size:.9em; color:#4d4d4f;}
.d-rate{margin: 2% 0px 0 0;}
.d-rate p:first-child{  font-size: 1.1em; float:left;font-weight:600; text-decoration:line-through; color:#4d4d4f;}
.d-rate p:last-child{ float: left;
    color: #469b07;
    font-size: 1.1em;
    font-weight: 600;
    margin: 0 2px 0 56px;}
.d-inpt {
    outline: none;
    margin: 0 4px 0 15px;
    border: 1px solid #DAD9D9;
  height: auto;
    font-size: 1em;
    width: 44px;
text-align:center;
    border-radius: 7px;
    line-height: 1.95;
   padding: 3px 0 3px 0; 
}
.cd-inpt {
    outline: none;

    border: 1px solid #DAD9D9;
  height: auto;
    font-size: 1em;
    width: 85px;
text-align:center;
    border-radius: 7px;
    line-height: 1.95;
   padding: 3px 0 3px 0; 
}

.d-form{float: left;
    width: 100%;margin: 1% 0 5% 0;}
.d-form label{ color:#4d4d4f; display:block; float:left;padding-top: 6px;}	
.d-form-m{ margin:0;}
.d-sect{ margin-top:3%;}
.d-btn{ background-color:#228edb;}
.nbf-sect { text-align:center;}	
.nbf-header{ width:100%; float:left; margin:1% 0 1% 0}
.nbf-header h1{ font-size:1.8em; color:#3162cd;}
.hdr-nbf {
    color: #3162cd;
    border: 1px solid;
    width: 80%;
    float: right;
    padding: 0;
    margin: -2% 0 0 0;
}
.nbf-program{ margin:1% 0 2% 0;}
.nbf-sect{}
.nbf-row{ margin-top:1%; margin-bottom:3%;}

.obf-sect { text-align:center;}	
.obf-header{ width:100%; float:left; margin:1% 0 1% 0}
.obf-header h1{ font-size:1.8em; color:#3162cd;}
.hdr-obf {
    color: #3162cd;
    border: 1px solid;
    width: 88%;
    float: right;
    padding: 0;
    margin: -2% 0 0 0;
}
.obf-program{ margin:1% 0 2% 0;}
.obf-sect{}
.obf-row{ margin-top:1%; margin-bottom:3%;}
.s-head h6{font-size: 1.5em;
    background: #228edb;
    text-align: center;
    padding: 7px;
    color: #fff;}
.s-head p{ color:#4d4d4f; margin-left: 7%;}	
.s-head a{ text-decoration:none; color:#4d4d4f;}
.hdr-s{
    color: #3162cd;
    border: 1px solid;
    width: 88%;
    float: right;
    padding: 0;
    margin: -2% 0 0 0;
}
.s-row{ margin-top:2%; margin-bottom:3%;}
.hdr-sm{ color: #3162cd; border: 1px solid; width: 77%; float: right; padding: 0; margin: -2% 0 0 0;}
.hdr-t{ color: #3162cd; border: 1px solid; width:68%; float: right; padding: 0; margin: -2% 0 0 0;}
.item-text-t {
    text-align: start;
    color: #475055;
    padding: 2%;
     border-radius:4px;
}
.rev-item{  border: 1px solid #EAEAEA; padding:10px;}
.item-text-t p{ text-align:start;}
.item-text-t h5{ color:#3162cd;}
.i-cl { color:#469b07;}

.audio-program{ width:100%; float:left;}
.a-img{ width:100%; float:left; margin:2% 0 3% 0;}
.hdr-a{ color: #3162cd; border: 1px solid; width:71%; float: right; padding: 0; margin: -2% 0 0 0;}
.au-text h2{ color:#3162cd; font-weight:600; font-size:1.7em;}
.au-text i{ color:#ffd129; margin: 0 8px 0 0;}
.au-row{ margin-top:1%; margin-bottom:3%;}
.au-row p{ text-align:center;}
.au-row .col-sm-3 { text-align:center; color:#4d4d4f}
.au-row .col-sm-3 a{ text-align:center; color:#3162cd; text-decoration:none;font-style:italic;}
.au-row .col-sm-6 a{ text-align:center; color:#3162cd; text-decoration:none;font-style:italic;}
.au-row .col-sm-4 { text-align:center; color:#4d4d4f}
.au-row .col-sm-4 a{ text-decoration:none;color:#3162cd; font-style:italic;}
.au-img{ margin:auto;}
.au-p{ margin-top:1%; margin-bottom:2%;}
.au-btm-text{ color:#3162cd; margin-top:1%; margin-bottom:2%; font-size:1.4em;}
.tx-bold{ font-weight:600;}
.tx-itl{ font-style:italic;}
/**********/
.sp-btn-cl{ background-color:#228edb; color:#fff;}
.hdr-sv{
    color: #3162cd;
    border: 1px solid;
    width: 80%;
    float: right;
    padding: 0;
    margin: -2% 0 0 0;
}
.btn-sr{ margin:2% 0 1% 0;}
.srbtn-cl{ color:#228edb; font-weight:600;padding: 7px 23px 6px 20px;}
.italic{ font-style:italic;}
.sr-program{ width:100%; float:left;}
/****************/
 
.hdr-jot{
    color: #3162cd;
    border: 1px solid;
    width: 83%;
    float: right;
    padding: 0;
    margin: -2% 0 0 0;
}
.jot-program{ width:100%; float:left; margin:1% 0 2% 0}
.jot-program h1{ font-size:1.5em; color:#3162cd; font-weight:600;}
.j-list-header h2{color:#3162cd; font-size:1.2em;}
.j-list-header ul { list-style:circle; }
.j-list-header ul li{ list-style:circle; margin: 0 0 0 33px; }
/***************************************item page***********************************************************/
span.shareit {
    float: left;
    margin: 6px 8px 0 0;
    color: #000000;
}

span.telltag {
    float: left;
    font-size: 0.90em;
    margin: 0px 0 0 1px;
    background: #1da1f2;
    color: #fff;
    padding: 6px;
  transition: all .2s ease-in-out;
}
.addthis_sharing_toolbox {
    float: left;
}

.share {
    float: left;
}

.rate-p-s {
    float: left;
}
.fb{color: #3b5998}
.tw{color:#55acee}
.pn{color:#cb2027}
.gp{color:#dd4b39}
.sh{color:#1ca54b}
.em{ color:#00a8ec}
.item-p-sect{width:100%; float:left; margin:2% 0 2% 0}
.item-p-1{text-align:center;}
.item-p-1 img{ margin-bottom:5%;margin-left: auto;    box-shadow: 0 0 2px #eae8e8;
    padding: 10px 0 10px 0;    margin-right: auto;}
.item-p-1 a{margin-top:5%; background-color:#fe7800; border:none;}
.item-p-2{}
.item-p-2 h1{    margin-top: -3px; color:#3162cd; font-family:'Raleway bold'; font-weight:600; font-size:1.5em;}
.item-p-3 h3{ margin-top:0; color:#016db5; font-size:1.5em;     font-family: 'Raleway bold';}
.dwld-sect{ margin-top:2%; margin-bottom:2%;}
.rate-p-s{ border-bottom: 1px solid #E8E8E8;        margin-bottom: 15px;    padding-bottom: 15px;}
.rate-p-s img {
    margin: -4px 8px 1px 4px;
}
div#infowrap {
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 2%;
}
.item-p-rate{ float:left; width:100%;}
.rateB{float: left;
	font-size:2em;
    font-weight: 600;
    text-decoration: line-through;
    color: #4d4d4f;
   margin: 0 29px 0 0;
}
.rateA{
font-size:2em;
float: left;
 margin-left:3%;
    color: #469b07;
    font-weight: 600;}	
#rateS{  font-weight:800;}	
.i-ship{ margin: 1% 0 0 0;}
.item-p-ex	{ width:100%; float:left; margin:7% 0 0 0}
.item-p-ex1{ width:49%; float:left; margin:2% 0 0 0; color:#000000}
.item-p-ex1 ul li a{color:#000000}
.item-p-ex2 ul li a{color:#000000}
.item-p-ex2{width:49%; float:left;    margin: 2% 0 0 0;}
.item-p-ex1 ul li,  .item-p-ex2 ul li {
    margin-bottom: 3%;
}
.share a {
    /* font-size: 2em; */
    color: #fff;
}
.sug{width:100%;float:left;box-shadow: 0 0 3px #ccc;margin-bottom: 3%;}
.sug h4{    background: #4d4d4f;
    color: #fff;
    padding: 10px;
	border-radius: 5px 5px 0 0 ;
    margin: 0;
    font-size: 1.2em;}
 .bymore{width:100%; float:left; box-shadow: 0 0 15px #ccc; /*height:411px*/}
.bymore h4{    background: #4d4d4f;
    color: #fff;
    padding: 10px;
	border-radius: 5px 5px 0 0 ;
    margin: 0;
    font-size: 1.2em;}	
 .dwld-p1{ padding-top:10px; }
 .dwld-p1 {font-size:1.2em; color:#3162cd; font-weight:600; }
 .dwld-p1 a{font-size:1.2em; color:#3162cd; font-weight:600; }
 .dwld-p2 a{ margin:0 8px 0 6px;}
.tab-content {
    padding: 0 13px 0 14px;
}
 .detail-tab { width:100%; float:left;box-shadow: 0 0 3px #f5f5f5; box-shadow: 0 0 3px #f5f5f5;
    border: 1px solid #f5f5f5;}
 .detail-tab ul li{ background-color:#4d4d4f; color:#fff; border-right:1px solid #fff; border-bottom:none !important; width:25%; text-align:center;}
 .nav-tabs {
     border-bottom: 0px solid #ddd !important;     margin-bottom: 20px;
}
  .detail-tab ul li a{ color:#fff; border-radius:0; font-weight:100; margin:0 !important; font-size: 1.3em; }

}
  .active{ border:none !important; outline:0 !important; outline-offset: 0px !important;}
  .active .tab-li{ background-color:#228edb !important; color:#fff !important; border:none !important; outline:0 !important;outline-offset: 0px !important;
}
.active .tab-li::after {
    content: '';
    border: 3ex solid transparent;
    border-top-color: #228EDB;
    color: cornflowerblue;
    text-align: center;
    position: absolute;
    top: 73%;
    left: 0;
    right: 0;
    width: 0;
    margin: 0 auto;
}
.tab-text{ margin:3% 0 1% 0;}
.tab-text { background:none !important; }

}
.nav-tabs > li > a:hover{border-color:none !important;}

 .recent-item {
    height: auto;
    margin: 0;
    padding: 0;
    box-shadow: 0 0 3px #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 5px 5px 0 0;
    width: 100%;
    float: left;
}
.recent-item h4{ background:#4d4d4f; color:#fff; padding:10px; margin:0; font-size: 1.2em;border-radius: 5px 5px 0 0;}
.audio-box{ width:100%; float:left; margin:3% 0 2% 0;} 
.by-cont{ width:95%;/*80%*/ margin:10px auto;}
 
.prod-i{width:200px;position: relative;margin: 10px auto 7px auto;padding:0 2px 22px 2px; box-shadow: 0 0 0 .7px #D8D7D7; text-align:center;}
.prod-i a{ text-decoration:none;}
.prod-i img{ margin:auto;}
.prod-i:hover { border: 1px solid #6e91dc;box-shadow: 0px 0px 8px #6e91dc;}
.prod-i:hover .quick-view{ display:block;}	
/***************************************category************************************************************/
.cat-content{width: 100%;
    float: left;
    margin: 2% 0 0% 0;}
	.head{margin:10px 0 10px 0;}
	
.head h1 {
    color: #4d4d4f;
    font-family: 'Raleway bold';
    font-weight: 800;
    font-size: 2em;
    text-decoration: underline;
	margin:0;
}
.m-cat {
    width: 18%;
    float: left;
    text-align: center;
    margin: 2% 1% 13px 1%;
    height: 114px;
    overflow: hidden;
}
.cat-content p{ color:4d4d4f;}
.hdr-cat {color: #3162cd;    border: 1px solid; width: 79%;
    float: right;
    padding: 0;
    margin: -2% 0 0 0;
}
.cat-header{width: 100%;float: left;    margin: 1% 0 1% 0;}
 .cat-header h2{font-size: 1.8em; color: #3162cd; font-family:'Raleway';}
.feat-item ul li{ display:inline-block; width:16%;margin: 0 1.2% 0 2%; }
.see-all{ margin:10px 0 10px 0;}
.see-all a{ font-family:'Raleway'; color:#3162cd; font-size:1em;}
.cat-cont{ margin-bottom:2%}
.sorting select {
    padding: 5px 10% 5px 4px;
}	

i.fa.fa-lg.fa-angle-up.downer {
    transform: rotate(0deg);
    transition: transform 650ms ease;
}
/***********************************************************/
/***************************************category************************************************************/
.cat-content{width: 100%;
    float: left;
    margin: 2% 0 0% 0;}
	.head{margin:10px 0 10px 0;}

.head h1 {
    color: #4d4d4f;
    font-family: 'Raleway bold';
    font-weight: 800;
    font-size: 2em;
    text-decoration: underline;
	margin:0;
}
.m-cat {
    width: 18%;
    float: left;
    text-align: center;
    margin: 2% 1% 13px 1%;
    height: 114px;
    overflow: hidden;
}
.cat-content p{ color:4d4d4f;}
.hdr-cat {color: #3162cd;    border: 1px solid; width: 79%;
    float: right;
    padding: 0;
    margin: -2% 0 0 0;
}
.cat-header{width: 100%;float: left;    margin: 1% 0 1% 0;}
 .cat-header h2{font-size: 1.8em; color: #3162cd; font-family:'Raleway';}
.feat-item ul li{ display:inline-block; width:16%;margin: 0 1.2% 0 2%; }
.see-all{ margin:10px 0 10px 0;}
.see-all a{ font-family:'Raleway'; color:#3162cd; font-size:1em;}
.cat-cont{ margin-bottom:2%}
.sorting select {
    padding: 5px 10% 5px 4px;
}	
 .newsl-p {font-size: .8em; padding:5px;}
 p.para {
    font-size: 0.9em !important;
    text-align: start !important;
    margin: 0;
}
}

.tag {
    width: 38px;
    height: 38px;
    background-color: #8FB900 !important;
    position: absolute;
    top: -9px;
    right: 0px;
    border-radius: 50%;
    text-align: center;
    z-index: 99;
}

.tag p{ font-size:0.9em !important;
     margin:10px 0 0 0; 
text-align:center;
    font-family: 'Raleway' !important;
    color: #fff !important;}
   #bcrums a {
    font-size: 14px;
}
  #bcrums a::after, #bcrums::after {
    content: url(/site/newwebsite/img/bcmark.png);
    padding-left: 10px;
}

p#ratbase {
    float: left;
    font-weight: 600;
    font-size: 15px;
    color: #4d4d4f;
}
p.rat{
    display: inline;
}
p#ratbasekill {
    float: left;
    font-weight: 600;
    font-size: 15px;
    color: #4d4d4f;
    text-decoration: line-through;
}
span#arabicdesctext {
    display: block;
    margin-top: 15px;
font-family: Tahoma, Geneva, sans-serif;
    font-size: 10.5pt;
    padding-right: 10px;
}

div#my-carousel {
    height: 100%;
}

#my-carousel .item-text p {
    min-height: 165px;
}
div#vid-frame ul li {
    width: 50%;
    background: none;
    display:inline;
}
div#vid-frame {
    margin: 18px 0 10px 0;
    width:100%;
}
.pagelinks .medtext a:hover,.pagelinks .medtext:hover{background-color: #228edb !important;
    border: 0px none;
    color: #FFF !important;}
}
.hdr-afd {
    color: #3162cd;
    border: 1px solid;
    width: 38%;
    float: right;
    padding: 0;
    margin: -2% 0 0 0;
}

/*************************** Responsive code starts her************************************/
@media screen and (max-width: 1366px) {}
@media screen and (max-width: 1280px) {}
@media screen and (max-width: 1024px) {
.navbar-nav > li > a {
    padding: 15px 0;
    text-align: center;
    font-size: .8em;
    font-weight: 600;
    color: #fff;
    width: 78%;
    float: left;
}
	}
@media screen and (max-width: 800px) {}
@media screen and (max-width: 1024px) and (min-width:768px) {
.sect{display:block !important;}
.hdr-sm {
    color: #3162cd;
    border: 1px solid;
    width: 64%;
    float: right;
    padding: 0;
    margin: -4% 0 0 0;
}
.sip-m.container {
    display: none;
}
.h-box img {
    width: 30px;
    height: 30px;
}
.detail-tab ul li a {
    font-size: 1em;
    padding: 12px 0 13px 4px;
}
.d-btn {
    margin: 5px 0 0 0;
}
.item-p-1 {
    text-align: center;
    clear: both;
    height: 50%;
}
a.ret-easy {
    margin: 10px 0 0 0px !important;
    float: left;
}
span.sapr {
    display: none;
}
.item-p-ex1 {
    width: 98%;}
.item-p-ex2 {
    width: 97%;}
.h-box {
    font-size: 1em;}
.prod-f {
   position: relative !important;
   width: 24% !important;}
.prod-f .prod-img {
    height: 155px !important;
    width: 160px !important;
}
#nvb-3 {
    width: 96.5% !important;
    left: 1.8%;
}
.search {
    margin:0px 0 0 0;
    width: 72%;
}
.deal img {
    width: 21px;
}
.deal-2 img {
    width: 21px;
}
div#slideout {
    display: none;
}
#nvb-7 {
    width: 96% !important;
    margin: 0 !important;
    left: 15px;
    padding: 0 !important;
    position: absolute !important;
    top:70px;
}
.social {
    color: #cbccc4;
    font-size: 0.8em;
}
.top-link {
    margin: 9px 0 0 0;
    font-size: 0.9em;
font-weight: 600;
}
.top-msg {
    margin: 9px 0 0 0;
    text-align: center;
    font-size: 0.9em;
    font-weight: 600;
}

.deal {
    font-size: 0.6em;
    font-weight: 600;
float:left;
}
.deal-2 {
      margin: 0 0 0 -10;
    font-size: 0.58em;
    font-weight: 600;
float:left;
}
.deal-3 {
    text-align: center;
    margin: 0 0 0 15%;
    font-size: 0.6em;
    font-weight: 600;
}
.deal-3 img {
    width: 22px;
}
.deal-sect {
    width: 100%;
    float: left;
    margin: 8% 0 2% 0;
    font-family: 'Raleway';
}
.drop {
    display: block;
   }
#nvb-6 {
    width: 96.5% !important;
    left: 12px;
    margin-left: 0;
    padding: 0;
}
.meg {
    padding: 7px 0px !important;
    width: 100% !important;
    margin: 0 !important;
    display: block !important;
   }
.top-link a {
    margin: 0 0px 0 10px;
   font-weight: 600;
}


}
@media screen and (max-width: 767px) and (min-width:481px) {
div#vid-frame iframe {
    max-width: 100%;
    min-height: 250px;
}
div#vid-frame ul {
    width: 100%;
    margin: 0;
    padding: 0;
}
.menu-large {
    position: relative !important;
}

.col-sm {
    width: 46%;
    float: left;
    margin: 7px 6px 10px 10px;
}
.col-t1{
    width: 46%;
    float: left;
    margin: 7px 6px 10px 10px;
}
.col-s{
    width: 46%;
    float: left;
    margin: 7px 6px 10px 10px;
}
.col-e{
    width: 46%;
    float: left;
    margin: 7px 6px 10px 10px;
}

.col-e1{
    width: 46%;
    float: left;
    margin: 7px 6px 10px 10px;
}
 
.s-box {
    width: 45%;}
.s-img {
    width: 40%;}

.nav-tabs > li.active > a {
    height: auto;
}
.detail-tab ul li a {
    color: #fff;
    border-radius: 0;
    font-weight: 100;
    margin: 0 !important;
    font-size: 2vw;
    padding: 10px 0px 10px 0;
}
.logo {
    margin: 0 auto 0 auto;
    width: 27%;
}
.prod-f {
    width: 47% !important;
    margin: 2% 2% 2% 1% !important;
}
.col-1 {
    width: 46% !important;
    margin: 0 !important;
}
.slick-next {
    right: -17px;
}

.slick-prev {
    left: -18px;
    z-index: 99;
}
.row.deal-row1 {
    width: 80%;
    margin: auto;
}
.row.deal-row2 {
    width: 80%;
    margin: auto;
}
.dl-r-1{ padding:0;/* background:#f4569e; */ }
.dl-r-2{ padding:0; /*background:#228edb */}
.dl-r-3{ padding:0; /*background:#8fb900 */}
.dl-r-4{ padding:0;/* background:#fe7800 */}
.deal-1 {
    text-align: start;
    padding: 3%;
    margin: 7px 0 0 24px;
}
.deal-1 a{ color:#4d4d4f;}
.deal-1 img{ margin:0 0 0 20px;}
.deal-1 img {
    margin: 0 20px 0 0;
}
.deal-1 img {
    margin: 0 0 0 3px;
    width: 21px;
}
.deal-sect{ display:none !important;}
.deal-sect-2{ display:block !important;}
.no-pad {

    padding: 0;
}
.cart{display:none;}
.top-head {
    position: relative;
    
}
.navbar-fixed {
    top: 0 !important;
    position: relative !important;
}
.resp {display: block;}
#slideout {   display: none;}
.top-msg {    display: none;}
.search-cont {    display: none;}
.social {text-align: center; display:none;}
.social a{ font-size:0.9em;}
	.top-link {
    margin: 5px 0 0 0;
    float: none !important;
    text-align: center;
}
.top-link {
    display: none;
}
.top-link a{ margin:0 0px 0 20px; color:#cbccc4 !important;text-decoration:none;}
.deal img{ width:24px;}
	.navbar-nav > li {
    float: left;
    width: 100%;
}
.navbar-nav { width:100%; margin:0;}
.navbar-nav > li > a {
    padding: 10px 9px 11px 8px;
    text-align: center;
    font-size: .9em;
    font-weight: 600;
    color: #fff;
}
.social-foot {
     
    text-align: center;
    font-size:1em;
}
.pay-method {
    float: none !important;
    text-align: center;
}
.pay-method a {
    margin: 0 1px 0 4px;
}
.pay-method img{
 width:48px;
}
.logo a{ text-align:center;}
 
.cart {
    margin: 2% 0 0 0;
    float: left;
}	
.search-cont {
    width: 100%;
    border: 1px solid #666;
    float: left;
    padding: 0px 0 0 6px;
    margin: 3% 0 0 0;
}

#nvb-3{width:100% !important; left:0%; background:#fff;}
#nvb-4{width:100% !important; left:0%; background:#fff;}
#nvb-5{width:100% !important; position:relative !important; top:0; margin:0;  background:#fff; }
#nvb-6{width:100% !important; left:0%; margin-left:0px; background:#fff;}
#nvb-7{width:100% !important; position:relative !important; top:0; margin:0px; background:#fff;}
.col-e {
    width: 90%;
    margin: auto;
    float: none;
}
.col-e1 {
    width: 90%;
    margin: auto;
    float: none;
}
.col-s{width:30%; margin-left:18px; float:left;}
.col-s1{width:28%; margin-left:15px; float:left;}
.megamenu {padding: 7px 0px; width: 100%;margin: 0;}
.col-t{width:100%; margin:0px}
.col-t1{width:100%; margin:0px}
.col-t {
    width: 91%;
    margin: auto;
    float: none;
}
.col-t1 {
    width: 91%;
    margin: auto;
    float: none;
}
.hdr-0 {width: 100%;}
.hdr-2 {width: 100%;}
.hdr-3 {width: 100%;}
.hdr-4 {width: 100%;}
.hdr-5 {width: 100%;}
.hdr-6 {width: 100%;}
.hdr-7 {width: 100%;}
.hdr-8{width: 100%;}
/**************************************************main category layout responsive codes************/
 .m-cat {
    width: 100% !important;
    float: left;
    text-align: center;
    margin: 5% 0 2% 0;
}
 
.hdr-cat {
width: 100%;
}
.sorting {
    margin: 10px 0 10px 0;
    width: 100%;
}
/**************************************************main category layout responsive code ENDS************/
/********************************info item responsive ************************************/
.hdr-jot {width: 100% !important;}
p{ text-align:justify;}
.i-center{margin: auto; width: 48%;}
.hdr{ width: 100%;}
.hdr-s { width: 100%;}
.hdr-sv { width: 100%;}
.hdr-c { width: 100%;}
.c-part-1 p {font-size: .9em; text-align: center;}
.hdr-af {width: 100%;}
.hdr-nbf {width: 100%;}
.hdr-a {width: 100%;}
.a-header h1 {font-size: 1.2em;}
ol.r-list li {font-size: 0.9em;text-align: justify;}
.col-sm-10.j-list-header p {font-size: .8em;}
.col-sm-10.j-list-header h4 {font-size: 0.9em;}
.col-sm-10.j-list-header ul li {font-size: 0.8em;}
.jot-header.text-center h1 {font-size: 1.3em;}
.row.obf-row a {font-size: .8em;}
.item-heading h1 {
  display:block;
}

.item-p-2 h1 {
    display: none;
}


.item-p-1 {
    text-align: center;
    width: 45%;
    float: left;
}
.item-p-2 {
    width: 55%;
    float: left;
}
.item-p-3 h3 {
    margin-top: 20px;
}
.sug{margin-bottom: 3%;}
}
@media screen and (max-width: 640px) {
	.navbar-nav > li {
    float: left;
    width: 100%;
}
.navbar-nav { width:100%; margin:0;}
	
	.social {
   display:none;
    text-align: center;
	}

 
.top-link a {
    margin: 0 0px 0 8px;
  
}
.deal-sect{ display:none;;}
.search-cont {
    width: 99%;
    border: 1px solid #666;
    /* float: left; */
    padding: 0px 0 0 6px;
    margin: 5% auto 0 auto;
}
.cart {
    margin: 2% 0 0 0;
    float: left;
}	
.logo a{ text-align:center;}
 
	.foot-col{}
	.logo {
    margin: 0 auto 0 auto;
    width: 27%;
}
.social-foot {
     
    text-align: center;
    font-size:1em;
}
.pay-method {
    float: none !important;
    text-align: center;
}
.pay-method img{
 width:40px;
}
.very{    text-align: center;}
.item-heading h1 {
  display:block;
}

.item-p-2 h1 {
    display: none;
}
.sug{margin-bottom: 3%;}
}

	
/*@media screen and (max-width: 480px) {


.logo a{ text-align:center;}
.logo {    margin: 0 auto 0 auto;    width: 45%;}
.cart {    margin: 2% 0 0 0;    float: left;}	
.slider-heading h3 {        font-size: 1.3em;}
.slide-p{ display:none}
.cap {    font-size: 1.2em;}

.carousel-caption {    right: 0;    left: 52%;    padding-bottom:0px;    top: 0;    text-align: start;}
.social-foot {       text-align: center;    font-size: .7em;}
.pay-method {    float: none !important;    text-align: center;	padding: 5px 0 9px 0;}
.pay-method img{ width:40px;}
.very{    text-align: center;}
}*/

@media screen and (max-width: 480px) {
.news-head-deals {
    padding: 0 !important;}
ul#playlist {
    margin: 0;
    padding: 0;
}
#playlist li {
    padding: 5px 3px !important;}
.tag {
    width: 39px;
    height: 38px;
    background-color: #8FB900 !important;
    position: absolute;
    top: 52px;
    right: 0px;
    border-radius: 50%;
    text-align: center;
    z-index: 99;
    right: 13% !important;
    margin: auto;
}
.drop {
display:block;
 cursor:pointer;
}
span.nv-head {
    width: 90%;
    float: left;
}

.navbar {
    margin-bottom: 0 !important;
    float: left;
}
.quick-modal{ padding:6%}
.q-cont h2 {
    color: #3162cd;
    font-size: 1.5em;
    margin: 10px 0 6px 0;
    font-family: 'Montserrat';
}
ul#recenthistoryzone {
    padding: 0;
}
ul#flexiselDem {
    padding: 0;
}
ul#flexiselDemo- {
    padding: 0;
}
.prod-img {
    width: auto !important;
    height: auto !important;
    margin: auto !important;
}
.prod-f {
    width: 47% !important;
    margin: 2% 2% 2% 1% !important;
}
.hdrrj {
  width: 100%;
    float: none;
    margin: 14px 0 18px 0;
}
.col-1 {
    width: 93% !important;
    margin: 0 auto !important;
    float: none !important;
}
.screen{width:480px}
.logo-sect {
         margin:15% 0 0% 0 !important;
   }
.no-pad{ padding:0;}
.slick-next {
    right: -16px !important;
    z-index: 10;
}
.slick-prev {
    left: -16px !important;
    z-index: 10;
}

.open .nv-head::after{ content: ''; display:none; }
.navbar-nav > li { 
    height: auto;
}
	.social-foot p {
    float: none;
    margin: 4px 0 8px 0;
    font-size: 1.5em;
text-align:center;
}
.foot-mid h5 {
    text-align: start;
     font-size: 1em;
 }
 .nav-sect {
    width: 100%;
    float: none;
}
.row.deal-row1 {
    width: 100%;
    margin: 3% auto;
}
.row.deal-row2 {
    width: 100%;
    margin: 3% auto;
}
.deal-sect-2{ display:block;}
.deal-1 {
    text-align: center;
    padding: 1%;
    margin:0;
}
.deal-1 a{ color:#4d4d4f; font-size:10px; font-weight:600;}
.deal-1 img{ margin:0 0 0 3px; width:22px}
 
.hdr {width: 100%;}
.recent { border:none; box-shadow:none;}
.recent h4{border-radius: 5px 5px 0 0;}
.say { border:none; box-shadow:none;border-radius: 4px 4px 0 0;}
.say h4{border-radius: 4px 4px 0 0;}
.foot-col {
    text-align: start;
}
.very-1{ display:block; text-align:center;    margin: 10px 0 13px 0;}
.very{ display:none;}
.h-box-r{ padding:0;}
.h-box { margin:0;}
.slider-r{ padding:0;}
.social-1{ display:block; text-align:center; margin:10px 0 0 0;}
.search-cont { display:none;}
.search-cont-1 { display:none;background: #fff;
    margin: 2px;
    border-radius: 17px;}
.cart{ display:none;}
.resp{display:block;}
#slideout{ display:none;}
#click-me{ display:none;}
	.top-msg{ display:none;}
.top-link{ display:none;}	
.h-box {
 font-size: 1em;
}
.dl-r-1{ padding:0;/* background:#f4569e; */ }
.dl-r-2{ padding:0; /* background:#228edb */}
.dl-r-3{ padding:0; /* background:#8fb900 */}
.dl-r-4{ padding:0; /*background:#fe7800 */}
.logo a{ text-align:center;}
.logo{margin: 0 auto 0 auto;
    width: 42%;}
.social-1 a{ font-size:10px; }	
.cart {
    margin: 2% 0 0 0;
    float: left;
}	
.slider-heading h3 { 
       font-size: 1.3em;
}
.cap{ font-size:1em;}

.carousel-caption {
    right: 0;
    left: 52%;
    padding-bottom:0px;
    top: 0;
    text-align: start;
}
.social-foot {
     
    text-align: center;
    font-size: .7em;
}
.pay-method img{
 width:40px;
}
.very{    text-align: center;}
.slide-bt{ display:none;}
.top-link a {
    margin: 0 0px 0 8px;
  font-size: .8em;
.col-sm{ width:90%;}
}
.top-head {
  /*  position: relative !important; */
}
.navbar-fixed {
    top: 0 !important;
    position: relative !important;
}
.col-sm {
    width: 90% !important;
    margin: auto;
    padding: 0;
    float:none;
}

.drop {
 cursor:pointer;
}

.dropup {
 cursor:pointer;
}
.top-link {
   
    font-size: 13px;
    text-align: center;
}
#nvb-3{width:100% !important; left:0%; background:#fff;}
#nvb-4{width:100% !important; left:0%; background:#fff;}
#nvb-5{width:100% !important; position:relative !important; top:0; margin:0;  background:#fff; }
#nvb-6{width:100% !important; left:0%; margin-left:0px; background:#fff;}
#nvb-7{width:100% !important; position:relative !important; top:0; margin:0px; background:#fff;}
.col-e {
    width: 90%;
    margin: auto;
    float: none;
}
.col-e1 {
    width: 90%;
    margin: auto;
    float: none;
}
.col-s{width:30%; margin-left:18px; float:left;}
.col-s1{width:28%; margin-left:15px; float:left;}
.col-s {
    width: 90%;
    margin: auto;
    float: none;
}
.col-s1{width:100%;}
.megamenu {padding: 7px 0px; width: 100%;margin: 0;}
.col-t{width:100%; margin:0px}
.col-t1{width:100%; margin:0px}
.hdr-0 {width: 100%;}
.hdr-2 {width: 100%;}
.hdr-3 {width: 100%;}
.hdr-4 {width: 100%;}
.hdr-5 {width: 100%;}
.hdr-6 {width: 100%;}
.hdr-7 {width: 100%;}
/**************************************************main category layout responsive codes************/
 .m-cat {
    width: 100%;
    float: left;
    text-align: center;
    margin: 5% 0 2% 0;
}
.prod-f {
    position: relative !important;
    width: 100% !important;
    margin: 2% 0% 2% 0% !important;
    float: left;
    padding: 0px 6px 5px 7px !important;
    box-shadow: 0 0 0 .7px #E6E6E2;
    border: 1px solid #fff;
}
.hdr-cat {
width: 100%;
}
.sorting {
    margin: 10px 0 10px 0;
    width: 100%;
}
/**************************************************main category layout responsive code ENDS************/
/********************************info item responsive ************************************/
.hdr-jot {width: 100% !important;}
p{ text-align:justify;}
.i-center{margin: auto; width: 48%;}
.hdr{ width: 100%;}
.hdr-s { width: 100%;}
.hdr-sv { width: 100%;}
.hdr-c { width: 100%;}
.c-part-1 p {font-size: .9em; text-align: center;}
.hdr-af {width: 100%;}
.hdr-nbf {width: 100%;}
.hdr-a {width: 100%;}
.a-header h1 {font-size: 1.2em;}
ol.r-list li {font-size: 0.9em;text-align: justify;}
.col-sm-10.j-list-header p {font-size: .8em;}
.col-sm-10.j-list-header h4 {font-size: 0.9em;}
.col-sm-10.j-list-header ul li {font-size: 0.8em;}
.jot-header.text-center h1 {font-size: 1.3em;}
.row.obf-row a {font-size: .8em;}

/********************************info item responsive ENDS************************************/
/********************************drill down responsive************************************/
.item-heading h1 {
  display:block;
}

.item-p-2 h1 {
    display: none;
}
.share {
    float: left;
    margin: 12px 0 0 2px;
}

.item-p-3 h3 {
    margin-top: 16px;
    color: #016db5;
    font-size: 1em;
    font-family: 'Raleway bold';
}

.rateB {
    float: left;
    font-size: 1em;
    font-weight: 600;
    text-decoration: line-through;
    color: #4d4d4f;
    margin: 0 29px 0 0;
}

.d-form {
    float: left;
    width: 100%;
    margin: 0% 0 8% 0;
}
.rate-p-s {
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: 15px;
    padding-bottom: 15px;
    float: left;
}
a.ship-info {
    margin: 0 3px 0 0 !important;
    font-size: 0.8em;
}
a.ret-easy {
    margin: 0;
    /* float: left; */
    font-size: 0.8em;
}

div#preferred_category a {
    text-align: center !important;
    float: none !important;
    margin: auto !important;
    width: 100%;
}
.detail-tab ul li {
    width: 100% !important;
}
.item-p-ex1 {
    width: 100%;
}

.item-p-ex2 {
    width: 100%;
}

.share {
    float: left;
}
span#valRating a {
    float: left;
}
.tab-text {
    position: relative;
}
.para {
    font-style: italic;
    color: #999;
    margin: 0 0 0 7px;
}
.news-head h1 strong {
    font-size: 16px;
}

.news-head h2 {
    font-size: 12px;
    font-weight: 600;
    color: #016db5;
    margin: 3px 0 3px 0;
    font-family: 'Roboto Black';
}
select, .form-control {
    padding: 0px 10px !important;
margin:0;
}

span#custrecord_na_nl_eml_fs input {
    width: 93% !important;
}
input#custrecord_na_nl_eml {
    width: 90% !important;
}
input#custrecord_na_nl_fnm {
    width: 90% !important;
}
select#custrecord_na_nl_country {
    width: 90% !important;
}
button.btn.btn-color {
    width: 90% !important;
}
/********************************drill down responsive ends************************************/
 .newsl-p {font-size: .8em; padding:5px;}
 p.para {
    font-size: 0.9em !important;
    text-align: start !important;
    margin: 0;
}
.sug{margin-bottom: 3%;}
}

.tag {
    width: 38px;
    height: 38px;
    background-color: #8FB900 !important;
    position: absolute;
    top: -9px;
    right: 0px;
    border-radius: 50%;
    text-align: center;
    z-index: 99;
}

.tag p{ font-size:0.9em !important;
     margin:10px 0 0 0; 
text-align:center;
    font-family: 'Raleway' !important;
    color: #fff !important;}
   #bcrums a {
    font-size: 14px;
}
  #bcrums a::after, #bcrums::after {
    content: url(/site/newwebsite/img/bcmark.png);
    padding-left: 10px;
}

p#ratbase {
    float: left;
    font-weight: 600;
    font-size: 15px;
    color: #4d4d4f;
}
p.rat{
    display: inline;
}
p#ratbasekill {
    float: left;
    font-weight: 600;
    font-size: 15px;
    color: #4d4d4f;
    text-decoration: line-through;
}
span#arabicdesctext {
    display: block;
    margin-top: 15px;
font-family: Tahoma, Geneva, sans-serif;
    font-size: 10.5pt;
    padding-right: 10px;
}
#desczonedrill ul li {
    background-color: #ffffff;
    color: #4d4d4f;
    border-right: 1px solid #fff;
    border-bottom: none !important;
    width: 100%!important;
    text-align: left;
}
#arabicdesctext ul li {
    background-color: #ffffff;
    color: #4d4d4f;
    border-right: 1px solid #fff;
    border-bottom: none !important;
    width: 100%!important;
    text-align: right;
}
.item-p-ex ul {
    list-style: none;
    padding: 0;
}
.item-p-ex1 img {
    width: 20px;
}
.item-p-ex2 img {
    width: 20px;
}

.col-sm-4.item-p-3 {
    border-left: 0.5px solid #e7e7e7;
}
.i-ship a:hover {
    text-decoration: none;
    color: #228DDB;
    outline: none;
    outline: 0;
    outline-offset: 0px;
}
.i-ship a {
    text-decoration: none;
    color: #000000;
}
div#my-carousel {
    height: 100%;
}
.fa-2x {
    font-size: 2em;
    margin-right: 10px;
}
.nav-i {
    width: 100px;
}

#my-carousel i.fa.fa-quote-left, #my-carousel i.fa.fa-quote-right {
    font-size: 10px;
    position: relative;
    top: -0.5em;    
margin-left: 2px;
    margin-right: 2px;
}
.recent_inner {
    padding: 0 6px 0 5px;
    font-size: 0.9em;
}
 
ul#recenthistoryzone {
    padding: 0;
}
 
#my-carousel .item-text p {
    min-height: 165px;
}
div#vid-frame ul li {
    width: 50%;
    background: none;
    display:inline;
}
div#vid-frame {
    margin: 18px 0 10px 0;
    width:100%;
}

a.ship-info {
    margin: 0 22px 0 0;
}

a.ret-easy {
    margin: 0 0 0 14px;
}
.datac p {
    margin: 3px 0 0 0;
}
.reshisempty {
    text-align: center;
}
.telltaghover{
	 transform: translateY(-4px);
    outline-offset: -1px;
      transition-delay:.15s;
}
.rel-img {
    width: 160px;
    height: 160px;
    margin: auto;
}
.jot-header {
    margin: 0 0 4% 0;
}
div#rel-q {
    bottom: 38%;
}
.prod-img img {
    margin: 10px auto!important;    margin-top: 2px!important;
}
.prod-img {
    width: 200px !important;
   /* height: 165px !important;*/
    margin: auto !important;
}
a.pclink.m-rate {
    font-size: 13px;
    padding-left: 30px;
}
#dchartlink{
 font-size: 13px;
background-color:transparent;
    font-weight: 600 !important;
    color: #4d4d4f !important;
    text-decoration: none !important;
}
@media screen and (max-width: 767px){

.rate-p-s {
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: 15px;
    padding-bottom: 15px;
    float: left;
    width: 100%;
}
	.datac p {
    padding-left: 15px;
}
}
@media screen and (max-width: 480px){
.ad-banner{display:block;}
.hdr-afd {
    color: #3162cd;
    border: 1px solid;
    width: 100%;
    float: right;
    padding: 0;
    margin: -2% 0 0 0;
}
a.pull-rights {
    float: none;
}
a.pull-lefts {
    float: none;
}
.tag {
    width: 39px;
    height: 38px;
    background-color: #8FB900 !important;
    position: absolute;
    top: 52px;
    right: 0px;
    border-radius: 50%;
    text-align: center;
    z-index: 99;
    right: 13% !important;
    margin: auto;
}
.col-t {
    width: 91%;
    margin: auto;
    float: none;
}
.col-t1 {
    width: 91%;
    margin: auto;
    float: none;
}
.menu-large {
    position: relative !important;
}
.s-box {width: 90%;margin:auto;}
.s-img{width:100%;}
.s-title{width:100%;}
.s-desc{width:100%;}
.navbar {
    margin-bottom: 0 !important;
    float: left;
    min-height: 0;
}
.q-rate {

    margin: 5% 0 0 0;
}
}
.pagelinks .medtext a:hover,.pagelinks .medtext:hover{background-color: #228edb !important;
    border: 0px none;
    color: #FFF !important;}
@media print {
div#ImageViewer {
    display: none;
}
.share {
    float: left;
    display: none;
}
.item-p-3 h3 {
    margin-top: 0;
    display: none;
	}
	div#infowrap {
    display: none;
}
.d-form {
    display: none;
}
ul.nav.nav-tabs {
    display: none;
}

.sect-2 {
    display: none;
}
.sug {
    display: none;
}
.recent-item {
    display: none;
}
div#src-hightlight {
    display: none;
}
footer {
    display: none;
}
.top-head {
    display: none;
}
.deal-sect {
    display: none;
}
div#nav_bar {
    display: none;
}
.search-cont {
    display: none;
}
.cart {
    display: none;
}
a.NormalLinks {
    display: none;
}
.rate-p-s {
    display: none;
}
.dataall.notfordisplay {
    display: block;
}
.popup {
    display: none;
}
.quick-modal {
    display: none;
}
/*Result pages beg */
.s-box{width: 48%;float: left;margin:10px}
.s-img {width: 18%; float: left; font-size: 13px;}
.s-desc {
    text-align: start;
    width: 72%;
    float: left;
    font-family: open sans;
    font-size: 14px;
    margin: 2px 0 3px 0;
    color: #4d4d4f;
    font-weight: 100;
}
.s-price {
    float: left;
    width: 75%;
    text-align: start;
    margin: 5px 0 0 0;
    font-size: 13px;
}
.s-title {
    text-align: start;
    font-family: open sans;
    margin: 0 0 0px 0;
    width: 80%;
    float: left;
    font-size: 14px;
}
.s-result {
    width: 80%;
    margin: auto;
    clear: both;
}
a.linksD {
    float: left;
    padding: 4px;
}
.sr-text {
    float: left;
    margin: 0px 13px 0 0;
}
a.NormalLink {
    float: left;
}
/*Result pages end*/

.newsl-p{color: 016db5; font-weight: 800;font-family: 'open sans bold'; font-size: 1.4em; text-align: center;}
body{ margin:0 !important; padding:0; font-family:'Open Sans';}
#nvb-3{width:55% !important; left:7%;}
#nvb-4{width:50% !important; left:23%;}
#nvb-5{width:179px !important; position:relative !important; top:0; margin:0 0 0 -8px }
#nvb-6{width:56.12% !important; left:42%; margin-left:8px}
#nvb-7{width:172px !important; position:relative !important; top:0; margin:0 0 0 -8px}
.col-e{width:15%; margin-left:20px; float:left;}
.col-e1{width:28%; margin-left:20px; float:left;}
.col-s{width:30%; margin-left:20px; float:left;}
.col-s1{width:28%; margin-left:20px; float:left;}
.col-t{width:22%; margin-left:15px;  margin-right:10px; float:left;}
.col-t1{width:20%; margin-left:15px; margin-right:10px;float:left;}

.margintop{ margin-top:2.5%;}
td{ font-family:inherit; padding:5px !important;}
h1{ font-family: 'Raleway';}
.col-sm {
    width: 17%;
    float: left;
    margin: 7px 6px 10px 24px;
}
.nav-tabs > li.active > a {   
    height: 47.5px;
}
a:active, a:focus {
    outline: none;
}

.drop{ display:none;}
p{ color:#000000;  }
td{ padding:0 !important; margin:0;}
.spl{margin: 21% 0 0 0;}
.qv-des p{    width:85%;    height:auto;float:left;    display:block;     padding: 0px;    overflow:hidden;}
.nvp-marg{ margin-top:0; margin-bottom:0; color:#fff; text-align:center;}
.book-marg{ margin-top:12px;}
.top-msg a{font-family: 'Raleway'; }
::-webkit-input-placeholder {
   color: #4D4D4F;
}
.au-p p {
    color: #3162cd;
}
:-moz-placeholder { /* Firefox 18- */   color: #4D4D4F;  }
::-moz-placeholder {  /* Firefox 19+ */   color: #4D4D4F;  }
:-ms-input-placeholder {     color: #4D4D4F;  }
.a-img img {
    margin: auto;
    float: none;
}
 .m-rate{
    float: left  !important;
    font-weight: 600  !important;
    color: #4d4d4f  !important;
    text-decoration: none !important;
}
   .prod-img{width: 200px !important;
    height: 220px !important;
    margin: auto !important;}
.prod-img img {
    margin: auto;
}
   .prod {
    position: relative !important;
    width: 95% !important;
    margin: 10px auto 7px auto !important;
    padding: 0px 4.15px 22px 4.15px !important;
    box-shadow:0 0 0 .7px #E6E6E2 ;
 
}
.prod-r {
    position: relative !important;
    width: 95% !important;
    margin: 10px auto 7px auto !important;
    padding: 0px 2px 22px 2px !important;
    box-shadow: 0 0 0 .6px #C7C4C4;
    border: 1px solid #fff;
    border-radius: 4px;
}
p.rel-title {
    font-size:13px;
    height:55px;
    margin: 5% 0 3% 0;
    overflow: hidden;
}
.slick-slide img {
    display: block !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: auto !important;
}
.rate{ margin-top:3px;
width:100%;
float:left;
}

#bcrums a {
    color: #4d4d4f !important;
}
.prod-f {
    position: relative !important;
    width: 19% !important;
   margin: 2% 0% 2% 1% !important;
    float: left;
    padding: 0px 6px 5px 7px !important;
    box-shadow: 0 0 0 .7px #E6E6E2;
    border: 1px solid #fff;
}
#recenthistoryzone .slick-track {
    /* width: 100% !important; */
    margin: auto;
}
.prod-f:hover {
    border: 1px solid #6e91dc;
    box-shadow: 0px 0px 8px #6e91dc;
}
.prod-f:hover .quick-view {
    display: block;
}
a.crumb {
    font-family: open sans,arial;
    font-size: 14px;
    line-height: 1.42857143;
}
.crumb::after,  .crumbover::after, #bcrums::after{
    content: url(/site/newwebsite/img/bcmark.png);
    padding-left: 10px;
}
.item-heading h1 {
   margin-top: 5px;
    color: #3162cd;
    margin-bottom: 10px;
    font-family: 'Raleway bold';
    font-weight: 600;
    font-size: 1em;
display:none;
}
/*******************for title dots*******************************/
.d-title {
  width:100%;
  overflow: hidden;
  margin:  0px;
}

.line-clamp {
      position: relative;
    height: 57px;  /*exactly three lines */
    }
.line-clamp:after {
      content: "";
      text-align: right;
      position: absolute;
      bottom: 0;
      right: 0;
      width: 70%;
     height: 1.3em;  
      background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
 }

@supports (-webkit-line-clamp: 3) {
    .line-clamp {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;  
  height:58px;  /*  I needed this to get it to work */
       
    }
    .line-clamp:after {
        display: none;
    }
}


/*************************************************/

.head-sect{ padding:0;margin:0; width:100%; float:left;}
.top-head{background-color:#4d4d4f; padding:2px 0 2px 0; width:100%; float:left; position:fixed; z-index:20000;}
.top-msg{margin:9px 0 0 0;text-align:center;}
 .social{ color:#cbccc4;}
.social a{ text-decoration:none;color:#cbccc4;  }
.social-1{ color:#cbccc4;}
.social-1 a{ text-decoration:none;color:#cbccc4;  }
.social-1{ display:none;}
.top-msg a{ text-decoration:none; color:#cbccc4 !important;  }
.top-link { margin:9px 0 0 0;}
.top-link a{ margin:0 0px 0 20px; color:#cbccc4 !important;text-decoration:none;font-family: 'Raleway'; }
.deal-sect{ width:100%; float:left; margin:5% 0 0 0;font-family: 'Raleway';}
.deal-sect a{font-family: 'Raleway'; text-decoration:none; color:#4d4d4f; font-size: 1.5em;}
.deal-2{ text-align:center; margin:0 0 0 4%;}
.deal-3{ text-align:center; margin: 0 0 0 27%;}

.logo-sect{ width:100%; float:left; margin: 1% 0 1% 0; font-family:'Raleway';}
.search{  padding:6px; background:none; outline:none; border:none; margin:3px 0 0 0; width:60%}
.search-cont{ width:93%; border:1px solid #666;  float:left;padding: 0px 0 0 6px; margin:6% 0 0 10%;}
.search-cont-{ background:#fff;}
.btn-1{ background:#4D4D4F; outline:none; border:none; padding:8px; color:#fff; float:right; font-weight:800;}
.cart{ margin:6% 0 0 0; float:right; position:relative;}
.cart img{ float:left;width: 45px;height: 45px;}	
.ch-out {
    position: absolute;
    background-color: #fff;
    padding: 1px 4px 1px 4px;
    border-radius: 50%;
    font-size: 10px;
    left: 24px;
    top: 8px;
    color: #228EDB;
    font-weight: 600;
    box-shadow: 0 0 4px #666;
}
.price{ float:left;}
.price a:first-child{ font-weight:800;}
 .nav-sect{ width:100%; float:left;}
/*************************popup******************************************/
 .modal-content { border-radius:0;}
	 .modal-header {
		 background-image:url(/site/newwebsite/img/modal-head.jpg) ;
		 background-repeat:no-repeat;
		 background-position:top;
   padding: 19px 6px 4px 2px;
   border-bottom:none;
    }
	.close { font-weight:100;font-size: 17px;}
	.modal-footer {
    padding: 2px;
    text-align: right;
    border-bottom: 14px solid #f4569e;
	border-top:none;
}
.news-head{ margin:0 auto;}
.news-head h1 {
    font-size: 1.4em;
    color: #016db5;
    margin-top: 0;
    font-family:'Roboto Black';
}
.news-head h1 strong {
    font-size: 40px;
}
.news-head h2 {
    font-size: 20px;
    font-weight:600;
color:#016db5;
margin:5px 0 5px 0;
    font-family:'Roboto Black';
}
.news-head h1 {
    margin: 0;
}
 
 
.form-control {
    
    padding: 5px 28px;
    margin: 2px 14px 11px 14px;
}
.para{ font-style:italic; color:#999; margin:5px 0 10px 15px;}
.btn-color {
    background: #f4569e;
    color: #fff;
    margin: 0 14px 0 14px;
    padding: 6px 0 7px 0;
    width: 45%;
}
.form-width{ width:100% !important;}
.news-notes {
    font-size: 0.8em;
    color: #666;
    line-height:1.5em;
    margin: 10px 0 0 0;
padding: 0 15px 0 15px;
    background-color: #EAEAEA;
}
.form-control {

    float: left;
	 
}
 
/*************************popup**ends****************************************/
/*************************quick view popup*****************************************/
.cd-nugget-info a {
  position: relative;
  font-size: 14px;
  color: #5e6e8d;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.no-touch .cd-nugget-info a:hover {
  opacity: .8;
}
.cd-nugget-info span {
  vertical-align: middle;
  display: inline-block;
}
.cd-nugget-info span svg {
  display: block;
}
.cd-nugget-info .cd-nugget-info-arrow {
  fill: #5e6e8d;
}


 body {
    overflow-x: hidden;
}

/************************************************Navbar************************************* **/

.color-1{ background:#469b07; border-bottom:3px solid #398104; }
.color-2{ background:#8fb900; border-bottom:3px solid #739500;}
.color-3{ background:#228edb;border-bottom:3px solid #005ea1; }
.color-4{ background:#f4569e; border-bottom:3px solid #c00d5e;}
.color-5{ background:#016db5;border-bottom:3px solid #004573; }
.color-6{ background:#e42200; border-bottom:3px solid #b31b00;}
.color-7{ background:#fe7800; border-bottom:3px solid #cc6000;}
.dropdown-menu{ border:none;}
.navbar-nav > li {
    float: left;
    width: 14.28%;
	    height: 70px;
}
.navbar-nav { width:100%;     background: #FE7800;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background: none;
    border-color: transparent;}
	.nav>li>a:hover {
    text-decoration: none;
    background:none;
}
.open .nv-head::after{ content: '';
    border: 2ex solid transparent;
    border-bottom-color: #fff;
    color: cornflowerblue;
    text-align: center;
    position: absolute;
    top:66%;
    left: 0;
    right: 0;
    width: 0;
    margin: 0 auto;}
.navbar-nav > li > a {
    padding: 14px 0 15px 0;
    font-size: 1.1em;
    font-family: 'Raleway';
    text-align: center;
    font-weight: 600;
    color: #fff;
}
  .navbar-nav > .dropdown > a .caret{
	border-top-color: #fff;
    border-bottom-color: #fff;
}
 .navbar{ margin-bottom:0 !important;}
.menu-large {
  position: static !important;
}
.megamenu{
  padding:7px 0px;
  width: 97.5%;
    margin: 0 0 0 15px;
}
.megamenu> li > ul {
  padding: 0;
  margin: 0;
}
.megamenu> li > ul > li {
  list-style: none;
  color:#016DB5;
 
}
.dropdown-header {
    display: block !important;
    padding: 10px  0px !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    white-space: nowrap !important;
    border-bottom: 1px solid #016db5 !important;
color:#016db5!important;
}
.megamenu> li > ul > li > a {
  display: block;
  padding: 3px  0px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
font-size:11px;
  color: #000;
  white-space: normal;
  font-family: 'Montserrat Light';
}
.megamenu> li ul > li > a:hover,
.megamenu> li ul > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.megamenu.disabled > a,
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
  color: #999999;
}
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
	position: absolute;
    bottom: 0;
    width: 22px;
    height: 11px;
    left: 50%;
    margin-left: -10px;
    background-position: -88px -53px !important;
 
	
 /*  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;*/
}
.megamenu.dropdown-header {
  color: #428bca;
  font-size: 18px;
}
@media (max-width: 767px) {
div#vid-frame ul {
    width: 100%;
    margin: 0;
    padding: 0;
}
div#vid-frame iframe {
    max-width: 100%;
    min-height:250px;
}
  .megamenu{
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .megamenu> li {
    margin-bottom: 30px;
  }
  .megamenu> li:last-child {
    margin-bottom: 0;
  }
  .megamenu.dropdown-header {
    padding: 3px 15px !important;
 
  }
  .navbar-nav .open .dropdown-menu .dropdown-header{
	color:#fff;
  }
}
/************************************************Navbar**Ends*************************************************************/
.midder-sect{ width:100%; float:left;}
.slider{ width:100%; float:left;margin: -5px 0 0  0px;}
.sect{ width:100%; float:left;}
.sect-2{ width:100%; float:left;}
.ad-sect{ width:100%; float:left;    margin: 3.5% 0;}
.hdr{  
    color: #3162cd;
    border: 1px solid;
    width: 76%;
    float: right;
    padding: 0;
    margin: 14px 0 0 0;
}
.hdr-0{  
    color: #3162cd;
    border: 1px solid;
    width: 77%;
    float: right;
    padding: 0;
    margin: 1% 0 0 0;
}
.hdr-2{  
    color: #3162cd;
    border: 1px solid;
    width: 86%;
    float: right;
    padding: 0;
    margin: 14px 0 0 0;
}
.hdr-3{  
    color: #3162cd;
    border: 1px solid;
    width: 79%;
    float: right;
    padding: 0;
    margin: 14px 0 0 0;
}
.hdr-4{  
    color: #3162cd;
    border: 1px solid;
    width: 79%;
    float: right;
    padding: 0;
    margin: 14px 0 0 0;
}
.hdr-5{  
    color: #3162cd;
    border: 1px solid;
    width: 72%;
    float: right;
    padding: 0;
    margin: 14px 0 0 0;
}
.hdr-6{  
    color: #3162cd;
    border: 1px solid;
    width: 88%;
    float: right;
    padding: 0;
    margin: 14px 0 0 0;
}
.hdr-7{  
    color: #3162cd;
    border: 1px solid;
    width: 90%;
    float: right;
    padding: 0;
    margin: 14px 0 0 0;
}
.hdr-8{  
    color: #3162cd;
    border: 1px solid;
    width: 77%;
    float: right;
    padding: 0;
    margin: 14px 0 0 0;
}
 
 
.see-more{ float:right; color:#3162cd;    margin-right: .75%;}
.slider-heading{ margin:2% 0 0 0;}
.slider-heading h3{ margin:0; padding:0; float:left; color: #3162cd; font-weight:600;font-family: 'Raleway bold';}
.rate p:first-child{ float:left;font-weight:600; text-decoration:line-through; font-size:15px; color:#4d4d4f;}
.rate p:last-child{ float:right; color:#469b07; font-weight:600;font-size:15px;}
.carousel-control.right {
    right: 0;
    left: auto;
    /* background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); */
    background-image: none;
    /* background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5))); */
    /* background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}
.carousel-control.left {
    left: 0;
    right: auto;
    /* background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); */
    background-image: none;
    /* background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5))); */
    /* background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}
.carousel-caption {
    right: 93px;
    left:52%;
    padding-bottom: 30px;
    top: 27px;
	text-align:start;
}
.recent-sect{ width:100%; float:left;}
.recent{ width:100%; float:left;}
.say{ width:100%; float:left; height:300px;}
.review{position:relative;width:100%; float:left;}
.nav-i {
    position: absolute;
    right: 24px;
    float: right;
    bottom: 58px;
}
.cap{ font-size:3em;}
.cap-1{ font-weight:800;}
.slide-p{ text-align:start; color:#fff;}
.nav-i a{ text-decoration:none; color:#939395; margin:2px;  }
.nav-i a:hover{ color:#4d4d4f; }
.item-text{ margin: 6% 4% 5% 6%;
    padding: 1%;}
.item-text p{overflow:hidden; text-align:start;height: 160px; }
.item-text h5{ font-weight:bold;}	
.highlights{ width:100%; float:left; margin:1% 0 0 0;} /*4%*/
.bx-color-1{ background:#ff5757;}
.bx-color-2{ background:#91288f;}
.bx-color-3{ background:#50cae4;}
.bx-color-4{ background:#f4569e;}
.bx-color-5{ background:#228edb;}
.bx-color-6{ background:#8fb900;}
 
.h-box{  text-align:start; margin:2% 0 2% 0;   padding: 5% 0 5% 5%;
    font-size: 1.5em;}
.h-box img{ width:40px; height:40px;}
.h-link{ text-decoration:none; color:#fff; text-align:start; font-weight:700}

a.h-link:hover {
    text-decoration: none;
    color: #ffffff;
}
.recent-sect{ margin:3% 0 2% 0}
.recent{ height:300px; box-shadow:0 0 2px #ccc; margin:0; padding:0; border: 1px solid #ccc;border-radius: 4px 4px 0 0;font-family: 'Raleway';}
.recent h4{ background:#4d4d4f; color:#fff; padding:10px; margin:0; font-size: 1.2em;border-radius: 4px 4px 0 0;font-family: 'Raleway bold';}
.say{box-shadow:0 0 2px #ccc; margin:0; padding:0; border: 1px solid #ccc;border-radius: 4px 4px 0 0;}
.say h4{ background:#4d4d4f; color:#fff; padding:10px; margin:0; font-size: 1.2em;font-family: 'Raleway bold';border-radius: 4px 4px 0 0;}

footer{ background-color:#555555 ; width:100%; float:left; }

.footer{ margin:0; padding:0;}
.foot{ margin-top:3%; padding: 2% 0 2% 0;}
.foot h4{ color:#cbccc4 !important; font-size:1em; font-weight:600; font-family: 'raleway';}
.foot-nav { margin:0; padding:0;}
.foot-nav li{ list-style-type:none; padding:2px 0 2px 0; }
.foot-nav li a{ color:#cbccc4 !important; text-align:start; font-family: 'raleway';}
.foot-mid {padding:2% 0 2% 0;   }
.foot-mid-col{border-top:1px solid #cbccc4;}
.foot-mid h5{ text-align:center; color:#cbccc4 !important; font-size:1.2em; font-weight:600 }
.foot-mid h6{ text-align:center; color:#cbccc4 !important; }
.foot-bottom{background:#4d4d4f; float:left; width:100%; margin:0; padding:3px;}
.click-top{position: absolute;
    top: -38px;
    right: 37px;
    background: #4D4D4F;
    font-size: 1.8em;
   
    color: #CBCCC4;}
	.click-top a{ text-decoration:none; color:#CBCCC4; padding: 2px 15px 2px 15px;}
.social-foot{ color:#cbccc4;}
.social-foot a{ text-decoration:none;color:#cbccc4;  }
.social-foot  a:hover  { color:#016DB5; }
.social-foot  a:hover .color-x{ color:#CBCCC4; }
.social a:hover  { color:#016DB5; }
.social a:hover .color-x{ color:#CBCCC4; }
.color-x{color:#4D4D4F;}

.pay-method{ margin:5px 0 0 0 ;}
.pay-method a{ margin:0 1px 0 5px;}
.navbar-toggle {
    padding:0px 0;
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 8px; 
}
.tog-right{ padding:2px;}
.tog-1{margin: 0px;
    padding: 5px 0 4px 0;
    font-size: 1.3em; padding:5px;}
.tog-2{ float:left; margin: 0px;
    padding: 5px 0 4px 0;
    font-size: 1.3em;}
.tog-3{ float:left;margin: 0px;
    padding: 5px 0 4px 0;
    font-size: 1.3em;}
.tog-4{ float:left;margin: 0px;    padding: 5px 0 4px 0;    font-size: 1.3em;}

.resp{width:100%; float:left; display:none;}
.resp button{border: none;background: none; color:#fff; padding: 0 10px 0 10px; margin: 0;}
.tog-left{ float:left;}
.tog-right{ float:right;}
.deal-sect-2{ display:none;}
.very-1{ display:none;}
.social-foot p{float: left;
    margin: 7px 10px 0 0;color: #cbccc4 !important;}

.search-cont-1 { display:none;}	
/***************************home page************************************/

/***************************affilation page************************************/
.a-program{width:100%; float:left; margin:0 0 2% 0}
.a-header{ width:100%; float:left; margin:1% 0 1% 0}
.a-header h1{ font-size:1.8em; color:#3162cd;}
.a-sect-p{ width:100%; float:left; margin:4% 0 2% 0; padding: 9% 0 0 0;     color: #4d4d4f;
    line-height: 1.7em;}
.a-sect-img{ margin:2% 0 2% 0;width:100%; float:left; }
.a-sect-img img{ border:2px solid #3162cd; margin:auto;}
.af-ad{ width:100%; float:left; margin:2% 0 3% 0}
.a-sect-h{color: #3162cd;}
.hdr-af{  
   color: #3162cd;
    border: 1px solid;
    width: 23%;
    float: right;
    padding: 0;
    margin: -2% 0 0 0;
}
/****************/
.contact{ width:100%; float:left; margin:1% 0 3% 0;}
.c-btn{background-color:#228edb; color:#fff;}
.c-header{ width:100%; float:left; margin:1% 0 1% 0}
.c-header h1{ font-size:1.8em; color:#3162cd;}
.hdr-c {
    color: #3162cd;
    border: 1px solid;
    width: 79%;
    float: right;
    padding: 0;
    margin: -2% 0 0 0;
}
.c-info{ margin:20px 0 0px 0; line-height: 11px;}
/****************/
.d-header{ width:100%; float:left; margin:1% 0 1% 0}
.d-header h1{ font-size:1.8em; color:#3162cd; font-weight:600;}
.hdr-d {
    color: #3162cd;
    border: 1px solid;
    width: 77%;
    float: right;
    padding: 0;
    margin: -2% 0 0 0;
}
.d-img{ border: 1px solid #ccc;    padding: 8px;    width: 90%;    margin: auto; background-color:#fff;}
.d-desc h3{font-size:1.2em; color:#3162cd;    margin-top: 0; font-weight:600;}
.d-desc a {
    text-decoration: none;
    color: #3162cd;
}
.d-desc p:nth-of-type(1){ font-size:1em; color:#787878; font-weight:600;}
.d-desc p:nth-of-type(2){ font-size:.9em; color:#4d4d4f;}
.d-rate{margin: 2% 0px 0 0;}
.d-rate p:first-child{  font-size: 1.1em; float:left;font-weight:600; text-decoration:line-through; color:#4d4d4f;}
.d-rate p:last-child{ float: left;
    color: #469b07;
    font-size: 1.1em;
    font-weight: 600;
    margin: 0 2px 0 56px;}
.d-inpt {
    outline: none;
    margin: 0 4px 0 15px;
    border: 1px solid #DAD9D9;
  height: auto;
    font-size: 1em;
    width: 44px;
text-align:center;
    border-radius: 7px;
    line-height: 1.95;
   padding: 3px 0 3px 0; 
}
.cd-inpt {
    outline: none;
    
    border: 1px solid #DAD9D9;
  height: auto;
    font-size: 1em;
    width: 85px;
text-align:center;
    border-radius: 7px;
    line-height: 1.95;
   padding: 3px 0 3px 0; 
}
.d-form{float: left;
    width: 100%;margin: 1% 0 5% 0;}
.d-form label{ color:#000000; display:block; float:left;padding-top: 6px;}	
.d-form-m{ margin:0;}
.d-sect{ margin-top:3%;}
.d-btn{ background-color:#228edb;}
.nbf-sect { text-align:center;}	
.nbf-header{ width:100%; float:left; margin:1% 0 1% 0}
.nbf-header h1{ font-size:1.8em; color:#3162cd;}
.hdr-nbf {
    color: #3162cd;
    border: 1px solid;
    width: 80%;
    float: right;
    padding: 0;
    margin: -2% 0 0 0;
}
.nbf-program{ margin:1% 0 2% 0;}
.nbf-sect{}
.nbf-row{ margin-top:1%; margin-bottom:3%;}

.obf-sect { text-align:center;}	
.obf-header{ width:100%; float:left; margin:1% 0 1% 0}
.obf-header h1{ font-size:1.8em; color:#3162cd;}
.hdr-obf {
    color: #3162cd;
    border: 1px solid;
    width: 88%;
    float: right;
    padding: 0;
    margin: -2% 0 0 0;
}
.obf-program{ margin:1% 0 2% 0;}
.obf-sect{}
.obf-row{ margin-top:1%; margin-bottom:3%;}
.s-head h6{font-size: 1.5em;
    background: #228edb;
    text-align: center;
    padding: 7px;
    color: #fff;}
.s-head p{ color:#4d4d4f; margin-left: 7%;}	
.s-head a{ text-decoration:none; color:#4d4d4f;}
.hdr-s{
    color: #3162cd;
    border: 1px solid;
    width: 88%;
    float: right;
    padding: 0;
    margin: -2% 0 0 0;
}
.s-row{ margin-top:2%; margin-bottom:3%;}
.hdr-sm{ color: #3162cd; border: 1px solid; width: 77%; float: right; padding: 0; margin: -2% 0 0 0;}
.hdr-t{ color: #3162cd; border: 1px solid; width:68%; float: right; padding: 0; margin: -2% 0 0 0;}
.item-text-t {
    text-align: start;
    color: #475055;
    padding: 2%;
     border-radius:4px;
}
.rev-item{  border: 1px solid #EAEAEA; padding:10px;}
.item-text-t p{ text-align:start;}
.item-text-t h5{ color:#3162cd;}
.i-cl { color:#469b07;}

.audio-program{ width:100%; float:left;}
.a-img{ width:100%; float:left; margin:2% 0 3% 0;}
.hdr-a{ color: #3162cd; border: 1px solid; width:71%; float: right; padding: 0; margin: -2% 0 0 0;}
.au-text h2{ color:#3162cd; font-weight:600; font-size:1.7em;}
.au-text i{ color:#ffd129; margin: 0 8px 0 0;}
.au-row{ margin-top:1%; margin-bottom:3%;}
.au-row p{ text-align:center;}
.au-row .col-sm-3 { text-align:center; color:#4d4d4f}
.au-row .col-sm-3 a{ text-align:center; color:#3162cd; text-decoration:none;font-style:italic;}
.au-row .col-sm-6 a{ text-align:center; color:#3162cd; text-decoration:none;font-style:italic;}
.au-row .col-sm-4 { text-align:center; color:#4d4d4f}
.au-row .col-sm-4 a{ text-decoration:none;color:#3162cd; font-style:italic;}
.au-img{ margin:auto;}
.au-p{ margin-top:1%; margin-bottom:2%;}
.au-btm-text{ color:#3162cd; margin-top:1%; margin-bottom:2%; font-size:1.4em;}
.tx-bold{ font-weight:600;}
.tx-itl{ font-style:italic;}
/**********/
.sp-btn-cl{ background-color:#228edb; color:#fff;}
.hdr-sv{
    color: #3162cd;
    border: 1px solid;
    width: 80%;
    float: right;
    padding: 0;
    margin: -2% 0 0 0;
}
.btn-sr{ margin:2% 0 1% 0;}
.srbtn-cl{ color:#228edb; font-weight:600;padding: 7px 23px 6px 20px;}
.italic{ font-style:italic;}
.sr-program{ width:100%; float:left;}
/****************/
 
.hdr-jot{
    color: #3162cd;
    border: 1px solid;
    width: 83%;
    float: right;
    padding: 0;
    margin: -2% 0 0 0;
}
.jot-program{ width:100%; float:left; margin:1% 0 2% 0}
.jot-program h1{ font-size:1.5em; color:#3162cd; font-weight:600;}
.j-list-header h2{color:#3162cd; font-size:1.2em;}
.j-list-header ul { list-style:circle; }
.j-list-header ul li{ list-style:circle; margin: 0 0 0 33px; }
/***************************************item page***********************************************************/
span.shareit {
    float: left;
    margin: 6px 8px 0 0;
    color: #000000;

}

span.telltag {
    float: left;
    font-size: 1.46em;
    margin: 0px 0 0 1px;
    background: #1da1f2;
    color: #fff;
    padding: 6px;
  transition: all .2s ease-in-out;
}
.addthis_sharing_toolbox {
    float: left;
}

.share {
    float: left;
}

.rate-p-s {
    float: left;
}
.fb{color: #3b5998}
.tw{color:#55acee}
.pn{color:#cb2027}
.gp{color:#dd4b39}
.sh{color:#1ca54b}
.em{ color:#00a8ec}
.item-p-sect{width:100%; float:left; margin:2% 0 2% 0}
.item-p-1{text-align:center;}
.item-p-1 img{ margin-bottom:5%;margin-left: auto;    box-shadow: 0 0 2px #eae8e8;
    padding: 10px 0 10px 0;    margin-right: auto;}
.item-p-1 a{margin-top:5%; background-color:#fe7800; border:none;}
.item-p-2{}
.item-p-2 h1{    margin-top: -3px; color:#3162cd; font-family:'Raleway bold'; font-weight:600; font-size:1.5em;}
.item-p-3 h3{ margin-top:0; color:#016db5; font-size:1.5em;     font-family: 'Raleway bold';}
.dwld-sect{ margin-top:2%; margin-bottom:2%;}
.rate-p-s{ border-bottom: 1px solid #E8E8E8;        margin-bottom: 15px;    padding-bottom: 15px;}
.rate-p-s img {
    margin: -4px 8px 1px 4px;
}
div#infowrap {
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 2%;
}
.item-p-rate{ float:left; width:100%;}
.rateB{float: left;
	font-size:2em;
    font-weight: 600;
    text-decoration: line-through;
    color: #000000;
   margin: 0 29px 0 0;
}
.rateA{
font-size:2em;
float: left;
 margin-left:3%;
    color: #469b07;
    font-weight: 600;}	
#rateS{  font-weight:800;}	
.i-ship{ margin: 1% 0 0 0;}
.item-p-ex	{ width:100%; float:left; margin:7% 0 0 0}
.item-p-ex1{ width:49%; float:left; margin:2% 0 0 0; color:#4d4d4f}
.item-p-ex1 ul li a{color:#4d4d4f}
.item-p-ex2 ul li a{color:#4d4d4f}
.item-p-ex2{width:49%; float:left;    margin: 2% 0 0 0;}
.item-p-ex1 ul li,  .item-p-ex2 ul li {
    margin-bottom: 3%;
}
.share a {
    /* font-size: 2em; */
    color: #fff;
}
.sug{ width:100%; float:left; box-shadow: 0 0 15px #ccc;}
.sug h4{    background: #4d4d4f;
    color: #fff;
    padding: 10px;
	border-radius: 5px 5px 0 0 ;
    margin: 0;
    font-size: 1.2em;}
 .bymore{width:100%; float:left; box-shadow: 0 0 15px #ccc; /*height:411px*/}
.bymore h4{    background: #4d4d4f;
    color: #fff;
    padding: 10px;
	border-radius: 5px 5px 0 0 ;
    margin: 0;
    font-size: 1.2em;}	
 .dwld-p1{ padding-top:10px; }
 .dwld-p1 a{font-size:1.2em; color:#3162cd; font-weight:600; }
 .dwld-p2 a{ margin:0 8px 0 6px;}
.tab-content {
    padding: 0 13px 0 14px;
}
 .detail-tab { width:100%; float:left;box-shadow: 0 0 3px #f5f5f5; box-shadow: 0 0 3px #f5f5f5;
    border: 1px solid #f5f5f5;}
 .detail-tab ul li{ background-color:#4d4d4f; color:#fff; border-right:1px solid #fff; border-bottom:none !important; width:25%; text-align:center;}
 .nav-tabs {
     border-bottom: 0px solid #ddd !important;     margin-bottom: 20px;
}
  .detail-tab ul li a{ color:#fff; border-radius:0; font-weight:100; margin:0 !important; font-size: 1.3em; }

}
  .active{ border:none !important; outline:0 !important; outline-offset: 0px !important;}
  .active .tab-li{ background-color:#228edb !important; color:#fff !important; border:none !important; outline:0 !important;outline-offset: 0px !important;
}
.active .tab-li::after {
    content: '';
    border: 3ex solid transparent;
    border-top-color: #228EDB;
    color: cornflowerblue;
    text-align: center;
    position: absolute;
    top: 73%;
    left: 0;
    right: 0;
    width: 0;
    margin: 0 auto;
}
.tab-text{ margin:3% 0 1% 0;}
.tab-text { background:none !important; }

}
.nav-tabs > li > a:hover{border-color:none !important;}

 .recent-item {
    height: auto;
    margin: 0;
    padding: 0;
    box-shadow: 0 0 3px #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 5px 5px 0 0;
    width: 100%;
    float: left;
}
.recent-item h4{ background:#4d4d4f; color:#fff; padding:10px; margin:0; font-size: 1.2em;border-radius: 5px 5px 0 0;}
.audio-box{ width:100%; float:left; margin:3% 0 2% 0;} 
.by-cont{ width:95%;/*80%*/ margin:10px auto;}
 
.prod-i{width:200px;position: relative;margin: 10px auto 7px auto;padding:0 2px 22px 2px; box-shadow: 0 0 0 .7px #D8D7D7; text-align:center;}
.prod-i a{ text-decoration:none;}
.prod-i img{ margin:auto;}
.prod-i:hover { border: 1px solid #6e91dc;box-shadow: 0px 0px 8px #6e91dc;}
.prod-i:hover .quick-view{ display:block;}	

.whatsapp_link{
 background-image:url('https://www.noorart.com/site/newwebsite/img/whatsapp.png');
  background-size: 60px;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 100px;
    height: 100px;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    text-indent: 100%;
    white-space:nowrap;
    margin-bottom: 0px;
}