<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* --------------------------------------
=========================================
ADMAG - Responsive Blog &amp; Magazine HTML Template
Version: 1.0
Designed by: DigitalTheme.co
=========================================
1. Plugin CSS
  1.1 Animate CSS
  1.2 Magnific Popup CSS
  1.3 Jscrollpane CSS
  1.4 mmenu CSS
2. Global Styles
  2.1 General Styles
  2.2 General Classes
3. Content Styles
  3.1 Header Styles
  3.2 Navigation Styles
  3.3 Layout Styles
  3.4 Home Tag List Style
  3.5 Slider Styles
  3.6 Grid Style
  3.7 Block Styles
  3.8 Post Content Style
  3.9 Shortcodes Style
  3.10  Widget Style
  3.11  Footer Style
4. Responsive CSS
5. Dark Skin CSS
6. Template color options CSS
-----------------------------------------*/

/* --------------------------------------
=========================================
   1. Plugin CSS
=========================================
-----------------------------------------*/

/*---------------------------------------
   1.2 Magnific Popup CSS  
-----------------------------------------*/

/*---------------------------------------
   1.3 Jscrollpane CSS  
-----------------------------------------*/

/*---------------------------------------
   1.4 jQuery.mmenu CSS 
-----------------------------------------*/
.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu,.mm-menu &gt; .mm-panel{margin:0;position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.mm-menu{background:inherit;display:block;overflow:hidden;padding:0}.mm-panel{-webkit-transition:-webkit-transform .4s ease;-moz-transition:-moz-transform .4s ease;-ms-transition:-ms-transform .4s ease;-o-transition:-o-transform .4s ease;transition:transform .4s ease;-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-panel.mm-opened{-webkit-transform:translate3d(0%,0,0);-moz-transform:translate3d(0%,0,0);-ms-transform:translate3d(0%,0,0);-o-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}.mm-panel.mm-subopened{-webkit-transform:translate3d(-30%,0,0);-moz-transform:translate3d(-30%,0,0);-ms-transform:translate3d(-30%,0,0);-o-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-panel.mm-highest{z-index:1}.mm-menu &gt; .mm-panel{background:inherit;-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;padding:0 20px}.mm-menu &gt; .mm-panel.mm-hasheader{padding-top:40px}.mm-menu &gt; .mm-panel:before,.mm-menu &gt; .mm-panel:after{content:'';display:block;height:20px}.mm-vertical .mm-panel{-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important}.mm-vertical .mm-listview .mm-panel,.mm-listview .mm-vertical .mm-panel{display:none;padding:10px 0 10px 10px}.mm-vertical .mm-listview .mm-panel .mm-listview &gt; li:last-child:after,.mm-listview .mm-vertical .mm-panel .mm-listview &gt; li:last-child:after{border-color:transparent}.mm-vertical li.mm-opened &gt; .mm-panel,li.mm-vertical.mm-opened &gt; .mm-panel{display:block}.mm-vertical .mm-listview &gt; li &gt; .mm-next,.mm-listview &gt; li.mm-vertical &gt; .mm-next{height:40px;bottom:auto}.mm-vertical .mm-listview &gt; li &gt; .mm-next:after,.mm-listview &gt; li.mm-vertical &gt; .mm-next:after{top:16px;bottom:auto}.mm-vertical .mm-listview &gt; li.mm-opened &gt; .mm-next:after,.mm-listview &gt; li.mm-vertical.mm-opened &gt; .mm-next:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.mm-header{border-bottom:1px solid transparent;text-align:center;line-height:20px;height:40px;padding:0 40px;margin:0;position:absolute;top:0;left:0;right:0}.mm-header &gt; a{text-decoration:none;display:block;padding:10px 0}.mm-header .mm-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-header .mm-btn{box-sizing:border-box;width:40px;height:40px;position:absolute;top:0;z-index:1}.mm-header .mm-btn:first-child{padding-left:20px;left:0}.mm-header .mm-btn:last-child{padding-right:20px;right:0}.mm-listview,.mm-listview &gt; li{list-style:none;display:block;padding:0;margin:0}.mm-listview{font:inherit;font-size:14px}.mm-listview a,.mm-listview a:hover{text-decoration:none}.mm-listview &gt; li{position:relative}.mm-listview &gt; li &gt; a,.mm-listview &gt; li &gt; span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:inherit;line-height:20px;display:block;padding:10px 10px 10px 20px;margin:0}.mm-listview &gt; li:not(.mm-divider):after{content:'';border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;left:0;right:0;bottom:0;left:20px}.mm-listview .mm-next{background:rgba(3,2,1,0);width:50px;padding:0;position:absolute;right:0;top:0;bottom:0;z-index:2}.mm-listview .mm-next:before{content:'';border-left-width:1px;border-left-style:solid;display:block;position:absolute;top:0;bottom:0;left:0}.mm-listview .mm-next + a,.mm-listview .mm-next + span{margin-right:50px}.mm-listview .mm-next.mm-fullsubopen{width:100%}.mm-listview .mm-next.mm-fullsubopen:before{border-left:none}.mm-listview .mm-next.mm-fullsubopen + a,.mm-listview .mm-next.mm-fullsubopen + span{padding-right:50px;margin-right:0}.mm-menu &gt; .mm-panel &gt; .mm-listview{margin-left:-20px;margin-right:-20px}.mm-menu &gt; .mm-panel &gt; .mm-listview.mm-first{margin-top:-20px}.mm-menu &gt; .mm-panel &gt; .mm-listview.mm-last{padding-bottom:20px}.mm-prev:before,.mm-next:after{content:'';border:2px solid transparent;display:inline-block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.mm-prev:before{border-right:none;border-bottom:none;left:20px}.mm-next:after{border-top:none;border-left:none;right:20px}.mm-divider{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:10px;text-transform:uppercase;text-indent:20px;line-height:25px}.mm-listview &gt; li.mm-spacer{padding-top:40px}.mm-listview &gt; li.mm-spacer &gt; .mm-next{top:40px}.mm-listview &gt; li.mm-spacer.mm-divider{padding-top:25px}.mm-menu{background:#f3f3f3;color:rgba(0,0,0,0.7)}.mm-menu .mm-header{border-color:rgba(0,0,0,0.1)}.mm-menu .mm-header &gt; a{color:rgba(0,0,0,0.3)}.mm-menu .mm-header .mm-btn:before,.mm-menu .mm-header .mm-btn:after{border-color:rgba(0,0,0,0.3)}.mm-menu .mm-listview &gt; li:after{border-color:rgba(0,0,0,0.1)}.mm-menu .mm-listview &gt; li &gt; a.mm-prev,.mm-menu .mm-listview &gt; li &gt; a.mm-next{color:rgba(0,0,0,0.3)}.mm-menu .mm-listview &gt; li &gt; a.mm-prev:before,.mm-menu .mm-listview &gt; li &gt; a.mm-next:after{border-color:rgba(0,0,0,0.3)}.mm-menu .mm-listview &gt; li &gt; a.mm-prev:after,.mm-menu .mm-listview &gt; li &gt; a.mm-next:before{border-color:rgba(0,0,0,0.1)}.mm-menu .mm-listview &gt; li.mm-selected &gt; a:not(.mm-next),.mm-menu .mm-listview &gt; li.mm-selected &gt; span{background:rgba(255,255,255,0.5)}.mm-menu.mm-vertical .mm-listview li.mm-opened &gt; a.mm-next,.mm-menu.mm-vertical .mm-listview li.mm-opened &gt; .mm-panel,.mm-menu .mm-listview li.mm-opened.mm-vertical &gt; a.mm-next,.mm-menu .mm-listview li.mm-opened.mm-vertical &gt; .mm-panel{background:rgba(0,0,0,0.05)}.mm-menu .mm-divider{background:rgba(0,0,0,0.05)}.mm-page{box-sizing:border-box;position:relative}.mm-slideout{-webkit-transition:-webkit-transform .4s ease;-ms-transition:-ms-transform .4s ease;transition:transform .4s ease}html.mm-opened{overflow:hidden;position:relative}html.mm-opened body{overflow:hidden}html.mm-opened .mm-page{min-height:100vh}html.mm-background .mm-page{background:inherit}#mm-blocker{background:rgba(3,2,1,0);display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999}html.mm-opened #mm-blocker,html.mm-blocking #mm-blocker{display:block}.mm-menu.mm-offcanvas{display:none;position:fixed}.mm-menu.mm-current{display:block}.mm-menu{width:80%;min-width:140px;max-width:440px}html.mm-opening .mm-slideout{-webkit-transform:translate(80%,0);-moz-transform:translate(80%,0);-ms-transform:translate(80%,0);-o-transform:translate(80%,0);transform:translate(80%,0)}@media all and (max-width: 175px){html.mm-opening .mm-slideout{-webkit-transform:translate(140px,0);-moz-transform:translate(140px,0);-ms-transform:translate(140px,0);-o-transform:translate(140px,0);transform:translate(140px,0)}}@media all and (min-width: 550px){html.mm-opening .mm-slideout{-webkit-transform:translate(440px,0);-moz-transform:translate(440px,0);-ms-transform:translate(440px,0);-o-transform:translate(440px,0);transform:translate(440px,0)}}.mm-menu.mm-top.mm-autoheight,.mm-menu.mm-bottom.mm-autoheight{max-height:80%}.mm-menu.mm-top.mm-autoheight.mm-fullscreen,.mm-menu.mm-bottom.mm-autoheight.mm-fullscreen{max-height:100%}.mm-menu.mm-measureheight &gt; .mm-panel{bottom:auto!important;height:auto!important}.mm-buttonbar{border:1px solid transparent;border-radius:5px;text-align:center;line-height:20px;overflow:hidden;display:block;padding:0;margin:0;position:relative}.mm-buttonbar:after{content:'';display:block;clear:both}.mm-buttonbar &gt; *{border-left:1px solid transparent;box-sizing:border-box;display:block;width:100%;height:100%;float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-buttonbar &gt; a{text-decoration:none}.mm-buttonbar &gt; input{position:absolute;left:-1000px;top:-1000px}.mm-buttonbar &gt; input:checked + label{border-color:transparent!important}.mm-buttonbar &gt; :first-child,.mm-buttonbar &gt; input:first-child + *{border-left:none}.mm-buttonbar.mm-buttonbar-2 &gt; *{width:50%}.mm-buttonbar.mm-buttonbar-3 &gt; *{width:33.33%}.mm-buttonbar.mm-buttonbar-4 &gt; *{width:25%}.mm-buttonbar.mm-buttonbar-5 &gt; *{width:20%}.mm-header .mm-buttonbar{margin-top:0;margin-left:-30px;margin-right:-30px}.mm-footer .mm-buttonbar{border:none;border-radius:none;line-height:40px;margin:-10px -10px 0 -20px}.mm-footer .mm-buttonbar &gt; *{border-left:none}.mm-listview &gt; li &gt; .mm-buttonbar{margin:10px 20px}.mm-menu .mm-buttonbar{border-color:rgba(0,0,0,0.7);background:#f3f3f3}.mm-menu .mm-buttonbar &gt; *{border-color:rgba(0,0,0,0.7)}.mm-menu .mm-buttonbar &gt; input:checked + label{background:rgba(0,0,0,0.7);color:#f3f3f3}em.mm-counter{font:inherit;font-size:14px;font-style:normal;text-indent:0;line-height:20px;display:block;margin-top:-10px;position:absolute;right:50px;top:50%}em.mm-counter + a.mm-next{padding-left:40px}em.mm-counter + a.mm-next + a,em.mm-counter + a.mm-next + span{margin-right:90px}em.mm-counter + a.mm-fullsubopen{padding-left:0}.mm-vertical &gt; .mm-counter{top:12px;margin-top:0}.mm-vertical.mm-spacer &gt; .mm-counter{margin-top:40px}.mm-nosubresults &gt; .mm-counter{display:none}.mm-menu em.mm-counter{color:rgba(0,0,0,0.3)}html.mm-opened.mm-dragging .mm-menu,html.mm-opened.mm-dragging .mm-page,html.mm-opened.mm-dragging .mm-fixed-top,html.mm-opened.mm-dragging .mm-fixed-bottom,html.mm-opened.mm-dragging #mm-blocker{-webkit-transition-duration:0;-moz-transition-duration:0;-ms-transition-duration:0;-o-transition-duration:0;transition-duration:0}.mm-footer{background:inherit;border-top:1px solid transparent;text-align:center;line-height:20px;box-sizing:border-box;width:100%;height:40px;padding:10px 20px;position:absolute;z-index:3;bottom:0;left:0;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu.mm-hasfooter &gt; .mm-panel{bottom:40px}.mm-menu .mm-footer{border-color:rgba(0,0,0,0.1);color:rgba(0,0,0,0.3)}.mm-menu &gt; .mm-header{background:inherit;z-index:3;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu &gt; .mm-header .mm-close:after{content:'x'}.mm-menu.mm-hassearch &gt; .mm-header{top:40px}.mm-menu.mm-hasheader .mm-panel .mm-header{display:none}.mm-menu.mm-hasheader .mm-panel,.mm-menu.mm-hasheader .mm-fixeddivider{top:40px}.mm-menu.mm-hasheader.mm-hassearch .mm-panel,.mm-menu.mm-hasheader.mm-hassearch .mm-fixeddivider{top:80px}.mm-divider &gt; span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0;line-height:25px}.mm-divider.mm-opened a.mm-next:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.mm-collapsed:not(.mm-uncollapsed){display:none}.mm-fixeddivider{background:inherit;display:none;position:absolute;top:0;left:0;right:0;z-index:2;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-fixeddivider:after{content:none!important;display:none!important}.mm-hasdividers .mm-fixeddivider{display:block}.mm-menu .mm-fixeddivider span{background:rgba(0,0,0,0.05)}.mm-search,.mm-search input{box-sizing:border-box}.mm-menu &gt; .mm-search{background:inherit;z-index:3;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-search{height:40px;width:100%;padding:10px 10px 0;position:absolute;top:0;left:0}.mm-search input{border:none;border-radius:25px;font:inherit;font-size:14px;line-height:25px;outline:none;display:block;width:100%;height:25px;margin:0;padding:0 10px}.mm-search input::-ms-clear{display:none}.mm-panel.mm-hassearch{padding-top:40px}.mm-panel.mm-hassearch.mm-hasheader{padding-top:80px}.mm-panel.mm-hassearch.mm-hasheader .mm-search{top:40px}.mm-noresultsmsg{text-align:center;font-size:21px;display:none;padding:40px 0}.mm-noresults .mm-noresultsmsg{display:block}.mm-noresults .mm-indexer{display:none!important}.mm-menu li.mm-nosubresults &gt; a.mm-next{display:none}.mm-menu li.mm-nosubresults &gt; a.mm-next + a,.mm-menu li.mm-nosubresults &gt; a.mm-next + span{padding-right:10px}.mm-menu.mm-hassearch .mm-panel,.mm-menu.mm-hassearch .mm-fixeddivider{top:40px}.mm-menu .mm-search input{background:rgba(0,0,0,0.05);color:rgba(0,0,0,0.7)}.mm-menu .mm-noresultsmsg{color:rgba(0,0,0,0.3)}.mm-indexer{background:inherit;text-align:center;font-size:12px;box-sizing:border-box;width:20px;position:absolute;top:10px;bottom:10px;right:-100px;z-index:3;-webkit-transition:right .4s ease;-moz-transition:right .4s ease;-ms-transition:right .4s ease;-o-transition:right .4s ease;transition:right .4s ease;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-indexer a{text-decoration:none;display:block;height:3.71%}.mm-indexer ~ .mm-panel.mm-hasindexer{padding-right:40px}.mm-hasindexer .mm-indexer{right:0}.mm-hasindexer .mm-fixeddivider{right:20px}.mm-hasheader .mm-indexer{top:50px}.mm-hasfooter .mm-indexer{bottom:50px}.mm-hassearch .mm-indexer{top:50px}.mm-hassearch.mm-hasheader .mm-indexer{top:90px}.mm-menu .mm-indexer a{color:rgba(0,0,0,0.3)}input.mm-toggle,input.mm-check{position:absolute;left:-10000px}label.mm-toggle,label.mm-check{margin:0;position:absolute;bottom:50%;z-index:2}label.mm-toggle:before,label.mm-check:before{content:'';display:block}label.mm-toggle{border-radius:30px;width:50px;height:30px;margin-bottom:-15px}label.mm-toggle:before{border-radius:30px;width:28px;height:28px;margin:1px}input.mm-toggle:checked ~ label.mm-toggle:before{float:right}label.mm-check{width:30px;height:30px;margin-bottom:-15px}label.mm-check:before{border-left:3px solid;border-bottom:3px solid;width:40%;height:20%;margin:25% 0 0 20%;opacity:.1;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}input.mm-check:checked ~ label.mm-check:before{opacity:1}label.mm-toggle,label.mm-check{right:20px}label.mm-toggle + a,label.mm-toggle + span{padding-right:80px}label.mm-check + a,label.mm-check + span{padding-right:60px}a.mm-next + label.mm-toggle,a.mm-next + label.mm-check{right:60px}a.mm-next + label.mm-toggle + a,a.mm-next + label.mm-toggle + span,a.mm-next + label.mm-check + a,a.mm-next + label.mm-check + span{margin-right:50px}a.mm-next + label.mm-toggle + a,a.mm-next + label.mm-toggle + span{padding-right:70px}a.mm-next + label.mm-check + a,a.mm-next + label.mm-check + span{padding-right:50px}em.mm-counter + a.mm-next + label.mm-toggle,em.mm-counter + a.mm-next + label.mm-check{right:100px}em.mm-counter + a.mm-next + label.mm-toggle + a,em.mm-counter + a.mm-next + label.mm-toggle + span,em.mm-counter + a.mm-next + label.mm-check + a,em.mm-counter + a.mm-next + label.mm-check + span{margin-right:90px}.mm-menu label.mm-toggle{background:rgba(0,0,0,0.1)}.mm-menu label.mm-toggle:before{background:#f3f3f3}.mm-menu input.mm-toggle:checked ~ label.mm-toggle{background:#4bd963}.mm-menu label.mm-check:before{border-color:rgba(0,0,0,0.7)}.mm-menu.mm-border-none .mm-listview &gt; li:after,.mm-listview.mm-border-none &gt; li:after{content:none}.mm-menu.mm-border-full .mm-listview &gt; li:after,.mm-listview.mm-border-full &gt; li:after{left:0!important}html.mm-effect-slide .mm-menu.mm-offcanvas{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease}html.mm-effect-slide.mm-opened .mm-menu.mm-offcanvas{-webkit-transform:translate3d(-30%,0,0);-moz-transform:translate3d(-30%,0,0);-ms-transform:translate3d(-30%,0,0);-o-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}html.mm-effect-slide.mm-opening .mm-menu.mm-offcanvas{-webkit-transform:translate3d(0%,0,0);-moz-transform:translate3d(0%,0,0);-ms-transform:translate3d(0%,0,0);-o-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}html.mm-effect-slide.mm-right.mm-opened .mm-menu.mm-offcanvas{-webkit-transform:translate3d(30%,0,0);-moz-transform:translate3d(30%,0,0);-ms-transform:translate3d(30%,0,0);-o-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}html.mm-effect-slide.mm-right.mm-opening .mm-menu.mm-offcanvas{-webkit-transform:translate3d(0%,0,0);-moz-transform:translate3d(0%,0,0);-ms-transform:translate3d(0%,0,0);-o-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}html.mm-effect-zoom-menu .mm-menu.mm-offcanvas{-webkit-transition:-webkit-transform .4s ease;-moz-transition:-moz-transform .4s ease;-ms-transition:-ms-transform .4s ease;-o-transition:-o-transform .4s ease;transition:transform .4s ease}html.mm-effect-zoom-menu.mm-opened .mm-menu.mm-offcanvas{-webkit-transform:scale(0.7,0.7) translate3d(-30%,0,0);-moz-transform:scale(0.7,0.7) translate3d(-30%,0,0);-ms-transform:scale(0.7,0.7) translate3d(-30%,0,0);-o-transform:scale(0.7,0.7) translate3d(-30%,0,0);transform:scale(0.7,0.7) translate3d(-30%,0,0);-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}html.mm-effect-zoom-menu.mm-opening .mm-menu.mm-offcanvas{-webkit-transform:scale(1,1) translate3d(0%,0,0);-moz-transform:scale(1,1) translate3d(0%,0,0);-ms-transform:scale(1,1) translate3d(0%,0,0);-o-transform:scale(1,1) translate3d(0%,0,0);transform:scale(1,1) translate3d(0%,0,0)}html.mm-effect-zoom-menu.mm-right.mm-opened .mm-menu.mm-offcanvas{-webkit-transform:scale(0.7,0.7) translate3d(30%,0,0);-moz-transform:scale(0.7,0.7) translate3d(30%,0,0);-ms-transform:scale(0.7,0.7) translate3d(30%,0,0);-o-transform:scale(0.7,0.7) translate3d(30%,0,0);transform:scale(0.7,0.7) translate3d(30%,0,0);-webkit-transform-origin:right center;-moz-transform-origin:right center;-ms-transform-origin:right center;-o-transform-origin:right center;transform-origin:right center}html.mm-effect-zoom-menu.mm-right.mm-opening .mm-menu.mm-offcanvas{-webkit-transform:scale(1,1) translate3d(0%,0,0);-moz-transform:scale(1,1) translate3d(0%,0,0);-ms-transform:scale(1,1) translate3d(0%,0,0);-o-transform:scale(1,1) translate3d(0%,0,0);transform:scale(1,1) translate3d(0%,0,0)}html.mm-effect-zoom-panels .mm-menu .mm-panel{-webkit-transform:scale(1.5,1.5) translate3d(100%,0,0);-moz-transform:scale(1.5,1.5) translate3d(100%,0,0);-ms-transform:scale(1.5,1.5) translate3d(100%,0,0);-o-transform:scale(1.5,1.5) translate3d(100%,0,0);transform:scale(1.5,1.5) translate3d(100%,0,0);-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;-webkit-transition-property:-webkit-transform,left;-moz-transition-property:-moz-transform,left;-ms-transition-property:-ms-transform,left;-o-transition-property:-o-transform,left;transition-property:transform,left}html.mm-effect-zoom-panels .mm-menu .mm-panel.mm-opened{-webkit-transform:scale(1,1) translate3d(0%,0,0);-moz-transform:scale(1,1) translate3d(0%,0,0);-ms-transform:scale(1,1) translate3d(0%,0,0);-o-transform:scale(1,1) translate3d(0%,0,0);transform:scale(1,1) translate3d(0%,0,0)}html.mm-effect-zoom-panels .mm-menu .mm-panel.mm-opened.mm-subopened{-webkit-transform:scale(0.7,0.7) translate3d(-30%,0,0);-moz-transform:scale(0.7,0.7) translate3d(-30%,0,0);-ms-transform:scale(0.7,0.7) translate3d(-30%,0,0);-o-transform:scale(0.7,0.7) translate3d(-30%,0,0);transform:scale(0.7,0.7) translate3d(-30%,0,0)}.mm-menu.mm-fullscreen{width:100%;min-width:140px;max-width:10000px}html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(100%,0);-moz-transform:translate(100%,0);-ms-transform:translate(100%,0);-o-transform:translate(100%,0);transform:translate(100%,0)}@media all and (max-width: 140px){html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(140px,0);-moz-transform:translate(140px,0);-ms-transform:translate(140px,0);-o-transform:translate(140px,0);transform:translate(140px,0)}}@media all and (min-width: 10000px){html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(10000px,0);-moz-transform:translate(10000px,0);-ms-transform:translate(10000px,0);-o-transform:translate(10000px,0);transform:translate(10000px,0)}}html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(-100%,0);-moz-transform:translate(-100%,0);-ms-transform:translate(-100%,0);-o-transform:translate(-100%,0);transform:translate(-100%,0)}@media all and (max-width: 140px){html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(-140px,0);-moz-transform:translate(-140px,0);-ms-transform:translate(-140px,0);-o-transform:translate(-140px,0);transform:translate(-140px,0)}}@media all and (min-width: 10000px){html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(-10000px,0);-moz-transform:translate(-10000px,0);-ms-transform:translate(-10000px,0);-o-transform:translate(-10000px,0);transform:translate(-10000px,0)}}.mm-menu.mm-fullscreen.mm-top,.mm-menu.mm-fullscreen.mm-bottom{height:100%;min-height:140px;max-height:10000px}html.mm-opened.mm-fullscreen .mm-page{box-shadow:none!important}.mm-menu.mm-multiline .mm-listview &gt; li &gt; a,.mm-menu.mm-multiline .mm-listview &gt; li &gt; span,.mm-listview.mm-multiline &gt; li
.mm-listview &gt; li.mm-multiline &gt; a,.mm-listview.mm-multiline &gt; li
.mm-listview &gt; li.mm-multiline &gt; span{text-overflow:clip;white-space:normal}.mm-menu.mm-pageshadow:after{content:"";display:block;width:20px;height:120%;position:absolute;left:100%;top:-10%;z-index:99}.mm-menu.mm-pageshadow.mm-right:after{left:auto;right:100%}.mm-menu.mm-pageshadow.mm-next:after,.mm-menu.mm-pageshadow.mm-front:after{content:none;display:none}.mm-menu.mm-pageshadow:after{box-shadow:0 0 10px rgba(0,0,0,0.3)}.mm-menu.mm-top,.mm-menu.mm-bottom{width:100%;min-width:100%;max-width:100%}.mm-menu.mm-right{left:auto;right:0}.mm-menu.mm-bottom{top:auto;bottom:0}html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate(-80%,0);-moz-transform:translate(-80%,0);-ms-transform:translate(-80%,0);-o-transform:translate(-80%,0);transform:translate(-80%,0)}@media all and (max-width: 175px){html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate(-140px,0);-moz-transform:translate(-140px,0);-ms-transform:translate(-140px,0);-o-transform:translate(-140px,0);transform:translate(-140px,0)}}@media all and (min-width: 550px){html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate(-440px,0);-moz-transform:translate(-440px,0);-ms-transform:translate(-440px,0);-o-transform:translate(-440px,0);transform:translate(-440px,0)}}html.mm-front .mm-slideout{-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important;z-index:0!important}.mm-menu.mm-front{z-index:1}.mm-menu.mm-front,.mm-menu.mm-next{-webkit-transition:-webkit-transform .4s ease;-ms-transition:-ms-transform .4s ease;transition:transform .4s ease;-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu.mm-front.mm-right,.mm-menu.mm-next.mm-right{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu.mm-top{-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);-o-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.mm-menu.mm-bottom{-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html.mm-opening .mm-menu.mm-front,html.mm-opening .mm-menu.mm-next{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu.mm-top,.mm-menu.mm-bottom{height:80%;min-height:140px;max-height:880px}.mm-menu.mm-theme-dark{background:#333;color:rgba(255,255,255,0.8)}.mm-menu.mm-theme-dark .mm-header{border-color:rgba(0,0,0,0.15)}.mm-menu.mm-theme-dark .mm-header &gt; a{color:rgba(255,255,255,0.4)}.mm-menu.mm-theme-dark .mm-header .mm-btn:before,.mm-menu.mm-theme-dark .mm-header .mm-btn:after{border-color:rgba(255,255,255,0.4)}.mm-menu.mm-theme-dark .mm-listview &gt; li:after{border-color:rgba(0,0,0,0.15)}.mm-menu.mm-theme-dark .mm-listview &gt; li &gt; a.mm-prev,.mm-menu.mm-theme-dark .mm-listview &gt; li &gt; a.mm-next{color:rgba(255,255,255,0.4)}.mm-menu.mm-theme-dark .mm-listview &gt; li &gt; a.mm-prev:before,.mm-menu.mm-theme-dark .mm-listview &gt; li &gt; a.mm-next:after{border-color:rgba(255,255,255,0.4)}.mm-menu.mm-theme-dark .mm-listview &gt; li &gt; a.mm-prev:after,.mm-menu.mm-theme-dark .mm-listview &gt; li &gt; a.mm-next:before{border-color:rgba(0,0,0,0.15)}.mm-menu.mm-theme-dark .mm-listview &gt; li.mm-selected &gt; a:not(.mm-next),.mm-menu.mm-theme-dark .mm-listview &gt; li.mm-selected &gt; span{background:rgba(0,0,0,0.1)}.mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened &gt; a.mm-next,.mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened &gt; .mm-panel,.mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical &gt; a.mm-next,.mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical &gt; .mm-panel{background:rgba(255,255,255,0.05)}.mm-menu.mm-theme-dark .mm-divider{background:rgba(255,255,255,0.05)}.mm-menu.mm-theme-dark .mm-buttonbar{border-color:rgba(255,255,255,0.8);background:#333}.mm-menu.mm-theme-dark .mm-buttonbar &gt; *{border-color:rgba(255,255,255,0.8)}.mm-menu.mm-theme-dark .mm-buttonbar &gt; input:checked + label{background:rgba(255,255,255,0.8);color:#333}.mm-menu.mm-theme-dark label.mm-check:before{border-color:rgba(255,255,255,0.8)}.mm-menu.mm-theme-dark em.mm-counter{color:rgba(255,255,255,0.4)}.mm-menu.mm-theme-dark .mm-footer{border-color:rgba(0,0,0,0.15);color:rgba(255,255,255,0.4)}.mm-menu.mm-theme-dark .mm-fixeddivider span{background:rgba(255,255,255,0.05)}.mm-menu.mm-pageshadow.mm-theme-dark:after{box-shadow:0 0 20px rgba(0,0,0,0.5)}.mm-menu.mm-theme-dark .mm-search input{background:rgba(255,255,255,0.3);color:rgba(255,255,255,0.8)}.mm-menu.mm-theme-dark .mm-noresultsmsg{color:rgba(255,255,255,0.4)}.mm-menu.mm-theme-dark .mm-indexer a{color:rgba(255,255,255,0.4)}.mm-menu.mm-theme-dark label.mm-toggle{background:rgba(0,0,0,0.15)}.mm-menu.mm-theme-dark label.mm-toggle:before{background:#333}.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle{background:#4bd963}.mm-menu.mm-theme-white{background:#fff;color:rgba(0,0,0,0.6)}.mm-menu.mm-theme-white .mm-header{border-color:rgba(0,0,0,0.1)}.mm-menu.mm-theme-white .mm-header &gt; a{color:rgba(0,0,0,0.3)}.mm-menu.mm-theme-white .mm-header .mm-btn:before,.mm-menu.mm-theme-white .mm-header .mm-btn:after{border-color:rgba(0,0,0,0.3)}.mm-menu.mm-theme-white .mm-listview &gt; li:after{border-color:rgba(0,0,0,0.1)}.mm-menu.mm-theme-white .mm-listview &gt; li &gt; a.mm-prev,.mm-menu.mm-theme-white .mm-listview &gt; li &gt; a.mm-next{color:rgba(0,0,0,0.3)}.mm-menu.mm-theme-white .mm-listview &gt; li &gt; a.mm-prev:before,.mm-menu.mm-theme-white .mm-listview &gt; li &gt; a.mm-next:after{border-color:rgba(0,0,0,0.3)}.mm-menu.mm-theme-white .mm-listview &gt; li &gt; a.mm-prev:after,.mm-menu.mm-theme-white .mm-listview &gt; li &gt; a.mm-next:before{border-color:rgba(0,0,0,0.1)}.mm-menu.mm-theme-white .mm-listview &gt; li.mm-selected &gt; a:not(.mm-next),.mm-menu.mm-theme-white .mm-listview &gt; li.mm-selected &gt; span{background:rgba(0,0,0,0.05)}.mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened &gt; a.mm-next,.mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened &gt; .mm-panel,.mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical &gt; a.mm-next,.mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical &gt; .mm-panel{background:rgba(0,0,0,0.03)}.mm-menu.mm-theme-white .mm-divider{background:rgba(0,0,0,0.03)}.mm-menu.mm-theme-white .mm-buttonbar{border-color:rgba(0,0,0,0.6);background:#fff}.mm-menu.mm-theme-white .mm-buttonbar &gt; *{border-color:rgba(0,0,0,0.6)}.mm-menu.mm-theme-white .mm-buttonbar &gt; input:checked + label{background:rgba(0,0,0,0.6);color:#fff}.mm-menu.mm-theme-white label.mm-check:before{border-color:rgba(0,0,0,0.6)}.mm-menu.mm-theme-white em.mm-counter{color:rgba(0,0,0,0.3)}.mm-menu.mm-theme-white .mm-footer{border-color:rgba(0,0,0,0.1);color:rgba(0,0,0,0.3)}.mm-menu.mm-theme-white .mm-fixeddivider span{background:rgba(0,0,0,0.03)}.mm-menu.mm-pageshadow.mm-theme-white:after{box-shadow:0 0 10px rgba(0,0,0,0.2)}.mm-menu.mm-theme-white .mm-search input{background:rgba(0,0,0,0.05);color:rgba(0,0,0,0.6)}.mm-menu.mm-theme-white .mm-noresultsmsg{color:rgba(0,0,0,0.3)}.mm-menu.mm-theme-white .mm-indexer a{color:rgba(0,0,0,0.3)}.mm-menu.mm-theme-white label.mm-toggle{background:rgba(0,0,0,0.1)}.mm-menu.mm-theme-white label.mm-toggle:before{background:#fff}.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle{background:#4bd963}.mm-menu.mm-theme-black{background:#000;color:rgba(255,255,255,0.6)}.mm-menu.mm-theme-black .mm-header{border-color:rgba(255,255,255,0.2)}.mm-menu.mm-theme-black .mm-header &gt; a{color:rgba(255,255,255,0.4)}.mm-menu.mm-theme-black .mm-header .mm-btn:before,.mm-menu.mm-theme-black .mm-header .mm-btn:after{border-color:rgba(255,255,255,0.4)}.mm-menu.mm-theme-black .mm-listview &gt; li:after{border-color:rgba(255,255,255,0.2)}.mm-menu.mm-theme-black .mm-listview &gt; li &gt; a.mm-prev,.mm-menu.mm-theme-black .mm-listview &gt; li &gt; a.mm-next{color:rgba(255,255,255,0.4)}.mm-menu.mm-theme-black .mm-listview &gt; li &gt; a.mm-prev:before,.mm-menu.mm-theme-black .mm-listview &gt; li &gt; a.mm-next:after{border-color:rgba(255,255,255,0.4)}.mm-menu.mm-theme-black .mm-listview &gt; li &gt; a.mm-prev:after,.mm-menu.mm-theme-black .mm-listview &gt; li &gt; a.mm-next:before{border-color:rgba(255,255,255,0.2)}.mm-menu.mm-theme-black .mm-listview &gt; li.mm-selected &gt; a:not(.mm-next),.mm-menu.mm-theme-black .mm-listview &gt; li.mm-selected &gt; span{background:rgba(255,255,255,0.3)}.mm-menu.mm-theme-black.mm-vertical .mm-listview li.mm-opened &gt; a.mm-next,.mm-menu.mm-theme-black.mm-vertical .mm-listview li.mm-opened &gt; .mm-panel,.mm-menu.mm-theme-black .mm-listview li.mm-opened.mm-vertical &gt; a.mm-next,.mm-menu.mm-theme-black .mm-listview li.mm-opened.mm-vertical &gt; .mm-panel{background:rgba(255,255,255,0.2)}.mm-menu.mm-theme-black .mm-divider{background:rgba(255,255,255,0.2)}.mm-menu.mm-theme-black .mm-buttonbar{border-color:rgba(255,255,255,0.6);background:#000}.mm-menu.mm-theme-black .mm-buttonbar &gt; *{border-color:rgba(255,255,255,0.6)}.mm-menu.mm-theme-black .mm-buttonbar &gt; input:checked + label{background:rgba(255,255,255,0.6);color:#000}.mm-menu.mm-theme-black label.mm-check:before{border-color:rgba(255,255,255,0.6)}.mm-menu.mm-theme-black em.mm-counter{color:rgba(255,255,255,0.4)}.mm-menu.mm-theme-black .mm-footer{border-color:rgba(255,255,255,0.2);color:rgba(255,255,255,0.4)}.mm-menu.mm-theme-black .mm-fixeddivider span{background:rgba(255,255,255,0.2)}.mm-menu.mm-pageshadow.mm-theme-black:after{content:none;display:none}.mm-menu.mm-theme-black .mm-search input{background:rgba(255,255,255,0.3);color:rgba(255,255,255,0.6)}.mm-menu.mm-theme-black .mm-noresultsmsg{color:rgba(255,255,255,0.4)}.mm-menu.mm-theme-black .mm-indexer a{color:rgba(255,255,255,0.4)}.mm-menu.mm-theme-black label.mm-toggle{background:rgba(255,255,255,0.2)}.mm-menu.mm-theme-black label.mm-toggle:before{background:#000}.mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle{background:#4bd963}

/* --------------------------------------
=========================================
   2. Global Styles
=========================================
-----------------------------------------*/

/*---------------------------------------
   2.1 General Styles         
-----------------------------------------*/
body{
  /*font-family: "Roboto", Arial, sans-serif;  */
}
/*#tabs p, #tabs ul, #tabs li{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI"}*/

::selection {
  background: #00acec;
  color: #fff;
  text-shadow: none;
}
::-moz-selection { /* Code for Firefox */
    background: #00acec;
    color: #fff;
    text-shadow: none;
}

::-webkit-input-placeholder {
   color: #dadada;
}
:-moz-placeholder { /* Firefox 18- */
   color: #dadada;  
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #dadada;  
}
:-ms-input-placeholder {  
   color: #dadada;  
}

video {
  max-width: 100%;
  height: auto;
}
iframe,
embed,
object {
  max-width: 100%;
}


blockquote,
.modern-quote,
.blockquote{
  position: relative;
  font-family: "Roboto",Arial,sans-serif; 
  font-size: 16px;
  font-weight: bold;
  color: #b2b2b2;
  font-style: italic;
  padding:10px 25px;
  border:none;
}
blockquote cite{
  font-style: normal;
  font-weight: normal;
  display: block;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
}
blockquote cite:before {
  content: "\2014";
  margin-right: 3px;

}
.modern-quote{
  position: relative;
  border-left: 2px solid #00acec;
}
blockquote:before,
blockquote:after,
.blockquote:before,
.blockquote:after {
  content: "\201c";
  display: inline-block;
  position: absolute;
  color: #b2b2b2;
  font-size: 30px;
  line-height: 1;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
}
blockquote:before,
.blockquote:before{
  top: 10px;
  left: 5px;
}
blockquote:after,
.blockquote:after{
  content: "\201d";
  top:10px;
  right:5px;
}
.modern-quote:before,
.modern-quote:after{
  content:"";
}

/*---------------------------------------
  2.2 General Classes              
-----------------------------------------*/
body.boxed{ background-color: #efefef; }
body.wide{ background-color: #ffffff; }
body.no-background{ background-image: none; }
body.background-image1{ background-image: url('../img/bg2.jpg'); }
body.background-image2{ background-image: url('../img/bg1.jpg'); }
body.background-image3{ background-image: url('../img/bg3.jpg'); }
body.background-image4{ background-image: url('../img/bg4.jpg'); }

.mobile-nav{ display: none; }

.alpha{ padding-left:0px !important; }
.omega{ padding-right:0px !important; }

.main-wrapper:after, .main-wrapper:before,
.widget:before, .widget:after {
  display: table;
  content: " ";
}
.main-wrapper:after,
.widget:after {
  clear: both;
}
#map-canvas {
  width:100%;
  height: 300px;
  margin: 0px 0px 30px;
  padding: 0px
}
.bgcolor1{ background: #00acec !important; }
.bgcolor2{ background: #00acec !important; }
.bgcolor3{ background: #2980b9 !important; }
.bgcolor4{ background: #16a085 !important; }
.bgcolor5{ background: #8e44ad !important; }

/* --------------------------------------
=========================================
  3. Content Styles
=========================================
-----------------------------------------*/

/*---------------------------------------
  3.1 Header Styles     
-----------------------------------------*/
.header-wrapper{
  position: absolute;
  left:0px;
  right:0px;
  z-index: 1000;
}

.header{
  position: relative;
  width: 100%;
  background: #FFF;
  z-index: 1000;
  -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow:    0px 3px 2px 0px rgba(0, 0, 0, 0.05);
  box-shadow:         0px 3px 2px 0px rgba(0, 0, 0, 0.05);
  -webkit-backface-visibility: hidden;
}
.header.text-center .navbar-nav&gt;li{
   float: none;
   display: inline-block;
}
.header.text-center .header-right,
.header.text-center .sb-search{
   display: none;
}
.header.text-center .navbar-collapse.collapse{
   float: none;
}
.header.text-center .navbar-nav{
   width:100%;
}
.fixed-header .header-big .header{
  position: relative;
}
.header-top{
  width:100%;
  background: #545454;
  padding: 4px 0;
  color: #fff;
}
.header-top ul{
  margin:5px 0;
  padding: 0px;
  list-style: none;
}
.header-top ul li{
  float: left;
  line-height: 13px;
  margin: 0;
}
.header-top .top-menu li{
  font-size: 13px;
  margin: 0px 10px 0px 0px;
  border-right: 1px solid #fff;
  padding-right: 10px;
}
.header-top .top-menu li:last-child{
  border:none;
}
.header-top .top-menu li a{
  color:#fff;
  border-bottom: 1px solid transparent;
}
.header-top .top-menu li a:hover{
  border-bottom: 1px solid #fff;
}
.header-top .social-icons a{
  color:#fff;
  font-size: 11px !important;
  line-height: 13px;
}
.header-top .social-icons a:hover{
  color: #fff;
}
/* === Header style 2 === */
.header-mid{
  background: #ffffff;
  padding: 25px 0;
  border-bottom: 1px solid #dadada;
}
.header-big .header-mid-wrapper{
  text-align: right;
}
.header-big .header .navbar-collapse.collapse{
  padding-left: 0px;
}
.header-big .mid-logo-wrapper{
  float: left;
  display: block;
}
.header-big .text-center{
   text-align: center;
}
.header-big .text-center .mid-logo-wrapper{
   float: none;
}
.header-big .navbar .logo{
  display: none;
}
.header-big .set-fixed .navbar .logo{
  display: block;
  margin-right: 25px;
}
.header-big .set-fixed .mega-menu .navbar-nav {
  float: left;
  width: auto;
}
.mid-logo-wrapper .logo{
  float: none;
  display: inline-block;
  margin:0 auto 5px;
  text-align: center;
  font-size: 56px;
  line-height: 58px;
}
.mid-logo-wrapper .logo span{
  padding: 3px 10px;
  margin-left: -6px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  -o-border-radius: 9px;
  border-radius: 9px;
}
.header-big .header-banner{
  float: none;
  display: inline-block;
  max-width:728px;
}
.header-big .header-banner a{
  display: inline-block;
  background: #000;
}
.mid-logo-wrapper .logo-description{
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
  margin: 0px;
  color:#818181;
}

/* === Fixed Sidebar Header === */
.fixed-sidebar .fixed-main-wrapper{
  max-width:832px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
}
.fixed-button,
.fixed-sidebar .fixed-button{
  float: right;
  display: none;
  margin-right: 0px;
}
.fixed-sidebar-header .container{
  max-width: 100%;
  width: 100%;
}
.fixed-sidebar-header .mag-content {
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 20px;
  padding-right: 20px;
}
.fixed-sidebar-header .mega-menu .dropdown.mega-full .dropdown-menu{
  left:-15px;
  right:-15px;
  max-width: 1170px;
}
.fixed-sidebar .fixed-main{
  margin-left: 390px;
}
.fixed-header .set-fixed{
  position: fixed !important;
  top:0px !important;
  bottom:auto !important;
  -webkit-backface-visibility:hidden;
}
.fixed-header .set-sidebar{
  position: fixed !important;
  top:50px !important;
  bottom:auto !important;
  -webkit-backface-visibility:hidden;
}
.set-sidebar{
  position: absolute !important;
  top:50px !important;
  bottom:auto !important;
}
.get-sidebar{
  position: fixed !important;
  top:0px !important;
  bottom:auto !important;
  -webkit-backface-visibility:hidden;
}
.sticky-sidebar{
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.sticky-sidebar .widget .nav-tabs{
  margin-bottom: 0px !important;
  margin-right: 15px !important;
}
.fixed-left-sidebar .sticky-sidebar{
  left:0px;
  right:auto;
}
.fixed-right-sidebar .sticky-sidebar{
  right:0px;
  left:auto;
}
.fixed-right-sidebar .fixed-main{
  margin-left: auto;
  margin-right: 390px;
}
.fixed-right-sidebar #go-top-button{
  right: auto;
  left: 10px;
}
/* === Fixed Sidebar === */
.sticky-sidebar {
  position: absolute;
  top: 50px;
  left:0px;
  float: left;
  z-index: 55;
  background: #fff;
  height: 100%;
  width: 390px;
  -webkit-font-smoothing: antialiased;
  transition: all .1s ease-in-out;

  -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.15);
}
.sticky-sidebar-wrapper,
.sticky-scroll{
  position: relative;
}
.sticky-scroll{
  padding-right: 15px;
  padding-top:20px;
}
.sticky-content{
  padding:20px 10px 20px 20px;
}
.sticky-content .load-more{
  margin-bottom: 10px;
}

/* === Logo Styles === */
.logo{
  display: block;
  float: left;
  text-decoration: none;
  outline: none;
  margin:10px 10px 0 0;

  font-family: 'Raleway', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  color: #000;
  font-size: 26px;
  line-height: 26px;
}
.logo:hover,
.logo:focus,
.logo:active{
  border: none !important;
  color: #000;
  outline: none;
}
.logo img{
  max-width: 100%;
  height: auto;
}
.logo span{
  display: inline-block;
  color:#fff;
  background: #00acec;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 3px 4px;
  margin-left: -1px;
}
.header .navbar{
  margin:0px;
  padding:0px;
  border:none;
}
.header .navbar-collapse.collapse{
  float: left;
}
.headroom--pinned {
    display: block;
}
.headroom--unpinned {
    display: none;
}
.headroom {
    transition: transform 100ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-100%);
}

/*---------------------------------------
  3.2 Navigation Styles         
-----------------------------------------*/
.navbar-nav li a{
  color: #222222;
  background: none;
}
.navbar-nav&gt;li&gt;a{
  font-size: 16px;
  line-height: 20px;
  padding: 14px 15px !important;
  font-weight: 400;
  -webkit-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}
.navbar-nav&gt;li&gt;a.dropdown-toggle:after{
  display: inline-block;
  content: " ";
  width: 0;
  height: 0;
  margin-left: 7px;
  margin-bottom: -1px;
  border-color: transparent;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-top-color: #fff;
  -transition: all .15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
}
.navbar-nav&gt;li&gt;a:hover,
.navbar-nav&gt;li&gt;a:focus{
  color: #222222;
  background: none;
}
.navbar-nav&gt;li.open&gt;a,
.navbar-nav&gt;li.open&gt;a:after
{
  color: #00acec;
  background: none;
  border-top-color: #00acec;
}
.navbar .nav .open&gt;a,
.navbar .nav .open&gt;a:hover,
.navbar .nav .open&gt;a:focus
{
  background: white;
}
/* Nav Color1 */
.navbar-nav&gt;li.open.menu-color1&gt;a,
.navbar-nav&gt;li.open.menu-color1&gt;a:after{
  color: #00acec;
  border-top-color: #00acec;
}
.nav .menu-color1 .tabs-left &gt; .nav-tabs &gt; li &gt; a:hover, 
.nav .menu-color1 .tabs-left &gt; .nav-tabs &gt; li.active &gt; a{
  color:#00acec;
}
.mega-menu .menu-color1 .dropdown-submenu:hover&gt;a:after,
.nav .menu-color1 .tabs-left &gt; .nav-tabs &gt; li.active&gt;a:after{
  border-left-color:#00acec;
}
.menu-color1 .dropdown-menu .mega-menu-news .mega-menu-detail h4 a:hover{
  color:#00acec;
}
.mega-menu .menu-color1 .dropdown-menu &gt; li &gt; a:hover, 
.mega-menu .menu-color1 .dropdown-submenu:hover&gt;a{
  color:#00acec;
}
/* Nav Color2 */
.navbar-nav&gt;li.open.menu-color2&gt;a,
.navbar-nav&gt;li.open.menu-color2&gt;a:after{
  color: #8eb021;
  border-top-color: #8eb021;
}
.nav .menu-color2 .tabs-left &gt; .nav-tabs &gt; li &gt; a:hover, 
.nav .menu-color2 .tabs-left &gt; .nav-tabs &gt; li.active &gt; a{
  color:#8eb021;
}
.mega-menu .menu-color2 .dropdown-submenu:hover&gt;a:after,
.nav .menu-color2 .tabs-left &gt; .nav-tabs &gt; li.active&gt;a:after{
  border-left-color:#8eb021;
}
.menu-color2 .dropdown-menu .mega-menu-news .mega-menu-detail h4 a:hover{
  color:#8eb021;
}
.mega-menu .menu-color2 .dropdown-menu &gt; li &gt; a:hover, 
.mega-menu .menu-color2 .dropdown-submenu:hover&gt;a{
  color:#8eb021;
}
/* Nav Color3 */
.navbar-nav&gt;li.open.menu-color3&gt;a,
.navbar-nav&gt;li.open.menu-color3&gt;a:after{
  color: #2980b9;
  border-top-color: #2980b9;
}
.nav .menu-color3 .tabs-left &gt; .nav-tabs &gt; li &gt; a:hover, 
.nav .menu-color3 .tabs-left &gt; .nav-tabs &gt; li.active &gt; a{
  color:#2980b9;
}
.mega-menu .menu-color3 .dropdown-submenu:hover&gt;a:after,
.nav .menu-color3 .tabs-left &gt; .nav-tabs &gt; li.active&gt;a:after{
  border-left-color:#2980b9;
}
.menu-color3 .dropdown-menu .mega-menu-news .mega-menu-detail h4 a:hover{
  color:#2980b9;
}
.mega-menu .menu-color3 .dropdown-menu &gt; li &gt; a:hover, 
.mega-menu .menu-color3 .dropdown-submenu:hover&gt;a{
  color:#2980b9;
}
/* Nav Color4 */
.navbar-nav&gt;li.open.menu-color4&gt;a,
.navbar-nav&gt;li.open.menu-color4&gt;a:after{
  color: #16a085;
  border-top-color: #16a085;
}
.nav .menu-color4 .tabs-left &gt; .nav-tabs &gt; li &gt; a:hover, 
.nav .menu-color4 .tabs-left &gt; .nav-tabs &gt; li.active &gt; a{
  color:#16a085;
}
.mega-menu .menu-color4 .dropdown-submenu:hover&gt;a:after,
.nav .menu-color4 .tabs-left &gt; .nav-tabs &gt; li.active&gt;a:after{
  border-left-color:#16a085;
}
.menu-color4 .dropdown-menu .mega-menu-news .mega-menu-detail h4 a:hover{
  color:#16a085;
}
.mega-menu .menu-color4 .dropdown-menu &gt; li &gt; a:hover, 
.mega-menu .menu-color4 .dropdown-submenu:hover&gt;a{
  color:#16a085;
}
/* Nav Color5 */
.navbar-nav&gt;li.open.menu-color5&gt;a,
.navbar-nav&gt;li.open.menu-color5&gt;a:after{
  color: #8e44ad;
  border-top-color: #8e44ad;
}
.nav .menu-color5 .tabs-left &gt; .nav-tabs &gt; li &gt; a:hover, 
.nav .menu-color5 .tabs-left &gt; .nav-tabs &gt; li.active &gt; a{
  color:#8e44ad;
}
.mega-menu .menu-color5 .dropdown-submenu:hover&gt;a:after,
.nav .menu-color5 .tabs-left &gt; .nav-tabs &gt; li.active&gt;a:after{
  border-left-color:#8e44ad;
}
.menu-color5 .dropdown-menu .mega-menu-news .mega-menu-detail h4 a:hover{
  color:#8e44ad;
}
.mega-menu .menu-color5 .dropdown-menu &gt; li &gt; a:hover, 
.mega-menu .menu-color5 .dropdown-submenu:hover&gt;a{
  color:#8e44ad;
}

/* === Header Social Links Style === */
.header-right{
  float: right;
  position: absolute;
  right: 35px;
  top: 0px;
}
.social-icons a{
  color:#cccccc;
  margin-left:10px;
}
.social-icons a:hover{
  color: #575757;
}
.header-right .social-icons a{
  line-height: 50px;
  font-size: 13px;
}

/* === Header Search Style === */
.sb-search {
  position: absolute;
  z-index: 110;
  width: 0%;
  min-width: 50px;
  height: 50px;
  float: right;
  right:0px;
  top:0px;
  overflow: hidden;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  transition: width 0.3s;
  -webkit-backface-visibility: hidden;
}
.sb-search-input {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  outline: none;
  background: #fff;
  width: 100%;
  max-width: 300px;
  font-size: 14px;
  height: 50px;
  margin: 0;
  z-index: 10;
  padding: 20px 55px 20px 16px;
}
.sb-icon-search,
.sb-search-submit  {
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  margin: 0;
  border:none;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.sb-search-submit {
  background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
  color: transparent;
  border: none;
  outline: none;
  z-index: -1;
}
.sb-icon-search {
  border:none;
  text-decoration: none;
  color: #bbbbbb;
  z-index: 110;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}
.sb-icon-search:hover{
  color:#222222;
}
/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
  width: 100%;
}
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
  background: #00acec;
  color: #fff;
  z-index: 11;
}
.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
  z-index: 110;
}

/* === Mega Menu Style === */
.mega-menu .dropdown-menu { left: auto; }
.mega-menu ul {
  list-style:none;
  padding-left:0px;
}
.mega-menu .dropdown-menu&gt;li{ border-bottom:1px solid #f1f1f1; }

.mega-menu .dropdown-menu&gt;li:last-child,
.mega-menu .dropdown-menu li.border-none{
  border-bottom: none;
}
.mega-menu .dropdown-menu &gt; li &gt; a {
  padding: 10px 30px 10px 15px;
  font-weight: 500;
}
.mega-menu .dropdown-menu &gt; li &gt; a:hover,
.mega-menu .dropdown-submenu:hover&gt;a{
  background: none;
  color:#00acec;
}
.mega-menu .navbar-nav &gt; li &gt; .dropdown-menu {
  margin-top:0px;
  border-radius: 0px;
}
.mega-menu .dropdown-menu {
  box-shadow:none; 
  border:none;
  padding:0;
  -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.05);
}
.mega-menu .dropdown-submenu{ position:relative; }
.mega-menu .dropdown-submenu&gt;.dropdown-menu{
  top:0;
  left:100%;
  margin-top:0;
  margin-left:0px;
  border-radius: 0px;
}
.mega-menu .dropdown-submenu:hover&gt;.dropdown-menu{
  display:block;
}
.mega-menu .dropdown-submenu&gt;a,
.mega-menu .tab-hover a{
  position: relative;
}
.mega-menu .dropdown-submenu&gt;a:after,
.mega-menu .tab-hover ul a:after{
  display:block;
  position:absolute;
  content:" ";
  width:0;
  height:0;
  border-color:transparent;
  border-style:solid;
  border-width:4px 0 4px 4px;
  border-left-color:#cfcfcf;
  top:17px;
  right:15px;
  -transition: all .15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
  -webkit-transition: all .15s ease-in-out;
}
.mega-menu .dropdown-submenu:hover&gt;a:after,
.nav .tabs-left &gt; .nav-tabs &gt; li.active&gt;a:after{
  border-left-color:#00acec;
}
.mega-menu .nav,
.mega-menu .collapse,
.mega-menu .dropdown {
  position: static;
}
.mega-menu .mini-dropdown {
  width: 50%;
  left: auto !important;
  right: auto !important;
}
.mega-menu .mega-wrapper{ padding: 15px 25px; }
.mega-menu .dropdown.mega-full .dropdown-menu {
  left: -30px;
  right: -30px;
}

/* === Mega Menu Tabbed Content Style === */
.tabs-below &gt; .nav-tabs,
.tabs-right &gt; .nav-tabs,
.tabs-left &gt; .nav-tabs {
  border-bottom: 0;
}
.tab-content &gt; .tab-pane,
.pill-content &gt; .pill-pane {
  display: none;
}
.tab-content &gt; .active,
.pill-content &gt; .active {
  display: block;
}
.tabs-below &gt; .nav-tabs {
  border:none;
}
.tabs-below &gt; .nav-tabs &gt; li {
  margin-top: 0px;
  margin-bottom: 0;
}
.tabs-below &gt; .nav-tabs &gt; li &gt; a {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  border:none;
}
.tabs-left &gt; .nav-tabs &gt; li,
.tabs-right &gt; .nav-tabs &gt; li {
  float: none;
}
.tabs-left &gt; .nav-tabs &gt; li &gt; a,
.tabs-right &gt; .nav-tabs &gt; li &gt; a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 0;
}
.tabs-left &gt; .nav-tabs {
  float: left;
  margin-right: 0px;
  border-right: none;
  margin-top: 10px;
}
.tabs-left &gt; .nav-tabs &gt; li &gt; a {
  margin-right: 0px;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}
.nav .tabs-left &gt; .nav-tabs &gt; li{
  margin: 0px;
  padding: 0px;
  border-bottom:1px solid #f1f1f1;
}
.nav .tabs-left &gt; .nav-tabs &gt; li:last-child{
  border-bottom: none;
}
.nav .tabs-left &gt; .nav-tabs &gt; li &gt; a{
  margin:0px;
  color: #222222;
  padding: 10px 30px 10px 15px;
  font-weight: 500;
  width:230px;
  border:none;
}
.nav .tabs-left &gt; .nav-tabs &gt; li &gt; a:hover,
.nav .tabs-left &gt; .nav-tabs &gt; li.active &gt; a{
  border:none;
  background: none;
  color:#00acec;
}
.nav .nav-tabs&gt;li.active&gt;a, 
.nav .nav-tabs&gt;li.active&gt;a:focus, 
.nav .nav-tabs&gt;li.active&gt;a:hover{
  cursor: pointer;
  border:none;
}
.tabs-left .tab-content{
  width:auto;
  margin-left: 240px;
  margin-right: 10px;
}
.dropdown-menu .mega-menu-news {
  width: 208px;
  float: left;
  margin-bottom: 20px;
  margin-top: 20px;
  margin-left: 1%;
  margin-right: 1%;
}
.dropdown-menu .mega-menu-news .mega-menu-img{
  background: #000;
}
.dropdown-menu .mega-menu-5block{
  padding: 0px 7px;
}
.dropdown-menu .mega-menu-5block .mega-menu-news {
  width:18%;
}
.dropdown-menu .mega-menu-news .mega-menu-img img{
  width:100%;
  height: auto;
}
.dropdown-menu .mega-menu-news .mega-menu-detail h4{
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  margin: 10px 0 7px;
}
.dropdown-menu .mega-menu-news .mega-menu-detail h4 a{
  color:#222222;
}
.dropdown-menu .mega-menu-news .mega-menu-detail h4 a:hover{
  color:#00acec;
}

/* === Mobile Menu Style === */
.navbar-toggle{
  position: relative;
  border: none;
  padding: 0px;
  margin:0px 20px 0px 0px;
  border: none;
  float: left;
  z-index: 100;
  width: 20px;
  height: 50px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
  cursor: pointer;
}
.navbar-toggle .icon-bar+.icon-bar{
  margin-top: 0px;
}
a.navbar-toggle:hover,
a.navbar-toggle:active{
  opacity: .9;
}
.navbar-toggle span,
.navbar-toggle .icon-bar,
.navbar-toggle i{
  display: block;
  position: absolute;
  background: #222222;
  opacity: 1;
  left: 0;
  width: 20px;
  height: 3px;
  border-radius: 3px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}
.navbar-toggle i{
  background: #cccccc;
  width:20px;
}
.navbar-toggle span:nth-child(1) {
  top: 19px;
}
.navbar-toggle i:nth-child(1){
  top: 21px;
  width:10px;
  -webkit-transform: rotate3d(0, 0, 1, -40deg);
  transform: rotate3d(0, 0, 1, -40deg);
}

.navbar-toggle i:nth-child(2),
.navbar-toggle i:nth-child(3){
  top:24px;
}
.navbar-toggle i:nth-child(4){
  top: 27px;
  width:10px;
  -webkit-transform: rotate3d(0, 0, 1, 40deg);
  transform: rotate3d(0, 0, 1, 40deg);
}

.navbar-toggle span:nth-child(2),
.navbar-toggle span:nth-child(3) {
  top: 25px;
}
.navbar-toggle span:nth-child(4) {
  top: 31px;
}
.mm-opened .navbar-toggle span:nth-child(1),
.ad-opened .fixed-button i:nth-child(1){
  top: 18px;
  width: 0%;
  left: 50%;
}
.mm-opened .navbar-toggle span:nth-child(2),
.ad-opened .fixed-button i:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mm-opened .navbar-toggle span:nth-child(3),
.ad-opened .fixed-button i:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mm-opened .navbar-toggle span:nth-child(4),
.ad-opened .fixed-button i:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

/*
* Body ad style
*/
.ad728-wrapper{
  text-align: center;
  max-width: 728px;
  margin: 30px auto 0px;
}
.ad728-wrapper a{
  display: block;
  background: #000;
}
.mid-wrapper{
  margin: 20px auto 50px;
}

/*---------------------------------------
  3.3 Layout Styles         
-----------------------------------------*/
.main-wrapper{
  padding-top: 50px;
}
.header-big .main-wrapper,
.header-style3 .main-wrapper{
  padding-top: 220px;
}
.fixed-sidebar .main-wrapper{
  padding-top: 0px;
}
.main-wrapper,
.main-content,
.mag-content,
.blog-content{
  position: relative;
}
.main-content{
  margin-top: 30px;
  padding-top: 30px;
  background: #fff;
  min-height: 400px;
  margin-bottom: 0px;

  -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow:    0px 3px 2px 0px rgba(0, 0, 0, 0.05);
  box-shadow:         0px 3px 2px 0px rgba(0, 0, 0, 0.05);
}
.wide .main-content{
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;
}
.mag-content{
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 30px;
  padding-right: 30px;
}
.main-body{
  margin-top: 50px;
}
.main-tech{
  position: relative;
  margin-top: 30px;
}

/*---------------------------------------
  3.4 Home Tag List Style        
-----------------------------------------*/
.tag-list{
  width: 100%;
  margin: -24px 0 6px;
  padding:0;
  list-style: none;
  height: 38px;
  overflow: hidden;
}
.tag-list li{
  float: left;
  margin:0px 1px 1px 0px;
  padding:0px;
  font-weight: bold;
  color:#999999;
  font-size: 17px;
  text-transform: uppercase;
  line-height: 38px;
}
.tag-list li.trending{
  padding-right: 8px;
}
.tag-list li a{
  font-size: 13px;
  line-height: 34px;
  display: block;
  color:#222222;
  text-decoration: none;
  padding:0px 10px;
  border:2px solid transparent;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.tag-list li a:hover,
.tag-list li.active a{
  color:#fff;
  background: #7a7a7a;
}

/*---------------------------------------
  3.5 Slider Styles        
-----------------------------------------*/
.featured-big,
.featured-small{
  position: relative;
  background:#000;
  overflow: hidden;
  width:100%;
}
.featured-big img,
.featured-small img{
  height: 100%;
  width:auto;
  max-width:none;
  z-index: 1;
  transition: opacity .15s ease-in-out;
  -webkit-transition: opacity .15s ease-in-out;
  -moz-transition: opacity .15s ease-in-out;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: scale(1);
  transform-style: flat;
}
.featured-big,
.featured-big a.featured-href,
.featured-big img{
  height: 500px;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: scale(1);
}
.featured-slider .featured-small,
.featured-slider .featured-small a.featured-href,
.featured-slider .featured-small img{
  height: 250px;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: scale(1);
}
.featured-slider .featured-big a.featured-href,
.featured-slider .featured-small a.featured-href{
  display: block;
  text-decoration: none;
  color:#fff;
  outline: 0;
  border:none;
}
.featured-header{
  position: absolute;
  left: 0;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: scale(1);
  transform-style: flat;
  right: 0;
  bottom: 0;
  padding: 45px 30px 30px;
  z-index: 9;
  background: -webkit-linear-gradient(bottom,rgba(0,0,0,.7) 0,rgba(0,0,0,0) 100%);
  background: linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,0) 100%);
}
.featured-big .category{
  top:27px;
  left:30px;
}
.featured-small .category{
  left:30px;
}
.featured-big .featured-header{
  padding: 50px 50px 30px 30px;
}
.featured-header h2{
  font-family: "Roboto", sans-serif;
  color:#fff;
  font-weight: 700;
  font-size: 25px;
  line-height: 27px;
  margin: 10px 0;
}
.featured-big .featured-header h2{
  font-size: 42px;
  line-height: 46px;
  margin-bottom:10px;
}
.featured-full .featured-header h2{
  font-size: 52px;
  line-height: 56px;
}
.category{
  position: absolute;
  top:20px;
  left: 20px;
  margin:0px;
  padding: 6px 9px;
  background: #000;
  background: rgba(0,0,0,.2);

  font-weight: bold;
  font-size: 11px;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;

  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
a.category{
  text-decoration: none;
}
a.category:hover{
  color:#fff;
  background: #fff;
  background: rgba(0,0,0,.5);
}
.featured-header .category{
  opacity: 1;
  background: #00acec;
}
.featured-header .article-date{
  display: inline-block;
  margin-right: 5px;
}

/* === Flexslider Style === */
.flexslider {
  position: relative;
  zoom: 1;
}
.featured-slider .slider-item {
  overflow: hidden;
  zoom: 1;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}

.flex-direction-nav {
  list-style: none;
  *height: 0;
  height: 0;
  margin:0px;
  padding:0px;
  border:none;
}
.flex-direction-nav li{
  list-style: none;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 50px;
  height: 50px;
  background: #000;
  background: rgba(0,0,0,.5);
  opacity: 0;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  color: #fff;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  margin: -25px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
}
.flex-direction-nav a:hover,
.flex-direction-nav a:focus{
  color: #ffffff;
}
.flex-direction-nav .flex-prev {
  left: 0px;
}
.flex-direction-nav .flex-next {
  right: 0px;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
}

/*---------------------------------------
  3.6 Grid Style   
-----------------------------------------*/
.box-news{
  height: 320px;
  margin-bottom: 30px;
}
.featured-slider .box-news{
  margin-bottom: 0px;
}
.featured-slider .box-bottom{
  border-bottom: 1px solid #3c3c3c;
}
.featured-slider .box-right{
  border-right: 1px solid #3c3c3c;
}
.box-news .category{
  top:0px;
}
.box-news a,
.box-news .simple-share a{ 
  color: #fff;
}
.box-news .simple-share a{ 
  color: #00acec;
  border-bottom: 1px solid transparent;
}
.box-news .simple-share a:hover{
  border-bottom-color: #00acec;
  color:#00acec;
}
.box-news:hover img{
  opacity: .75;
}
.box-news p,
.featured-header p{
  display: block;
  color:#b9b3ac;
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  font-weight: 300;
  margin:0px;
}
.box-news h2{
  font-family: "Roboto", sans-serif;
  margin-bottom: 10px;
}
.box-news h2 a:hover{
  border-bottom: none;
}
.box-news .featured-header{
  padding-top:30px;
}
.box-big img{
  width:100%;
  height:auto;
}
.box-big h2{
  font-size: 40px;
  line-height: 40px;
}
.slider-one{
  margin-bottom: 30px;
}
.slider-one .box-news{
  height: 420px;
}

/* === Video News Icon Style === */
.play-button{
  color: #fff;
  border: none;
  text-decoration: none;
  display: block;
  position: absolute;
  -webkit-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  width: 40px;
  height: 40px;
  top: 20px;
  right: 20px;
  z-index: 10;
  border: 2px solid #fff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  cursor: pointer;
  font-size: 14px;
  line-height: 35px;
  text-align: center;
  opacity: 0.5;
  background: rgba(0,0,0,0.3);
}
.simple-thumb .play-button{
  top:50%;
  right: 50%;
  left: auto;
  bottom: auto;
  margin-top: -20px;
  margin-right: -20px;
}
.play-button i{
  display: inline-block;
}
.play-button i.fa-play{
  margin-left: 4px;
}
.play-button:hover{
  opacity: .8;
  color:#fff;
}

/*---------------------------------------
  3.7 Block Styles
-----------------------------------------*/
.block-title,
.widget .nav-tabs&gt;li&gt;a{
  font-family: "Roboto", sans-serif;
  font-size: 17px;
  font-weight: 800;
  text-transform: uppercase;
  color: #222222;
  border-bottom: 2px solid #d6d6d6;
  height: 27px;
  line-height: 17px;
  padding:0px;
  margin:0px 0px 20px 0px;
}
.block-title span{
  border-bottom: 2px solid #00acec;
  display: inline-block;
  line-height: 17px;
  height: 27px;
}
.block-title a{
  color: #222222;
}
.block-title a:hover{
  color: #222222;
  opacity: .9;
}
.tag-title{
  color: #dadada;
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-size: 27px;
  line-height: 32px;
  margin: 0px 0px 20px;
}
.tag-title span{
  color: #222222;
}
.search-div{
  width:100%;
  margin-bottom: 30px;
}
.widget-content{
  margin:0px;
  padding:0px;
  list-style: none;
}
.widget-content li,
.small-article{
  margin-bottom: 18px;
}
.widget-content p,
.small-article p{ 
  margin: 0px; 
  color: #bbbbbb; 
}
.widget-content li,
.small-article{
  font-size: 13px;
  line-height: 17px;
}
.widget-content li h3,
.small-article h3{
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  margin: 0px 0px 5px;
}
.widget-content li h3 a,
.small-article a{
  color:#222222;
  text-decoration: none;
}
.widget-content li h3 a:hover,
.small-article a:hover{
  color: #00acec;
}
.feed-image{
  margin-bottom: 13px;
}
.feed-image a{
  display: block;
  background: #000;
}
.news-block{
  width: 100%;
  position: relative;
  margin-bottom: 30px;
}
.news-block img{
  width:100%;
  height: auto;
}
.image-overlay{
  position: relative;
  display: block;
  background: #000;
  min-height: 150px;
}
.overlay-link{
  outline: none;
  text-decoration: none;
}
.news-details{
  color: #a9a9a9;
  position: relative;
  margin-top:-40px;
  padding:10px 20px 0px;
  background: #fff;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin-right: 10px;
  margin-left: 10px;
  z-index: 10;
}
.news-title{
  /* font-family: "Noto Serif", serif; */ font-family: "Roboto",Arial,sans-serif; 
  font-size: 36px;
  font-weight: bold;
  line-height: 38px;
  margin-top:0px;
  margin-bottom: 10px;
}
.small-block .news-title{
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 10px;
}
.small-block .news-details{
  margin-top: -33px;
  padding-top: 10px;
}
.big-block .news-title{
  font-size: 41px;
  line-height: 45px;
}
.big-block .news-details{
  margin-top: -53px;
  padding-top: 15px;
}
.news-title a{
  color:#222222;
}
.widget-content li h3 a:hover,
.news-title a:hover,
.simple-post h3 a:hover,
.widget-post h3 a:hover,
.categorywidget li a:hover, 
.categorywidget li a:hover span,
.comments-wrapper .comment-reply-link,
.post-wrapper .simple-share a, 
.parallax-wrapper .simple-share a{
  color:#00acec;
}

/* === Simple post style === */
.simple-post{
  padding: 0px 0px 30px;
}
.simple-thumb,
.author-thumb{
  position: relative;
  float: left;
  margin: 0 30px 0 0;
  background: #000;
}
.simple-thumb{
  width:160px;
}
.widget-post .simple-thumb{
  width: 95px;
}
.simple-big .simple-thumb{
  width:255px;
}
.author-thumb,
.author-thumb a,
.author-thumb img{
  background: none;
  display: block;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  overflow: hidden;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
.simple-post h3{
  font-size: 23px;
  line-height: 27px;
  margin:0px 0px 10px;
}
.simple-post h3 a{
  color:#222222;
}
.simple-share{
  color: #bbbbbb;
  font-size: 13px;
  line-height: 1;
  margin:0px;
}
.widget-post .simple-share{
  margin-top: 10px;
}
.simple-share a{
  color: #999999;
  text-decoration: none;
}
.simple-share a:hover{
  color: #999999;
  border-bottom: 1px solid #999999;
}

/* === Simple big post style === */
.simple-big .simple-share{
  margin-bottom: 5px;
}
.simple-big h3{
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 5px;
}
.simple-big .excerpt{
  color: #a9a9a9;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.news-text-block{
  margin-top: 20px;
  margin-bottom: 20px;
}

/*---------------------------------------
  3.8 Post Content Style   
-----------------------------------------*/
.post-wrapper{
  font-size: 15px;
  line-height: 26px;
  margin-bottom: 30px;
}
.post-wrapper h1,
.post-wrapper h2,
.post-wrapper h3,
.post-wrapper h4,
.post-wrapper h5,
.post-wrapper h6
{
  color: #222222;
}
.post-wrapper p, 
.post-wrapper address, 
.post-wrapper pre, 
.post-wrapper hr, 
.post-wrapper ul, 
.post-wrapper ol, 
.post-wrapper dl, 
.post-wrapper dd, 
.post-wrapper table {
  margin-bottom: 20px;
}
.post-wrapper,
.post-header{
  position: relative;
}
.post-content &gt; p:first-child:first-letter,
.drop-caps 
{
  float: left; 
  color: #00acec; 
  font-size: 50px; 
  font-weight: 700;
  line-height: 50px; 
  padding-top: 4px; 
  padding-right: 8px; 
  padding-left: 3px; 
  margin: -2px 0 0;
  /* font-family: "Noto Serif", serif; */ font-family: "Roboto",Arial,sans-serif; 
}
.drop-caps-square{
  background: #00acec;
  padding:5px 13px;
  margin-right: 15px;
  margin-top: 8px;
  font-size: 54px;
  line-height: 54px;
  color:#fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.post-content a{
  color:#00acec;
}
.post-content a:hover{
  color:#00acec;
  border-bottom: 1px solid #00acec;
}
.post-content ul,
.post-content ol{
  margin-left: 20px;
}
.post-content ul li{
  margin: 0px;
  list-style: square;
}
.post-content ol li{
  margin: 0px;
  list-style: decimal;
}

/* === WordPress Core === */
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    padding: 0;
    text-align: center;
}
.wp-caption a:hover{
  border-bottom: none;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 13px;
    line-height: 17px;
    font-style: italic;
    color:#bbbbbb;
    margin: 0;
    padding: 5px 0;
}
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
.post-header .category{
  top: -30px;
  left: 0px;
}
.post-title{
  margin-top: 0;
  padding-top: 5px;
  color:#000;
  font-size: 42px;
  margin-bottom: 10px;
  line-height: 46px;
}
.post-wrapper .post-header{
  margin:0 0 20px;
}
.fullwidth-header{
  margin:0 0 10px;
}
.post-wrapper .image-overlay img{
  width:100%;
  height: auto;
}
.post-wrapper .tags-widget{
  margin-bottom: 0px;
}

/* === Post Review Style === */
.post-review-label{
  width:100%;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 10px;
}
.post-review-label .post-review-text{
  float: left;
}
.post-review-label .post-review-point{
  float: right;
}
.post-review-wrapper{
  margin-bottom: 20px;
}
.post-review-description{
  margin-bottom: 20px;
}
.post-review-sum-point{
  float: left;
  border: 2px solid #dadada;
  padding: 10px;
  margin-right: 20px;
}
.post-review-wrapper .star-reviews{
  margin: 0px;
  font-size: 13px;
}
.post-review-sum-point h4{
  font-family: "Roboto", sans-serif;
  font-size: 40px;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
  line-height: 40px;
  margin: 0 0 -5px;
}
.progress{
  height: 4px;
  background: #dadada;
  border-radius: 0;
  box-shadow: none;
}
.progress-bar{
  box-shadow: none;
  background-color: #00acec;
}

/* === Post Tag Style === */
.tags-wrapper{
  margin-top: 20px;
  margin-bottom: 20px;
}
.tags-wrapper .tag-list li{
  margin-right: 10px;
  margin-bottom: 10px;
}
.tags-wrapper .tag-list a{
  border: 2px solid #dadada;
}
.tags-wrapper .tag-list a:hover{
  border-color: #7a7a7a;
}

/* === Post Meta Styles === */
.post-wrapper .simple-share,
.parallax-wrapper .simple-share{
  font-size: 13px;
  line-height: 17px;
  color: #959595;
  font-weight: 500;
}
.post-wrapper .simple-share span,
.parallax-wrapper .simple-share span{
  display: inline-block;
  margin-right: 10px;
}
.post-wrapper .simple-share a:hover,
.post-wrapper .simple-share a:focus,
.parallax-wrapper .simple-share a:hover,
.parallax-wrapper .simple-share a:focus{
  color: #00acec;
  border-color: #00acec;
}
.post-wrapper .simple-share .comments-count,
.parallax-wrapper .simple-share .comments-count{
  float: right;
  position: relative;
  background: #b2b2b2;
  display: block;
  color: #fff !important;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
  padding:3px 7px;
  font-size: 12px;
  line-height: 12px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.post-wrapper .simple-share .comments-count:after,
.parallax-wrapper .simple-share .comments-count:after{
  content: "";
  position: absolute;
  bottom: -5px;
  right: 4px;
  border-width: 0 8px 5px 0px;
  border-style: solid;
  border-color: transparent #b2b2b2;
  display: block;
  width: 0;
  transition: all .15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
  -webkit-transition: all .15s ease-in-out;
}
.post-wrapper .simple-share .comments-count:hover,
.post-wrapper .simple-share .comments-count:focus,
.parallax-wrapper .simple-share .comments-count:hover,
.parallax-wrapper .simple-share .comments-count:focus{
  border: none;
  background: #7a7a7a;
  color:#fff;
}
.post-wrapper .simple-share .comments-count:hover:after,
.post-wrapper .simple-share .comments-count:focus:after,
.parallax-wrapper .simple-share .comments-count:hover:after,
.parallax-wrapper .simple-share .comments-count:focus:after{
  border-right-color: #7a7a7a;
  border-left-color: #7a7a7a;
}

.share-wrapper{
  position: relative;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding:20px 0;
  margin-bottom: 30px;
  white-space: nowrap;
}
.total-shares{
  display: inline-block;
  margin-right: 15px;
  text-align: center;
  position: relative;
  min-width: 75px;
  white-space: nowrap;
  border-right: 1px solid #e5e5e5;
  padding-right: 15px;
}
.total-shares em {
  color: #222222;
  font-size: 40px;
  line-height: 40px;
  font-weight: 800;
  font-style: normal;
}
.total-shares .caption {
  font-size: 13px;
  font-weight: 300px;
  margin-top: -8px;
  color: #c1c1c1;
  text-transform: uppercase;
}
.share-wrapper .share-buttons {
  display: inline-block;
  margin-right: 0;
  margin-left: 0;
  position: relative;
  margin-bottom: 0px;
  background: transparent;
  padding: 0px;
  top: -20px;
}
.social-share{
  margin-right: 5px;
  font-size: 12px;
  padding: 8px 9px;
  line-height: 20px;
  background: #7a7a7a;
  color: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border:none;
}
.social-share i{
  font-size: 15px;
}
.social-share:hover,
.social-share:focus{
  color:#fff;
  text-decoration: none;
  border:none;
}
.share-wrapper .facebook {
  background: #2d609b;
}
.share-wrapper .twitter {
  background: #1ebef0;
}
.share-wrapper .pinterest {
  background: #c8232c;
}
.share-wrapper .google-plus {
  background: #e02f2f;
}
.share-wrapper .linked_in {
  background: #0083be;
}
.alt-text{
  margin-left: 3px;
}
.post-nav-wrapper{
  margin:20px 0;
}
.post-nav-label{
  color:#b2b2b2;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 13px;
  line-height: 17px;
  text-transform: uppercase;
}
.post-nav-label i{
  font-size: 14px;
}
.post-nav-title{
  display: block;
  color:#222222;
  font-size: 17px;
  line-height: 21px;
  font-weight: 500;
}
.next-post{
  width: 100%;
  text-align: right;
  padding-left: 30px;
}
.previous-post{
  width: 100%;
  min-height: 70px;
  text-align: left;
  padding-right: 30px;
  border-right:1px solid #e3e3e3;
}
/* === Author Box Styles === */
.author-box{
  position: relative;
  width:100%;
  margin-top: 30px;
  margin-bottom: 20px;
  padding:20px 25px;
  border: 2px solid #d6d6d6;
}
.author-box .author-avatar{
  float: left;
  display: block;
  margin-right: 20px;
}
.author-box .author-info{
  margin-left: 130px;
  position: relative;
}
.author-box .author-avatar,
.author-box .author-avatar a,
.author-box .author-avatar a img{
  overflow: hidden;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.author-box .author-info h3{
  margin: 0 0 5px 0;
  font-size: 29px;
  line-height: 33px;
  font-family: "Roboto", sans-serif;
  font-weight: 900;
}
.author-box .author-info h3 a{
  color:#222222;
}
.author-box .author-info h3 a:hover{
  color: #00acec;
}
.author-box .author-bio{
  margin-bottom: 9px;
}
.author-contact a{
  color:#222222;
  display: inline-block;
  margin-right: 5px;
}
.author-contact a:hover{
  color:#00acec;
}
.related-posts{
  margin-bottom: 20px;
}
.post-wrapper .tags-wrapper{
  margin: 10px 0 20px;
}

/* === Parallax Post Styles === */
.parallax-header,
.parallax-wrapper,
.parallax-wrapper .parallax-box{
  height: 580px;
}
.parallax-image{
  height: 630px;
}
.page-wrapper,
.page-wrapper .parallax-wrapper,
.page-wrapper .parallax-box{
  height: 320px;
}
.page-wrapper .parallax-image{
  height: 350px;
}
.parallax-wrapper .page-header{
  border: none;
  margin-top: 120px;
  color: #fff;
  text-align: center;
}
.page-header .page-title{
  color: #fff;
  font-size: 52px;
  line-height: 56px;
  font-weight: 900;
  text-transform: uppercase;
  text-shadow: 0px 1px 0px #000;
  font-family: "Roboto", sans-serif;
}
.page-wrapper .parallax-image img{
  opacity: .45;
}
.page-header .page-description{
  color: #fafafa;
  font-size: 16px;
  line-height: 24px;
  font-weight: 100;
  width: 85%;
  margin: 0 auto;
}
.page-subtitle{
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-size: 38px;
  line-height: 46px;
  color: #474747;
  text-transform: uppercase;
  text-align: center;
  margin: 30px 0;
}
.parallax-header{
  position: relative;
  overflow: hidden;
  width:100%;
  z-index: 9;
  background-attachment: fixed;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-color: #000;
  background-size: auto 720px;
}
.parallax-image img{
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
}
.parallax-image{
  position: absolute;
  width:100%;
  left:0px;
  bottom:0px;
  right: 0px;
}
.parallax-wrapper{
  position: absolute;
  z-index: 10;
  left:0px;
  right:0px;
  top:0px;
  bottom:0px;
  background: url(images/parallax-bg.png) transparent repeat-x 0 0;
  background-size: auto 100%;
}
.parallax-wrapper .post-header{
  position: absolute;
  bottom:40px;
  left:15px;
  right: 15px;
}
.parallax-wrapper .post-title{
  font-size: 52px;
  line-height: 56px;
  color:#fff;
  text-shadow: 0px 1px 0px rgba(0,0,0, 0.75);
}
.parallax-wrapper .simple-share{
  color: #fff;
}

/*---------------------------------------
  3.9 Shortcodes &amp; Pages Style                
-----------------------------------------*/
.post-content .nav-tabs,
.post-content .nav-tabs ul{
  margin:0px;
  background: #7a7a7a;
  border-bottom: none;
  border-left:1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}
.post-content .nav-tabs li{
  list-style: none;
  margin:0px;
  border-right: 1px solid #a1a1a1;
}
.post-content .nav-tabs&gt;li&gt;a,
.post-content .dropdown-menu&gt;li&gt;a{
  color:#fff;
  font-size: 13px;
  font-weight: 800;
  line-height: 13px;
  margin: 0px;
  border-radius: 0px;
  border-bottom: none;
  padding:20px 35px;
  border:none;
  border-top: 2px solid transparent;
}
.post-content .nav-tabs&gt;li&gt;a:hover,
.post-content .nav-tabs&gt;li&gt;a:focus{
  background: #646363;
  border-bottom: none;
  border-left:none;
  border-right:none;
  border-top-color: #646363;
}
.post-content .nav-tabs&gt;li.active{
  border-right-color: transparent;
}
.post-content .nav-tabs&gt;li.active&gt;a, 
.post-content .nav-tabs&gt;li.active&gt;a:focus, 
.post-content .nav-tabs&gt;li.active&gt;a:hover{
  color:#222;
  background: #fff;
  border-left-color: #ebebeb;
  border-right-color: transparent;
  border-top:2px solid #00acec;
}
.post-content .tab-content{
  padding: 20px;
  border-top: none;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

/* === Pagination Style === */
.post-content .pagination,
.post-content .pager{
  margin-left: 0px;
  text-align: center;
  width:100%;
}
.pagination&gt;li,
.post-content .pagination&gt;li,
.post-content .pager li{
  list-style-type: none;
  float: none;
  display: inline-block;
}
.pagination&gt;li&gt;a, 
.pagination&gt;li&gt;span,
.pager li&gt;a, 
.pager li&gt;span {
  margin-left: 5px;
  font-weight: 500;
  font-size: 14px;
  color:#7a7a7a !important;
  padding: 9px 15px;
  text-decoration: none;
  background-color: #fff !important;
  border:2px solid #dadada !important;
  border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
}
.pager li&gt;a, 
.pager li&gt;span{
  min-width: 100px;
}
.pager li.previous,
.pager li.next{
  display: block;
}

.pagination&gt;li&gt;a:focus, 
.pagination&gt;li&gt;a:hover, 
.pagination&gt;li&gt;span:focus, 
.pagination&gt;li&gt;span:hover,
.pager li&gt;a:focus, 
.pager li&gt;a:hover, 
.pager li&gt;span:focus,
.pager li&gt;span:hover{
  color: #fff !important;
  border:2px solid #7a7a7a !important;
  background: #7a7a7a !important;
}
.pagination&gt;.active&gt;a, 
.pagination&gt;.active&gt;a:focus, 
.pagination&gt;.active&gt;a:hover, 
.pagination&gt;.active&gt;span, 
.pagination&gt;.active&gt;span:focus, 
.pagination&gt;.active&gt;span:hover{
  color: #fff !important;
  background-color: #7a7a7a !important;
  border-color: #7a7a7a !important;
}
.pagination-lg&gt;li&gt;a, 
.pagination-lg&gt;li&gt;span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-sm&gt;li&gt;a, 
.pagination-sm&gt;li&gt;span {
  padding: 5px 10px;
  font-size: 12px;
}

/* === Load More Button Style === */
.load-more{
  margin-bottom: 30px;
}
.load-more .btn{
  margin-left: auto;
  margin-right: auto;
  font-weight: 500;
  font-size: 14px;
  color:#7a7a7a;
  border:2px solid #dadada;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  background: #fff;
}
.load-more .btn:hover,
.load-more .btn:focus{
  color: #fff;
  border:2px solid #7a7a7a;
  background: #7a7a7a;
}

/* === Toggle style === */
.panel-group .panel{
  background: none;
  border-radius: 0;
  border:1px solid #ebebeb;
  box-shadow: none;
}
.panel-default&gt;.panel-heading{
  background: #8a8a8a;
  border:none;
}
.panel-heading{
  border-radius: 0;
  padding: 0;
}
.panel-heading .panel-title{
  background: #fff;
  width:100%;
  height:100%;
  display: block;
}
.panel-heading .panel-title a{
  display: block;
  width:100%;
  padding:15px 20px;
  color:#222222;
  border-left: 2px solid #00acec;
  border-bottom: none;
  font-family: "Roboto", sans-serif;
  font-weight: 800;
  font-size: 13px;
  line-height: 13px;
}
.panel-heading .panel-title a i{
  color:#00acec;
}
.panel-heading .panel-title a i:before{
  content: "\f068";
}
.panel-heading .panel-title a.collapsed i{
  color:#fff;
}
.panel-heading .panel-title a.collapsed i:before{
  content: "\f067";
}
.panel-heading .panel-title a:hover{
  background: #fff;
  color:#222222;
  border-bottom: none;
}
.panel-title&gt;a.collapsed{
  background: #8a8a8a;
  border-left-color:#8a8a8a;
  color:#fff !important;
}
.panel-title&gt;a.collapsed:hover{
  color:#fff;
  background: #646363;
  border-left-color:#646363;
}
.panel-body{
  padding: 15px 20px;
}
.toggle-button i{
  float: right;
}


/*---------------------------------------
  3.10  Widget Style    
-----------------------------------------*/
.widget{
  margin-bottom: 50px;
}
.theiaStickySidebar{
  background: #fff;
}
.social-links,
.tagwidget,
.searchwidget,
.categorywidget{
  margin-bottom: 40px;
}
.adwidget{
  margin-bottom: 50px;
}
.sticky-sidebar .adwidget{
  margin-bottom: 20px;
}
.widget ul{
  margin:0px;
  padding: 0px;
  list-style: none;
}
.adwidget{
  text-align: center;
  padding: 20px;
  border: 2px solid #dadada;
}
.author-widget{
  text-align: center;
  padding: 20px 30px;
  border: 2px solid #dadada;
}
.author-widget a{
  color:#222;
}
.author-widget i{
  margin: 5px 3px;
}
.adwidget a{
  display: inline-block;
  background: #000;
}
.bannerwidget{
  text-align: center;
  padding:20px;
  border: 2px solid #dadada;
}
.bannerwidget a{
  display: block;
  background: #000;
}
.author-widget .author-thumb{
  float: none;
  margin: 0 auto 10px;
  width:140px;
}
.author-widget .author-title{
  font-family: "Roboto", sans-serif;
  font-weight: 800;
  font-size: 29px;
  margin: 0;
}
.author-widget .author-title a{
  color:#222222;
}
.author-widget a:hover{
  color:#00acec;
  border:none;
}
.author-widget .author-position{
  color:#00acec;
  font-size: 16px;
  line-height: 20px;
  margin: 5px 0 10px;
}
.author-bio{
  color:#5f5f5f;
  font-size: 14px;
  line-height: 22px;
  margin:5px 0px 10px;
  font-weight: 300;
}
.sidebar .subscribewidget{
  text-align: left;
}
.sidebar .widget:last-child{
  margin-bottom: 30px;
}
.widget-125 a{
  float: left;
  display: inline-block;
  margin: 13px;
}

/* === Category widget === */
.categorywidget .block-title{
  margin-bottom: 10px;
}
.categorywidget li{
  border-bottom: 1px solid #f1f1f1;
  position: relative;
}
.categorywidget li:last-child{
  border-bottom: none;
}
.categorywidget li a{
  color:#222222;
  display: block;
  text-decoration: none;
  padding: 10px 0px;
}
.categorywidget li a span{
  position:absolute;
  right:20px;
  top:50%;
  margin-top: -10px;
  color:#222222;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

/* === Tab widget === */
.widget .nav-tabs{
  border-bottom: 2px solid #dadada;
  margin-bottom: 20px;
}
.widget .nav-tabs&gt;li{
  float: left;
  display: block;
  margin-bottom: -2px;
}
.widget .nav&gt;li&gt;a {
  padding: 0px;
}
.widget .nav-tabs&gt;li&gt;a {
  margin-right: 30px;
  line-height: 1;
  border:none;
  margin-bottom: 0px;
  line-height: 39px;
  height: 39px;
  color:#999999;
}
.widget .nav&gt;li&gt;a:focus, 
.widget .nav&gt;li&gt;a:hover {
  text-decoration: none;
  background: none;
}
.widget .nav-tabs&gt;li&gt;a:hover {
  border-color: transparent;
  color:#222222;
}
.widget .nav-tabs&gt;li.active&gt;a, 
.widget .nav-tabs&gt;li.active&gt;a:focus, 
.widget .nav-tabs&gt;li.active&gt;a:hover{
  color: #222222;
  background: none;
  border:none;
  border-bottom: 2px solid #00acec;
}
.widget-post{
  padding: 0px;
  margin-bottom: 20px;
}
.widget .widget-post:last-child{
  margin-bottom: 0px;
}
.widget-post h3{
  margin: 0px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
}
.widget-post h3 a{
  color:#222222;
}
.widget-post .simple-thumb{
  margin: 0px 15px 0px 0px;
}

/* === Subscribe Widget Style === */
.subscribewidget h3{
  margin-bottom: 10px;
}
.subscribewidget input,
.subscribewidget button,
.subscribewidget .form-inline .input-group{
  width:100%;
  border-radius: 0;
  height: 38px;
  border: none !important;
}
.subscribewidget input{
  background: #f0f0f0;
}
.subscribewidget button{
  background-color: #7a7a7a;
  color:#fff;
}
.subscribewidget button:hover,
.subscribewidget button:focus
{
  color: #fff;
  background-color: #646363;
}
.subscribewidget p{
  margin-bottom: 15px;
}

/* === Search Widget Style === */
.searchwidget-form{
  border:2px solid #dadada;
}
.searchwidget-form input[type="text"]{
  border: none;
  outline: none;
}
.searchwidget-form input[type="text"],
.searchwidget-form button{
  height: 40px;
  line-height: 40px;
  border: none;
}
.searchwidget-form button{
  background: none;
  color:#7a7a7a;
  text-align: center;
  width:40px;
  padding: 0px;
}
.searchwidget-form button:hover,
.searchwidget-form button:focus{
  color:#222;
  background: none;
}

/* === Tags Widget Style === */
.tags-widget{
  margin:0px;
  padding:0px;
  list-style: none;
}
.tags-widget li{
  float: left;
  margin: 0px 10px 10px 0px;
}
.tags-widget li.trending{
  font-family: "Roboto", sans-serif;
  font-weight: 800;
  font-size: 17px;
  line-height: 30px;
}
.tags-widget li a{
  display: block;
  color:#7a7a7a;
  font-weight: 500;
  font-size: 13px;
  line-height: 13px;
  padding: 7px 9px;
  border: 2px solid #dadada;

  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.tags-widget li a:hover{
  color:#fff !important;
  background: #7a7a7a !important;
  border-color: #7a7a7a !important;
}

/* === Reviews Widget Style === */
.star-reviews{
  color: orange;
  margin-right: 10px;
  display: inline-block;
  cursor: default;
}
.star-reviews i{
  margin-left: -1px;
  margin-right: -1px;
}

.social-list{
  margin:0px -5px !important;
  padding:0px;
  list-style: none;
}
.social-list li{
  float: left;
  list-style: none !important;
  margin:0px 5px 10px !important;
  padding:0px;
}

/* === Social button Style === */
.social-list li a{
  display: block;
  text-align: center;
  border:2px solid #dadada;
  width:40px;
  height: 40px;
  font-size: 18px;
  line-height: 36px;
  color:#b2b2b2;
  padding-top:0px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.social-list li a:hover,
.social-list li a:focus{
  background: #000;
  color:#fff;
  border-color:#000;
}
.social-list li.social-facebook a:hover,
.social-list li.social-facebook a:focus{
  background: #507cbe;
  border-color:#507cbe;
}
.social-list li.social-twitter a:hover,
.social-list li.social-twitter a:focus{
  background: #63cdf1;
  border-color:#63cdf1;
}
.social-list li.social-gplus a:hover,
.social-list li.social-gplus a:focus{
  background: #e04b35;
  border-color:#e04b35;
}
.social-list li.social-youtube a:hover,
.social-list li.social-youtube a:focus{
  background: #f16261;
  border-color:#f16261;
}
.social-list li.social-vimeo a:hover,
.social-list li.social-vimeo a:focus{
  background: #87d3e0;
  border-color:#87d3e0;
}
.social-list li.social-instagram a:hover,
.social-list li.social-instagram a:focus{
  background: #5c7da6;
  border-color:#5c7da6;
}
.social-list li.social-pinterest a:hover,
.social-list li.social-pinterest a:focus{
  background: #f16261;
  border-color:#f16261;
}
.social-list li.social-skype a:hover,
.social-list li.social-skype a:focus{
  background: #507cbe;
  border-color:#507cbe;
}
.social-list li.social-rss a:hover,
.social-list li.social-rss a:focus{
  background: #ffb432;
  border-color:#ffb432;
}

.social-list li.social-linkedin a:hover,
.social-list li.social-linkedin a:focus{
  background:#0077B5; 
  border-color:#0077B5;
}


/*---------------------------------------
  3.11  Footer Style    
-----------------------------------------*/
.footer{
  width: 100%;
  margin: 30px 0 0;
  padding: 0;
  background: #373737;
  z-index: 1;
  color: #fff;
}
.footer .logo{
  color: #fff;
  margin-bottom: 0px;
  margin-top: 0px;
}
.footer li{
  list-style: none;
}
.footer p{
  margin-bottom: 15px;
}
.footer-main .social-list{
  margin: 0px -5px;
  padding: 0px;
}
.footer-main .social-list li{
  float: left;
  margin: 0px 5px 10px;
  padding: 0px;
}
.footer-main .social-list li a,
.footer-main .tags-widget li a{
  background: #4b4b4b;
  border-color:#4b4b4b;
  color:#e3e3e3;
}
.tags-widget li a {
    text-transform: uppercase;
}
.footer-main .tags-widget li a {
    color: #a09d9d;
    font-size: 12px;
}
.form-item, .form-actions {
    margin-top: 1em;
    margin-bottom: 1em;
}
.footer-main .social-list li a:hover,
.footer-main .tags-widget li a:hover{
  color:#fff;
}
.footer-main{
  padding-top:50px;
  padding-bottom: 50px;
}
.footer-main p{
  color: #d7d7d7;
}

  .footer-main p {
    color: #a09d9d;
    font-size: 13px;
   }
   .footer-title {
    color: #ccc !important;
}
.footer-main h3{
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  line-height: 19px;
  text-transform: uppercase;
  margin: 0px 0px 20px 0px;
  font-weight: 700;
}
.footer-main .form-group{
  margin-bottom: 10px;
}
.footer-main .form-control{
  background: #2c2c2c;
  border-color: #2c2c2c;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.footer-main .btn{
  width:100%;
  color:#fff;
  background: #4b4b4b;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.footer-main .btn:hover,
.footer-main .btn:focus
{
  color:#fff;
  background: #7a7a7a;
}
.footer-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-menu li {
  margin: 0 0 10px;
  padding: 0;
}
.footer-menu li:last-child{
  margin-bottom: 0px;
}
.footer-menu li a {
  color: #a09d9d;
  font-size: 13px;
  position: relative;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.footer a:hover {
  color: #fff;
  border-bottom-color: #fff;
}
.footer-menu li a:hover:after {
  right: 5px;
}
.footer-bottom{
  background: #2c2c2c;
  padding: 15px 0px;
  color:#969696;
  font-size: 12px;
  font-weight: 300;
}
.footer-bottom p,
.footer-bottom ul{
  margin: 0px;
  padding: 0px;
}
.footer-bottom a{
  color: #969696;
}
.footer-bottom a:hover{
  color:#fff;
  border:none;
  text-decoration: none;
}
/* === Go to top Button Style === */
#go-top-button {
  position: fixed;
  z-index: 100;
  background: #7a7a7a;
  color:#fff;
  background: rgba(122, 122, 122, .25);
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 24px;
  line-height: 37px;
  bottom: -70px;
  right: 10px;
  cursor: pointer;
  overflow: auto;
  opacity: 0.7;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  -webkit-backface-visibility:hidden;
}
#go-top-button:hover{
  opacity: 1;
}
/* === Mobile overlay === */
.mobile-overlay{
    left:0;
    z-index:990;
    height:0;
    width:0;
    -webkit-transition:-webkit-transform .5s;
    transition:transform .5s;
    -webkit-backface-visibility: hidden;
    cursor:pointer
}
.mobile-overlay:after{
    position:fixed;
    top:0;
    z-index:990;
    right:0;
    width:0;
    height:0;
    background:rgba(0,0,0,.5);
    content:'';
    opacity:0;
    -webkit-transition:opacity .5s,width .1s .5s,height .1s .5s;
    transition:opacity .5s,width .1s .5s,height .1s .5s;
    -webkit-backface-visibility: hidden;
}
.ad-opened .mobile-overlay:after
{
    width:100%;
    height:100%;
    opacity:1;
    -webkit-transition:opacity .5s;
    transition:opacity .5s;
    z-index:990;
}
.ad-opened .fixed-left-sidebar .sticky-sidebar,
.ad-opened .fixed-right-sidebar .sticky-sidebar{
  z-index: 999;
  right:0;
  left: auto;
}

/* --------------------------------------
=========================================
   4. Responsive CSS
=========================================
-----------------------------------------*/
@media (max-width: 1260px) {
  .fixed-left-sidebar .sticky-sidebar,
  .fixed-right-sidebar .sticky-sidebar{
    right:-390px;
    left: auto;
  }
  .fixed-sidebar .fixed-main{
    margin-left: auto;
    margin-right: auto;
  }
  .header-style2 .mid-logo-wrapper{
    display: block;
    float: none;
  }
  .header-style2 .header-mid-wrapper{
    text-align: center;
  }
  .header-style2 .header-banner{
    display: none;
  }
}

@media (max-width: 1199px) {
  .featured-slider .featured-big,
  .featured-slider .featured-big img,
  .featured-slider .featured-big a.featured-href{
    height: 440px;
  }
  .featured-slider .featured-small,
  .featured-slider .featured-small img,
  .featured-slider .featured-small a.featured-href {
    height: 220px;
  }
  .featured-header{
    padding: 25px 20px 20px;
  }
  .featured-small .category{
    left: 20px;
    top: 0px;
  }
  .box-news {
    height: 260px;
  }
  .box-news .category{
    top: 5px;
  }
  .nav&gt;li&gt;a{
    padding-right: 12px;
    padding-left: 12px;
  }
  .navbar-collapse{
    padding-left: 5px;
  }
  .featured-slider .featured-header h2,
  .featured-header h2,
  .simple-big h3,
  .small-block .news-title,
  .simple-post h3 {
    font-size: 20px;
    line-height: 24px;
  }
  .featured-slider .featured-big .featured-header h2,
  .box-big h2,
  .big-block .news-title,
  .news-title,
  .post-title{
    font-size: 30px;
    line-height: 34px;
    margin-bottom: 10px;
  }
  .parallax-wrapper .post-title{
    font-size: 34px;
    line-height: 38px;
  }
  .news-details p.excerpt{
    display: none;
  }
  .widget .nav-tabs&gt;li&gt;a{
    margin-right: 15px;
  }

  .parallax-header,
  .parallax-wrapper,
  .parallax-wrapper .mag-content,
  .parallax-wrapper .col-md-12,
  .parallax-image{
    height: 500px;
  }

  .page-wrapper, 
  .page-wrapper .parallax-wrapper, 
  .page-wrapper .parallax-box{
    height: 320px;
  }
}
@media (max-width: 991px) {
  .fixed-button,
  .fixed-sidebar .fixed-button{
    display: inline-block;
  }
  .page-wrapper, .page-wrapper .parallax-wrapper, .page-wrapper .parallax-box{
    height: 300px;
  }
  .header .mega-menu .collapse,
  .sb-search{
    display: none !important;
  }
  .header-right{
    right: 0px;
  }
  .navbar-toggle{
    display: block;
  }
  .mobile-nav{
    display: block;
  }
  .fixed-button{
    display: none;
  }
  .omega{
    padding-right: 15px !important;
  }
  .alpha{
    padding-left: 15px !important;
  }
  .featured-slider .featured-big,
  .featured-slider .featured-big a.featured-href,
  .featured-slider .featured-big img,
  .featured-slider .featured-small,
  .featured-slider .featured-small a.featured-href,
  .featured-slider .featured-small img,
  .box-news,
  .box-news img,
  .feed-image img,
  .featured-slider .slider-item img{
    height: auto;
    width:100%;
    border-right: none;
    border-left: none;
  }
  .category{
    top: 20px;
    left: 20px !important;
    padding: 5px 6px;
    font-size: 10px;
  }
  .box-news .category{
    top:5px;
  }
  .featured-slider .featured-header h2,
  .news-title,
  .big-block .news-title,
  .small-block .news-title,
  .box-news h2,
  .fixed-left-sidebar .widget-content li h3,
  .fixed-left-sidebar .widget-content li h3 a{
    /* font-family: "Noto Serif", serif; */ font-family: "Roboto",Arial,sans-serif; 
    font-weight: bold;
    font-size: 30px;
    line-height: 34px;
  }
  .fixed-left-sidebar .news-details{
    margin: 15px 0 0 0;
    padding:0px;
  }
  .simple-big h3{
    font-size: 24px;
    line-height: 28px;
  }
  .featured-slider .featured-header,
  .featured-slider .featured-big .featured-header {
    padding: 40px 20px 20px;
  }
  .featured-slider .featured-big .category{
    top: 20px;
    left:15px;
  }
  .tag-list{
    height: 30px;
  }
  .tag-list li{
    font-size: 14px;
    line-height: 29px;
  }
  .tag-list li a{
    font-size: 13px;
    line-height: 26px;
    padding: 0px 8px;
  }
  .widget{
    margin-bottom: 20px;
  }
  .widget .nav-tabs&gt;li&gt;a{
    margin-right: 5px;
  }
  .parallax-header,
  .parallax-wrapper,
  .parallax-wrapper .mag-content,
  .parallax-wrapper .col-md-12,
  .parallax-image{
    height: 500px;
  }
  .page-wrapper, 
  .page-wrapper .parallax-wrapper, 
  .page-wrapper .parallax-box{
    height: 320px;
  }

  .featured-slider .featured-big .featured-header p, 
  .news-details p.excerpt,
  .featured-small p{
    display: block;
  }

  .footer-block{
    margin-bottom: 20px;
    text-align: center;
  }
  .footer-main {
    padding-top: 20px;
    padding-bottom: 0px;
  }
  .footer-bottom{
    text-align: center;
  }
  .footer .social-icons{
    float: none !important;
    margin-top: 10px;
  }
  .footer .logo{
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    width:110px;
  }
  .footer-main .footer-block{
    margin-bottom: 25px;
  }
  .footer-main .social-list,
  .footer-main .tags-widget{
    text-align: center;
  }
  .footer-main .social-list li,
  .footer-main .tags-widget li{
    float: none;
    display: inline-block;
  }
  .footer-main .form-group{
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  .featured-slider .featured-big .category{
    top: 0px;
  }
  .featured-slider .featured-big .featured-header p, 
  .news-details p.excerpt,
  .featured-small p,
  .alt-text,
  .share-wrapper .linked_in,
  .share-wrapper .pinterest{
    display: none;
  }
  .mag-content{
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .previous-post,
  .next-post{
    padding: 0px;
    text-align: center;
    margin-bottom: 10px;
    border:none;
  }
  .author-box .author-info{
    margin: 0px;
    text-align: center;
  }
  .author-box .author-avatar{
    float: none;
    text-align: center;
    margin: 0 0 5px 0;
  }
  .alignright,
  .alignleft{
    float: none;
  }
  .search,
  .news-details p,
  .simple-big .excerpt{
    display: none;
  }
  .news-details .simple-share{
    display: block;
  }
  .avatar-wrapper,
  .avatar-wrapper img{
    width: 60px;
    height: 60px;
  }
  .comments-wrapper .comment-list ol{
    padding-left: 5px;
    margin-left: 0px;
  }
  .comment-metadata, .comment-content, .reply {
    margin-left: 70px;
  }
  .featured-slider .featured-header h2,
  .news-title,
  .big-block .news-title,
  .small-block .news-title,
  .featured-header h2,
  .featured-slider .featured-big .featured-header h2,
  .fixed-left-sidebar .widget-content li h3,
  .fixed-left-sidebar .widget-content li h3 a
  {
    /* font-family: "Noto Serif", serif; */ font-family: "Roboto",Arial,sans-serif; 
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
  }
  .page-header .page-title{
    font-size: 28px;
    line-height: 28px;
  }
  .simple-post h3,
  .simple-big h3{
    font-size: 15px;
    line-height: 19px;
  }
  .simple-thumb, .author-thumb {
    margin: 0 10px 10px 0;
    width: 95px !important;
  }
  .news-details{
    margin: 0px;
    padding: 10px 10px 0px;
  }
  .featured-header{
    padding: 20px 10px 10px !important;
  }
  .category{
    left: 10px !important;
  }
  .adwidget{
    padding: 0;
    border: none;
  }
  .subscribewidget h3{
    margin-top: 0px;
  }

  .parallax-header,
  .parallax-wrapper,
  .parallax-wrapper .mag-content,
  .parallax-wrapper .col-md-12,
  .parallax-image{
    height: 400px;
  }

  .page-wrapper, 
  .page-wrapper .parallax-wrapper, 
  .page-wrapper .parallax-box{
    height: 320px;
  }

}
@media (max-width: 400px) {
  .fixed-left-sidebar .sticky-sidebar, .fixed-right-sidebar .sticky-sidebar{
    width: 300px;
  }
  .sticky-content{
    padding: 15px;
  }
  .mid-logo-wrapper .logo{
    font-size: 30px;
    line-height: 32px;
  }
  .mid-logo-wrapper .logo-description {
    font-size: 12px;
    line-height: 15px;
  }
  .header-style2 .main-wrapper, .header-style3 .main-wrapper{
    padding-top: 190px;
  }
}

/* --------------------------------------
=========================================
   5. Dark Skin CSS
=========================================
-----------------------------------------*/
body.dark-skin,
.dark-skin .btn,
.dark-skin .pagination&gt;li&gt;a, 
.dark-skin .pagination&gt;li&gt;span, 
.dark-skin .pager li&gt;a, 
.dark-skin .pager li&gt;span{
  background: #111;
}
.dark-skin a{
  color: #e8e8e8;
}
.dark-skin .simple-share a:hover{
  color: #e8e8e8;
  border-color: #e8e8e8;
}
body.dark-skin,
.dark-skin .btn,
.dark-skin .pagination&gt;li&gt;a, 
.dark-skin .pagination&gt;li&gt;span, 
.dark-skin .pager li&gt;a, 
.dark-skin .pager li&gt;span,
.dark-skin .load-more .btn{
  color: #bbbbbb;
}
.dark-skin .load-more .btn:hover, 
.dark-skin .load-more .btn:focus,
.dark-skin .pagination&gt;li&gt;a:focus, 
.dark-skin .pagination&gt;li&gt;a:hover, 
.dark-skin .pagination&gt;li&gt;span:focus, 
.dark-skin .pagination&gt;li&gt;span:hover, 
.dark-skin .pager li&gt;a:focus, 
.dark-skin .pager li&gt;a:hover, 
.dark-skin .pager li&gt;span:focus, 
.dark-skin .pager li&gt;span:hover,
.dark-skin .pagination&gt;.active&gt;a, 
.dark-skin .pagination&gt;.active&gt;a:focus, 
.dark-skin .pagination&gt;.active&gt;a:hover, 
.dark-skin .pagination&gt;.active&gt;span, 
.dark-skin .pagination&gt;.active&gt;span:focus, 
.dark-skin .pagination&gt;.active&gt;span:hover{
  color: #fff;
  background-color: #606060;
  border-color: #606060;
}
.dark-skin .pagination&gt;.disabled&gt;a,
.dark-skin .pagination&gt;.disabled&gt;a:focus, 
.dark-skin .pagination&gt;.disabled&gt;a:hover, 
.dark-skin .pagination&gt;.disabled&gt;span, 
.dark-skin .pagination&gt;.disabled&gt;span:focus, 
.dark-skin .pagination&gt;.disabled&gt;span:hover{
  background: #111;
  color: #bbbbbb;
  border-color: #606060;
}
.dark-skin .logo,
.dark-skin .header-mid .logo,
.dark-skin .comments-wrapper .author-name,
.dark-skin .social-icons a:hover{
  color:#fff !important;
}
.dark-skin.wide,
.dark-skin .header,
.dark-skin .main-content,
.dark-skin .news-details,
.dark-skin .dropdown-menu,
.dark-skin .sticky-sidebar,
.dark-skin .navbar .nav .open&gt;a, 
.dark-skin .navbar .nav .open&gt;a:hover, 
.dark-skin .navbar .nav .open&gt;a:focus,
.dark-skin .header-mid,
.dark-skin .header-top,
.dark-skin .sb-icon-search{
  background: #1d1d1d;
}
.dark-skin.wide .sticky-sidebar{
  border-right: 1px solid #222;
  border-left: 1px solid #222;
}
.dark-skin.wide .header{
  border-bottom: 1px solid #222;
}
.dark-skin .nav .tabs-left &gt; .nav-tabs &gt; li,
.dark-skin .mega-menu .dropdown-menu&gt;li,
.dark-skin .categorywidget li,
.dark-skin .header-mid,
.dark-skin .header-top{
  border-bottom: 1px solid #2a2a2a;
}
.dark-skin .mega-menu .fullwidth&gt;li{
  border:none;
}
.dark-skin .nav .tabs-left &gt; .nav-tabs &gt; li:last-child{
  border-bottom: none;
}
.dark-skin.wide .main-content{
  border:none;
}
.dark-skin .main-content,
.dark-skin .header,
.dark-skin .mega-menu .dropdown-menu{
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.dark-skin .navbar-nav li a,
.dark-skin .news-title a,
.dark-skin .nav .tabs-left &gt; .nav-tabs &gt; li &gt; a,
.dark-skin .dropdown-menu .mega-menu-news .mega-menu-detail h4 a,
.dark-skin .tag-list li a,
.dark-skin .widget-title, 
.dark-skin .widget .nav-tabs&gt;li&gt;a,
.dark-skin .widget-content li h3 a,
.dark-skin .widget-post h3 a,
.dark-skin .widget .nav-tabs&gt;li.active&gt;a, 
.dark-skin .widget .nav-tabs&gt;li.active&gt;a:focus, 
.dark-skin .widget .nav-tabs&gt;li.active&gt;a:hover,
.dark-skin .categorywidget li a,
.dark-skin .categorywidget li a span,
.dark-skin .simple-post h3 a,
.dark-skin .block-title,
.dark-skin .block-title a,
.dark-skin .widget .nav-tabs&gt;li&gt;a,
.dark-skin .post-title,
.dark-skin .post-wrapper,
.dark-skin .total-shares em,
.dark-skin .comments-wrapper,
.dark-skin .comments-wrapper .author-name,
.dark-skin .comment-title,
.dark-skin .tags-widget li a,
.dark-skin .mid-logo-wrapper .logo-description,
.dark-skin .social-list li a,
.dark-skin .post-wrapper h1, 
.dark-skin .post-wrapper h2, 
.dark-skin .post-wrapper h3, 
.dark-skin .post-wrapper h4, 
.dark-skin .post-wrapper h5, 
.dark-skin .post-wrapper h6,
.dark-skin .author-widget .author-title a,
.dark-skin .author-box .author-info h3 a,
.dark-skin .author-bio,
.dark-skin .author-widget a
{
  color: #e8e8e8;
}
.dark-skin .progress{
  background-color: #606060;
}
.dark-skin .navbar-toggle i,
.dark-skin .navbar-toggle span{
  background-color: #e8e8e8;
}
.dark-skin .widget-title, 
.dark-skin .widget .nav-tabs&gt;li&gt;a,
.dark-skin .block-title, 
.dark-skin .widget .nav-tabs&gt;li&gt;a,
.dark-skin .widget .nav-tabs{
  border-bottom:2px solid #606060;
}
.dark-skin button.btn.btn-lg.btn-block,
.dark-skin .adwidget,
.dark-skin .author-widget,
.dark-skin .widget .tags-widget li a,
.dark-skin .bannerwidget,
.dark-skin .social-list li a,
.dark-skin .searchwidget-form,
.dark-skin .btn,
.dark-skin .pagination&gt;li&gt;a, 
.dark-skin .pagination&gt;li&gt;span, 
.dark-skin .pager li&gt;a, 
.dark-skin .pager li&gt;span,
.dark-skin .load-more .btn,
.dark-skin .share-wrapper,
.dark-skin .total-shares,
.dark-skin .author-box,
.dark-skin .previous-post{
  border-color: #606060;
}
.dark-skin .form-control,
.dark-skin .searchwidget-form .btn{
  background: #f0f0f0;
}
.dark-skin .widget .nav-tabs&gt;li.active&gt;a{
  border-bottom: 2px solid #00acec;
}
.dark-skin .widget-content li h3 a:hover,
.dark-skin .news-title a:hover,
.dark-skin .simple-post h3 a:hover,
.dark-skin .widget-post h3 a:hover,
.dark-skin .comments-wrapper .author-name:hover
{
  color: #00acec;
}

/* --------------------------------------
=========================================
   6. Template color options CSS
=========================================
-----------------------------------------*/

/* Color2 style #00acec */
.body-color2 .header,
.body-color2 .sb-icon-search,
.body-color2 .progress-bar,
.body-color2 .drop-caps-square
{
  background: #00acec;  
}
.body-color2 .logo,
.body-color2 .navbar-nav&gt;li&gt;a,
.body-color2 .social-icons a,
.body-color2 .sb-icon-search{
  color: #fff;
}
.body-color2 .drop-caps-square{
  color: #fff !important;
}
.body-color2 .header-mid .logo{
  color:#000;
}
.body-color2 .logo span,
.body-color2 .sb-search.sb-search-open .sb-icon-search, 
.body-color2 .no-js .sb-search .sb-icon-search{
  background: #fff;
  color:#00acec;
}
.body-color2 .header-mid .logo span,
.body-color2 .footer .logo span{
  background: #00acec;
  color:#fff;
}
.body-color2 .navbar-nav&gt;li&gt;a.dropdown-toggle:after{
  border-top-color: #fff;
}
.body-color2 .navbar-nav&gt;li.open&gt;a{
  color: #00acec;
  background: white;
  border-top-color: #00acec;
}
.body-color2 .navbar-nav&gt;li.open&gt;a:after{
  color: #00acec;
  border-top-color: #00acec;
}
.body-color2 .mega-menu .dropdown-menu &gt; li &gt; a:hover, 
.body-color2 .mega-menu .dropdown-submenu:hover&gt;a,
.body-color2 .dropdown-menu .mega-menu-news .mega-menu-detail h4 a:hover,
.body-color2 .nav .tabs-left &gt; .nav-tabs &gt; li &gt; a:hover, 
.body-color2 .nav .tabs-left &gt; .nav-tabs &gt; li.active &gt; a,
.body-color2 .widget-content li h3 a:hover, 
.body-color2 .news-title a:hover, 
.body-color2 .simple-post h3 a:hover, 
.body-color2 .widget-post h3 a:hover, 
.body-color2 .categorywidget li a:hover, 
.body-color2 .categorywidget li a:hover span, 
.body-color2 .comments-wrapper .comment-reply-link, 
.body-color2 .post-wrapper .simple-share a, 
.body-color2 .parallax-wrapper .simple-share a,
.body-color2 .post-content &gt; p:first-child:first-letter, 
.body-color2 .drop-caps,
.body-color2 .box-news .simple-share a,
.body-color2 .box-news .simple-share a:hover,
.body-color2 .post-nav-title:hover,
.body-color2 .author-box .author-info h3 a:hover,
.body-color2 .author-contact a:hover,
.body-color2 .comments-wrapper .author-name:hover{
  color: #00acec;
}
.body-color2 .mega-menu .dropdown-submenu:hover&gt;a:after,
.body-color2 .nav .tabs-left &gt; .nav-tabs &gt; li.active&gt;a:after{
  border-left-color:#00acec;
}
.body-color2 .widget .nav-tabs&gt;li.active&gt;a, 
.body-color2 .widget .nav-tabs&gt;li.active&gt;a:focus, 
.body-color2 .widget .nav-tabs&gt;li.active&gt;a:hover,
.body-color2 .block-title span,
.body-color2 .comments-wrapper .comment-reply-link:hover,
.body-color2 .modern-quote,
.body-color2 .box-news .simple-share a:hover{
  border-color: #00acec;
}
.body-color2 .navbar-toggle span, 
.body-color2 .navbar-toggle .icon-bar{
  background-color: #fff;
}

/* Color3 style #ff4106 */
.body-color3 .header,
.body-color3 .sb-icon-search,
.body-color3 .progress-bar,
.body-color3 .drop-caps-square
{
  background: #ff4106;  
}
.body-color3 .logo,
.body-color3 .navbar-nav&gt;li&gt;a,
.body-color3 .social-icons a,
.body-color3 .sb-icon-search{
  color: #fff;  
}
.body-color3 .drop-caps-square{
  color: #fff !important; 
}
.body-color3 .header-mid .logo{
  color:#000;
}
.body-color3 .logo span,
.body-color3 .sb-search.sb-search-open .sb-icon-search, 
.body-color3 .no-js .sb-search .sb-icon-search{
  background: #fff;
  color:#ff4106;
}
.body-color3 .header-mid .logo span,
.body-color3 .footer .logo span{
  background: #ff4106;
  color:#fff;
}
.body-color3 .navbar-nav&gt;li&gt;a.dropdown-toggle:after{
  border-top-color: #fff;
}
.body-color3 .navbar-nav&gt;li.open&gt;a{
  color: #ff4106;
  background: white;
  border-top-color: #ff4106;
}
.body-color3 .navbar-nav&gt;li.open&gt;a:after{
  color: #ff4106;
  border-top-color: #ff4106;
}
.body-color3 .mega-menu .dropdown-menu &gt; li &gt; a:hover, 
.body-color3 .mega-menu .dropdown-submenu:hover&gt;a,
.body-color3 .dropdown-menu .mega-menu-news .mega-menu-detail h4 a:hover,
.body-color3 .nav .tabs-left &gt; .nav-tabs &gt; li &gt; a:hover, 
.body-color3 .nav .tabs-left &gt; .nav-tabs &gt; li.active &gt; a,
.body-color3 .widget-content li h3 a:hover, 
.body-color3 .news-title a:hover, 
.body-color3 .simple-post h3 a:hover, 
.body-color3 .widget-post h3 a:hover, 
.body-color3 .categorywidget li a:hover, 
.body-color3 .categorywidget li a:hover span, 
.body-color3 .comments-wrapper .comment-reply-link, 
.body-color3 .post-wrapper .simple-share a, 
.body-color3 .parallax-wrapper .simple-share a,
.body-color3 .post-content &gt; p:first-child:first-letter, 
.body-color3 .drop-caps,
.body-color3 .box-news .simple-share a,
.body-color3 .box-news .simple-share a:hover,
.body-color3 .author-box .author-info h3 a:hover,
.body-color3 .author-contact a:hover,
.body-color3 .comments-wrapper .author-name:hover{
  color: #ff4106;
}
.body-color3 .mega-menu .dropdown-submenu:hover&gt;a:after,
.body-color3 .nav .tabs-left &gt; .nav-tabs &gt; li.active&gt;a:after{
  border-left-color:#ff4106;
}
.body-color3 .widget .nav-tabs&gt;li.active&gt;a, 
.body-color3 .widget .nav-tabs&gt;li.active&gt;a:focus, 
.body-color3 .widget .nav-tabs&gt;li.active&gt;a:hover,
.body-color3 .block-title span,
.body-color3 .comments-wrapper .comment-reply-link:hover,
.body-color3 .modern-quote,
.body-color3 .box-news .simple-share a:hover{
  border-color: #ff4106;
}
.body-color3 .navbar-toggle span, 
.body-color3 .navbar-toggle .icon-bar{
  background-color: #fff;
}

/* Color4 style #00acec */
.body-color4 .header,
.body-color4 .sb-icon-search,
.body-color4 .progress-bar,
.body-color4 .drop-caps-square
{
  background: #00acec;  
}
.body-color4 .logo,
.body-color4 .navbar-nav&gt;li&gt;a,
.body-color4 .social-icons a,
.body-color4 .sb-icon-search{
  color: #fff;  
}
.body-color4 .drop-caps-square{
  color: #fff !important; 
}
.body-color4 .header-mid .logo{
  color:#000;
}
.body-color4 .logo span,
.body-color4 .sb-search.sb-search-open .sb-icon-search, 
.body-color4 .no-js .sb-search .sb-icon-search{
  background: #fff;
  color:#00acec;
}
.body-color4 .header-mid .logo span,
.body-color4 .footer .logo span{
  background: #00acec;
  color:#fff;
}
.body-color4 .navbar-nav&gt;li&gt;a.dropdown-toggle:after{
  border-top-color: #fff;
}
.body-color4 .navbar-nav&gt;li.open&gt;a{
  color: #00acec;
  background: white;
  border-top-color: #00acec;
}
.body-color4 .navbar-nav&gt;li.open&gt;a:after{
  color: #00acec;
  border-top-color: #00acec;
}
.body-color4 .mega-menu .dropdown-menu &gt; li &gt; a:hover, 
.body-color4 .mega-menu .dropdown-submenu:hover&gt;a,
.body-color4 .dropdown-menu .mega-menu-news .mega-menu-detail h4 a:hover,
.body-color4 .nav .tabs-left &gt; .nav-tabs &gt; li &gt; a:hover, 
.body-color4 .nav .tabs-left &gt; .nav-tabs &gt; li.active &gt; a,
.body-color4 .widget-content li h3 a:hover, 
.body-color4 .news-title a:hover, 
.body-color4 .simple-post h3 a:hover, 
.body-color4 .widget-post h3 a:hover, 
.body-color4 .categorywidget li a:hover, 
.body-color4 .categorywidget li a:hover span, 
.body-color4 .comments-wrapper .comment-reply-link, 
.body-color4 .post-wrapper .simple-share a, 
.body-color4 .parallax-wrapper .simple-share a,
.body-color4 .post-content &gt; p:first-child:first-letter, 
.body-color4 .drop-caps,
.body-color4 .box-news .simple-share a,
.body-color4 .box-news .simple-share a:hover,
.body-color4 .author-box .author-info h3 a:hover,
.body-color4 .author-contact a:hover,
.body-color4 .comments-wrapper .author-name:hover{
  color: #00acec;
}
.body-color4 .mega-menu .dropdown-submenu:hover&gt;a:after,
.body-color4 .nav .tabs-left &gt; .nav-tabs &gt; li.active&gt;a:after{
  border-left-color:#00acec;
}
.body-color4 .widget .nav-tabs&gt;li.active&gt;a, 
.body-color4 .widget .nav-tabs&gt;li.active&gt;a:focus, 
.body-color4 .widget .nav-tabs&gt;li.active&gt;a:hover,
.body-color4 .block-title span,
.body-color4 .comments-wrapper .comment-reply-link:hover,
.body-color4 .modern-quote,
.body-color4 .box-news .simple-share a:hover{
  border-color: #00acec;
}
.body-color4 .navbar-toggle span, 
.body-color4 .navbar-toggle .icon-bar{
  background-color: #fff;
}

/* Color5 style #89b21c */
.body-color5 .header,
.body-color5 .sb-icon-search,
.body-color5 .progress-bar,
.body-color5 .drop-caps-square
{
  background: #89b21c;  
}
.body-color5 .logo,
.body-color5 .navbar-nav&gt;li&gt;a,
.body-color5 .social-icons a,
.body-color5 .sb-icon-search{
  color: #fff;  
}
.body-color5 .drop-caps-square{
  color: #fff !important; 
}
.body-color5 .header-mid .logo{
  color:#000;
}
.body-color5 .logo span,
.body-color5 .sb-search.sb-search-open .sb-icon-search, 
.body-color5 .no-js .sb-search .sb-icon-search{
  background: #fff;
  color:#89b21c;
}
.body-color5 .header-mid .logo span,
.body-color5 .footer .logo span{
  background: #89b21c;
  color:#fff;
}
.body-color5 .navbar-nav&gt;li&gt;a.dropdown-toggle:after{
  border-top-color: #fff;
}
.body-color5 .navbar-nav&gt;li.open&gt;a{
  color: #89b21c;
  background: white;
  border-top-color: #89b21c;
}
.body-color5 .navbar-nav&gt;li.open&gt;a:after{
  color: #89b21c;
  border-top-color: #89b21c;
}
.body-color5 .mega-menu .dropdown-menu &gt; li &gt; a:hover, 
.body-color5 .mega-menu .dropdown-submenu:hover&gt;a,
.body-color5 .dropdown-menu .mega-menu-news .mega-menu-detail h4 a:hover,
.body-color5 .nav .tabs-left &gt; .nav-tabs &gt; li &gt; a:hover, 
.body-color5 .nav .tabs-left &gt; .nav-tabs &gt; li.active &gt; a,
.body-color5 .widget-content li h3 a:hover, 
.body-color5 .news-title a:hover, 
.body-color5 .simple-post h3 a:hover, 
.body-color5 .widget-post h3 a:hover, 
.body-color5 .categorywidget li a:hover, 
.body-color5 .categorywidget li a:hover span, 
.body-color5 .comments-wrapper .comment-reply-link, 
.body-color5 .post-wrapper .simple-share a, 
.body-color5 .parallax-wrapper .simple-share a,
.body-color5 .post-content &gt; p:first-child:first-letter, 
.body-color5 .drop-caps,
.body-color5 .box-news .simple-share a,
.body-color5 .box-news .simple-share a:hover,
.body-color5 .author-box .author-info h3 a:hover,
.body-color5 .author-contact a:hover,
.body-color5 .comments-wrapper .author-name:hover{
  color: #89b21c;
}
.body-color5 .mega-menu .dropdown-submenu:hover&gt;a:after,
.body-color5 .nav .tabs-left &gt; .nav-tabs &gt; li.active&gt;a:after{
  border-left-color:#89b21c;
}
.body-color5 .widget .nav-tabs&gt;li.active&gt;a, 
.body-color5 .widget .nav-tabs&gt;li.active&gt;a:focus, 
.body-color5 .widget .nav-tabs&gt;li.active&gt;a:hover,
.body-color5 .block-title span,
.body-color5 .comments-wrapper .comment-reply-link:hover,
.body-color5 .modern-quote,
.body-color5 .box-news .simple-share a:hover{
  border-color: #89b21c;
}
.body-color5 .navbar-toggle span, 
.body-color5 .navbar-toggle .icon-bar{
  background-color: #fff;
}

/* Color6 style #1d1d1d */
.body-color6 .header,
.body-color6 .sb-icon-search,
.body-color6 .progress-bar,
.body-color6 .drop-caps-square
{
  background: #1d1d1d;  
}
.body-color6 .logo,
.body-color6 .navbar-nav&gt;li&gt;a,
.body-color6 .social-icons a,
.body-color6 .sb-icon-search{
  color: #fff;  
}
.body-color6 .drop-caps-square{
  color: #fff !important; 
}
.body-color6 .header-mid .logo{
  color:#000;
}
.body-color6 .logo span,
.body-color6 .sb-search.sb-search-open .sb-icon-search, 
.body-color6 .no-js .sb-search .sb-icon-search{
  background: #fff;
  color:#1d1d1d;
}
.body-color6 .header-mid .logo span,
.body-color6 .footer .logo span{
  background: #1d1d1d;
  color:#fff;
}
.body-color6 .navbar-nav&gt;li&gt;a.dropdown-toggle:after{
  border-top-color: #fff;
}
.body-color6 .navbar-nav&gt;li.open&gt;a{
  color: #1d1d1d;
  background: white;
  border-top-color: #1d1d1d;
}
.body-color6 .navbar-nav&gt;li.open&gt;a:after{
  color: #1d1d1d;
  border-top-color: #1d1d1d;
}
.body-color6 .mega-menu .dropdown-menu &gt; li &gt; a:hover, 
.body-color6 .mega-menu .dropdown-submenu:hover&gt;a,
.body-color6 .dropdown-menu .mega-menu-news .mega-menu-detail h4 a:hover,
.body-color6 .nav .tabs-left &gt; .nav-tabs &gt; li &gt; a:hover, 
.body-color6 .nav .tabs-left &gt; .nav-tabs &gt; li.active &gt; a,
.body-color6 .widget-content li h3 a:hover, 
.body-color6 .news-title a:hover, 
.body-color6 .simple-post h3 a:hover, 
.body-color6 .widget-post h3 a:hover, 
.body-color6 .categorywidget li a:hover, 
.body-color6 .categorywidget li a:hover span, 
.body-color6 .comments-wrapper .comment-reply-link, 
.body-color6 .post-wrapper .simple-share a, 
.body-color6 .parallax-wrapper .simple-share a,
.body-color6 .post-content &gt; p:first-child:first-letter, 
.body-color6 .drop-caps,
.body-color6 .box-news .simple-share a,
.body-color6 .box-news .simple-share a:hover,
.body-color6 .author-box .author-info h3 a:hover,
.body-color6 .author-contact a:hover,
.body-color6 .comments-wrapper .author-name:hover{
  color: #1d1d1d;
}
.body-color6 .mega-menu .dropdown-submenu:hover&gt;a:after,
.body-color6 .nav .tabs-left &gt; .nav-tabs &gt; li.active&gt;a:after{
  border-left-color: #1d1d1d;
}
.body-color6 .widget .nav-tabs&gt;li.active&gt;a, 
.body-color6 .widget .nav-tabs&gt;li.active&gt;a:focus, 
.body-color6 .widget .nav-tabs&gt;li.active&gt;a:hover,
.body-color6 .block-title span,
.body-color6 .comments-wrapper .comment-reply-link:hover,
.body-color6 .modern-quote,
.body-color6 .box-news .simple-share a:hover{
  border-color: #1d1d1d;
}
.body-color6 .navbar-toggle span, 
.body-color6 .navbar-toggle .icon-bar{
  background-color: #fff;
}</pre></body></html>