@import url('../twentyseventeen/style.css');
/*
Theme Name: Twenty Seventeen Child
Template: twentyseventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen 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: 3.8
Tested up to: 6.7
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
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, block-patterns

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.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
	scroll-behavior: smooth;	
}
body{
	font-family: "Poppins", sans-serif;
	font-size: 15px;
}
::placeholder{
	font-family: "Poppins", sans-serif;
}
.site-header {
    background-color: transparent;
}
.wrap {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
.navigation-top .wrap {
        padding: 0;
        max-width: 100%;
    }
.page-one-column .panel-content .wrap {
        max-width: 100%;
    }
.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {
    border-top: 1px solid transparent;
}
.site-branding {
        padding: 0;
 }
.header-section-top {
    width: 100%;
    padding: 10px 80px 8px;
    float: left;
    border-bottom: 1px solid #e9e9e9;
    font-size: 13px;
    font-weight: 500;
}
.home .header-section-top{
	background: transparent!important;
	color: #000000!important;
}
.home .header-section-top ul li a{
	color: #000000!important;
}
.page .header-section-top, .archive .header-section-top, .error404 .header-section-top{
	background: #000000;
	color: #ffffff;
}
.page .header-section-top ul li a, .archive .header-section-top ul li a, .error404 .header-section-top ul li a {
    color: #ffffff;
}
.header-top {
    width: 33.33%;
    float: left;
}
.header-top ul, .header-top p {
    margin: 0;
}
.header-top ul li {
    display: inline-block;
}
.header-top p {
    text-align: center;
}
.header-right ul {
    text-align: right;
}
.header-right ul li a {
    padding-left: 8px;
}
.header-top ul li:last-child {
    padding-left: 12px;
}
.middle-nav-section {
    width: 100%;
    padding: 8px 80px 0;
    float: left;
	line-height: 80px;
}
.social-icon {
    width: 33.33%;
    float: left;
    line-height: 136px;
}
.logo {
    width: 33.33%;
    float: left;
    text-align: center;
	max-height: 136px;
}
.logo a {
    padding: 0;
}
.custom-logo-link img {
    max-height: 136px;
}
.custom-search {
    width: 33.33%;
    float: left;
	 line-height: 136px;
}
.search-form {
    position: relative;
    margin: 46px 0 48px;
    margin-left: 100px;
}
.search-form .search-submit .icon {
    height: 18px;
    top: -3px;
    width: 18px;
}
.search-form input[type="search"]{
	padding: 0.5em;
}
.search-form .search-submit {
    bottom: 3px;
    padding: 0.5em .75em;
    position: absolute;
    right: 3px;
    top: 3px;
    background: linear-gradient(90deg, #5b8380, #af5f56);
}
.navigation-top {
    background: #fff;
    border-bottom: 1px solid #e9e9e9;
    border-top: 1px solid transparent;
    padding: 0 80px;
}
.main-navigation ul{
	text-align: center;
}
.main-navigation a:after {
    content: "";
    height: 2px;
    background: #af5f56;
    display: block;
    width: 0;
	transition: all 0.6s;
}
.main-navigation a:hover::after{
	width: 100%;
	transition: all 0.6s;
}
.main-navigation a:hover {
    color: #5b8380;
}
.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {
    color: #5b8380;
}
.navigation-top .current-menu-item > a:after, .navigation-top .current_page_item > a:after {
    content: "";
    height: 2px;
    background: #af5f56;
    width: 100%;
}
.main-navigation a {
        padding: 1em 1.25em;
        text-transform: uppercase;
 }
    .main-navigation ul ul a {
        padding: 0.75em .75em;
        width: 16em;
        text-align: left;
    }
.main-navigation li li.focus > a, .main-navigation li li:focus > a, .main-navigation li li:hover > a, .main-navigation li li a:hover, .main-navigation li li a:focus, .main-navigation li li.current_page_item a:hover, .main-navigation li li.current-menu-item a:hover, .main-navigation li li.current_page_item a:focus, .main-navigation li li.current-menu-item a:focus {
        color: #5b8380;
    }
.main-navigation li li:hover, .main-navigation li li.focus {
        background: transparent;
    }
.main-navigation li li {
        display: block;
        border-bottom: 1px solid #bbb;
    }


.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.comment-content a:focus,
.comment-content a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
	color: #000;
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 1);
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 1);
}
.entry-content a, .entry-summary a, .comment-content a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {
    -webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
    box-shadow: inset 0 0 0 rgba(15, 15, 15, 1);
    -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}
a:focus, a:hover, a:active, a:visited, a:link{
	outline: none;	
}
.site-footer{
	margin-top: 0;
	background: #af5f56;
	padding: 0 80px;
	border-top: 0 solid #eee;
}
.site-footer .wrap {
    padding-bottom: 0;
    padding-top: 0;
}
.site-footer .widget-area {
    padding-bottom: 0;
    padding-top: 0;
}
.site-footer .widget-column.footer-widget-1 {
        float: left;
        width: 40%;
    }
.site-footer .widget-column.footer-widget-2 {
        float: left;
        width: 25%;
    }
.site-footer .widget-column.footer-widget-3 {
        float: left;
        width: 35%;
    }
.widget-column.footer-widget-1, .widget-column.footer-widget-2 {
    padding-right: 48px;
}
.widget-column.footer-widget-1 p {
    color: rgba(255, 255, 255, 0.7);
    font-size: 15px;
    line-height: 1.75;
}
.site-info {
        float: left;
        padding: 0;
        width: 100%;
        margin-bottom: 0;
    }
.site-info p {
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    padding: 24px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.footer-social ul {
    text-align: center !important;
    padding: 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    margin-bottom: 40px;
}
.footer-social ul.cnss-social-icon li.cn-fa-icon a {
    background-color: #af5f56 !important;
    width: 48px !important;
    height: 48px !important;
	margin: 0 36px !important;
}
.footer-social ul li a i {
    font-size: 20px !important;
    height: 42px;
    width: 42px;
    border: 1px solid rgba(255, 255, 255, 0.5);
	color: rgba(255, 255, 255, 0.7);
    padding: 10px;
    border-radius: 100%;
}
.footer-social ul li a:hover i{
	color: #af5f56;
} 
.site-footer .widget-column h2 {
    color: rgba(255, 255, 255, 0.7);
    font-weight: 700;
    position: relative;
    margin: 0;
}
.site-footer .widget-column h2:before {
    content: "";
    height: 3px;
    background: #5b8380;
    display: block;
    width: 79px;
    bottom: -5px;
    left: 0;
    position: absolute;
}
.site-footer .widget-column h2:after {
    content: "";
    background: #5b8380;
    height: 3px;
    width: 5px;
    display: block;
    left: 85px;
    position: absolute;
    bottom: -5px;
}
.widget ul li, .widget ol li {
    border-bottom: none;
    border-top: none;
    padding: 0.5em 0;
	position: relative;
}
.widget ul li:before {
    content: "\f105";
	font-family: 'FontAwesome';
    font-size: 12px;
    position: absolute;
    top: 9px;
    left: 0;
    color: rgba(255, 255, 255, 0.7);
}
.widget ul li a, .widget ol li a {
    color: rgba(255, 255, 255, 0.7);
    padding-left: 15px;
}
.widget ul li a, .site-footer .widget-area ul li a, .site-footer .widget-area ul li a{
	box-shadow: inset 0 0 0 rgba(255, 255, 255, 1);
}
.widget-column.footer-widget-3 .widget_text {
    padding: 0;
}
.widget-column.footer-widget-3 p {
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 15px;
    line-height: 1.75;
}
.emaillist input[type="email"]{
	padding: 0.5em;
    width: 80%;
}
.emaillist input[type="email"]::placeholder, .search-form input[type="search"]::placeholder{
	opacity: 0.7;
	font-size: 14px;
}
.emaillist input[type="submit"]{
    background-color: #5b8380;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px!important;
    font-weight: 600;
    line-height: 1;
    padding: 1em;
    text-transform: uppercase;	
}
.emaillist input[type="submit"]:hover{
	background: #000000;
}
.es_subscription_message.success {
    color: #00ff00a8;
    font-size: 16px;
    display: block;
    padding-top: 20px;
    font-weight: 600;
}
.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
.entry-content a img, .comment-content a img, .widget a img {
    -webkit-box-shadow: 0 0 0 0 #fff;
    box-shadow: 0 0 0 0 #fff;
}
.panel-content .wrap {
        padding-bottom: 0;
        padding-top: 0;
}
.recent-blog-section {
    padding: 2.5em 80px 1.5em;
    margin-bottom: 0;
}
.recent-blog-right .sp_wpspwpost_slider.wpspw-design-1 .wpspw-post-image-bg{
	height: 427px;	
}
.recent-blog-right .wpspw-medium-8 {
        width: 100%;
}
a.wpspw-readmorebtn {
   background-color: #5b8380;
    font-size: 14px !important;
    font-weight: 500;
    text-transform: uppercase;
    border: 0 solid rgb(255, 255, 255) !important;
    padding: 8px 12px !important;
}
.sp_wpspwpost_slider.wpspw-design-1 .wpspw-readmorebtn, .sp_wpspwpost_static.wpspw-design-1 .wpspw-readmorebtn{
	color: #fff !important;
	text-shadow: 0px 0px 0 rgb(0, 0, 0);
    margin: 8px 0 8px !important;
    transition: 0.4s ease-in;
    border-radius: 3px;
}
.sp_wpspwpost_slider.wpspw-design-1 .wpspw-readmorebtn:hover {
    transition: 0.4s ease-in;
    background: #af5f56;
}
.sp_wpspwpost_static.wpspw-design-1 .wpspw-readmorebtn:hover {
    transition: 0.4s ease-in;
    background: #af5f56;
    color: #ffffff !important;
}
.recent-blog-right .sp_wpspwpost_static h2, .sp_wpspwpost_slider h2 {
    font-weight: 500;
}
.recent-blog-right .sp_wpspwpost_slider h2.wpspw-post-title a {
    font-size: 28px !important;
    line-height: 36px !important;
}

.recent-blog-left .wpspw-post-grid.wpspw-medium-12.wpspw-columns:first-child {
    display: none;
}
.recent-blog-left .sp_wpspwpost_static.wpspw-grid-1 .wpspw-post-image-bg {
    height: 88px;
    width: 22%;
    float: right;
    border-radius: 100%;
}
.recent-blog-left .sp_wpspwpost_static.wpspw-design-2 .wpspw-post-details-wrapper {
    width: 72%;
    float: left;
    background: transparent;
    padding: 0;
    box-sizing: border-box;
}
.recent-blog-left .sp_wpspwpost_static h2 {
    margin: 0 !important;
    line-height: 16px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.recent-blog-left .sp_wpspwpost_static h2.wpspw-post-title a {
    font-size: 15px !important;
    line-height: 24px !important;
    font-weight: 500;
}
.recent-blog-left .sp_wpspwpost_static.wpspw-design-2 .wpspw-post-title a {
    color: #5b8380;
}
.recent-blog-left .wpspw-post-grid {
	margin-bottom: 18px;
}
.recent-blog-left .wpspw-post-grid:last-child{
	margin-bottom: 0;
}
.sp_wpspwpost_static.wpspw-design-2 .wpspw-post-title a:hover {
    color: #af5f56;
}
.recent-blog-left .sp_wpspwpost_static.wpspw-design-2 .wpspw-post-image-bg .wpspw-post-date{
	background: rgba(0, 0, 0, 0.6);
}
.recent-blog-left .sp_wpspwpost_static.wpspw-design-2 .wpspw-post-grid-content:hover .wpspw-post-image-bg .wpspw-post-date {
    text-align: center;
	font-weight: 500;
}
.recent-blog-left h2.wp-block-heading {
    color: #af5f56;
    font-weight: 700;
    font-size: 32px;
    margin: 0;
    padding: 0 0 18px;
    line-height: normal;
}
.category-section {
    padding: 2.5em 80px 0;
	margin: 0;
}
.sports-category-left .wpspw-post-grid.wpspw-medium-12.wpspw-columns:nth-child(1), .sports-category-left .wpspw-post-grid.wpspw-medium-12.wpspw-columns:nth-child(2), .sports-category-left .wpspw-post-grid.wpspw-medium-12.wpspw-columns:nth-child(3), .sports-category-left .wpspw-post-grid.wpspw-medium-12.wpspw-columns:nth-child(4) {
    display: none;
}
.sports-category-heading h2.wp-block-heading, .travel-category-heading h2.wp-block-heading, .technology-category-heading h2.wp-block-heading  {
    color: #af5f56;
    font-weight: 700;
    font-size: 32px;
    margin: 0;
    padding: 0;
    line-height: normal;
    text-transform: uppercase;
    border-bottom: 5px solid #5b8380;
}
.sports-category-view-all p a, .travel-category-view-all p a, .technology-category-view-all p a {
    background: #af5f56;
    color: #fff;
    padding: 12px 18px;
    font-size: 18px;
    font-weight: 500;
    display: block;
    text-align: center;
    text-transform: uppercase;
    border-radius: 25px 0;
	transition: all 0.4s;
}
.sports-category-view-all p a:hover, .travel-category-view-all p a:hover{
	background: #5b8380;
	color: #fff;
	transition: all 0.4s;
}
.sports-category-right .sp_wpspwpost_static.wpspw-design-1 .wpspw-post-grid-content, .sports-category-left .sp_wpspwpost_static.wpspw-design-1 .wpspw-post-grid-content {
    border: 0 solid #fff;
}
.sp_wpspwpost_static.wpspw-design-1 .wpspw-post-grid-content .wpspw-post-title, .sp_wpspwpost_static.wpspw-design-1 .wpspw-post-grid-content .wpspw-post-date{
	padding: 0;
}
.sports-category-right .sp_wpspwpost_static.wpspw-design-1 .wpspw-post-grid-content h2:hover a {
    color: #af5f56;
}
.sports-category-left .sp_wpspwpost_static.wpspw-design-1 .wpspw-post-grid-content h2:hover a {
    color: #af5f56;
}
.sports-category-right .sp_wpspwpost_static h2.wpspw-post-title a {
    font-size: 16px !important;
    line-height: 18px !important;
    font-weight: 500;
}
.sports-category-left .sp_wpspwpost_static h2.wpspw-post-title a {
    font-size: 14px !important;
    line-height: 26px !important;
    font-weight: 500;
	display: block;
}
.sports-category-left .sp_wpspwpost_static.wpspw-design-1 .wpspw-post-image-bg {
    background: #f1f1f1;
    height: 120px;
    margin-bottom: 0;
    line-height: 0;
    overflow: hidden;
    position: relative;
    width: 30%;
    float: left;
    margin-right: 20px;
}
.sports-category-left .sp_wpspwpost_static.wpspw-design-1 .wpspw-post-grid-content .wpspw-post-title {
    display: contents;
    padding: 0;
}
.travel-category-top .sp_wpspwpost_static h2.wpspw-post-title a {
    font-size: 16px !important;
    line-height: 18px !important;
    font-weight: 500;
}
.travel-category-top .sp_wpspwpost_static.wpspw-design-1 .wpspw-post-grid-content, .travel-category-bottom .sp_wpspwpost_static.wpspw-design-1 .wpspw-post-grid-content, .technology-category-bottom .sp_wpspwpost_static.wpspw-design-1 .wpspw-post-grid-content {
    border: 0 solid #fff;
}
.travel-category-bottom .wpspw-post-grid.wpspw-medium-4.wpspw-columns:nth-child(1), .travel-category-bottom .wpspw-post-grid.wpspw-medium-4.wpspw-columns:nth-child(2), .travel-category-bottom .wpspw-post-grid.wpspw-medium-4.wpspw-columns:nth-child(3){
    display: none;
}
.travel-category-bottom .sp_wpspwpost_static.wpspw-design-1 .wpspw-post-image-bg, .technology-category-bottom .sp_wpspwpost_static.wpspw-design-1 .wpspw-post-image-bg {
    background: #f1f1f1;
    height: 120px;
    margin-bottom: 0;
    line-height: 0;
    overflow: hidden;
    position: relative;
    width: 30%;
    float: left;
    margin-right: 20px;
}
.travel-category-bottom .sp_wpspwpost_static.wpspw-design-1 .wpspw-post-grid-content .wpspw-post-title, .technology-category-bottom .sp_wpspwpost_static.wpspw-design-1 .wpspw-post-grid-content .wpspw-post-title{
	display: contents;	
}
.travel-category-bottom .sp_wpspwpost_static h2.wpspw-post-title a, .technology-category-bottom .sp_wpspwpost_static h2.wpspw-post-title a {
    font-size: 14px !important;
    line-height: 26px !important;
    font-weight: 500;
    display: block;
}
.wpspw-post-date {
    text-transform: capitalize;
    color: #a3a3a3;
    font-size: 12px;
    font-weight: 500;
	display: inline-block;
}
p.read-time {
    margin: 0;
    padding: 0;
    text-transform: capitalize;
    color: #a3a3a3;
    font-size: 13px;
    font-weight: 400;
    display: inline-block;
}
.category-section-last {
    padding-bottom: 2.5em;
}
.site-content {
      padding: 0;
 }
.custom-template {
    width: 100% !important;
    padding: 0 80px 40px;
}
.custom-category {
    width: 100%;
    float: left;
    margin-bottom: 32px;
}
.custom-image {
    width: 30%;
    float: left;
}
.custome-contnet {
    width: 70%;
    float: right;
    padding-left: 30px;
}
.custom-template .page-header {
    padding: 0;
}
.custom-template h1.page-title {
    text-align: center;
    text-transform: capitalize;
    font-weight: 600 !important;
    letter-spacing: normal;
    padding: 16px 0;
    margin: 32px 0 48px;
    background: linear-gradient(90deg, #5b8380, #af5f56);
    color: transparent;
    border-radius: 5px;
    font-size: 32px;
    position: relative;
}
.custom-template h1.page-title span{
	color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
	width: 100%;
    transform: translate(-50%, -50%);
}
.custome-contnet h2 {
    margin: 0;
    color: #222222;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5;
    padding-bottom: 8px;
}
.custome-contnet p {
    line-height: 1.75;
    padding-top: 8px;
    margin: 0;
}
.custome-contnet small {
    font-size: 80%;
    color: #a3a3a3;
    font-weight: 400;
}
.custome-contnet small a{
	color: #5b8380;
}
.custome-contnet small a:hover{
	color: #af5f56;
}
.custom-image img {
    border-radius: 5px;
    min-height: 245px;
}
.custome-contnet h2:hover a {
    color: #af5f56;
}
p.link-more a {
    color: #5b8380;
	position: relative;
	font-weight: 500;
}
p.link-more:hover a {
    color: #af5f56;
}
p.link-more a::after {
    content: "\f30b";
    font-family: fontawesome;
    display: inline-block;
    position: absolute;
    top: 0;
    right: -20px;
}
.pgntn-page-pagination-intro, .pgntn-page-pagination a, .pgntn-page-pagination .current {
    display: inline-block;
    text-align: center;
    margin-left: 0.2rem!important;
    margin-bottom: 0!important;
    padding: 5px 12px!important;
}
span.page-numbers.current {
    background: linear-gradient(90deg, #5b8380, #af5f56);
    color: #fff !important;
}
.prev.page-numbers, .next.page-numbers {
    background-color: #ddd;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    padding: 8px 12px!important;
    background: linear-gradient(90deg, #5b8380, #af5f56);
    color: #fff !important;
}
.pgntn-page-pagination-block .next:hover, .prev.page-numbers:hover {
    color: #fff !important;
	background: #000000!important;
}
section.error-404.not-found {
    padding: 3.5em 80px 7.5em;
}
header.custom-page-header h1 {
    text-align: center;
    font-size: 36px;
    letter-spacing: normal;
    text-transform: inherit;
    padding: 32px 0 0;
}
.custom-page-content p {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}
.custom-page-content form {
    width: 50%;
    margin: 0 auto;
}
.has-sidebar:not(.error404) #primary {
     float: left;
     width: 70%;
}
.has-sidebar #secondary {
	float: right;
	padding-top: 0;
    width: 28%;
 }
.wrap.search-page {
    padding: 3.5em 80px 0;
}
.search-no-results .search-form {
    position: relative;
    margin: 40px 0 48px;
    margin-left: 0;
    margin-right: 15%;
}
.search-page h1.page-title {
    text-align: center;
    text-transform: inherit;
    font-weight: 600 !important;
    letter-spacing: normal;
    padding: 16px 0;
    margin: 0 0 18px;
    background: linear-gradient(90deg, #5b8380, #af5f56);
    border-radius: 5px;
    font-size: 32px;
    color: #fff;
}
.search-page h2.entry-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin: 0;
	padding-top: 12px;
}
.search-page h2.entry-title:hover a {
    color: #af5f56;
}
.wrap.search-page time {
    font-size: 100%;
    color: #a3a3a3;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 0;
}
.search-page p{
	line-height: 1.75;
}
.widget_search h2{
 font-weight: 700;
    text-align: left;
    font-size: 32px;
    letter-spacing: normal;
    text-transform: inherit;
    margin: 0;
}
.widget_search .search-form {
    position: relative;
    margin: 20px 0 48px;
    margin-left: 0;
}

.custom-post {
    padding: 3.5em 80px 0;
}
.single-featured-image-header{
	display: none;
}
.custom-post div#primary {
    width: 100% !important;
}
.custom-post section#search-2{
	display: none!important;
}
.custom-post header.entry-header {
    text-align: center;
}
.custom-post .entry-meta, p.custom-post-reading {
    letter-spacing: 0;
    text-transform: capitalize;
    font-size: 90%;
    color: #a3a3a3;
    font-weight: 500;
    display: inline-block;
}
.custom-post .site-main h1 {
    font-size: 36px;
    color: #2b2b2b;
    font-weight: 700;
    margin: 0;
    padding: 0 24px 12px;
    line-height: 1.3;
    vertical-align: baseline;
    position: relative;
    text-align: center;
    letter-spacing: -.5px;
}
.custom-post .site-main h2 {
    font-size: 32px;
    color: #2b2b2b;
    font-weight: 700;
    margin: 0;
    padding: 0 0 10px;
    line-height: 1.3;
    vertical-align: baseline;
    position: relative;
}
.custom-post .site-main h3 {
    font-size: 28px;
    color: #2b2b2b;
    font-weight: 700;
    margin: 0;
    padding: 0 0 10px;
    line-height: 1.3;
    vertical-align: baseline;
    position: relative;
}
.custom-post .site-main h4 {
    font-size: 24px;
    color: #2b2b2b;
    font-weight: 700;
    margin: 0;
    padding: 0 0 10px;
    line-height: 1.3;
    vertical-align: baseline;
    position: relative;
}
.custom-post h5, .custom-post .site-main h6  {
    font-size: 20px;
    color: #2b2b2b;
    font-weight: 700;
    margin: 0;
    padding: 0 0 10px;
    line-height: 1.3;
    vertical-align: baseline;
    position: relative;
	letter-spacing: normal;
    text-transform: inherit;
}
.custom-post p{
	line-height: 1.75;
    margin: 0;
    padding-bottom: 12px;
}
.custom-post .site-main ul {
    list-style: none;
}
.custom-post .site-main ul li {
    position: relative;
    line-height: 1.5;
    padding: 5px 0 5px 18px;
}
.custom-post .site-main ul li:before {
    content: "\f101";
    font-family: 'FontAwesome';
    color: #af5f56;
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 8px;
}
.related-posts h3 {
    margin-top: 32px !important;
    font-size: 32px !important;
}
.related-posts h3:after {
    content: '';
    border: 1px solid #e3e3e3;
    display: block;
    position: absolute;
    right: 0;
    width: 75%;
    top: 45%;
    transform: translate(0, -50%);
}
ul.related-posts-list li::before{
	display: none!important;	
}
ul.related-posts-list li {
    padding: 0 !important;
    width: 50%;
    float: left;
    margin-top: 20px;
}
ul.related-posts-list li .thumb {
    max-width: 25%;
    float: left;
    margin-right: 10px;
}
ul.related-posts-list li h4 {
    display: contents;
    font-size: 16px !important;
    float: right;
    font-weight: 600 !important;
}
ul.related-posts-list li h4:hover {
    color: #af5f56;
	text-decoration: underline!important;
}
.comments-area h2 {
    font-size: 16px !important;
    padding-bottom: 32px !important;
}
.comment-body {
        margin-left: 0;
        padding-left: 64px;
  }
.comment-metadata time {
    font-weight: 500;
    letter-spacing: normal;
    font-size: 12px;
    text-transform: capitalize;
    margin: 0;
}
.comment-content p {
    line-height: 1.75;
}
figure {
    margin: 0 0 2em;
}
.entry-meta a {
    color: #a3a3a3;
}
p.comment-form-comment textarea {
    max-height: 100px;
    resize: vertical;
}
.form-submit input[type="submit"]{
	background: linear-gradient(90deg, #5b8380, #af5f56);
	font-weight: 600;
}
.post-navigation {
    font-weight: 800;
    margin: 1.5em 0;
}
.nav-links .nav-title {
	position: relative;
	font-weight: 600;
}
label {
    font-weight: 600;
}





@media screen and (min-width:320px) and (max-width: 767px){
	
	.mobmenu-content .menu-top-menu-container {
    width: 100%;
    float: left;
}
#mobmenuright li a, #mobmenuright li a:visited, #mobmenuright .mobmenu-content h2, #mobmenuright .mobmenu-content h3, .mobmenu-left-panel .mobmenu-display-name {
    border-bottom: 1px solid #dbdbdb!important;
}	
	.mobmenu-content li > .sub-menu li {
    padding-left: 0!important;
    background: #f7f7f7;
}
	.mobmenu-content #mobmenuright .sub-menu a {
    color: #666!important;
}
	.mobmenu-content #mobmenuright .sub-menu a:focus {
    color: #666;
}
	.menu-top-menu-container ul {
    float: left;
    width: 100%;
}
	.mobmenu-content #mobmenuright .sub-menu a:hover, .mobmenu-content #mobmenuright .sub-menu a:focus {
    color: #fff!important;
	background: #666!important;
}
	.mobmenu-content li a{
		padding: 10px 10px!important;
	}
	.mob-expand-submenu i {
    font-size: 18px!important;
}
.wrap {
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px
	}
	.recent-blog-section{
		padding: 1em 0 1.5em;
	}
	.recent-blog-right .sp_wpspwpost_slider h2.wpspw-post-title a {
    font-size: 20px !important;
    line-height: 28px !important;
}
	.recent-blog-left .sp_wpspwpost_static.wpspw-grid-1 .wpspw-post-image-bg {
    height: 62px;
}
	.recent-blog-left .sp_wpspwpost_static.wpspw-design-2 .wpspw-post-grid-content:hover .wpspw-post-image-bg .wpspw-post-date {
    text-align: center;
    font-size: 9px;
}
	.recent-blog-left .sp_wpspwpost_static h2.wpspw-post-title a {
    font-size: 14px !important;
}
	.category-section {
    padding: 1.5em 0 0;
}
	.sports-category-view-all p a, .travel-category-view-all p a, .technology-category-view-all p a {
    padding: 8px 18px;
    font-size: 16px;
	}
	.sports-category-right .sp_wpspwpost_static h2.wpspw-post-title a, .travel-category-top .sp_wpspwpost_static h2.wpspw-post-title a {
    font-size: 14px !important;
	line-height: 24px !important;	
}
	.sports-category-left .sp_wpspwpost_static.wpspw-design-1 .wpspw-post-image-bg, .travel-category-bottom .sp_wpspwpost_static.wpspw-design-1 .wpspw-post-image-bg, .technology-category-bottom .sp_wpspwpost_static.wpspw-design-1 .wpspw-post-image-bg{
		height: 75px;
		margin-bottom: 56px;
	}
	.site-footer {
		padding: 0px;
	}
	.footer-social ul li a i {
    font-size: 14px !important;
    height: 36px;
    width: 36px;
}
	.footer-social ul.cnss-social-icon li.cn-fa-icon a {
    margin: 0 5px !important;
}
	.site-footer .widget-column.footer-widget-1, .site-footer .widget-column.footer-widget-2, .site-footer .widget-column.footer-widget-3 {
    width: 100%;
}
	.widget-column.footer-widget-1, .widget-column.footer-widget-2 {
    padding-right: 0;
}
	form[data-form-id="3"] .es-form-field-container {
        padding-right: 0!important;
        padding-left: 0!important;
    }
	.emaillist input[type="email"] {
    padding: 0.5em;
    width: 100%;
}
	.widget {
    padding-bottom: 2em;
}
	.site-info p {
    padding: 12px 0;
}
	.widget-column.footer-widget-1 p, .widget ul li, .widget ol li {
    font-size: 14px;
}
	.custom-post .site-main h1 {
    font-size: 26px;
    padding: 0 0 12px;
	line-height: 1.5;
}
	.custom-post .site-main h2 {
		font-size: 24px;
	}
	.custom-post h5, .custom-post .site-main h6 {
    line-height: 1.5;
}
	.custom-post .entry-meta, p.custom-post-reading {
		font-size: 70%;
	}
	.related-posts h3 {
    margin-top: 28px !important;
    font-size: 28px !important;
}
	.related-posts h3:after{
		width: 20%;
	}
	ul.related-posts-list li {
		width: 100%;
	}
	ul.related-posts-list li h4 {
		font-size: 14px !important;
		font-weight: 500 !important;
	}
	ul.related-posts-list li .thumb {
    margin-bottom: 8px;
}
	.custom-template, .wrap.search-page {
    width: 100% !important;
    padding: 12px 12px 40px;
}
	.custom-image {
    width: 100%;
    float: left;
}
	.custome-contnet {
    width: 100%;
    float: right;
    padding-left: 0;
    padding-top: 12px;
}
.custome-contnet small {
    font-size: 72%;
}
	section.error-404.not-found {
    padding: 3.5em 0 7.5em;
}
	.custom-page-content form {
    width: 100%;
    margin: 0 auto;
}
	header.custom-page-header h1 {
		font-size: 28px;
	}
	.custom-page-content p {
		font-size: 16px;
	}
	.search-form .search-submit .icon {
    top: 0;
}
.search-page h1.page-title {
    padding: 16px 6px;
    font-size: 24px;
	margin: 40px 0;
}
	.has-sidebar:not(.error404) #primary {
    float: left;
    width: 100%;
}
	.has-sidebar #secondary {
    float: right;
    padding-top: 0;
    width: 100%;
}
	.custom-template h1.page-title {
    padding: 16px 6px;
    font-size: 28px;
}
	.search-no-results .search-form {
    margin-right: 0;
}
.comments-area h2 {
    font-size: 16px !important;
    padding-bottom: 32px !important;
    line-height: 1.5 !important;
}

}

@media screen and (min-width: 360px) and (max-width: 767px) {
    .recent-blog-left .sp_wpspwpost_static.wpspw-grid-1 .wpspw-post-image-bg {
        height: 70px;
    }
}
@media screen and (min-width: 375px) and (max-width: 767px) {
    .recent-blog-left .sp_wpspwpost_static.wpspw-grid-1 .wpspw-post-image-bg {
        height: 80px;
    }
}
@media screen and (min-width: 414px) and (max-width: 767px) {
    .recent-blog-left .sp_wpspwpost_static.wpspw-grid-1 .wpspw-post-image-bg {
        height: 84px;
    }
}



@media screen and (min-width:768px) and (max-width: 1024px){
	
		.mobmenu-content .menu-top-menu-container {
    width: 100%;
    float: left;
}
#mobmenuright li a, #mobmenuright li a:visited, #mobmenuright .mobmenu-content h2, #mobmenuright .mobmenu-content h3, .mobmenu-left-panel .mobmenu-display-name {
    border-bottom: 1px solid #dbdbdb!important;
}	
	.mobmenu-content li > .sub-menu li {
    padding-left: 0!important;
    background: #f7f7f7;
}
	.mobmenu-content #mobmenuright .sub-menu a {
    color: #666!important;
}
	.mobmenu-content #mobmenuright .sub-menu a:focus {
    color: #666;
}
	.menu-top-menu-container ul {
    float: left;
    width: 100%;
}
	.mobmenu-content #mobmenuright .sub-menu a:hover, .mobmenu-content #mobmenuright .sub-menu a:focus {
    color: #fff!important;
	background: #666!important;
	}
}