@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);
@font-face {font-family: DonnysHand; src: url('../fonts/DonnysHand.ttf'); } 

body {background: #fff; font-family: 'Open Sans', sans-serif; color:#4e4e4e; line-height: 22px}

.detailtext {font-family:Arial, Helvetica, sans-serif !important; font-size: 14px; line-height:1.8em}
.bottombanner{background-color:#ffffff; margin:0 auto !important; padding:25px 15px; padding-bottom:35px;}

.shareheading {font-family:DonnysHand, Sans-Serif; font-size:28px; font-weight:bold; color:#3a69ad; margin:20px 0 10px 0; letter-spacing:2px}

h1,h2,h3,h4,h5,h6 {font-weight: 600; font-family: 'Open Sans', sans-serif; color:#333333}
h1{font-size: 32px;color:#000; margin:0}
h2{font-size: 18px; line-height: 24px;}
h3{font-size: 16px;line-height: 24px;}
h4{font-size: 16px;}

a {color: #333; -webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms; transition:  color 300ms, background-color 300ms}
a:hover, a:focus {text-decoration:underline; color:#0e72b5}

#mainnav.affix {position: fixed; top: 0; width: 100%; z-index:10; transition: all 2s ease 0.6s; padding-top:10px}

hr {border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff;}

.padbot15{padding-bottom:15px}
.seemorebutton{margin-top:20px; text-align:right}
.seemorebutton a{background-color:#c60001; color:#fff; padding:4px 12px;}
.seemorebutton a:hover{color:#fff; background-color:#000; text-decoration:none}
.bodyborder{max-width:1000px; margin:20px auto}
.mainsection {padding-top:10px; background-color:#FFF; margin-top:0; margin-bottom:0;}
.mainsection .container{max-width:1000px; margin:0 auto;}
.compSlider{background-color:#ffffff; margin:0 auto; padding:15px; margin-top:-40px;}
.compSlider .nopadding{background-color:#c60001; padding:8px 10px 6px 10px; }
.compSlider .nopadding span{color:#ffffff}
.compSlider .owl-theme{background-color:#eee; padding:20px; margin-top:-40px; }
.compSlider .owl-theme a{color:#000}

/*.category {border-bottom:4px solid #000; margin-bottom:20px; margin-top:10px; background:#c60001}
.category a, .sideheader{padding:7px 10px !important; color:#fff;  font-weight:600; font-size:16px; display:inline-block;letter-spacing:0.7px}
*/

.category {border-bottom:3px solid #c60001; margin-bottom:20px; padding-bottom:5px;margin-top:10px}
.category a, .sideheader {padding:10px; color:#000; padding-bottom:7px; font-weight:bold; font-size:18px}

.categorylist {margin-bottom:40px; margin-top:10px}
.categorylist .col-sm-5 {padding-right:20px;}
.categorylist img { border:1px solid #ccc}
.categorylist h2{margin-top:0; font-size:20px; margin-bottom:5px}
.categorylist .enddate {font-size:14px; color:#999}
.categorylist p {height:45px; overflow:hidden; margin-top:5px}
.categorylist h2 a {color:#000000}
.categorylist h2 a:hover{color:#0e72b5}
.ComQuestion{padding:0 20px}
.ComQuestion label {padding-left: 5px; font-weight:600 }
 #pager{clear:both; padding:5px 10px;}
 #pager a {padding:4px 12px; border:1px solid #ccc; font-size:12px; background-color:#FFF; display:inline-block; color:#000000}
 #pager a:hover {background-color:#c60001; color:#ffffff} 
 #pager .pageNumSelected {padding:4px 12px; border:1px solid #ccc; display:inline-block; color:#ffffff;font-weight:600; text-align:center; background:#c60001;}
.prevmag a:link{text-decoration:none;}
.prevmag span {display: block; margin-top:18px; margin-bottom:20px; text-align:center}
.prevmag article{ box-shadow: 5px 5px 8px #3F3F3F; background-size:100% auto}
.prevmag .mh-background{opacity:0;  font-weight:600; font-size:16px; text-align:center; padding-top:118px; padding-bottom:118px; display:block; background-color:rgba(255,255,255, 0.6); color:#000000;}

.fashion2 {margin-top:25px}
.fashion2 a{text-decoration:none;}
.fashion2 article{box-shadow: 5px 5px 8px #3F3F3F; background-size: 100% auto;}
.fashion2 .mh-background{opacity:0;  font-weight:600; font-size:16px; text-align:center; padding-top:70px; padding-bottom:70px;  
         display:block; background-color:rgba(255,255,255, 0.6); color:#000000;}

@media (max-width: 414px) {
    .prevmag .mh-background{padding-top:75px; padding-bottom:75px}
    .fashion2 .mh-background{padding-top:35px; padding-bottom:35px}
}
.caption {top: 0rem; position: absolute; background:#ff9900; color:#FFF; padding:0 10px}
.caption h4 a{color: #fff;-webkit-font-smoothing: antialiased; font-size:14px; letter-spacing:1px}
.col-centered{float: none; margin: 0 auto;}

@media (max-width: 736px) {   
    .categorylist h2{margin-top:10px;}
    .seemorebutton{text-align:left}
    #mainnav.affix {padding-top:20px}    
}

@media (max-width: 768px) {
    .img-center{margin:0 auto}  
    .socialembed{display:none !important}  
}

.detailsnav{color:#999; margin-bottom:25px}
.detailsnav a{color:#999;}
.detailsnav a:hover{color:#0e72b5;}
.detailsnav i{padding:0 8px}

.nopadding{padding:0}
.readmore{display:block; padding-right:10px; margin-top:-10px; color:#ff9900}

.articledate {font-size:11px; color:#999; display:block; margin:-5px 0 7px 0}
.articledatedetail {font-size:13px; color:#999; display:inline-block; margin:10px 0}

.btn-success {padding: 8px 20px; background: #ff9900; color: #fff; border-radius: 4px; border:none; margin-top: 10px;transition: all 0.6s ease 0s}

.margintop30{margin-top:30px}
.rptDivRow .row {overflow:hidden; line-height:1.4em; margin-bottom:25px; padding-right:10px}
.rptDivRow h5 {margin: 4px 0 3px 0; line-height:1.2em}
.rptDivRow p {margin-top:4px}
.rptDivRow span{font-size:11px; color:#999}
@media (min-width: 768px) {
    .rptDivRow .row {max-height:60px}
}

.btn-success:hover, 
.btn-success:focus{background: #cc6600; outline: none; box-shadow: none; transition: all 0.6s ease 0s} 

.btn-primary {padding: 8px 20px; background: #0e72b5; color: #fff; border-radius: 4px; border:none; margin-top: 10px}

.btn-primary:hover, 
.btn-primary:focus{background: #0e72b5; outline: none; box-shadow: none} 

.btn-transparent {border: 3px solid #fff; background: transparent; color: #fff;}
.btn-transparent:hover {border-color: rgba(255, 255, 255, 0.5);}

.center h2{font-size: 36px; margin-top: 0; margin-bottom: 20px}

.media>.pull-left{margin-right: 20px;}
.media>.pull-right{margin-left: 20px;}

body > section {padding: 70px 0;}

.center {text-align: center; padding-bottom: 55px;}
.scaleIn {-webkit-animation-name: scaleIn; animation-name: scaleIn;}
.lead{font-size: 16px; line-height: 24px; font-weight: 400;}
.transparent-bg {background-color: transparent !important; margin-bottom: 0;}

@-webkit-keyframes scaleIn {
  0% {opacity: 0; -webkit-transform: scale(0); transform: scale(0)}
  100% {opacity: 1; -webkit-transform: scale(1); transform: scale(1)}
}

@keyframes scaleIn {
  0% {opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0)}
  100% {opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1)}
}

/*******Header******/
#header .search{display: inline-block;}
.tagline{font-family:DonnysHand, Sans-Serif; font-size:20px; font-weight:bold}
.navbar>.container .navbar-brand{margin-left: 0;}
.top-bar {padding: 5px 0; background: #000000; border-bottom: 1px solid #222; line-height: 28px;}
.top-number{color: #fff;}
.top-number p{margin: 0}
.top-number a {color:#FFF; padding-right:20px}

.social{text-align: right;}
.social-share{display: inline-block; list-style: none; padding: 0; margin: 0;}
ul.social-share li {display: inline-block;}
ul.social-share li a {display: inline-block; color: #fff; background: #404040;
  width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 2px}

ul.social-share li a:hover {background: #0e72b5; color: #fff;}
.search i {color: #fff;}

input.search-form{background: transparent; border: 0 none; width: 100px; padding: 0 10px; color: #FFF; -webkit-transition: all 400ms;
  -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms}
input.search-form::-webkit-input-placeholder{color: transparent;}
input.search-form:hover::-webkit-input-placeholder{color: #fff;}
input.search-form:hover{width: 180px;}

.navbar-brand {padding: 0; margin:0;}
.navbar {border-radius: 0; margin-bottom: 0; background: #fff}
.navbar-nav{margin-top: 5px; }
.navbar-nav>li {margin-left: 17px; padding-bottom: 5px}

.navbar-header a:hover{color:#000}

.navbar-inverse .navbar-nav > li > a {
  padding: 10px 8px; margin: 0; border-radius: 3px; color: #fff; line-height: 18px; display: inline-block; font-weight:600}

@media (min-width: 1200px) {
    .nav-menu-width{width:84px; text-align:center}
    .navbar-inverse .navbar-nav > li > a {display: table-cell; vertical-align: middle !important;  height:55px}
    .homeicon {padding-top:17px; display:inline-block; color:#FFF; padding-left:7px}
}

 @media (max-width: 1200px) {
    .homeicon {padding-top:13px; display:inline-block; color:#FFF; padding-left:7px}
    .navbar-header {float: none;}
    .navbar-left,.navbar-right {float: none !important;}
    .navbar-toggle {display: block;}
    .navbar-collapse {border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
    .navbar-fixed-top {top: 0; border-width: 0 0 1px;}
    .navbar-collapse.collapse {display: none!important;}
    .navbar-nav {float: none!important; margin-top: 7.5px;}
    .navbar-nav>li {float: none;}
    .navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px;}
    .collapse.in{display:block !important; }
}

 /*Main menu hover*/
.navbar-inverse .navbar-nav > li > a:hover{background-color: #000; color: #fff;}
.navbar-inverse {border: none;}
.navbar-inverse .navbar-brand {font-size: 36px; line-height: 50px; color: #fff;}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {background-color: #000000; color: #fff;} 

.dropdown-menu {margin-top: -1px;  background-color: #000; border: 3px solid #c60001 !important}

.navbar-inverse .navbar-nav .dropdown-menu { 
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  border: 0; padding: 0; margin-top: 0; border-top: 0; border-radius: 0; left: 0;}
.navbar-inverse .navbar-nav .dropdown-menu:before{position: absolute; top:0;}
.navbar-inverse .navbar-nav .dropdown-menu > li > a {padding: 8px 15px; color: #000; }
.navbar-inverse .navbar-nav .dropdown-menu-cat > li:hover > a,
.navbar-inverse .navbar-nav .dropdown-menu-cat > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu-cat > li.active > a {background-color: #000000; color: #fff;}
.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a {border-radius: 0 0 3px 3px;}
.navbar-inverse .navbar-nav .dropdown-menu > li.divider {background-color: transparent;}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form { border-top: 0; padding-bottom: 0;}

/********* Footer ******/
#social-footer{background-color:#000; margin:0 auto; padding:15px;}
.social-footer {padding:0 35px; }
.social-footer a{color:#fff; margin-right:15px}
.social-footer a:hover{color:#0e72b5}
.social-footer h2 {color:#FFF; font-size:24px; display:block; margin-bottom:-10px; border-bottom:4px solid #c60001; padding-bottom:5px; margin-top:0}

.social-footer .sections {line-height:2em; padding-left:10px}
.social-footer .sections i{padding:3px; color:#fff}

#bottom { background: #f5f5f5; border-bottom: 5px solid #0e72b5; font-size: 14px;}
#bottom h3 {margin-top: 0; margin-bottom: 10px; text-transform: uppercase; font-size:22px; color: #000;}

#bottom ul {list-style: none; padding: 0; margin: 0;}
#bottom ul li {display: block; padding: 5px 0;}
#bottom ul li a {color: #808080;}
#bottom ul li a:hover {color: #0e72b5;}
#bottom .widget {margin-bottom: 0;}

#footer {padding-top: 30px; padding-bottom: 30px; color: #fff; background: #000000;}
#footer a {color: #fff;}
#footer a:hover {color: #0e72b5;}
#footer ul {list-style: none; padding: 0; margin: 0;}
#footer ul > li {display: inline-block; margin-left: 15px;}

.clear{clear:right}

/* Homepage Slider */
        .jssorb05 {position: absolute;}
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('../images/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

      
        .jssora12l, .jssora12r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 30px;
            height: 46px;
            cursor: pointer;
            /*background: url('/images/a12.png') no-repeat;*/
            overflow: hidden;}
        .jssora12l { background-position: -16px -37px; }
        .jssora12r { background-position: -75px -37px; }
        .jssora12l:hover { background-position: -136px -37px; }
        .jssora12r:hover { background-position: -195px -37px; }
        .jssora12l.jssora12ldn { background-position: -256px -37px; }
        .jssora12r.jssora12rdn { background-position: -315px -37px; }
        .jssora12l.jssora12lds { background-position: -16px -37px; opacity: .3; pointer-events: none; }
        .jssora12r.jssora12rds { background-position: -75px -37px; opacity: .3; pointer-events: none; }
/* End Homepage Slider */


.arrow {height: 20px; background-color: transparent; border: 1px solid #fff; display:inline-block; position:relative; float:left; margin-right:20px}
.arrow:after {content: ''; position: absolute; top: 4px; left: 6px; width: 0; height: 0; border: 7px solid transparent; border-left: 6px solid #fff}
.arrow:before {content: ''; position: absolute; top: 4px; left: 7px; width: 0; height: 0; border: 7px solid transparent; border-left: 6px solid #999;}

.mega-dropdown {position: static !important}
.mega-dropdown .seemore{background-color:#c60001 !important; padding:8px;}
.mega-dropdown .seemore a {color:#ffffff !important; font-size:16px}
.mega-dropdown .seemore a:hover {color:#000 !important}

/*MegaDropdown border*/
.mega-dropdown-menu {padding: 20px 0px; width: 100%; box-shadow: none; -webkit-box-shadow: none; margin-top:-20px !important;
	background-color:#000 !important;border: 3px solid #c60001 !important}
.mega-dropdown-menu:before {content: ""; border-bottom: 15px solid #000 !important; border-right: 17px solid transparent;
    border-left: 17px solid transparent; position: absolute; z-index: 10;}
.mega-dropdown-menu:after {content: ""; border-bottom: 15px solid #000 !important; border-right: 17px solid transparent;
    border-left: 17px solid transparent; position: absolute; top: -8px; z-index: 8}

.directory-dropdown-menu {padding:20px 0px !important; width: 100%; box-shadow: none; -webkit-box-shadow: none; margin-top:0px !important; background-color:#000;border: 3px solid #c60001 !important}
.directory-dropdown-menu a{color:#ffffff !important;}
.directory-dropdown-menu a:hover{color:#333333 !important;}
.directory-dropdown-menu:before {content: ""; border-bottom: 15px solid #000; border-right: 17px solid transparent;
    border-left: 17px solid transparent; position: absolute; z-index: 10;}
.directory-dropdown-menu:after {content: ""; border-bottom: 15px solid #000; border-right: 17px solid transparent;
    border-left: 17px solid transparent; position: absolute; top: -8px; z-index: 8}

.mega-dropdown-menu-updates:before {left: 80px; }
.mega-dropdown-menu-updates:after{left: 80px;}
.mega-dropdown-menu-health:before {left: 185px;}
.mega-dropdown-menu-health:after{left: 185px;}
.mega-dropdown-menu-beauty:before{left: 280px;}
.mega-dropdown-menu-beauty:after{left: 280px;}
.mega-dropdown-menu-kids:before {left: 379px;}
.mega-dropdown-menu-kids:after {left: 379px;}
.mega-dropdown-menu-dining:before {left: 465px;}
.mega-dropdown-menu-dining:after {left: 465px;}
.mega-dropdown-menu-homegarden:before {left: 558px;}
.mega-dropdown-menu-homegarden:after {left: 558px;}
.mega-dropdown-menu-whatson:before {left: 662px;}
.mega-dropdown-menu-whatson:after {left: 662px;}
.mega-dropdown-menu-competition:before {left: 785px;}
.mega-dropdown-menu-competition:after {left: 785px;}
.mega-dropdown-menu-directory:before {left: 25px; }
.mega-dropdown-menu-directory:after {left: 25px; }

.mega-directory > li > ul {padding: 0; margin: 0;}
.mega-directory > li > ul > li {list-style: none;}
.mega-directory > li > ul > li > a {display: block; padding: 3px 20px; clear: both; font-weight: normal;line-height: 1.428571429; color: #999 !important; white-space: normal;z-index: 10;}

.mega-dropdown-menu > li > ul {padding: 0; margin: 0;}
.mega-dropdown-menu > li > ul > li {list-style: none;}
.mega-dropdown-menu > li > ul > li > a {display: block; padding: 3px 20px; clear: both; font-weight: normal;line-height: 1.428571429; color: #999; white-space: normal}
.navbar-inverse .navbar-nav .mega-dropdown .mega-dropdown-menu a{color:#fff; padding:5px 0; font-weight:600;}
.navbar-inverse .navbar-nav .mega-dropdown .mega-dropdown-menu a:hover{text-decoration:underline;color:#0e72b5;}
.navbar-inverse .navbar-nav .mega-dropdown .mega-dropdown-menu .navShortDesc{color:#ccc; max-height:45px;overflow:hidden}

.scroll-top-wrapper {position: fixed; opacity: 0; visibility: hidden; overflow: hidden;	text-align: center;
	z-index: 99999999; background-color: #c60001; color: #eeeeee; width: 50px; height: 48px; line-height: 48px;
	right: 50px; bottom: 40px; padding-top: 2px; border-top-left-radius: 5px; border-top-right-radius: 5px;
	border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out}
.scroll-top-wrapper:hover {background-color: #710102;}
.scroll-top-wrapper.show {visibility:visible; cursor:pointer;	opacity: 1.0}
.scroll-top-wrapper i.fa {line-height: inherit;}

/*Adsense*/
.example_responsive_1 { width: 320px; height: 100px; }
@media(min-width: 500px) { .example_responsive_1 { width: 320px; height: 100px; } }
@media(min-width: 800px) { .example_responsive_1 { width: 320px; height: 100px; } }

.homeboxheight{overflow-y:hidden; height:307px}

.BannerSideBar {position:fixed; top:40px; width:120px;}
.leftBanner {margin-left:-130px !important;}
.rightBanner {margin-left:1010px !important;}
.BannerSideBar.affix{top: 0px;transition: all 2s ease 0.6s}

.HomepageOfferDetailp{height:33px; overflow:hidden; line-height:normal}
.clubvoucher{margin-bottom:15px; background-color:#f2f2f2; padding-top:10px; border:2px solid #fff}
.clubvoucher h3 {height:25px; overflow:hidden}