body { background:#e6e6e6; } body.bgImg {background-position-x:49.9% !important;} /*----------------------- STYLE For FONTAWESOME ----------------------------------------------*/ /*! * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css"); .fa { display: inline-block; font-family: "bootstrap-icons" !important; font-style: normal; font-weight: normal; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: inherit; transform: translate(0, 0); } /* Sizing helpers */ .fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } /* List helpers */ .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul>li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: .14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } /* Border, pull, and stacking helpers */ .fa-border { padding: .2em .25em .15em; border: solid .08em #eee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Spinner and transform helpers */ .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fa-rotate-90 { transform: rotate(90deg); } .fa-rotate-180 { transform: rotate(180deg); } .fa-rotate-270 { transform: rotate(270deg); } .fa-flip-horizontal { transform: scale(-1,1); } .fa-flip-vertical { transform: scale(1,-1); } /* ======================== ICON MAPPING (Bootstrap Icons as fallback for FontAwesome classes) NB: not all FontAwesome icons have a direct Bootstrap match. ======================== */ /* Core icons mapping */ .fa-search:before { content: "\f52a"; } /* bi-search */ .fa-envelope-o:before, .fa-envelope:before { content: "\f32f"; } /* bi-envelope */ .fa-heart:before { content: "\f417"; } /* bi-heart */ .fa-user:before { content: "\f4e0"; } /* bi-person */ .fa-film:before { content: "\f3a0"; } /* bi-film */ .fa-close:before, .fa-times:before { content: "\f62a"; } /* bi-x or bi-x-lg */ .fa-home:before { content: "\f7dd"; } /* bi-house */ .fa-play-circle-o:before, .fa-play-circle:before { content: "\f4d2"; } /* bi-play-circle */ .fa-refresh:before { content: "\f4e2"; } /* bi-arrow-clockwise */ .fa-lock:before { content: "\f438"; } /* bi-lock */ .fa-bookmark:before { content: "\f3f1"; } /* bi-bookmark */ .fa-print:before { content: "\f5a2"; } /* bi-printer */ .fa-camera:before { content: "\f3ea"; } /* bi-camera */ .fa-font:before { content: "\f451"; } /* bi-type */ .fa-bold:before { content: "\f334"; } /* bi-type-bold */ .fa-italic:before { content: "\f37b"; } /* bi-type-italic */ .fa-pencil:before, .fa-edit:before, .fa-pencil-square-o:before { content: "\f4cb"; } /* bi-pencil or bi-pencil-square */ .fa-map-marker:before { content: "\f3db"; } /* bi-geo-alt */ .fa-share-square-o:before, .fa-share-square:before { content: "\f48c"; } /* bi-share */ .fa-check-square-o:before, .fa-check-square:before { content: "\f26e"; } /* bi-check-square */ .fa-arrows:before { content: "\f3a6"; } /* bi-arrows-move */ .fa-chevron-left:before { content: "\f284"; } /* bi-chevron-left */ .fa-chevron-right:before { content: "\f285"; } /* bi-chevron-right */ .fa-chevron-up:before { content: "\f286"; } /* bi-chevron-up */ .fa-chevron-down:before { content: "\f282"; } /* bi-chevron-down */ .fa-times-circle:before, .fa-times-circle-o:before { content: "\f621"; } /* bi-x-circle */ .fa-check-circle-o:before { content: "\f26a"; } /* bi-check-circle */ .fa-ban:before { content: "\f334"; } /* bi-slash-circle (no direct match) */ .fa-arrow-left:before { content: "\f284"; } /* bi-arrow-left */ .fa-arrow-right:before { content: "\f285"; } /* bi-arrow-right */ .fa-arrow-up:before { content: "\f286"; } /* bi-arrow-up */ .fa-arrow-down:before { content: "\f282"; } /* bi-arrow-down */ .fa-eye:before { content: "\f417"; } /* bi-eye */ .fa-eye-slash:before { content: "\f418"; } /* bi-eye-slash */ .fa-calendar:before { content: "\f3a7"; } /* bi-calendar */ .fa-comment:before { content: "\f36e"; } /* bi-chat */ .fa-twitter-square:before, .fa-twitter:before { content: "\f5ef"; } /* bi-twitter or bi-twitter-x */ .fa-facebook-square:before, .fa-facebook-f:before, .fa-facebook:before { content: "\f344"; } /* bi-facebook */ .fa-linkedin-square:before, .fa-linkedin:before { content: "\f472"; } /* bi-linkedin */ .fa-github-square:before, .fa-github:before { content: "\f3ed"; } /* bi-github */ .fa-youtube-square:before, .fa-youtube:before, .fa-youtube-play:before { content: "\f62b"; } /* bi-youtube */ .fa-instagram:before { content: "\f437"; } /* bi-instagram */ .fa-bars:before { content: "\f479"; } /* bi-list */ .fa-plus:before { content: "\f4fe"; } /* bi-plus */ .fa-minus:before { content: "\f56b"; } /* bi-dash */ .fa-check:before { content: "\f26e"; } /* bi-check */ .fa-info:before { content: "\f430"; } /* bi-info-circle */ .fa-question:before { content: "\f4c3"; } /* bi-question-circle */ .fa-exclamation:before { content: "\f33a"; } /* bi-exclamation-circle */ .fa-lock:before { content: "\f438"; } /* bi-lock */ .fa-unlock:before { content: "\f438"; } /* bi-unlock */ .fa-sign-in:before { content: "\f234"; } /* bi-box-arrow-in-right */ .fa-sign-out:before { content: "\f235"; } /* bi-box-arrow-right */ .fa-envelope-square:before { content: "\f32f"; } /* bi-envelope */ .fa-user-plus:before { content: "\f4e1"; } /* bi-person-plus */ .fa-user-times:before { content: "\f4e2"; } /* bi-person-dash */ .fa-comments:before { content: "\f4bb"; } /* bi-chat-dots */ /* For any class not mapped above, fallback: show a generic "question-circle" icon to indicate legacy/unmapped */ .fa:not([class*="fa-"]):before { content: "\f4c3"; } /* For non-mapped fa-* icons, show nothing (silent fallback, can be changed to question mark as above if desired) */ /* .fa:before { content: ''; } */ .hideit{display:none !important;} /*----- LOGO --------*/ #header .logo{width:262px !important; float:left; padding-top:10px; max-width:none !important; } #header .logo a{display:block; position:relative; width:260px; padding-top:34px; height:0; overflow:hidden; position:relative; } #header .logo span{line-height:25px; font-size:15px; color:#000; font-family: 'theano_didotregular'; font-weight:normal; display:block; } #retail #header .logo{width:242px !important; padding-top: 7px; margin-bottom: 4px;} #retail #header .logo a{ width:242px; background-size:242px auto; background:url(images/site-logos/etretail.png) no-repeat 0 0; padding-top: 55px;} #retail #header .logo span{font-size:14px; display: none;} #auto #header .logo{width:224px !important; padding-top:0;} #auto #header .logo a{background:url(images/site-logos/etauto.png?v=1) no-repeat 0 0; width:224px; padding-top:60px;} #auto #sitemap2 .logo img{height:29px;} #health #header .logo{width:320px !important; padding-top:0px; margin-bottom:5px;} #health #header .logo a{background:url(images/site-logos/ethealthworld.png?v=3) no-repeat 0 0; width:320px; padding-top:49px; background-size:100% auto;} #health #sitemap2 .logo{width:200px;} #realty #header .logo{width:319px !important; margin-bottom:5px;} #realty #header .logo a{/*background:url(images/responsive/logo-realty-V2-min.png) no-repeat 0 0; width:220px;*/ background:url(images/responsive/logo-realty-V4.png) no-repeat 0 0; padding-top:53px;width:319px;} #realty #header.admin-hdr .logo a{background:url(images/responsive/logo-realty-V4.png) no-repeat 0 0; /*width:220px;*/ padding-top:53px;width:319px;} #realty #header .logo span, #energy #header .logo span, #health #header .logo span{display:none;} #realty #sitemap2 .logo{width:120px;} #energy #header .logo{width:320px !important; margin-bottom:5px; padding-top:0;} /*#energy #header .logo a{background:url(images/responsive/logo-energyworld-with-tagline-default-min.png) no-repeat 0 0; width:330px; padding-top:53px;}*/ #energy #header .logo a{background:url(images/site-logos/etenergyworld.png?v=1) no-repeat 0 0; width:320px; padding-top:53px; background-size:100%;} #energy #sitemap2 .logo{width:200px; margin-bottom:-10px;} @media screen and (max-width:767px){ #energy #sitemap2 .logo{margin-bottom: 10px;} } #infrastructure #header .logo{width:324px !important;} #infrastructure #header .logo a{background:url(images/responsive/logo-infrastructure-min.png) no-repeat 0 0; width:324px; padding-top:28px;} #telecom #header .logo{width:242px !important; padding-top:0px; margin-bottom:5px;} #telecom #header .logo, #auto #header .logo, #energy #header .logo, #health #header .logo{margin:6px 0 4px 3px;} #telecom #header .logo a{background:url(images/site-logos/ettelecom.png) no-repeat 0 0; width:242px; padding-top:54px;} /*#telecom #header .logo a{background:url(images/responsive/telecom-anniversary-logo.png) no-repeat 0 0; width:342px; padding-top:68px; margin-top:-10px;}*/ #telecom #header .logo span, #auto #header .logo span{font-size:13px; display:none;} #cio #header .logo{width:203px !important; padding-top:6px; margin-bottom:5px;} #cio #header .logo a{background:url(images/site-logos/etcio.png) no-repeat 0 0; width:203px; padding-top:62px;} #cio #header .logo span{font-size:14px; display: none;} #cio #header .logo.security{width:294px !important;} #cio #header .logo.security h1 a{background:url(images/responsive/logo-security-min.png) no-repeat 0 0; width:294px; padding-top:46px;} #cio #header .logo.security h2{font-size:13px; position:relative; margin-top:-15px;} #cso #header .logo, #cfo #header .logo{width:148px !important; padding-top:0; margin:6px 0 4px 3px;} #ciso #header .logo{width:180px !important; } #cso #header .logo a, #ciso #header .logo a{background:url(images/site-logos/etciso.png) no-repeat 0 0; width:155px; padding-top:47px;} #cso #header .logo span, #cfo #header .logo span, #ciso #header .logo span{font-size:14px; display:none;} #ciso #sitemap2 .logo img{width:140px; } #cfo #header .logo{width:190px !important;} #cfo #header .logo a{background:url(images/responsive/logo-cfo-beta.png) no-repeat 0 0; width:180px; padding-top:59px;} #hotelier #header .logo{width:261px !important; } #hotelier #header .logo a{background:url(images/site-logos/logo-hotelier.png?v=2) no-repeat 0 0; width:261px; padding-top:64px;} #textile #header .logo{width:230px !important;} #textile #header .logo a{background:url(images/site-logos/logo-textile.png?v=2) no-repeat 0 0; width:230px; padding-top:66px;} #sports #header .logo{width:333px !important;} #sports #header .logo a{background:url(images/site-logos/logo-sports.png?v=2) no-repeat 0 0; width:333px; padding-top:68px;} #fashion #header .logo{width:394px !important;} #fashion #header .logo a{background:url(images/site-logos/logo-fashion.png?v=2) no-repeat 0 0; width:394px; padding-top:76px;} #electronics #header .logo{width:398px !important;} #electronics #header .logo a{background:url(images/site-logos/logo-electronics.png?v=3) no-repeat 0 0; width:398px; padding-top:58px;} #salon #header .logo{width:319px !important;} #salon #header .logo a{background:url(images/site-logos/logo-salon.png?v=2) no-repeat 0 0; width:319px; padding-top:70px;} #aviation #header .logo{width:421px !important;} #aviation #header .logo a{background:url(images/site-logos/logo-aviation.png?v=2) no-repeat 0 0; width:421px; padding-top:69px;} #wastemanagement #header .logo{width:425px !important;} #wastemanagement #header .logo a{background:url(images/site-logos/logo-wastemanagement.png?v=3) no-repeat 0 0; width:425px; padding-top:57px;} #light #header .logo{width:337px !important;} #light #header .logo a{background:url(images/site-logos/logo-light.png?v=2) no-repeat 0 0; width:337px; padding-top:71px;} #facilities #header .logo{width:273px !important;} #facilities #header .logo a{background:url(images/site-logos/logo-facilities.png?v=2) no-repeat 0 0; width:273px; padding-top:67px;} #construction #header .logo{width:451px !important;} #construction #header .logo a{background:url(images/site-logos/logo-construction.png?v=3) no-repeat 0 0; width:451px; padding-top:58px;} #packaging #header .logo{width:308px !important;} #packaging #header .logo a{background:url(images/site-logos/logo-packaging.png?v=2) no-repeat 0 0; width:308px; padding-top:79px;} #safety #header .logo{width:329px !important;} #safety #header .logo a{background:url(images/site-logos/logo-safety.png?v=2) no-repeat 0 0; width:329px; padding-top:69px;} #government #header .logo{width:352px !important;} #government #header .logo a{background:url(images/site-logos/etgovernment.png) no-repeat 0 0; width:342px; padding-top:56px;} #steel #header .logo{width:169px !important;} #steel #header .logo a{background:url(images/site-logos/logo-steel.png?v=2) no-repeat 0 0; width:169px; padding-top:60px;} #bfsi #header .logo{width:183px !important;} #bfsi #header .logo a{background:url(images/site-logos/logo-bfsi.png?v=2) no-repeat 0 0; width:183px; padding-top:62px;} #shipping #header .logo{width:270px !important;} #shipping #header .logo a{background:url(images/site-logos/logo-shipping.png?v=2) no-repeat 0 0; width:270px; padding-top:74px;} #water #header .logo{width:340px !important;} #water #header .logo a{background:url(images/site-logos/et-water.png?v=2) no-repeat 0 0; width:340px; padding-top:66px;} #hr #header .logo{width:370px !important;} #hr #header .logo a{background:url(images/site-logos/logo-hr-footer.png) no-repeat 0 0; width:370px; padding-top:71px;} #travel #header .logo{width:390px !important;} #travel #header .logo a{background:url(images/site-logos/logo-travel-footer.png) no-repeat 0 0; width:390px; padding-top:65px;} #legal #header .logo{width:348px !important;} /*#legal #header .logo a{background:url(images/site-logos/logo-legal-footer.png?v=1) no-repeat 0 0; width:348px; padding-top:68px;}*/ #legal #header .logo a{display: inline;} #pharma #header .logo a{display: inline;} #hospitality #header .logo{width:276px !important;} #hospitality #header .logo a{background:url(images/site-logos/logo-hospitality-footer.png) no-repeat 0 0; width:276px; padding-top:71px;} #vconfex #header .logo{padding-top: 5px;} #vconfex #header .logo a{height: auto;padding-top: 0px;} #steel #header .logo span, #safety #header .logo span, #packaging #header .logo span, #construction #header .logo span, #facilities #header .logo span, #light #header .logo span,#water #header .logo span, #wastemanagement #header .logo span, #auto #header .logo span, #aviation #header .logo span, #salon #header .logo span, #auto #header .logo span, #electronics #header .logo span, #fashion #header .logo span, #sports #header .logo span, #textile #header .logo span, #hotelier #header .logo span, #bfsi #header .logo span, #shipping #header .logo span, #government #header .logo span, #hr #header .logo span, #travel #header .logo span, #legal #header .logo span, #hospitality #header .logo span{display: none;} #steel #header .logo , #safety #header .logo , #packaging #header .logo , #construction #header .logo , #facilities #header .logo , #light #header .logo , #wastemanagement #header .logo , #auto #header .logo , #aviation #header .logo , #salon #header .logo , #auto #header .logo , #electronics #header .logo , #fashion #header .logo , #sports #header .logo , #textile #header .logo , #hotelier #header .logo, #bfsi #header .logo, #shipping #header .logo, #government #header .logo {padding-top:0; margin:6px 0 4px 3px;} /*----Banner ----*/ #header .bnr{float:right; width:728px; max-height:90px; text-align:right;} #energy #header .bnr, #health #header .bnr{float:right; width:650px; max-height:75px; text-align:right;} #header .bnr img{max-height:100%;} /*------ Quote ----*/ #header .quote_header{float:right; width:350px; height:70px; position:relative; margin-bottom:0px;} #header .quote_header img{float:left; /*width:80px; */ height:70px; margin-right:10px;} #header .quote_header span.author_name{display:block; font-size:11px; color:#888; line-height:15px; text-transform:uppercase;} #header .quote_header span.author_name a{color:#888; text-decoration:none !important;} #header .quote_header blockquote p{font-family:Georgia, serif; font-style:italic; font-size:14px; font-weight:bold; color:#000; line-height:16px; height:34px; overflow:hidden; } #header .quote_header blockquote p a{color:#000; text-decoration:none;} #header .quote_header blockquote p a:hover{color:#ed1c24;} #header .quote_header span.join{color:#3B8A23; display:block; font-size:10px; text-transform:uppercase; line-height:14px; } #header .quote_header span.join a{color:#ed1c24;} i.fa { vertical-align: middle; font-style: normal !important; } /*------- Featured Header ---*/ .featured_header{width:300px; float:right; padding-top:5px;} .featured_header img{float:left; width:50px; height:50px; margin-right:10px; margin-top:9px;} .featured_header span.title{font-size:14px; color:#000; line-height:18px; display:block; margin-bottom:5px; font-family:"Times New Roman", Times, serif; height:36px; overflow:hidden;} .featured_header .button{display:inline-block; padding:0 10px; font-size:12px; line-height:18px; color:#fff; background:#5AB240; text-shadow:0 1px #346725; } /*-------- Navbar ----------------*/ #navbar.sticky_nav{position:fixed; left:0; top:0; width:100%; z-index:1000; background:none; box-shadow:0 3px 3px rgba(0,0,0,.3); -moz-box-shadow:0 3px 3px rgba(0,0,0,.3); -webkit-box-shadow:0 3px 3px rgba(0,0,0,.3);} #navbar .wrapper{background:#007ea4; max-width:1000px; position:relative; } #navbar.sticky_nav .wrapper.level2{border:0;} #navbar ul.level1{float:left;} #navbar ul.level1 li{list-style:none; float:left; height:32px; line-height:32px; border-right:1px solid #005c77; } #navbar ul.level1 li a{padding:0 9px 0; font-size:13px; color:#fff; display:inline-block; text-decoration:none; position:relative; font-weight:bold;} #navbar i.arrow{display:inline-block; border-top:5px solid #fff; border-left:4px solid transparent; border-right:4px solid transparent; margin-left:5px; vertical-align:middle;} body.microsite #navbar ul.level1 > li > a{line-height: 32px;} body.microsite #navbar .wrapper{padding:0; } #navbar ul.level1 li a i.tv{display:inline-block; background-position:0 -500px; width:77px; height:25px; vertical-align:middle;} #realty #navbar ul.level1 li a i.tv{background-position:-145px -842px; width:105px; } #navbar ul.level1 li a i.home{display:inline-block; background-position:-89px -500px; width:13px; height:11px; vertical-align:middle; margin-right:2px; position:relative; top:-1px;} #navbar ul.level1 li a.ethome, #navbar ul.level1 li.hover a.ethome{background:#de2d2d; font-family:'theano_didotregular'; } #navbar ul.level1 > li.active > a , #navbar ul.level1 > li.hover > a {display:block; background:#022e3b;} #navbar .search, #navbar .search-form, #navbar .wrapper.level2 ul li a.active, #navbar .wrapper.level2 ul li:hover a, #navbar ul.level1 > li.active > a, #navbar ul.level1 > li.hover > a{background:#005c77;} #navbar ul.level1 li.inactive a span.bottom-arrow{display:none;} #navbar .search{position:relative; float:right; height:32px; line-height:32px; border-right:0; } #navbar .search.hover span.bottom-arrow{display:block;} #navbar .search a{padding:0 10px 0; font-size:13px; color:#eeeeee; display:inline-block; text-decoration:none; font-weight:bold;} #navbar .search-form{position:absolute; right:0; z-index:600; top:32px; padding:3px; width:266px; display:none; } #navbar .search a i{display:inline-block; width:17px; height:17px; background-position:-107px -500px; vertical-align:middle;} #navbar .search.hover a i{display:inline-block; width:17px; height:17px; background-position:-126px -500px;} #navbar ul.level1 li a#cxocorner{display:block; height:0; padding-top:32px; background:url(images/responsive/cxo-corner-wht.png) no-repeat center center; width:48px; overflow:hidden;} /*#navbar ul.level1 li a#tele-tsdy{display:block; height:0; padding-top:32px; background:url(images/responsive/sprite16.png) no-repeat 0 -1022px; width:174px; overflow:hidden;}*/ #navbar ul.level1 li a#ett-spcl{display:block; height:0; padding:32px 0 0; background:url(images/responsive/sprite16.png) no-repeat no-repeat 0 -1107px; width:150px; overflow:hidden;} #navbar ul.level1 li a#cxocorner:hover, #navbar ul.level1 li.active a#cxocorner, #navbar ul.level1 li a#tele-tsdy:hover, #navbar ul.level1 li.active a#tele-tsdy{background-color:#444;} #navbar .form-box{width:266px; height:26px; background:#fff url(images/responsive/search-btn2.png) no-repeat right 0;} #navbar .form-box input.text{float:left; border:0; background:none; padding:5px 10px; width:216px; font-size:11px; height:16px; color:#000; font-family:Arial, Helvetica, sans-serif; margin:0; } #navbar .form-box input.submit{float:right; width:16px; height:26px; border:0; cursor:pointer; background:none; margin-right:6px; } #navbar .more-button, .toggle-nav-btn{float:right; position:relative; background-position:0 -37px; width:34px; height:32px; } #navbar .more-button:hover{background-position:-35px -37px} #navbar .more-button .et-dropdown{background:#c5ecf7; width:200px; top:32px; right:0; z-index:999; display:none; position:absolute;} #navbar .more-button .et-dropdown .section{padding:8px; border-bottom:1px solid #adcfd9; position:relative;} #navbar .more-button .et-dropdown .section span.border{display:block; width:3px; background:#1ab7e1; height:100%; position:absolute; z-index:1000; right:-3px; top:0; display:none;} #navbar .more-button .et-dropdown .section.last, #navbar .more-button .et-dropdown .section:last-child{border:0;} #navbar .more-button .et-dropdown h2{font-size:18px; font-weight:normal; margin-bottom:8px; line-height:20px; color:#000; font-family: 'theano_didotregular';} #navbar .more-button .et-dropdown h2 span{color:#000; text-decoration:none;} #navbar .more-button .et-dropdown h2 span span.inner{color:#00afdf; } #navbar .more-button .et-dropdown p{font-size:13px; color:#405359; line-height:15px; } #navbar .more-button:hover .et-dropdown, #navbar .more-button .et-dropdown .section:hover span.border{display:block;} #navbar .hover .search-form{display:block !important;} #navbar .more-button .et-dropdown .section:hover{text-decoration:none;} #navbar .wrapper.level2{max-width:1000px; background:#f3f3f3; border-bottom:1px solid #e5e5e5; padding:0px 0; max-height:32px;} #navbar .wrapper.level2 ul{padding-left:5px;} #navbar .wrapper.level2 ul li{list-style:none; float:left; padding:0 2px 0 2px; border-right:1px solid #ccc; margin:5px 0;} #navbar .wrapper.level2 ul li a{display:inline-block; line-height:22px; font-size:12px; font-weight:bold; padding:0 8px;} #navbar .spcl a, #navbar .wrapper.level2 ul li a {color: #024d99;} #navbar .wrapper.level2 ul li:hover a, #navbar .wrapper.level2 ul li a.active{text-decoration:none; color:#fff; background:#007ea4;} #navbar .wrapper.level2 ul li.last, #navbar .wrapper.level2 ul li:last-child{background:none;} #navbar span.bottom-arrow{position:absolute; bottom:0; left:50%; margin-left:-5px; z-index:100; background-position:-29px 0; display:none; width:11px; height:5px;} #navbar .wrapper.level2 ul li.more{position:relative; padding:0; } #navbar .wrapper.level2 ul li.more a{padding:0 10px;} #navbar .wrapper.level2 ul li.more i.arrow{margin-left:5px; background-position:-43px 0;} #navbar .wrapper.level2 ul li.more:hover{height:33px; margin:0; background:#fff;} #navbar .wrapper.level2 ul li.more:hover a{background:#fff; margin-bottom:0; color:#024d99; } #navbar .wrapper.level2 ul li.more i.arrow{border-top-color:#fff;} #navbar .wrapper.level2 ul li.more ul{position:absolute; right:-1px; width:150px; padding:1px 10px 6px; z-index:1000; background:#fff; border:1px solid #ccc; border-top:0; display:none; top:33px; } #navbar .wrapper.level2 ul li.more:hover > a{line-height:32px; border-left:1px solid #014255; margin-left:-1px;} #navbar .wrapper.level2 ul li.more:hover i.arrow{border-top-color:#024d99;} #navbar .wrapper.level2 ul li.more ul li{list-style:none; float:none; display:block; padding:0 0 7px 0; background:none; height:auto; border-bottom:1px solid #E5E5E5; border-right:0; margin-bottom:7px; line-height:14px;} #navbar .wrapper.level2 ul li.more ul li a{font-size:12px; display:block; line-height:22px; color:#024d99; background:none; padding:0 10px; } #navbar .wrapper.level2 ul li.more ul li a:hover, #navbar .wrapper.level2 ul li.more ul li a.active{background:#007ea4; color:#fff;} #navbar .wrapper.level2 ul li.more ul li:last-child{border:0; margin-bottom:0; padding-bottom:0;} #navbar .wrapper.level2 ul li.more:hover ul{display:block;} #navbar .wrapper.level2 ul li.special a, #navbar .wrapper.level2 ul li.special:hover a{color:#ffcd00; background:none;} /*overritten for full width*/ #navbar .wrapper.full-width, .wrapper.full-width, #content.full-width .wrapper { max-width:none; } #navbar ul.level1 li a.new{padding-left:15px;} #navbar ul.level1 li a.new:before{ content:" "; position: absolute; font-size: 9px; color: #F3D400; left:0px; top:0; display:block; width:26px; height:28px; background:url(images/responsive/new-min.png) no-repeat 0 0;} /*---- Mobile only ---*/ #navbar .logo{display:none; float:left; font-size:20px; line-height:32px; margin-left:10px; color:#fff; font-family:"theano_didotregular"; } #navbar .logo:hover{text-decoration:none;} #navbar.nav-up{top:-32px;} #navbar{transition: top 0.5s ease-in-out;} #navbar.sticky_nav{box-shadow:none;} /*------ Togggle nav button -------*/ #navbar .toggle-nav-btn{float:left; display:none;} /*---------------- Drop down ----------------*/ #navbar .dropdown_nav{position:absolute; left:0; top:32px; z-index:500; width:95.8%; background:#fff; border:1px solid #005c77; border-width:1px 1px 2px 1px; padding:20px 2% 1px 2%; display:none;} #navbar ul.level1 li.hover .dropdown_nav{display:block;} .dropdown_nav .categories{float:left; width:35%; min-height:220px; margin-right:2%; border-right:1px solid #ccc; margin-bottom:20px;} #navbar .categories ul li, #nav .categories ul li{list-style:none; float:left; width:45%; margin-right:5%; border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin-bottom:-1px; line-height:14px; height:auto; border-right:0; } #navbar .categories ul li a, #nav .categories ul li a{padding:0; font-size:12px; color:#014a95; display:block; line-height:28px; transition:all .2s ease; -moz-transition:all .2s ease; -webkit-transition:all .2s ease;} #navbar .categories ul li a:hover, #nav .categories ul li a:hover{color:#333;} /*#navbar .categories ul li:last-child{border:0;}*/ #navbar .news-section, #nav .news-section{float:left; width:62.8%;} #navbar .news-section .main-stories, #nav .news-section .main-stories{float:left; width:48%;} #navbar .news-section .story-list, #nav .news-section .story-list{float:right; width:49%;} #navbar .main-stories .section, #nav .main-stories .section{margin-bottom:20px;} #navbar .main-stories .section.last, #nav .main-stories .section.last{margin-bottom:0;} #navbar .main-stories .section img, #nav .main-stories .section img{float:left; width:157px; height:100px; margin-right:10px;} #navbar .main-stories .section a, #nav .main-stories .section a{padding:0; display:block; } #navbar .main-stories .section p, #nav .main-stories .section p{padding-left:167px; line-height:18px; } #navbar .main-stories .section p a, #nav .main-stories .section p a{display:block; font-size:16px; line-height:19px; color:#333; max-height:76px; overflow:hidden; padding:0; font-weight:normal;} #navbar .main-stories .section p a:hover, #nav .main-stories .section p a:hover{color:#ed1c24;} #navbar .main-stories .section span.metadata, #nav .main-stories .section span.metadata{font-size:11px; color:#888; display:block; line-height:12px; padding-top:5px;} #navbar .news-section .story-list ul li, #nav .news-section .story-list ul li{list-style:none; float:none; background:url(images/responsive/list-style2.jpg) no-repeat 0 5px; padding-left:14px; height:auto; line-height:14px; margin-bottom:10px; text-overflow:ellipsis; width:88%; white-space:nowrap; border:0; overflow:hidden;} #navbar .news-section .story-list ul li a, #nav .news-section .story-list ul li a{font-size:12px; color:#333333; padding:0; display:inline; font-weight:normal;} #navbar .news-section .story-list ul li a:hover, #nav .news-section .story-list ul li a:hover{color:#ed1c24;} #navbar ul.level1 li.small-dropdown, #nav ul li.small-dropdown{position:relative;} #navbar ul.level1 li.small-dropdown .dropdown_nav, #nav ul li.small-dropdown .dropdown_nav{width:500px; padding:20px; left:-1px;} #navbar ul.level1 li.small-dropdown .dropdown_nav .categories{border:0; min-height:inherit; width:134px; margin:0 20px 0 0; padding:0; border-top:1px solid #ccc;} #navbar ul.level1 li.small-dropdown .categories ul li, #nav ul li.small-dropdown .categories ul li{float:none; margin:0 0 -1px; width:auto; padding:0; border-top:0; } #navbar ul.level1 li.small-dropdown .categories ul li:last-child, #nav ul li.small-dropdown .categories ul li:last-child{border-bottom:0;} #navbar ul.level1 li.small-dropdown .categories ul li a, #nav ul li.small-dropdown .categories ul li a{height:28px; line-height:28px; display:block;} #navbar .categories ul li a:hover{background:#007ea4; color:#fff; padding-left:10px;} #navbar ul.level1 li.small-dropdown .news-section{width:314px; padding-left:20px; border-left:1px solid #ccc;} #navbar ul.level1 li.small-dropdown .news-section .main-stories{float:none; margin:0; width:auto;} #navbar ul.level1 li.small-dropdown .news-section .story-list{float:none; width:auto} #navbar ul.level1 li.small-dropdown.hide-rhs .dropdown_nav, #nav ul li.small-dropdown.hide-rhs .dropdown_nav{width:140px; padding:0; min-width:100%;} #navbar ul.level1 li.small-dropdown.hide-rhs .dropdown_nav .categories, #nav ul li.small-dropdown.hide-rhs .dropdown_nav .categories{float:none; border:0; padding:0; margin:0; width:auto;} #navbar ul.level1 li.small-dropdown.hide-rhs .categories ul li a, #nav ul li.small-dropdown.hide-rhs .categories ul li a{padding-left:10px;} #navbar ul.level1 li.show-mob{display:none;} /*----- brand solutions ----*/ #navbar .brand_solutions, #header #nav .brand_solutions{position:relative;} #navbar .brand_solutions .dropdown_nav, #header #nav .brand_solutions .dropdown_nav{left:0; width:520px; padding:20px 20px 9px; box-sizing:border-box; -webkit-box-sizing:border-box;} #navbar .dropdown_nav .brand_solutions{max-height:400px; overflow:auto; overflow-x:hidden;} #navbar .dropdown_nav h4, #header #nav .brand_solutions .dropdown_nav h4{font-size:16px; line-height:18px; padding-bottom:5px; border-bottom:1px solid #d5d5d5; margin-bottom:10px; font-weight:normal;} #navbar .brand_solutions.right .dropdown_nav, #header #nav .brand_solutions.right .dropdown_nav{right:-1px; left:auto;} #navbar .brand_solutions.center .dropdown_nav, #header #nav .brand_solutions.center .dropdown_nav{left:50%; margin-left:-260px;} #navbar .brand_solutions .dropdown_nav ul, #header #nav .brand_solutions .dropdown_nav ul{margin:0 -10px;} #navbar .brand_solutions .dropdown_nav ul li, #header #nav .brand_solutions .dropdown_nav ul li{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:50%; padding:0 10px; margin-bottom:10px; height:auto; line-height:1.4em; border:0; float:left;} #navbar .brand_solutions .dropdown_nav ul.single li, #header #nav .brand_solutions .dropdown_nav ul.single li{width:auto !important; float:none !important;} #navbar .brand_solutions .dropdown_nav ul li a, #header #nav .brand_solutions .dropdown_nav ul li a{padding:0; display:block;} #navbar .brand_solutions .dropdown_nav ul li figure, #header #nav .brand_solutions .dropdown_nav ul li figure{float:left; margin-right:10px; width:70px; height:57px; text-align:center; line-height:70px; border:1px solid #d5d5d5; } #navbar .brand_solutions .dropdown_nav ul li figure a, #header #nav .brand_solutions .dropdown_nav ul li figure a{display:table-cell; width:70px; height:57px; vertical-align:middle; text-align:center;} #navbar .brand_solutions .dropdown_nav ul li figure img, #header #nav .brand_solutions .dropdown_nav ul li figure img{ max-width:100%; max-height:100%; display:block; max-width:70px; margin:auto;} #navbar .brand_solutions .dropdown_nav ul li h6, .dropdown_nav ul li p, #header #nav .brand_solutions .dropdown_nav ul li h6{overflow:hidden; font-size:13px;color:#555; } #navbar .brand_solutions .dropdown_nav ul li h6 a, #header #nav .brand_solutions .dropdown_nav ul li h6 a{color:#000; display:block; margin-bottom:5px; font-weight:bold;} #navbar .brand_solutions .dropdown_nav ul li:nth-child(2n+2) + li, #header #nav .brand_solutions .dropdown_nav ul li:nth-child(2n+2) + li{clear:both; } .dropdown_nav ul li p a, #navbar .dropdown_nav ul li p a{font-weight:normal; color:#555;} .dropdown_nav ul li p a:hover, #navbar .dropdown_nav ul li p a:hover{text-decoration:none; color:#ed1c24;} #navbar .wrapper.level2 ul li.more i.arrow {border-top-color: #024d99;} /*---- Invite friends ----*/ .invite-frnds_btn{float:right; line-height:22px; font-size:12px; color:#000; font-weight:bold; margin:5px 15px 0 0;} .invite-frnds_btn i{vertical-align:middle; margin-right:2px; font-size:15px; position:relative; top:-1px;} a.invite-frnds_btn:hover{text-decoration:none; color:#ed1c24;} /*----- Subscribe ----*/ .subscribe{border:1px solid #b4b4b4;} .subscribe{border:none;}/*subswdgt v2*/ .sidebar .subscribe h2, .sidebar .subscribe h3{font-size:24px; margin-bottom:2px;} .sidebar .subscribe h2, .sidebar .subscribe h3{font-size:14px; font-weight:bold;}/*subswdgt v2*/ .subscribe .nwsltr{background:#e8e8e8; padding:14px 15px 13px; border-bottom:1px solid #b4b4b4;} .subscribe .nwsltr{padding:5px 9px; border-bottom:none; border-left: 3px solid #ed1c24; background:#e5e5e5;}/*subswdgt v2*/ .subscribe h3{font-size:18px; line-height:normal; color:#0c1101; text-transform:none;} .subscribe .nwsltr .et-rtl-error{font-size:11px; color:#ed1c24; line-height:15px;} .subscribe h3{font-size:14px;}/*subswdgt v2*/ #content .subscribe p{font-size:13px; color:#555; line-height:normal; margin-bottom:5px;} #content .subscribe p{font-size: 11px; overflow: hidden; white-space: nowrap; margin-bottom:2px;}/*subswdgt v2*/ #content .subscribe .textbox{width:137px; height:31px; background:#fff; border:1px solid #a5a5a5; float:left; font-size:15px; color:#888; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; padding:0 10px} #content .subscribe .textbox{width: 122px; height: 25px; font-size: 12px; border: 1px solid #ccc; border-right:none;}/*subswdgt v2*/ #content .subscribe .textbox:focus{color:#000;} #content .subscribe .submit{width:94px; height:33px; float:right; color:#fff; text-align:center; font-weight:bold; font-size:16px; cursor:pointer; border:0; background:#ed1c24; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; text-shadow:none;} #content .subscribe .submit{width: 88px; height: 27px; font-size: 15px; float: left; background:#ed1c24;}/*subswdgt v2*/ .follow-wdgt{padding:15px; line-height:20px; font-size:16px;} .follow-wdgt a{text-decoration:none; vertical-align:top; margin:0 !important;} .follow-wdgt span.title{color:#0c1101; } .follow-wdgt span.title span{color:#ed1c24;} .follow-wdgt span.dvr{color:#c0c0c0; margin:0 7px; display:inline-block; font-weight:100;} .follow-wdgt a{position:relative;} .follow-wdgt a:after{opacity:0;transition:all .1s ease-out; -moz-transition:all .1s ease-out; -webkit-transition:all .1s ease-out; position:absolute; content:" "; left:0; top:0; z-index:0; display:block; width:20px; height:20px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} .follow-wdgt a span, .story-box .social a .fa, .follow-wdgt a .fa{position:relative; z-index:1; display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; color:#fff; font-size:12px; vertical-align:top;} .follow-wdgt .fb{display:inline-block; width:20px; height:20px; margin-left:5px; } .follow-wdgt a.fb:after, .follow-wdgt a.fb .fa{background:#3b5b9b;} .follow-wdgt .fb span{display:inline-block; width:18px; height:18px; background-position:-119px -552px;} .follow-wdgt .twitter{display:inline-block; width:20px; height:20px; margin-left:5px; } .follow-wdgt a.twitter:after, .follow-wdgt a.twitter .fa{background:#29a9e0;} .follow-wdgt .twitter span{display:inline-block; width:18px; height:18px; background-position:-96px -552px; } .follow-wdgt .whatsapp{display:inline-block; width:20px; height:20px; margin-left:5px; } .follow-wdgt a.whatsapp:after, .follow-wdgt a.whatsapp .fa{background:#5cbe4a;} .follow-wdgt .whatsapp span{display:inline-block; width:18px; height:18px; background-position:-165px -552px; } .follow-wdgt .lin{display:inline-block; width:20px; height:20px; margin-left:5px; } .follow-wdgt a.lin:after, .follow-wdgt a.lin .fa{background:#0173b1;} .follow-wdgt .lin span{display:inline-block; width:18px; height:18px; background-position:-142px -552px; } .follow-wdgt a:hover:after {width:24px; height:24px; top:-2px; left:-2px; opacity:1;} .follow-wdgt .whatsapp{/*display:none;*/ width:20px; height:20px; margin-left:5px; } .follow-wdgt a.whatsapp:after, .follow-wdgt a.whatsapp .fa{background:#5cbe4a;} /*.follow-wdgt .whatsapp span{display:inline-block; width:18px; height:18px; background-position:-142px -552px; } #cio .subscribe .nwsltr { background: #00afde; border: 0;} #cio .subscribe h2, #cio .subscribe h3 { color: #fff; font-size: 28px;} #cio #content .subscribe p { color: #fff;} #cio #content .subscribe .textbox { border: 0; height: 33px; width: 140px;} #cio #content .subscribe .submit{float:left;} */ #cio .subscribe h2, #cio .subscribe h3{color:#007ea4;} .breadcrumbs.style2{list-style: none; margin: -10px 0px 9px; border-bottom:1px solid #f5f5f5; padding:0 20px 9px;} .breadcrumbs li a{color:#000;font-size:12px;} .breadcrumbs li a:hover{text-decoration:none; color:#ed1c24 ;} .breadcrumbs li{display: inline;padding: 0;margin: 0;} .breadcrumbs li:before { content: "/ "; margin-right:3px; font-size:12px;} .breadcrumbs li:after { content: " "; margin-right:3px;} .breadcrumbs li:first-child:before { content: ""; margin-right:0; } /*------------ Footer ----------------*/ #sitemap2 h1, #sitemap2 .logo{font-size:22px; line-height:22px; color:#fff; font-weight:normal; font-family:'theano_didotregular'; float:left; margin-bottom:0;} #sitemap2 h1 a, #sitemap2 h2.logo a, #sitemap2 .logo a{color:#fff;} #sitemap2 h1 a:hover, #sitemap2 .logo a:hover{text-decoration:none;} #sitemap2 {background:none; border:0; padding:0;} #sitemap2 .wrapper{background:#366b7b;} #sitemap2 .top-section{padding:20px 20px; border-bottom:1px solid #295a69; margin-bottom:17px;} #sitemap2 .links{padding:0 20px 17px; margin-bottom:17px; border-bottom:1px solid #4a7a88;} #sitemap2 h3{color: #ffffff;font-size: 12px;font-weight: 700;line-height: 18px; margin-bottom:10px;} #sitemap2 .news ul{margin-left:-3%} #sitemap2 .news ul li{list-style:none; color: #99bbc6; float:left; width:30.3%; margin-left:3%; font-size: 12px;font-weight: 400;line-height: 22px;} #sitemap2 .news ul li a{color: #99bbc6; font-size: 12px} #sitemap2 .about .section1{width:55%; /*border-right:1px solid #4a7a88;*/ margin-bottom:0; float:left; } #sitemap2 .about .section1 ul li{ float:left; width:47%; margin-right:3%;} #sitemap2 .about ul li{list-style:none; color: #99bbc6;font-size: 12px;font-weight: 400;line-height:22px; } #sitemap2 .about ul li a{color: #99bbc6; font-size: 12px} #sitemap2 .about .section2{width:30%; margin-left:3%; float:left; clear:none; padding:0;} #sitemap2 .top-trends{ border-bottom:1px solid #295a69; padding:0 20px 20px 85px; position:relative; margin-bottom:20px;} #sitemap2 .top-trends h3{position:absolute; top:0; left:20px; width:55px; z-index:1;} #sitemap2 .top-trends .clm{float:left; width:30%; margin-right:1%; padding-left:1%; border-left:1px solid #4a7a88; min-height:100px;} #sitemap2 .top-trends ul{margin-left:15px;} #sitemap2 .top-trends li{font-size:12px; line-height:14px; margin-bottom:5px; list-style:square; list-style-position:outside; color:#7fa6b2;} #sitemap2 .top-trends li a{color:#7fa6b2; max-height:29px; overflow:hidden; display:block;} #sitemap2 .sites, #sitemap2 .section{padding:0 20px 17px; border-bottom:1px solid #4a7a88; margin-bottom:17px;} #sitemap2 .section.last{border-bottom:0; margin-bottom:0;} #sitemap2 .section h3{ margin-bottom:2px;} #sitemap2 .section p{line-height:18px; font-size:12px; color:#7fa6b2; overflow:hidden; } #sitemap2 .section p a{color:#7fa6b2; } #sitemap2 .section p .dvdr{margin:0 4px;} #footer2 .wrapper{background:#25515f; padding:10px 0px;} #footer2 .wrapper p{font-size:12px; line-height:20px; color:#7fa6b2; margin:0 20px;} #footer2 .wrapper p a{margin:0 2px; color:#7fa6b2;} #sitemap2 .follow_wdgt2, #sitemap2 .follow-wdgt{/*width:210px;*/ float:right; text-align:right; padding:0;} .follow_wdgt2 span, #sitemap2 .follow-wdgt span{font-size:11px; display:inline-block; line-height:20px; vertical-align:middle; font-weight:bold; color:#99bbc6;} .follow_wdgt2 a{display:inline-block; margin-left:10px; width:18px; height:18px; transition:all .2s ease; -moz-transition:all .2s ease; -webkit-transition:all .2s ease; vertical-align:middle; } #sitemap2 .follow-wdgt a.fb::after, #sitemap2 .follow-wdgt a.lin::after, #sitemap2 .follow-wdgt a.twitter::after, #sitemap2 .follow-wdgt a.whatsapp:after{background:rgba(255,255,255,.8); } #sitemap2 .follow-wdgt a.fb .fa, #sitemap2 .follow-wdgt a.twitter .fa, #sitemap2 .follow-wdgt a.lin .fa, #sitemap2 .follow-wdgt a.whatsapp .fa{background:rgba(255,255,255,.3);} #sitemap2 .follow-wdgt a:hover .fa-facebook{color:#3b5b9b;} #sitemap2 .follow-wdgt a:hover .fa-twitter{color:#29a9e0;} #sitemap2 .follow-wdgt a:hover .fa-linkedin{color:#0173b1;} #sitemap2 .follow-wdgt a:hover .fa-whatsapp{color:#5cbe4a;} .follow_wdgt2 a.linkedin{background-position:0 -210px;} .follow_wdgt2 a.fb{background-position:-46px -210px;} .follow_wdgt2 a.twitter{background-position:-23px -210px;} .follow_wdgt2 a.google{background-position:-69px -210px;} .follow_wdgt2 a.pinterest{background-position:-92px -210px;} .follow_wdgt2 a.rss{background-position:-115px -210px; margin-right:0;} .follow_wdgt2 a.linkedin:hover{background-position:0 -229px;} .follow_wdgt2 a.fb:hover{background-position:-46px -229px;} .follow_wdgt2 a.twitter:hover{background-position:-23px -229px;} .follow_wdgt2 a.google:hover{background-position:-69px -229px;} .follow_wdgt2 a.pinterest:hover{background-position:-92px -229px;} .follow_wdgt2 a.rss:hover{background-position:-115px -229px;} .push_in {padding: 0 5%;} #header .spnsr { float: right; padding-top: 15px; } /* ------ SEO Story Style -----*/ .seo_stories {padding:20px 20px 15px; max-width:960px; margin:0 auto; background:#fff; border-top:1px solid #d5d5d5;} .seo_stories h2{text-align:center; font-size:16px; color:#000; margin-bottom:15px; line-height:18px;} .seo_stories .lst4 li{box-sizing:border-box; width:50%; float:left; border-bottom:0;} .seo_stories li:nth-child(2n+2){width:48%; margin-left:2%;} .g-plus, .gplus, .whatsapp + span.dvr{display: none!important;} @media screen and (max-width:1020px){ #navbar ul.level1 li a{font-size:12px; padding:0 5px; } #navbar .more-button{display:none;} #navbar ul.level1 li a i.arrow{margin-left:4px;} #navbar .search-form{z-index:99999;} #navbar .wrapper.level2 ul li a{font-size:11px;} .dropdown_nav .categories{width:38%;} #navbar .news-section{width:57%; } #navbar .main-stories .section img{width:100px; height:65px;} #navbar .main-stories .section p{padding-left:0;} #navbar .main-stories .section p a{font-size:12px; line-height:15px;} .dropdown_nav{width:100%; padding-left:0;} } @media screen and (max-width:999px){ #navbar .wrapper.level2 ul li a{padding:0 4px;} #navbar .wrapper.level2 ul li a{font-size:10px;} #navbar .wrapper.level2 ul li.more ul{left:-113px;} #navbar .wrapper.level2 ul li.more ul li a{font-size:10px;} } @media screen and (max-width:979px){ #navbar .dropdown_nav{position:static; padding:5px 2% 0px; margin-bottom:-3px;} #navbar ul.level1 li {height:auto;} #navbar ul.level1 li a{height:32px;} #navbar ul.level1 li.hover .dropdown_nav{display:none; } #navbar .categories ul li{float:left !important; width:48%; margin:0 1%; border-top:0;} #navbar .dropdown_nav .news-section{display:none;} #navbar .dropdown_nav .categories{float:none; margin:0; border:0; float:none; width:auto; min-height:inherit;} #navbar .wrapper.level2, #navbar ul.level1 li.hover a span.bottom-arrow, #navbar ul.level1 li a i.arrow, #navbar ul.level1 li.active a span.bottom-arrow{display:none;} #navbar .toggle-nav-btn{display:block;} #navbar ul.level1{ position:absolute; background:#00769a; width:100%; left:0; top:32px; display:none; z-index:9999;} #navbar ul.level1 li a{display:block;} #navbar ul.level1 li{border-right:0; border-bottom:1px solid #393939; float:none;} #navbar ul.level1 .categories ul li{border-bottom:0; border-top:1px solid #393939;} #navbar ul.level1 .categories ul li:first-child, #navbar ul.level1 .categories ul li:nth-child(2){border:0;} #navbar ul.level1 .small-dropdown .categories ul li{border:0;} #navbar .search{float:right; } #navbar li.hover .dropdown_et{display:none;} #navbar .brand_solutions .dropdown_nav{width:100%; position:static;} #navbar .brand_solutions .dropdown_nav ul li h6 a{height:auto; line-height:normal;} #header #nav .brand_solutions .dropdown_nav ul li a{line-height:normal;} .glob_nav{padding-left:10px;} } @media screen and (max-width:767px){ .event-bnr, #header, #sitemap2 .top-trends, #sitemap2 .sites{display:none;} #navbar .logo{display:block; } #navbar ul.level1{width:100%} #sitemap2 .top-section{padding:10px;} #footer2 .wrapper p{margin:0 10px;} #spnsrs{display:none;} #sitemap2 .sites, #sitemap2 .section{padding-left:10px; padding-right:10px;} .glob_nav { display: none;} /* #content .subscribe .textbox{width:58%; padding:0 2%; margin-right:2%;} #content .subscribe .submit{width:35%; float:left;} */ .push_in { padding: 0; } } @media screen and (max-width:767px) and (min-width:480px){ #content .wrapper{padding:20px 40px 1px;} } @media screen and (max-width:479px){ #sitemap2 .logo, #sitemap2 h1{margin-bottom:5px; display:block; float:none;} #sitemap2 .follow_wdgt2, #sitemap2 .follow-wdgt{float:none; text-align:left !important;} } .subsfree{ margin-left:3px; } @media screen and (max-width:359px){ .subsfree{ display:none; } }