/*
Theme Name: slicemypage
Theme URI: http://www.slicemypage.com/
Author: SlicemyPage
Author URI: http://www.slicemypage.com/
Description: slicemypage brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: smp
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* =================reset css starts here=================  */
* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, ul, li, body, html, form, fieldset { margin: 0; padding: 0; outline: none; border: 0 }
img {border: 0;}
a { text-decoration: none; border: 0; outline: 0; }
.clear { clear: both; width: auto !important }
ul {list-style: none;}
a:focus, input:focus, textarea:focus,
*:focus { outline: 0 !important;  }
i{vertical-align: middle;}
/* =================reset css ends here================= */
/* =================core css starts here================= */
@font-face{font-family:'AvenirNextLTW01Regular';src:url('include/fonts/avenir-next-regular.eot');src:url('include/fonts/avenir-next-regular.eot') format('embedded-opentype'), url('include/fonts/avenir-next-regular.woff') format('woff'), url('include/fonts/avenir-next-regular.ttf') format('truetype'), url('include/fonts/avenir-next-regular.svg#AvenirNextLTW01RegularRegular') format('svg');}
@font-face{font-family:'AvenirNext-DemiBold';src:url('include/fonts/AvenirNext-DemiBold.eot');src:url('include/fonts/AvenirNext-DemiBold.eot') format('embedded-opentype'), url('include/fonts/AvenirNext-DemiBold.woff') format('woff'), url('include/fonts/AvenirNext-DemiBold.ttf') format('truetype'), url('include/fonts/AvenirNext-DemiBold.svg#AvenirNext-DemiBold') format('svg');}
@font-face{font-family:'AvenirNextLTW01Bold';src:url('include/fonts/avenir-next-bold.eot');src:url('include/fonts/avenir-next-bold.eot') format('embedded-opentype'), url('include/fonts/avenir-next-bold.woff') format('woff'), url('include/fonts/avenir-next-bold.ttf') format('truetype'), url('include/fonts/avenir-next-bold.svg#AvenirNextLTW01BoldRegular') format('svg');}
@font-face{font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 300; src: url("include/fonts/fa-light-300.eot"); src: url("include/fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("include/fonts/fa-light-300.woff2") format("woff2"), url("include/fonts/fa-light-300.woff") format("woff"), url("include/fonts/fa-light-300.ttf") format("truetype"), url("include/fonts/fa-light-300.svg#fontawesome") format("svg"); }
.fal{font-family: 'Font Awesome 5 Pro'; font-weight: 300; }
body { font-size: 18px; line-height: 30px; font-weight: 400;font-family: 'AvenirNextLTW01Regular'; color: #fff; background: #0b111c; background: #0a0f19; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.container { width: 96%; max-width: 1300px; }
a, input, button { display: inline-block; text-decoration: none; color: inherit; outline: none; transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; }
a img {border: 0px none;}
a:hover { outline: none; color: #fff; text-decoration: none; }
a:active { outline: none; text-decoration: none; }
a:focus { outline: none; outline-offset: 0px; text-decoration: none; color: inherit; }
::-webkit-input-placeholder { color: #999; opacity: 0.3; }
::-moz-placeholder { color: #999; opacity: 0.3; }
:-moz-placeholder { color: #999; opacity: 0.3; }
:-ms-input-placeholder { color: #999; opacity: 0.3; } 
img {max-width: 100%; height: auto;}
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; margin-bottom: 10px; line-height: 1.2; font-weight: 400; color: inherit;  font-family: 'AvenirNextLTW01Bold'; }
h1 {font-size: 52px;}
h2 {font-size: 40px;}
h3 {font-size: 30px;}
h4 { font-size: 25px;}   
h5 { font-size: 20px;}
h6 { font-size: 18px;}
p { margin: 0px; padding: 0px; margin-bottom: 35px; }
strong {font-weight: normal; font-family: 'AvenirNextLTW01Bold'; }
b {font-weight: normal;font-family: 'AvenirNextLTW01Regular';}
p:last-child {margin-bottom: 0;}
.mar-40 {margin-bottom: 40px !important;}
.mar-30 {margin-bottom: 30px !important;}
.no-mar {margin: 0 !important;}
.both-mar{margin: 20px 0;}
.btn {border-radius: 7px; font-weight: normal; padding: 10px 20px; min-width: 140px; font-size: 16px; line-height: 24px; box-shadow: none; font-family: 'AvenirNextLTW01Bold'; /*! text-transform: uppercase; */}
.btn-default, .btn-default:focus{color: #0b111c; background-color: #fff; border: solid 2px #fff;}
.btn-default:hover, .btn-default:active{color: #fff; background-color: transparent; border-color: #fff;}
.btn-outline, .btn-outline:focus{color: #fff; background-color: transparent; border: solid 2px #fff;}
.btn-outline:hover, .btn-outline:active{color: #0b111c; background-color: #fff; border-color: #fff;}
.btn.btn-lg {padding: 18px 40px !important; font-size: 24px; line-height: 30px;}
.btn.btn-xs { padding: 8px 25px !important; min-width: auto; font-size: 15px;}
.btn+.btn {margin-left: 10px;} 
.light-color{color: #182335;}
.dark-color{color: #0b111c;}
.boxzilla{z-index:9999999 !important;}
.boxzilla-close-icon{color:#fff !important;}
.scroll-to{cursor:pointer;}
/* =================core css ends here================= */
/* Slider */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -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); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img{}
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
 @charset 'UTF-8';
/* Slider */
.logo-container  .slick-slide img {height:80px;}
/* Arrows */
.slick-prev, .slick-next { z-index:99; font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; float: left; padding: 0; margin-top: -25px\9; /*lte IE 8*/ -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; }
.slick-prev:before, .slick-next:before { font-family: 'font Awesome 5 Free'; font-weight: 900; font-size: 24px; line-height: 1; opacity: 1; color: inherit; opacity:0.8; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: 0; }
[dir='rtl'] .slick-prev { right: 15px; left: auto; }
.slick-prev:before { content: "\f053"; }
[dir='rtl'] .slick-prev:before { content: "\f053"; }
.slick-next { right: 0; }
[dir='rtl'] .slick-next { right: auto; left: 15px; }
.slick-next:before { content: "\f054"; }
[dir='rtl'] .slick-next:before { content: "\f054"; }
/* Dots */
.slick-slider { margin-bottom: 0; }
.slick-dots {position: absolute;bottom: 30px;display: block;width: 100%;padding: 0;list-style: none;text-align: center;vertical-align: top; z-index: 99;}
.slick-dots li {position: relative;display: inline-block;/* width: 15px; *//* height: 15px; */margin: 0 0px;padding: 0;text-align:center;cursor: pointer;vertical-align: top;}
.slick-dots li button {font-size: 0;line-height: 0;display: inline-block;width: 14px;height: 14px;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background:#fff;opacity: 0.2;border:0;border-radius: 50%;vertical-align: top;margin: 3px 7px;}
.slick-dots li.slick-active button, .slick-dots li:hover button{opacity:1;}
/* ================= Header start ================= */
header { color: #fff;position: fixed;left: 0;top: 0;right: 0;padding: 0;z-index: 9999999;transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;background:transparent;}
.navbar-toggler { width: 60px; height: 80px; border-radius: 0; cursor: pointer; text-decoration: none; padding: 0; border: 0; background: transparent; margin: 0; position: absolute; top: 0; right: 0;  z-index: 99999999;}
.navbar-default .navbar-toggler:hover, .navbar-default .navbar-toggler:focus {background: transparent;}
.navbar-toggler:not([class="collapsed"]), .navbar-toggler:not([class="collapsed"]):focus, .navbar-toggler:not([class="collapsed"]):hover {background:transparent;}
.navbar-toggler.collapsed, .navbar-toggler.collapsed:focus, .navbar-toggler.collapsed:hover {background: transparent;}
.navbar-toggler .icon-bar { position: relative; display: inline-block; width: 23px; height: 2px; color: #243238; text-indent: -55px; margin-top: 0; background: transparent!important; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; vertical-align: middle; }
.navbar-toggler .icon-bar:before, .navbar-toggler .icon-bar:after { content: ''; width: 23px; height: 2px; background: #fff; position: absolute; left: 0; transition: all .2s ease-out; }
.navbar-toggler.collapsed .icon-bar {background: #fff!important;}
.navbar-toggler.collapsed .icon-bar:before, .navbar-toggler.collapsed .icon-bar:after {background: #fff;}
.navbar-toggler.collapsed .icon-bar:before { top: -7px; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); }
.navbar-toggler .icon-bar:before { top: 0; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.navbar-toggler.collapsed .icon-bar:after { bottom: -7px; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); }
.navbar-toggler .icon-bar:after { bottom: 0; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-45deg); }
.dropdown-menu { border: 0; border-radius: 0; font-size: 12px; line-height: 18px; }
.dropdown-item {padding: 6px 15px;}
.dropdown-menu>li:hover>a, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>.active>a, .dropdown-menu>li:focus>a, .dropdown-menu>li:active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus, .nav .open>a, .nav .open>a:hover, .nav .open>a:focus, .nav-item.active>a, .dropdown-item.active, .dropdown-item:active { background: transparent; color: #00bcb4; }
@media only screen and (min-width: 992px) {
.navbar-nav>li>.dropdown-menu { display: block !important; top: 100% !important; margin-top: 10px !important; opacity: 0; visibility: hidden; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.06); transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; }
.dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; margin-top: 0px !important; transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; }
header.scrollUp{transform: translateY(-100%);}
.nav-menu2, .nav-social, .search-toggle{display: none;}
.ad-box:hover:before{left: 5px; top: 5px; bottom: 5px; right: 5px;}
.article-box:hover:before{left: 5px; top: 5px; bottom: 5px; right: 5px;}
}
.header-right {float: right;z-index: 20;position: relative;margin: 0;padding: 0;font-size: 17px;line-height: 40px;font-weight: 700;}
.header-right a { float: left; padding: 0 10px; width: 40px; text-align: center; margin: 10px; margin-right: 0; }
.header-search { float: left; position: relative; }
.navbar {padding: 0; margin: 0; height: 100px;}
.navbar-nav { font-size: 18px; font-weight: normal; font-family: 'AvenirNextLTW01Bold'; margin-left: 140px;   }
.navbar-brand {width: 44px;position: relative;margin: 0;background: #fff;border-radius: 50%;height: 44px;padding: 2px;margin: 18px 0;}
.navbar-brand .logo-text{position: absolute; left: 100%; margin-left: 10px; top: 50%; font-size: 18px; line-height:18px; margin-top: -20px; font-family: 'AvenirNextLTW01Bold';  }
.navbar-brand .logo-text small{font-size: 13px; line-height: 13px; display: block; font-family:'AvenirNext-DemiBold';}
.navbar-brand .logo-text small:last-child{text-align: right; margin-top: -2px;}
.navbar-brand img{padding: 2px; background: #fff; border-radius: 50%; width: 40px; height: 40px;}
.navbar-nav .nav-link, .navbar-expand-lg .navbar-nav .nav-link { padding: 0 20px; line-height: 60px; }
.navbar-nav .nav-link i{vertical-align: middle; margin-right:5px;font-size: 24px;margin-top: -5px;line-height: 1;}
.navbar-nav .nav-link:hover i{background: #fff !important; -webkit-background-clip:text!important; -webkit-text-fill-color:transparent!important}
.search-container{width: 300px;position:relative;padding-left: 0px;padding-right:50px;border-radius: 30px;overflow: hidden;background: #fff;padding: 2px;}
.search-input{width:100%;height:40px;background:#0c111c;border:0;box-shadow:none;border-radius: 30px;padding-right: 40px; padding-left: 20px;}
.search-submit{position:absolute; top:0; right:0; width:45px; height:100%; background:transparent; border:0; cursor:pointer;}
.header-lower{  position: relative; }
.header-upper{ height: 40px; background: #182335;}
ul.header-nav{display: flex;align-items: flex-start;justify-content: flex-end;}
ul.header-nav li{padding: 0 10px;}
ul.header-nav li a{font-size: 15px; line-height: 20px; padding: 10px; font-family:'AvenirNext-DemiBold'; }
.fixed .header-lower{box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);background: #0c111c;}
/* ================= Header end ================= */
.gradient-text, h4, .comment-author{-webkit-background-clip:text!important; -webkit-text-fill-color:transparent !important; background: #fff; }
.hero-container{display: flex;align-items: flex-end; background-attachment: fixed; background-size: cover; position: relative;}
.hero-bg{position: absolute; top: 120px; right: 0%; width: 60%; height: calc(100% - 120px);  background-size: cover; background-repeat: no-repeat; opacity: 0.4; background-position: center;}
.hero-bg img{width: 100%; height: 100%; object-fit: contain;}
.hero-content{position: relative; z-index: 9; width: 100%; padding: 200px 0 80px;}
.hero-content p{max-width:500px;}
.not-first-page .listing-container{margin-top: 200px;}
ul.article-listing{width:100%;display: flex;flex-wrap: wrap;margin-bottom: -30px; }
ul.article-listing .article-list-item{width: 100%; padding: 0; margin-bottom: 30px;}
ul.article-listing .article-list-item:last-child{margin-bottom: 0;}
.article-box{width: 100%; min-height: 240px;border-radius: 15px; display: flex;flex-wrap: wrap;position: relative; height: 100%;}
.article-box:before{content:'';  position: absolute; background: #0b111c; left: 0; top: 0; bottom: 0; right: 0; border-radius: 12px; transition: all 0.1s ease-in; border:solid 1px #182133; }
.article-head{margin-right: -15px;width: 300px; height: 300px; margin-top: -20px; margin-bottom: 20px; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 30px #030508; position: relative; z-index: 3; display: none; }
.article-head img{width: 100%; height: 100%; object-fit: cover;}
.article-body{padding: 25px;width: 65%;display: flex;flex-flow: column; position: relative; z-index: 3;} 
.post-bg{ position: absolute; top:20px; right:20px; width: 40%; bottom:20px;  background-size: cover; background-repeat: no-repeat; background-position: center; opacity: 1; }
.post-bg:before{content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0b111c+0,0b111c+73,0b111c+100&0.3+0,1+73,1+100 */
background: -moz-radial-gradient(center, ellipse cover, rgba(11,17,28,0.3) 0%, rgba(11,17,28,1) 73%, rgba(11,17,28,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(11,17,28,0.3) 0%,rgba(11,17,28,1) 73%,rgba(11,17,28,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(11,17,28,0.3) 0%,rgba(11,17,28,1) 73%,rgba(11,17,28,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
.post-bg img{width: 100%; height: 100%; object-fit: contain;}
.post-meta{margin-bottom: 10px; display: flex; color: #5c6e8c; font-size: 16px; line-height: 20px;}
.post-meta.single-meta{font-size: 14px; margin-bottom: 20px;}
.post-meta.single-meta > div{margin-right: 35px;}
.post-author{color: #5c6e8c;  }
.article-body .post-meta{white-space: nowrap;}
.post-meta .link{font-size: inherit;}
.divide{margin: 0 10px;}
.link{ font-size: 18px;  }
.link i{font-size: 12px; transition: all 0.2s ease-in;}
.link:hover i{margin-left: 5px;}
.article-body .link{margin-top: auto; }
.pagination-container{width: 100%; display: inline-block; vertical-align: top; text-align: center; margin: 80px 0 0;}
.pagination{display: flex; vertical-align: top; font-family: 'AvenirNextLTW01Bold';border:0;justify-content: center;}
.pagination li{/*! float: left; */ padding: 5px 10px; margin: 0 10px; border:0; position: relative;}
.bottom-line{width: 100%; height: 0px; position: absolute; left: 0; top: 100%; transition: all 0.2s ease-in;}
.pagination li:hover .bottom-line, .current .bottom-line{height: 4px;}
.pagination>li>a, .pagination>li>span{background: transparent; border: 0; color: #fff; font-size: 20px;   display: inline-block;}
.pagination>li:hover, .pagination>li:hover,  .pagination .active, .pagination .active, .pagination .active:hover, .pagination .active:hover, .pagination .active:focus, .pagination .active:focus{color: #fff;  }
.partition{width: 100%; margin: 120px 0; height: 3px;}
.partition span{width: 100%; height: 3px; border-radius: 6px; display: inline-block; vertical-align: top;}
.main-container{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.main-container.reverse{flex-direction: row-reverse;}
.sidebar{width: 325px;}
.heading-box{width: 100%;  margin-bottom: 40px; display: inline-block; vertical-align: top;}
.main-content{width: calc(100% - 440px); display: inline-block; vertical-align: top; margin-bottom: 30px;}
ul.service-listing{width: calc(100% + 30px);margin-left: -15px;display: flex;flex-wrap: wrap;margin-bottom: 60px;}
ul.service-listing .service-listing-item{width: 25%;padding: 15px;/* margin-bottom: 40px; */}
.service-box{border-radius: 15px;display: flex;flex-wrap: wrap;position: relative;justify-content: center;box-shadow: 0 5px 30px #030508;background: #182335;height: 180px;align-items: center;padding: 15px;text-align: center;}
.service-box h6{margin: 0; line-height: 1.5;}
ul.template-listing{width:calc(100% + 60px); margin-left:-30px; display: flex;flex-wrap: wrap; }
ul.template-listing .template-list-item{width: 33.333%; padding: 30px; }
.template-box{ border-radius: 15px; display: flex;flex-wrap: wrap;flex-direction: row-reverse; position: relative; justify-content: space-between;}
.ad-box{ border-radius: 15px;display: flex;flex-wrap: wrap;/* flex-direction: row-reverse; */position: relative;flex-flow: column;padding-right: 25px; margin-bottom: 60px; width: 100%; max-width: 380px;}
.ad-box:before{content:'';  position: absolute; background: #0b111c; left: 0; top: 0; bottom: 0; right: 0; border-radius: 15px; transition: all 0.3s ease-in; border:solid 1px #182133;}
.ad-head{margin-left: -15px;width: 100%;margin-top: -20px; border-radius: 15px;overflow: hidden;box-shadow: 0 5px 30px #030508;position: relative;z-index: 3; background: #0b111c;}
.ad-head a{width: 100%;}
.ad-head img{width: 100%; height: 100%; object-fit: cover;}
.ad-body{color: rgba(255,255,255,0.7); padding: 23px;/* width: calc(100% - 300px); */display: flex;flex-flow: column;position: relative;z-index: 3;font-size: 13px;line-height: 18px;} 
.sidebar-ads-container:last-child{position:sticky; top:180px;} 
/* ================= Subscribe start ================= */ 
.subscribe-box h5{text-align: center;}
.subscribe-form{border-radius: 50px !important;}
.es_subscription_form{padding: 2px; position: relative;}
.es-field-wrap{margin: 0; position: relative; padding-right: 200px; }
.es-field-wrap label{margin: 0;font-size: 0;width: 100%;}
.es-field-wrap label br{display: none; font-size: 0;}
.es-field-wrap label .es_txt_email{width: 100%; height: 60px; font-size: 20px; background: #0b111c; border: 0; padding: 15px 25px; border-radius: 50px;  }
.es_submit_button{position: absolute; right: 0; top: 0; height: 60px; width: 200px; background: transparent; border: 0; font-size: 20px; line-height: 60px; cursor: pointer; font-family: 'AvenirNextLTW01Bold';}
.es_spinner_image img{display: none;}
.es_spinner_image{width: 20px; height: 20px; background-image: url(include/images/ajax-loader.gif); background-size: 20px; margin: 10px; position: absolute; top: 50%; right: 210px; margin: 0; margin-top: -10px;}
.es_subscription_message.success {width: 100%;color: #008000;font-size: 16px;line-height: 22px;display: inline-block;padding: 15px 25px;text-align: center;background: #0a101b;font-weight: 700;}
.es_subscription_message.error{ color: #f00; width: 100%; font-size: 16px; line-height: 22px; display: inline-block; padding: 15px 25px; text-align: center; background: #182335; background: transparent;position: absolute;left: 0;top: 100%; font-weight: 700;}
/* ================= Subscribe end ================= */
blockquote{font-family: 'AvenirNextLTW01Bold'; font-style: normal; font-size: 40px; line-height: 44px; margin-bottom: 30px;}
.preview-box{margin-bottom: 40px; box-shadow: 0 5px 30px #030508; border-radius:10px; overflow:hidden;} 
.preview-box img.alignnone{margin:0;}
.preview-box.no-shadow{box-shadow:none !important;}
.commentlist{margin: 0; padding: 0; margin: 0; list-style: none;}
.commentlist ul{margin-left: 0px}
.commentlist ul li ul{margin-left: 65px; margin-top: 15px}
.commentlist ul>li{padding: 0}
.commentlist ul>li ul li{padding: 0}
.commentlist ul>li .post-comment{margin: 0}
.comments-title{font-weight: 300; margin-bottom: 30px}
.comment-reply-title{font-weight: 300; margin-bottom: 0}
.comment-reply-title small{font-size: 60%; font-weight: 300}
.comment-respond{margin-bottom: 30px}
.comment-body{/* min-height: 80px; */position: relative;padding: 0;margin-left: 60px;margin-bottom: 20px;padding-left: 40px;}
.comment-body p{margin-bottom: 10px}
.comment-body .comment-author img{width: 48px;height: 48px;left: -60px;top: 10px;z-index: 1;position: absolute;border-radius: 50%;}
.comment-body .desc{position: relative}
.comment-body .desc h5{margin-bottom: 5px; font-size: 18px}
.comment-body .desc .date{margin-bottom: 10px}
.reply{text-align: left}
.comment-reply-link{padding: 5px; }
.comment-author{font-family: 'AvenirNextLTW01Bold'; font-style: normal;}
.comment-author *{font-style: normal;}
.comment-meta{font-size: 15px; line-height: 18px; color: #5c6e8c; margin-bottom: 15px;}
.commentlist > li{border-radius: 15px;background: #182335;padding: 40px;box-shadow: 0 5px 30px #030508;}
.commentlist > li + li{margin-top: 60px;}
.says{font-family: 'AvenirNextLTW01Regular'; }
.comment-body{position: relative; padding-right: 150px;}
.comment-body .btn{position: absolute; top: 0; right: 0;}
.comment-form p{ width: calc(100% + 8px); margin-left: -4px; margin-bottom: 40px;}
.comment-form p label{font-family: 'AvenirNextLTW01Bold'; width: 100%; font-size: 20px; line-height: 1; margin: 0; }
.comment-form input[type="text"], .comment-form textarea{width: 100%; background: #182335; border:solid 4px rgba(0,0,0,0.5); color: #fff; border-radius: 10px;  height: 80px; padding: 10px 15px;}
.comment-form textarea{height: 220px; resize: none;}
.comment-respond{background:transparent; padding:0 30px;}
.comment-form-cookies-consent{display: none !important;}
.comment-form .form-submit{width: 100%; margin-left: 0;}
.comment-form .form-submit .submit{width: 100%;}
.navigation{width: 100%; display: flex; justify-content: space-between; font-family: 'AvenirNextLTW01Bold'; margin: 30px 0; font-size: 15px;}
.navigation *{margin: 0 !important;}




ul.article-listing.related-article {width: calc(100% + 40px);margin-left: -20px;margin-bottom: 0;}
ul.article-listing.related-article .article-list-item {width: 33.3333%;margin: 0;padding: 20px;}
ul.article-listing.popular-listing .article-list-item:last-child {margin-bottom: 0;}
ul.article-listing.popular-listing .article-list-item .article-head {width: 270px;height: 270px;}
ul.article-listing.popular-listing .article-list-item .article-body {width: 60%;/* padding:40px 30px; */}
ul.article-listing.related-article .article-list-item .article-box {min-height: auto;}
ul.article-listing.popular-listing {width: calc(100% + 40px);margin-left: -20px;margin-bottom: 0;}
ul.article-listing.popular-listing .article-list-item {width: 33.3333%;margin: 0;padding: 20px;}
ul.article-listing.popular-listing .article-list-item .article-box {min-height: auto;}
ul.article-listing.related-article h3, ul.article-listing.popular-listing h3 {font-size: 18px;line-height: 1.3;}

footer{padding:0 0  100px 0; color: #5c6e8c; }
.social-links{display: flex;  }
.social-links li{margin: 0 15px; font-size: 20px;}  
footer .social-links{margin-bottom: 50px;}
.footer-content{width: 100%; display: flex; justify-content: space-between;}
.footer-left{width: 40%;}
.footer-intro{margin-bottom: 40px;}
.footer-intro a{color: #fff;}
.footer-right{display: flex; flex-flow: column; justify-content: space-between; align-items: flex-end;}
.footer-nav{display: flex;}
.footer-nav li{margin-left: 20px; font-size: 14px; line-height: 18px;}
.copyright{font-size: 14px; line-height: 18px;}
/* ================= Highlighter css start ================= */

 
 .token.comment, .token.block-comment, .token.prolog, .token.doctype, .token.cdata {color: #999;}
 .token.punctuation {color: #ccc;}
 .token.tag, .token.attr-name, .token.namespace, .token.deleted {color: #e2777a;}
 .token.function-name {color: #6196cc;}
 .token.boolean, .token.number, .token.function {color: #f08d49;}
 .token.property, .token.class-name, .token.constant, .token.symbol {color: #f8c555;}
 .token.selector, .token.important, .token.atrule, .token.keyword, .token.builtin {color: #cc99cd;}
 .token.string, .token.char, .token.attr-value, .token.regex, .token.variable {color: #7ec699;}
 .token.operator, .token.entity, .token.url {color: #67cdcc;}
 .token.important, .token.bold {font-weight: bold;}
 .token.italic {font-style: italic;}
 .token.entity {cursor: help;}
 .token.inserted {color: green;}
 pre[data-line] {position: relative;padding: 1em 0 1em 3em;}
 .line-highlight {position: absolute;left: 0;right: 0;padding: inherit 0;margin-top: 1em;background: hsla(24, 20%, 50%,.08);background: linear-gradient(to right, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0));pointer-events: none;line-height: inherit;white-space: pre;}
 .line-highlight:before, .line-highlight[data-end]:after{content: attr(data-start);position: absolute;top: .4em;left: .6em;min-width: 1em;padding: 0 .5em;background-color: hsla(24, 20%, 50%,.4);color: hsl(24, 20%, 95%);font: bold 65%/1.5 sans-serif;text-align: center;vertical-align: .3em;border-radius: 999px;text-shadow: none;box-shadow: 0 1px white;}
 .line-highlight[data-end]:after {content: attr(data-end);top: auto;bottom: .4em;}
 .line-numbers .line-highlight:before, .line-numbers .line-highlight:after {content: none;}
 pre[class*="language-"].line-numbers {position: relative;padding-left: 3.8em;counter-reset: linenumber;}
 pre[class*="language-"].line-numbers > code {position: relative;white-space: inherit;}
 .line-numbers .line-numbers-rows {position: absolute;pointer-events: none;top: 0;font-size: 100%;left: -3.8em;width: 3em;letter-spacing: -1px;border-right: 1px solid #999;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
 .line-numbers-rows > span {pointer-events: none;display: block;counter-increment: linenumber;}
 .line-numbers-rows > span:before {content: counter(linenumber);color: #999;display: block;padding-right: 0.8em;text-align: right;}
 div.code-toolbar {position: relative;}div.code-toolbar > .toolbar {position: absolute;top: 15px;right: 15px;transition: opacity 0.3s ease-in-out;/* opacity: 0; */}
 div.code-toolbar:hover > .toolbar {opacity: 1;}div.code-toolbar:focus-within > .toolbar {opacity: 1;}
 div.code-toolbar > .toolbar .toolbar-item {display: inline-block;}
 div.code-toolbar > .toolbar a {cursor: pointer;}
 div.code-toolbar > .toolbar button {background: none;border: 0;color: inherit;font: inherit;line-height: normal;overflow: visible;padding: 0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
 div.code-toolbar > .toolbar a, div.code-toolbar > .toolbar button, div.code-toolbar > .toolbar span {color: #bbb;font-size: .8em;padding: 0 .5em;background: #f5f2f0;background: rgba(224, 224, 224, 0.2);box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);border-radius: .5em;padding: 10px;font-size: 12px; cursor: pointer;}
 div.code-toolbar > .toolbar a:hover, div.code-toolbar > .toolbar a:focus, div.code-toolbar > .toolbar button:hover, div.code-toolbar > .toolbar button:focus, div.code-toolbar > .toolbar span:hover, div.code-toolbar > .toolbar span:focus {color: inherit;text-decoration: none;}
 .prism-previewer, .prism-previewer:before, .prism-previewer:after {position: absolute;pointer-events: none;}
 .prism-previewer, .prism-previewer:after {left: 50%;}.prism-previewer {margin-top: -48px;width: 32px;height: 32px;margin-left: -16px;opacity: 0;-webkit-transition: opacity .25s;-o-transition: opacity .25s;transition: opacity .25s;}
 .prism-previewer.flipped {margin-top: 0;margin-bottom: -48px;}
 .prism-previewer:before, .prism-previewer:after {content: '';position: absolute;pointer-events: none;}
 .prism-previewer:before {top: -5px;right: -5px;left: -5px;bottom: -5px;border-radius: 10px;border: 5px solid #fff;box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset, 0 0 10px rgba(0, 0, 0, 0.75);}
 .prism-previewer:after {top: 100%;width: 0;height: 0;margin: 5px 0 0 -7px;border: 7px solid transparent;border-color: rgba(255, 0, 0, 0);border-top-color: #fff;}
 .prism-previewer.flipped:after {top: auto;bottom: 100%;margin-top: 0;margin-bottom: 5px;border-top-color: rgba(255, 0, 0, 0);border-bottom-color: #fff;}
 .prism-previewer.active {opacity: 1;}
 .prism-previewer-angle:before {border-radius: 50%;background: #fff;}
 .prism-previewer-angle:after {margin-top: 4px;}
 .prism-previewer-angle svg {width: 32px;height: 32px;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);}
 .prism-previewer-angle[data-negative] svg {-webkit-transform: scaleX(-1) rotate(-90deg);-moz-transform: scaleX(-1) rotate(-90deg);-ms-transform: scaleX(-1) rotate(-90deg);-o-transform: scaleX(-1) rotate(-90deg);transform: scaleX(-1) rotate(-90deg);}
 .prism-previewer-angle circle {fill: transparent;stroke: hsl(200, 10%, 20%);stroke-opacity: 0.9;stroke-width: 32;stroke-dasharray: 0, 500;}
 .prism-previewer-gradient {background-image: linear-gradient(45deg, #bbb 25%, transparent 25%, transparent 75%, #bbb 75%, #bbb), linear-gradient(45deg, #bbb 25%, #eee 25%, #eee 75%, #bbb 75%, #bbb);background-size: 10px 10px;background-position: 0 0, 5px 5px;width: 64px;margin-left: -32px;}
 .prism-previewer-gradient:before {content: none;}
 .prism-previewer-gradient div {position: absolute;top: -5px;left: -5px;right: -5px;bottom: -5px;border-radius: 10px;border: 5px solid #fff;box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset, 0 0 10px rgba(0, 0, 0, 0.75);}
 .prism-previewer-color {background-image: linear-gradient(45deg, #bbb 25%, transparent 25%, transparent 75%, #bbb 75%, #bbb), linear-gradient(45deg, #bbb 25%, #eee 25%, #eee 75%, #bbb 75%, #bbb);background-size: 10px 10px;background-position: 0 0, 5px 5px;}
 .prism-previewer-color:before {background-color: inherit;background-clip: padding-box;}
 .prism-previewer-easing {margin-top: -76px;margin-left: -30px;width: 60px;height: 60px;background: #333;}
 .prism-previewer-easing.flipped {margin-bottom: -116px;}
 .prism-previewer-easing svg {width: 60px;height: 60px;}
 .prism-previewer-easing circle {fill: hsl(200, 10%, 20%);stroke: white;}
 .prism-previewer-easing path {fill: none;stroke: white;stroke-linecap: round;stroke-width: 4;}
 .prism-previewer-easing line {stroke: white;stroke-opacity: 0.5;stroke-width: 2;}@-webkit-keyframes prism-previewer-time {0% {stroke-dasharray: 0, 500;stroke-dashoffset: 0;}50% {stroke-dasharray: 100, 500;stroke-dashoffset: 0;}100% {stroke-dasharray: 0, 500;stroke-dashoffset: -100;}}@-o-keyframes prism-previewer-time {0% {stroke-dasharray: 0, 500;stroke-dashoffset: 0;}50% {stroke-dasharray: 100, 500;stroke-dashoffset: 0;}100% {stroke-dasharray: 0, 500;stroke-dashoffset: -100;}}@-moz-keyframes prism-previewer-time {0% {stroke-dasharray: 0, 500;stroke-dashoffset: 0;}50% {stroke-dasharray: 100, 500;stroke-dashoffset: 0;}100% {stroke-dasharray: 0, 500;stroke-dashoffset: -100;}}@keyframes prism-previewer-time {0% {stroke-dasharray: 0, 500;stroke-dashoffset: 0;}50% {stroke-dasharray: 100, 500;stroke-dashoffset: 0;}100% {stroke-dasharray: 0, 500;stroke-dashoffset: -100;}}
 .prism-previewer-time:before {border-radius: 50%;background: #fff;}
 .prism-previewer-time:after {margin-top: 4px;}
 .prism-previewer-time svg {width: 32px;height: 32px;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);}
 .prism-previewer-time circle {fill: transparent;stroke: hsl(200, 10%, 20%);stroke-opacity: 0.9;stroke-width: 32;stroke-dasharray: 0, 500;stroke-dashoffset: 0;-webkit-animation: prism-previewer-time linear infinite 3s;-moz-animation: prism-previewer-time linear infinite 3s;-o-animation: prism-previewer-time linear infinite 3s;animation: prism-previewer-time linear infinite 3s;}
 .command-line-prompt {border-right: 1px solid #999;display: block;float: left;font-size: 100%;letter-spacing: -1px;margin-right: 1em;pointer-events: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
 .command-line-prompt > span:before {color: #999;content: ' ';display: block;padding-right: 0.8em;}
 .command-line-prompt > span[data-user]:before {content: "[" attr(data-user) "@" attr(data-host) "] $";}
 .command-line-prompt > span[data-user="root"]:before {content: "[" attr(data-user) "@" attr(data-host) "] #";}
 .command-line-prompt > span[data-prompt]:before {content: attr(data-prompt);}


pre{margin-bottom: 40px;}
code[class*="language-"], pre[class*="language-"]{color: #fff;background: none; font-family: 'AvenirNextLTW01Regular'; font-size: 1em;text-align: left;white-space: pre;word-spacing: normal;word-break: normal;word-wrap: normal;line-height: 1.5;-moz-tab-size: 4;-o-tab-size: 4;tab-size: 4;-webkit-hyphens: none;-moz-hyphens: none;-ms-hyphens: none;hyphens: none;}
pre[class*="language-"] {padding: 35px;margin: 0 0 40px 0;overflow: auto;}
:not(pre) > code[class*="language-"], pre[class*="language-"] {background: #182335; border:0;  box-shadow: 0 5px 30px #030508; border-radius: 15px; }
:not(pre) > code[class*="language-"] {padding: .1em;border-radius: .3em;white-space: normal;}
.token.comment, .token.block-comment, .token.prolog, .token.doctype, .token.cdata {color: #999;}
.token.punctuation {color: #ccc;}
.token.tag, .token.attr-name, .token.namespace, .token.deleted {color: #e2777a;}
.token.function-name {color: #6196cc;}
.token.boolean, .token.number, .token.function {color: #f08d49;}
.token.property, .token.class-name, .token.constant, .token.symbol {color: #f8c555;}
.token.selector, .token.important, .token.atrule, .token.keyword, .token.builtin {color: #cc99cd;}
.token.string, .token.char, .token.attr-value, .token.regex, .token.variable {color: #7ec699;}
.token.operator, .token.entity, .token.url {color: #67cdcc;}
.token.important, .token.bold {font-weight: bold;}
.token.italic {font-style: italic;}
.token.entity {cursor: help;}
.token.inserted {color: green;}
/* ================= Highlighter css end ================= */
.heading{margin-bottom: 30px; display: flex; align-items: center;}
.heading h3{margin-bottom: 0;}
.heading-icon{font-size: 40px; line-height: 1; margin-right: 20px;} 
.heading2 h3{opacity: 0.1; font-size: 150px; line-height: 1; margin-bottom: -75px; text-align: right;}
.sponsor-ads{display: flex; justify-content: center;  margin-bottom: 40px;}
.sponsor-ads-list{display:flex; flex-wrap: wrap; justify-content: center;}
.sponsor-ads-item{padding: 15px;}
.sponsor-ad-box{width: 200px; height: 140px; border-radius: 10px; overflow: hidden;}
.sponsor-ad-box img{width: 100%; height: 100%; object-fit: cover;}
.mobile-slider .slick-track{display: flex;}
.mobile-slider .slick-slide{height:auto;}
.breadcrumb_last{display: none !important;}
#breadcrumbs{font-size: 15px; line-height: 1.1; color: #5c6e8c;} 
.addtoany_content{clear: both; margin: 30px 0; display: flex; align-items: baseline; float: left;width: 100%;}
.addtoany_header{margin: 0 0 10px 0; font-family: 'avenirnextltw01bold';}
ul:not([class]){margin-bottom: 35px;}
ul:not([class]) li{position: relative;padding-left: 15px;margin-bottom: 5px;}
ul:not([class]) li:before{content: '';width: 4px;height: 4px;background: #fff;position: absolute;left: 0;top: 14px;border-radius: 50%;}

.table-responsive{margin-bottom:40px;}
table{background-color: #161e2b; width:100%;}
table th{background: #171f2b !important; border: 1px solid #0b121d;font-family: 'AvenirNextLTW01Bold';}
table th, table td {padding: 20px !important;vertical-align: top !important;border: 1px solid #171f2b !important;/* background: #171f2b;*/background: #0b121d;}
table th{border-bottom-width: 2px !important;}

.code-block{position:relative;  margin:15px 0 50px !important; /*border: dashed 1px rgba(255, 255, 255, 0.25);padding: 15px;background: rgba(255, 255, 255, 0.08);*/}
/*.code-block:before{content:'Advertisement'; position:absolute; right:0; top:100%; font-size:10px; line-height:20px;}*/
.table-wrap{margin-bottom:50px;}


.post-tags a {background: rgb(255 255 255 / 15%); border-radius:50px;padding: 7px 10px;font-size: 13px;line-height:1; margin: 0 10px 10px 0;}
 .post-tags a:hover{background: rgb(255 255 255 / 20%);}

.post-nav-half{width: 40%;}

.post-nav-half a{position: relative;  font-size: 16px; line-height: 1.4;  color: rgba(255,255,255,0.8);}
.post-nav-half a:hover{color: color: rgba(255,255,255,1); text-decoration: underline;}
/*.post-nav-half.first a:before{content: 'PREV'; color: #fff; opacity: 0.5; position: absolute; top: 0; left: 0; font-size: 14px; line-height: 20px; font-weight: 400; font-family: 'AvenirNextLTW01Bold';}
.post-nav-half.last a:before{content: 'NEXT'; color: #fff; opacity: 0.5; position: absolute; top: 0; right: 0; font-size: 14px; line-height: 20px; font-weight: 400; font-family: 'AvenirNextLTW01Bold';}*/
.post-nav-half.last{text-align: right;} 

.post-nav-half:has(a:not([href])){visibility:hidden;}
/* ============================= 
! Screen size below 1201px
 ============================= */
@media only screen and (max-width: 1200px){

.container{width: calc(100% - 40px);}
.search-container{width: 260px;}
 
ul.article-listing.popular-listing{width: calc(100% + 40px); margin-left: -20px;}
ul.article-listing.popular-listing .article-list-item{ padding:20px;}
ul.service-listing .service-listing-item{width: 33.333%;}
ul.template-listing{width:calc(100% + 40px); margin-left:-20px;  }
ul.template-listing .template-list-item{padding: 20px; }

ul.article-listing.popular-listing .article-list-item,
ul.article-listing.related-article .article-list-item{width: 50%;}
.heading2 h3{font-size: 100px; margin-bottom: -50px;}
}

/* ============================= 
! Layout for ipad lanscape 
 ============================= */
@media only screen and (max-width: 1048px){
.hero-container{min-height: auto;}
.partition{margin: 100px 0;}
}

/*============================= 
! Layout for ipad portrait  
============================= */
@media only screen and (max-width: 991px){

.navbar-brand { margin: 10px 0; position: relative; z-index: 9999999;}
.header-right { position: absolute; top: 18px; right: 70px; }
.navbar-nav { background-color:transparent; color: inherit; }
.navbar-nav .nav-link, .navbar-expand-xl .navbar-nav .nav-link {line-height: 40px;}
.dropdown-menu {padding: 0;}
.dropdown-menu a {padding-left: 30px;}
.navbar-nav.sm-collapsible .sub-arrow { border: 0; margin: 0; line-height: 40px; height: 40px; top: 0; }
.navbar-nav{margin: 0;}
.navbar-collapse{height:calc(100vh - 80px);  position: fixed;background:#0b111c;width: 100%;top:80px;margin: 0;overflow-y: auto;left: auto;right: 0;z-index:-999;border: 0;box-shadow: none;  display: block !important; opacity: 0; visibility: hidden;}
.navbar-collapse.show{z-index: 999; visibility: visible; opacity:1;}
.navbar-inner{ text-align: center; opacity: 0; transition:all 0.3s ease-in 0s; transform: translateY(10px);}
.navbar-collapse.show .navbar-inner{opacity: 1; transform: translateY(0);}
.header-upper{display: none;}
.navbar{height: 80px;}
header.scrollUp{transform: translateY(-80px);}
body.open-menu header.scrollUp, body.open-search header.scrollUp{transform: translateY(0px);}
body.open-menu{overflow: hidden; height: 100vh;}
.header-right { position: fixed; top: 80px; right: 0px; left: 0;padding:10px 15px; background: #0b111c;  box-shadow: 0 5px 30px #030508; display: none;}
.search-container{width: 100%; }
.search-toggle{position: absolute; right: 65px;top: 20px; line-height: 40px;font-size: 20px;}
.search-toggle i{vertical-align: middle; line-height: 1.1;}
.main-container{display: inline-block; vertical-align: top;}
.main-content{width: 100%;}
.sidebar{width: 100%;}
.navbar-nav li{border-top: solid 1px #141d2f;}
.nav-menu2 ul.header-nav{border-top: solid 1px #141d2f;  flex-wrap: wrap; justify-content: flex-start;}
.nav-menu2 ul.header-nav li{width: 50%; padding: 0; border:solid 1px #141d2f;  border-left: 0; border-top: 0;}
.nav-menu2 ul.header-nav li a{font-size: 16px; line-height: 20px; padding: 20px 10px;}
.nav-social{border-top: solid 1px #141d2f; border-bottom: solid 1px #141d2f; margin-top: -1px;}
.nav-social .social-links{margin: 0;}
.nav-social .social-links li{width: 100%;border-right: solid 1px #141d2f; padding: 0; margin: 0; }
.nav-social .social-links li a{width: 100%; padding: 15px; line-height: 30px; font-size: 20px;}
.nav-social .social-links li:last-child{border-right:0;}
.partition{margin: 80px 0;}
.hero-content{padding: 160px 0 40px;}
ul.article-listing.popular-listing .article-list-item{width: 100%;}
ul.template-listing .template-list-item{width: 50%;}
.footer-content{flex-flow: column;}
.footer-left, .footer-right{width: 100%; text-align: center; align-items: center;}
footer .social-links, .footer-nav-box{margin-bottom: 40px;}
.post-meta.single-meta{font-size: 16px;}
ul.article-listing.related-article{width: calc(100% + 30px); margin-left: -15px;}
ul.article-listing.related-article .article-list-item{width: 100%; padding: 15px;}
.article-box{min-height: auto;}
ul.article-listing{margin-bottom: 0;}
.pagination-container{margin-bottom: 60px;}
.sidebar-ads-container{display: flex; flex-wrap: wrap;}
.ad-box{width: calc(50% - 40px); margin: 20px 20px; }
.ad-head{margin-left: -5px; margin-top: -5px;}
.article-box{background: transparent !important;}
 .heading2 h3{font-size: 75px; margin-bottom: -40px;}
}
/* =============================  
 ! Layout for mobile(lanscape) version  
 ============================= */
@media handheld, only screen and (max-width: 767px) {
.hero-content{padding-top: 140px; padding-bottom: 40px; font-size: 16px; line-height: 24px; }
.single-post .hero-content{padding-bottom: 40px;}
h1{font-size:40px;} 
h2 {font-size: 30px;}
h3 {font-size: 24px;}
h4 { font-size: 20px;}   
h5 { font-size: 18px;}
h6 { font-size: 16px;}
 

.hero-content h1{padding-right: 10%;}
.article-box{display: inline-block; vertical-align: top;}
.article-body, ul.article-listing.popular-listing .article-list-item .article-body{width: 80%; padding: 30px 40px 30px 25px; height: 100%;}
.article-head, ul.article-listing.popular-listing .article-list-item .article-head{width: 200px; height: 200px; position: relative; left: 50%; transform: translateX(-50%); margin: 0; top: -15px;}
.partition{margin: 60px 0;}
.container{width: 100%;}
.navbar-brand{margin-left: 15px;}
ul.article-listing.popular-listing{width: calc(100% + 30px); margin-left: -15px;}
ul.article-listing.popular-listing .article-list-item{padding: 15px;}
ul.template-listing{width:calc(100% + 30px); margin-left:-15px;  }
ul.template-listing .template-list-item{padding: 15px; }
.subscribe-box{text-align: center;}
.es-field-wrap{padding-right: 0; padding-bottom: 60px;}
.es_submit_button{width: 100%; top: auto; bottom: 0;  height: 60px;}
.es-field-wrap label .es_txt_email{text-align: center;}
.es_spinner_image{top: 34px; right: 15px;}
.es-field-wrap label .es_txt_email{border-radius: 20px 20px 0 0;}
.subscribe-form{border-radius: 20px !important;}
footer{padding:0 0 60px 0;  font-size: 14px;line-height: 23px;}
.mobile-slider{padding-bottom: 30px;}
.mobile-slider .slick-dots{bottom: -20px;}
.heading{flex-flow: column;}
.heading-box{text-align: center;}
.heading-icon{margin: 0 0 10px 0; font-size: 30px;}
.heading h3{font-size: 24px;}
.comment-form input[type="text"]{height: 60px;}
.comment-form textarea{height: 200px;}
.comment-form p label{font-size: 17px;}
.comment-form p{margin-bottom: 20px;}
.commentlist > li{padding: 25px;}
.comment-body{padding-left: 10px; padding-right: 0;}
.comment-body .btn{position: relative; top: auto; right: auto;}
#comments{font-size: 21px;}
.single-post .main-content{margin-bottom: 40px;}
.mob-ul-mb-0 ul:not([class]){margin-bottom:0}
	
.table-wrap{margin-bottom:40px;}
.table-wrap table, .table-wrap thead, .table-wrap tbody, .table-wrap th, .table-wrap td, .table-wrap tr{display:block;}
.table-wrap thead tr{position:absolute;top:-9999px;left:-9999px;}
.table-wrap td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:50%!important;white-space:normal;text-align:left;}
.table-wrap td:before{position:absolute;top: 50%;left:15px;width: 35%; text-align:left;font-weight: normal;font-size: 16px;line-height: 20px;transform: translateY(-50%); opacity:0.8;}
  
.table-wrap td:before{content:attr(data-title);}
.table tbody tr{border-top:1px solid #ddd;}
.table tbody tr td{border:none;}
.table-wrap tbody tr td{padding-top:7px  !important;padding-bottom:7px  !important;}

.table-wrap tbody tr td:first-child{padding-top:20px !important;}
.table-wrap tbody tr td:last-child{padding-bottom:20px !important;}
.table-wrap tbody tr:nth-child(even) td{background:#171f2b !important}

.heading2 h3{font-size: 50px; margin-bottom: -20px;}
}

@media (max-width: 575.98px){
.post-meta{justify-content: center; flex-flow: column; white-space: nowrap;}
.post-meta .divide{display: none;}
.post-category{margin: 0;} 
.post-meta.single-meta{flex-wrap: wrap;display: flex;flex-flow: wrap;justify-content: flex-start;}
.post-meta.single-meta > div{width: 50%; padding-right: 10px; margin: 0 0 10px 0;}
.hero-bg{width: 100%; opacity: 0.4;}
.post-bg{ opacity: 0.4;} 
.article-body, ul.article-listing.popular-listing .article-list-item .article-body{width: 80%;padding: 30px 0px 30px 20px; height: 100%;}
.footer-nav{flex-flow: column;}
.sidebar-ads-container{justify-content: center;}
.ad-box{width: 100%; margin: 30px 0;}
.sponsor-ads-item{padding: 15px;width: 50%;text-align: center;}
.link{font-size: 18px;}
.link i{font-size: 13px;}
.footer-nav li{margin-left: 0;}
.hide-on-mobile{display: none;}
.comment-respond{padding: 0 4px;}
.btn.btn-lg {padding: 15px 40px !important;font-size: 20px;line-height: 30px;}

}

/* ============================= 
 ! Layout for mobile(portrait) version  
 ============================= */
@media only screen and (max-width: 479px) {
}

/* --------------------------------------------------------------
--------------------- 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{background:#fff; border:1px solid #f0f0f0; max-width:96%; /* Image does not overflow the content area */
 padding:5px 3px 10px; text-align:center; }
.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:98.5%; padding:0; width:auto; }
.wp-caption p.wp-caption-text{font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; }
/* Text meant only for screen readers. */
.screen-reader-text{border:0; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute !important; width:1px; word-wrap:normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus{background-color:#eee; clip:auto !important; clip-path:none; color:#444; display:block; font-size:1em; height:auto; left:5px; line-height:normal; padding:15px 23px 14px; text-decoration:none; top:5px; width:auto; z-index:100000; /* Above WP toolbar. */
}
.edit-post-link, .edit-post-link:focus, .edit-post-link:hover{position:fixed;bottom:0px;left:0px;z-index: 99999;width:auto;line-height: 20px;background: #61aec7;box-shadow: 1px -1px 12px rgba(0,0,0,0.2) !important;text-align:center;font-size: 13px;/* padding: 12px; */border-radius: 0%;width: 50px;height: 50px;line-height: 50px;font-size: 20px;color: #fff;}




/* css for posts */
.change-to-grayscale:hover{filter: gray; filter: grayscale(100%);}
.change-to-color{filter: gray; filter: grayscale(100%);}
.change-to-color:hover{filter: none;; filter: grayscale(0%);}
.with-transition{transition: all 0.3s ease-in;}