@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700');
body{ padding: 0px; margin: 0px; font-family: 'Poppins', sans-serif; font-weight: 400;}
h1, h2, h3, h4, h5, h6, ol, li, ul, a, img, p, span, strong{ padding: 0px; margin: 0px;}
a:hover,a:focus{ outline: none;}
section{ float: left; width: 100%;}
.pad0{ padding: 0;}
img { max-width: 100%;}
ul, li{list-style:none; margin: 0px; list-style-type:none; }
a,a:hover{ text-decoration: none}
/************** Header *****************/
.header nav.navbar.navbar-default { background-color: rgba(255, 255, 255, 1); border: 0 none; float: left;  width: 100%; z-index: 999; border-radius: 0;
margin-bottom: 30px;}
.header .navbar-brand { height: auto; padding: 5px 15px;}
.header .navbar-nav > li > a {color: #333; font-size: 16px; padding: 10px 15px; text-transform: uppercase}
.header .navbar-default .navbar-nav > .active > a, 
.header .navbar-default .navbar-nav > .active > a:hover, 
.header .navbar-default .navbar-nav > li a:hover, 
.header .navbar-default .navbar-nav > .active > a:focus {color: #C3D54F; background: transparent}
.slider h2 { font-size: 75px; width: 100%; display: inline-block; text-align: center; margin-bottom: 30px;}
.slider .carousel-caption { top: 40%;}
.navbar-right { float: left !important; margin-right: -15px;margin-top: 33px;}
.social_icon { display: inline-block; float: right; margin-top: 39px;}
.social_icon a{ color: #333; font-size: 17px; margin-left: 10px;}
.join-free { padding: 90px 0; background:url(../images/img_5.png) no-repeat left top;}
.statics-sec { background-image: url("../images/history.png"); background-size: cover; padding: 100px 0; text-align: center;}
.statics-sec li { color: #fff; display: inline-block; font-size: 17px; list-style: none; margin: 0 10px;}
.statics-sec li span { background-color: rgba(255, 255, 255, 0.3); border: 2px solid #fff; display: block; font-size: 45px; height: 150px; line-height: 150px; width: 150px; 
                      margin-bottom: 15px;}
.statics-sec li.active span{ background-color: #fff; color: #ff0038;} 
.post-sec { padding: 60px 0 20px;}
.handpicked_top { float: left; text-align: left; width: 100%; padding-bottom: 40px;}
.heand_picks { display: inline-block; margin-bottom: 50px; width: 100%;}
.post-sec h2 { color: #383838; font-size: 30px; margin-bottom: 10px; text-align: left; text-transform: uppercase;}
.post-sec h6 { color: #333; font-size: 14px; font-weight: 400; margin: 5px 0; }
.post-sec p { color: #696969; font-size: 14px; font-weight: 400; margin: 15px 0; text-align: center;}
.shop_picks{ display: inline-block; width: 100%; position: relative;}
.shop_picks a{ position: absolute; top: 50%; left: 50%; font-size: 25px;  color: #fff; font-weight: 700; transform: translate(-50%, -50%);
width: 100%; text-align: center}
.pr_img_hh{ height: 255px; overflow: hidden}
.footer { background-color: #fff; padding: 50px 0 20px;}
.social-foot { padding: 10px 0;}
.social-foot a {  display: inline-block; color: #6A6E79; font-size: 25px; margin-right: 13px;}
.social-foot > li { display: inline-block; list-style: outside none none; padding: 4px 5px;}
.footer .text-center p { color: #435566; font-size: 13px; font-weight: 400; margin-bottom: 5px;}
.costome_links { float: left; width:18%;}
.costome_links h4{ display: inline-block; color: #333; font-size: 17px; font-weight: 500; text-transform: uppercase;}
.costome_links ul { float: left; width: 100%; padding-top: 27px;}
.costome_links ul li { float: left; width: 100%; padding: 3px 0}
.costome_links ul li a{ display: inline-block; color: #666; font-size: 15px; font-weight: 500;}
.social_icon a:hover,
.social-foot a:hover,
.costome_links ul li a:hover{ color: #c3d54f}
.costome_links3{ width: 33%}
.app_store{ float: left; width: 100%; padding-top: 30px;}
.app_store a{ float: left; margin-right: 10px;}
.keep_touch{ float: left; width: 100%; padding-top: 30px;}
.complany_polici { float: right; width: 30%;}
.polici_compny { float: left; margin-bottom: 10px; width: 100%;}
.polici_compny i{ float: left; width: 22%}
.polici_compny span{ float: left; width: 78%; color: #6A6E79; font-size: 16px; padding-top: 8px;}
.polici_compny span b{ font-weight: 600}
.footer_bootem{ float: left; width: 100%; border-top: 1px #C2D44E solid; margin-top: 30px; padding-top: 30px;}
/*
.dropdown-menu .sub-menu {
  left: 100%;
  position: absolute;
  top: 0;
  visibility: hidden;
  margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
  visibility: visible;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

.nav-tabs .dropdown-menu,
.nav-pills .dropdown-menu,
.navbar .dropdown-menu {
  margin-top: 0;
}

.navbar .sub-menu:before {
  border-bottom: 7px solid transparent;
  border-left: none;
  border-right: 7px solid rgba(0, 0, 0, 0.2);
  border-top: 7px solid transparent;
  left: -7px;
  top: 10px;
}

.navbar .sub-menu:after {
  border-top: 6px solid transparent;
  border-left: none;
  border-right: 6px solid #fff;
  border-bottom: 6px solid transparent;
  left: 10px;
  top: 11px;
  left: -6px;
}
*/

.navbar .navbar-right .dropdown-menu { left: 0; padding: 0; right: auto;}
.dropdown-menu li{ border-bottom: 1px #ddd solid}
.dropdown-menu li:last-child{ border-bottom: none}
.top_header { border-bottom: 1px solid #ddd; float: left; margin-bottom: 20px; width: 100%;}
.cunrdd { float: left; font-size: 16px; color: #666; padding: 26px 0 0 30px;}
.cunrdd span{ text-transform: uppercase; color: #000; font-weight: 500}
.select_droo { display: inline-block; width: 100px; padding-bottom: 0; vertical-align: top; position: relative; float: left }
.select_droo span { display: inline-block; float: left;  width: 100%; padding: 0; text-transform: none; position:relative }
.select_droo span:after {   background-color: #fff; color: #333; height: 12px; padding: 21px 12px  ; position: absolute; right: 1px; top: 1px; border-radius: 0 5px 5px 0; 
content: "\f107"; font-family: 'FontAwesome';font-size: 20px; }
.select_droo span:after, .select span:after { z-index: 0;  bottom: 0; pointer-events: none }
.select_droo select option { padding: 0 5px; color: #333; background: #fff }
.select_droo select { float: left; font-family: 'Poppins', sans-serif; width: 100%; height: 75px; padding: 0 10px ; color: #333; 
  font-size: 17px; line-height: 58px; border-radius: 0px;  background: rgba(255,255,255,1);border:none; -moz-appearance: none;
 appearance: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; border-bottom: 2px #C3D54F solid }

.hd_right {  float: right;}
.hd_right > ul { float: left;}
.hd_right li { border-left: 1px solid #ddd; float: left; font-size: 20px; height: 75px; padding: 27px 28px; position: relative;}
.hd_right li a{ color: #333;}
.hd_right li a span{ position: absolute; right: 14px; top: 15px; width: 20px; height: 20px; background: #C3D54F; color: #fff;border-radius: 50%;
font-size: 14px; text-align: center;}
.hd_right li:hover{ border-bottom: 2px #C3D54F solid}
.carousel-caption a{ display: inline-block; background: #C3D54F; color: #fff; text-transform: uppercase; font-size: 18px; padding: 12px 20px;
text-shadow: 0}
.offer_bx{ display: inline-block; width: 100%; padding: 20px 0 50px;}
.offer_bx span{ display: inline-block; position: relative; font-size: 30px; color: #fff; font-weight: 500;}
.offer_bx span:before{ position: absolute; content: ""; background:url(../images/line_img.png) no-repeat left top; height: 3px; left: -147px;
 position: absolute;  top: 21px; width: 137px;}
.offer_bx span:after{ position: absolute; content: ""; background:url(../images/line_img.png) no-repeat left top; height: 3px; right: -147px;
 position: absolute;  top: 21px; width: 137px;}
.extra_off { background: #fff; color: #04494e; display: inline-block; font-size: 30px; font-weight: 700; padding: 6px 0; text-align: center;
 text-transform: uppercase; width: 100%;}
.extra_off_code { color: #fff; display: inline-block; font-size: 15px; font-weight: 600; padding-top: 20px; text-align: center; text-transform: uppercase;
 width: 100%;}


.post-sec h4 { color: #000; float: left; font-size: 16px; font-weight: 500; padding: 25px 0 5px; text-align: center; width: 100%;}

.category-sec{ padding: 80px 0}
.padding_top{ padding-top: 26px;}


.best-now-sec{ padding: 40px 0;
  background: #d1d4ff; /* Old browsers */
background: -moz-linear-gradient(left, #d1d4ff 0%, #e9f1c2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #d1d4ff 0%,#e9f1c2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #d1d4ff 0%,#e9f1c2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d4ff', endColorstr='#e9f1c2',GradientType=1 ); /* IE6-9 */}
.best-now-bx{ float: left; width: 100%; border: 1px #BDBFBE solid;}
.best-now{ float: left; width: 59% }
.best-now-text { float: left; padding: 18px 0 0 23px; width: 41%;}
.best-now-text h4{ display: block; font-size: 22px; color: #333}
.best-now-text p{ display: block; font-size: 14px; color: #333; text-transform: uppercase}
.best-now-text ul{ float: left; padding-top: 30px; width: 100%}
.best-now-text ul li{ float: left; padding:7px 0px; width: 100%; border-bottom: 1px #BDBFBE solid; margin-bottom: 20px;}
.best-now-text ul li:hover a{color: #B0C42D}
.best-now-text ul li:hover{  border-bottom: 1px #C2D44E solid; }
.best-now-text ul li:last-child{ margin-bottom: 0}
.best-now-text ul li a{ float: left; color: #333; font-size: 18px; font-weight: 500;}

.myshowdiv { background: #fff; border: 1px solid #ddd; border-radius: 3px; padding: 10px; position: absolute; right: 0; top: 72px; width: 300px;
 z-index: 9999; display: none;}
.myshowdiv input[type="text"]{ width: 83%; border: 1px #ddd solid; font-size: 14px; color: #333; height: 35px; padding: 0 10px; border-radius: 3px;
background: #fff; float: left;}
.myshowdiv a { background: #c3d54f; border-radius: 3px; color: #fff; display: inline-block; float: right; font-size: 18px; height: 35px;
 padding: 5px 12px; text-transform: uppercase;}



/*-----------------------**/
.fixed-me{
    transition: all 1s ;
}

.fixed-me{
    background-color:#fff !important;
    padding: 0px  !important;
    margin-bottom: 5px;
    position: fixed;
    top:0;
	z-index:888;
    width: 100%;
    border-bottom: 3px solid #C2D44E !important;
    
}

.navbar-me {
    
   transition: all 1s ;
}
.header-right-menu{
 padding: 5px 15px !important;   
    
}
.site-logo{
    padding: 15px 20px !important; 
    margin: 15px 10px !important;
}
.navbar-me{
    padding: 10px 0px;
    background-color: transparent;
    top: 0px;
    border: 0px;
    border-radius: 0px;
}

/*-------------Media css-------------------*/
@media(max-width: 1199px){
.slider h2 { font-size: 55px; margin: 0 auto; max-width: 760px;}
.join-free h2 span { display: block;}
.header .navbar-nav > li > a { font-size: 14px; padding: 10px 6px;}
.best-now-text ul li a { font-size: 15px;}
.best-now-text ul li { margin-bottom: 3px;}
.offer_bx{padding-bottom: 20px;}
.shop_picks a { font-size: 22px;}
.extra_off { font-size: 24px;}
}
@media(max-width: 991px){
.header .navbar-nav > li > a { font-size: 12px; padding: 5px;}
.join-free .btn.btn-transparent { font-size: 15px; margin-top: 14px; padding: 14px 15px;}
.dtname { max-width: 280px;  margin: 0 auto 45px;}
.post-sec p {max-width: 280px; margin: 15px auto;}
.post-sec { text-align: center;}
.slider h2 { font-size: 35px;}
.shop_picks a { font-size: 16px;}
.social_icon { margin-top: 1px; padding-right: 10px;}
.best-now-text ul li { padding: 5px 0;}
.best-now-text ul li a { font-size: 12px;}
.best-now-text { padding: 18px 0 0 12px;}
.offer_bx span { font-size: 27px;}
.offer_bx { padding: 10px 0 9px;}
.app_store a { width: 45%;}
}
@media(max-width: 767px){
.join-free h2 { font-size: 33px; text-align: center;}
.join-free .btn.btn-transparent { float: none; margin: 20px auto 0;}
.join-free { text-align: center;}
.welcome-sec h2 { font-size: 30px; margin-bottom: 12px;}
.post-sec h2 { font-size: 35px; margin-bottom: 30px;}
.header .navbar-nav > li > a { padding: 10px 8px;}
.padding_top{ display: inline-block; width: 100%}
.shop_picks > img { width: 100%;}
.mobile_padding{ padding-top: 26px;}
.costome_links { width: 50%;}
.complany_polici { width: 50%;}
.polici_compny span { font-size: 12px; padding-left: 6px; padding-top: 6px;}
.app_store a {  width: 45%;}
.costome_links ul { padding-bottom: 20px; padding-top: 10px;}
.navbar .navbar-collapse{ background: #efefef; float: left !important; left: 0; margin: 0; position: absolute; top: 50px; width: 100%; padding: 0;}
.navbar-right { margin: 0; width: 100%;}
.header .navbar-nav > li > a { font-size: 15px; padding: 7px 15px;}
.social_icon { float: left; margin-top: 0; padding: 10px 0; width: 100%;}
}
@media(max-width: 510px){
.header nav.navbar.navbar-default { position: relative;}
.slider .carousel-caption { top: 10%;}
.slider h2 { font-size: 25px;}
.footer .text-center p { font-size: 13px;}
.offer_bx span::after,
.offer_bx span::before{ display: none;}
.offer_bx { padding: 20px 0 10px;}
.offer_bx span { font-size: 20px;}
.cunrdd { font-size: 14px; padding: 24px 0 0 15px; width: 43%;}
.join-free { padding: 31px 0;}
.extra_off_code { padding-bottom: 10px; padding-top: 10px;}
.mobile_padding,
.padding_top { display: inline-block; padding-top: 26px;}
.best-now-text { padding: 18px 0 0 13px;}
.best-now-text ul li a { font-size: 16px;}
.best-now-text ul li { margin-bottom: 8px; padding: 4px 0;}
.header .navbar-brand { padding: 0 15px; }

}
@media(max-width: 479px){
.select_droo {  width: 73px;}
.select_droo span::after { font-size: 13px; height: 12px; padding: 16px 6px;}
.select_droo select { font-size: 12px; height: 51px; line-height: 50px;}
.cunrdd { font-size: 12px; padding: 13px 0 0 10px; width: 50%;}
.hd_right li { font-size: 11px; height: 51px; padding: 18px 7px;} 
.hd_right li a span {font-size: 11px; height: 17px; right: 2px; top: 5px; width: 17px;}
.slider h2 { font-size: 20px;}
.offer_bx {  padding: 5px 0;}
.carousel-caption a { font-size: 14px; padding: 6px 15px;}
.offer_bx span { font-size: 13px;}
.shop_picks img{ width: 100%}
.shop_picks { margin-bottom: 10px;}
.padding_top { padding-top: 0;}
.join-free{ background-size: cover}
.extra_off { font-size: 18px;}
.complany_polici,
.costome_links{ width: 100%}
.polici_compny span { font-size: 14px; padding-left: 10px;}
.costome_links h4 { font-size: 15px;}
.costome_links ul { padding-bottom: 20px; padding-top: 7px;}
.best-now-text ul li { margin-bottom: 2px; padding: 2px 0;}
.best-now-text ul li a { font-size: 12px;}
.best-now-text ul { padding-top: 10px;}
.shop_picks a { font-size: 15px;}
.header .navbar-brand { padding: 0 15px; width: 70%;}
.mobile_padding, .padding_top { display: inline-block; padding-top: 0; width: 100%;}
}