/*
Theme Name: Democore
Theme URI: https://themepoints.com/democore
Author: democore
Author URI: https://themepoints.com
Description: Themepoints design & devlop high quantity WordPress Themes & plugins.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: democore

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.
#
Demo Core is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/* --------------------------------------------------------
Table of Index
-----------------------------------------------------------

1. Base CSS
2. Header CSS
3. Slider CSS
4. Maincontent CSS
5. Sidebar CSS
6. Footer CSS
7. Page CSS
8. Comments CSS
9. Contact CSS
10. 404 CSS
11. Preloader CSS
12. Colors CSS
*/

/* Base CSS */

html, 
body {
  overflow-x: hidden;
}

body {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  background:#f3f3f3;
  color: #282828;
  line-height: 26px;
}
.img {
  max-width: 100%;
  transition: all 0.3s ease-out 0s;
}
.fix {
  overflow: hidden
}
a,
.button {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
a:focus,
.btn:focus,
.button:focus {
  text-decoration: none;
  outline: none;
  box-shadow: none;
}

button:focus,input:focus,input:focus,textarea,textarea:focus{
  outline: 0
}
.mbf-30{
  margin-bottom:30px
}
.floatleft { 
  float: left 
}
.floatright { 
  float: right 
}
.alignleft {
    float: left;
    margin-right: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
}
.aligncenter {
    display: block;
    margin: 0 auto 15px;
}
a:focus { 
  outline: 0 solid 
}
img {
    max-width: 100%;
    height: auto;
}
.fix { overflow: hidden }
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: 700;
}
a {
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #242424;
}
a:hover { 
    text-decoration: none 
}
table {
    width: 100%;
}
table th {
    color: #333;
    font-weight: 500;
}
th,
td {
    border: 0.1rem solid #ddd;
    line-height: 26px;
    margin: 0;
    overflow: visible;
    padding: 0.5em;
}

label {
    display: inline-block;
    margin-bottom: 10px;
}

/* Loader 
=================*/
#loading{
  background: #ffffff;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 9999;
  margin-top: 0px;
  top: 0px;
  z-index: 9999;
}
#loading-center{
  width: 100%;
  height: 100%;
  position: relative;
}
#loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: auto;
  width: 100px;
  transform: translate(-50%,-50%);
}
.sk-double-bounce {
  width: 50px;
  height: 50px;
  position: relative;
  margin: auto;
}
.sk-double-bounce .sk-child {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #0949e6;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
            animation: sk-doubleBounce 2s infinite ease-in-out; 
}
.sk-double-bounce .sk-double-bounce2 {
    -webkit-animation-delay: -1.0s;
            animation-delay: -1.0s; 
}

@-webkit-keyframes sk-doubleBounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } 
}

@keyframes sk-doubleBounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } 
}


/* logo Area CSS */

.logo-area h1 {
    margin: 0;
    padding: 25px 0px;
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
}
.logo-area h1 a{
    text-decoration: none;
    outline: none;
    box-shadow: none;
    color:#fff;
}

/* Main Menu Area CSS */

ul.plspoint-main-menu {
  margin: 0;
  padding: 0;
}
.main-menu ul li {
  display: inline-block;
  position: relative;
  margin-left: 26px;
}
.main-menu ul li a {
  color: #ffffff;
  font-weight: 400;
  font-size: 16px;
  display: inline-block;
  padding: 24px 0;
  text-transform: capitalize;
  text-decoration: none;
  outline: none;
  box-shadow: none;
}
ul.plspoint-main-menu li:last-child a {
    background: #02316c;
    padding: 12px 30px 12px 30px;
    border-radius: 50px;
    color: #fff;
}
ul.plspoint-main-menu li:last-child a:hover {
    color: #fff;
}
ul.plspoint-main-menu li ul.submenu li:last-child a {
    background: unset;
    color: unset;
}
ul.plspoint-main-menu li ul.submenu li:last-child a:hover {
    color: unset;
}
.main-menu ul li:hover> a {
  color: #ffffff;
}
.main-menu ul li.current_page_item > a {
  color: #fff;
}
.main-menu ul li ul.submenu {
  position: absolute;
  top: 110%;
  left: 0;
  text-align: left;
  background: #fff;
  width: 220px;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  padding: 8px 0;
  box-shadow: 0px 5px 35px 2px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0px 5px 35px 2px rgba(0, 0, 0, 0.06);
}
.main-menu ul li:last-child ul.submenu {
  right: 0;
  left: auto;
}
.main-menu ul li:last-child ul ul.submenu {
  right: 0;
  left: -100%;
}
.main-menu ul li:last-child ul ul ul.submenu {
  right: 0;
  left: -100%;
}
.main-menu ul li ul.submenu li {
  margin-left: 0;
  display: block;
}
.main-menu ul li ul.submenu li:last-child {
  border-bottom: none;
}
.main-menu ul li ul.submenu li a {
  width: 100%;
  font-size: 15px;
  font-weight: 400;
  padding: 12px 16px;
}
.main-menu ul > li > ul.submenu > li:hover > a {
  padding-left: 20px;
}
.main-menu ul > li:hover > ul.submenu {
  opacity: 1;
  visibility: visible;
  top: 100%;
}
.main-menu ul ul li ul.submenu {
  top: 20% !important;
  left: -100%;
}
.main-menu ul ul li:hover ul.submenu { 
  top: 0 !important;
  left: -100%;
}
a.dropdown-toggle {
  padding-right: 5px !important;
}

/* 5. sticky-css */
.menufix-height {
  height: 68px;
}
.sticky-menu {
  left: 0;
  margin: auto;
  position: fixed;
  top: 0;
  width: 100%;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);
  background: #01e08f;
  z-index: 99999;
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
}
.admin-bar .sticky-menu {
  top: 32px;
}
.header-bg.sticky-menu {
  background: #000156;
}
.mean-container a.meanmenu-reveal {
    margin-top: -52px;
}
.mean-container a.meanmenu-reveal {
    border: 1px solid #ffffff;
    color: #ffffff;
}
.mean-container a.meanmenu-reveal span{
    background: #ffffff;
}
.logo-area {
    display: inline-block;
    float: left;
}
.main-menu-areas {
    display: inline-block;
    float: right;
}
.main-menu-areas .main-menu {
    display: inline-block;
}
.main-menu-areas .header-btn {
    display: inline-block;
    margin-left: 30px;
    position: relative;
}
.main-menu-areas .header-btn ul.sub-menu.list-unstyled {
    position: absolute;
}
.main-menu-areas .my-account-btn {
    padding: 10px 15px 10px;
    border-radius: 5px;
    padding-right: 20px;
    padding-left: 7px;
    background: #fff;
}
.main-menu-areas .my-account-btn img{
    width: 25px;
    border-radius: 50px;
}
.header-btn .children,
.header-btn .sub-menu {
    position: absolute;
    z-index: 9;
    border-radius: 0;
    border: none;
    text-align: left;
    background: #fff;
    -webkit-box-shadow: 0px 13px 25px -12px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 13px 25px -12px rgba(0, 0, 0, 0.25);
    display: block;
    left: 0px;
    opacity: 0;
    right: 0;
    top: 58px;
    padding-left: 0;
    visibility: hidden;
    min-width: 200px;
    -webkit-box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
    box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
    margin: 0;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.header-btn .children:after,
.header-btn .sub-menu:after {
    position: absolute;
    content: '';
    left: 0;
    top: -27px;
    height: 20px;
    min-width: 200px;
}
.header-btn:hover>.children,
.header-btn:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.header-btn .children li,
.header-btn .sub-menu li {
    width: 100%;
    margin-left: 0;
}
.header-btn .children li a,
.header-btn .sub-menu li a {
    display: block;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.header-btn .children li a, 
.header-btn .sub-menu li a:hover {
  color:#0949e6;
}

/* Breadcrumb */
.breadcrumb-area.breadcrumb-bg {
    background: #0a43ce;
    padding: 65px 0px;
}
.breadcrumb-area .page-title {
    margin-bottom: 0;
    position: unset;
}
.breadcrumb-area .breadcrumb {
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: unset;
    border-radius: 0;
}
.breadcrumb-area .page-title h1 {
    color: #fff;
    text-transform: capitalize;
}
.breadcrumb-area .breadcrumb li a {
    color: #fff;
    font-size: 15px;
}
.breadcrumb-area .breadcrumb li{
    color: #ddd;
    font-size: 15px;
}
.breadcrumb-area .breadcrumb li:before {
    color: #fff;
}

/*Slider Area CSS*/
.banner-bg-two {
    background-position: center;
    background-size: cover;
    position: relative;
    padding-top: 200px;
    padding-bottom: 200px;
    z-index: 1;
}
.banner-bg-two::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #0949e6;
    opacity: 0.9;
    z-index: -1;
}
.banner-content h2 {
    font-size: 40px;
    line-height: 1;
    color: #fff;
    letter-spacing: 2px;
    margin-bottom: 16px;
    font-weight: 700;
    margin-bottom: 25px;
}
.banner-content p {
    padding-left: 150px;
    padding-right: 150px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 36px;
    font-weight: 300;
}
.banner-btn-wrap {
    margin-top: 40px;
    transition: 0.3S;
}
.banner-btn-wrap .btn {
    border-radius:50px;
    transition: 0.3S;
    background: #fff;
    padding: 15px 30px 15px 30px;
}
.banner-btn-wrap a.btn:hover {
    border: 1px solid #fff;
    color: #fff;
    transition: 0.3S;
}

/*Section Title CSS*/
.section-title-three h6 {
    color: #222f3d;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 0;
}
.section-title-three h2 {
    color: #222f3d;
    font-weight: 600;
    font-size: 36px;
}
.blog-list-items {
    background: #fff;
    margin-bottom: 30px;
}
.blog-list-content {
    width: 100%;
    padding: 30px;
    background: #fff;
    display: inline-block;
}
.blog-list-content h2 {
    font-size: 28px;
    margin-bottom: 15px;
}
.blog-list-content h2 a{
    color:#242424;
}
.blog-list-content h2 a:hover{
    color:#0949e6;
}
.bpost-meta{
    margin-bottom: 15px;
}
.bpost-meta ul {
  padding: 0;
  margin-bottom: 0;
}
.bpost-meta ul li {
  display: inline-block;
  margin-right: 15px;
}
.bpost-meta ul li:last-child {
  margin-right: 0;
}
.bpost-meta ul li span,
.bpost-meta ul li a {
  font-size: 14px;
  color: #7886a0 !important;
}
.bpost-meta ul li a:hover {
  color: #0949e6 !important;
}
.bpost-meta ul li span i,
.bpost-meta ul li i {
  margin-right: 5px;
}
.bpost-bottom .b-readmore a i {
    margin-right: 5px;
}
.bpost-bottom .b-readmore a{
  color:#242424;
}
.bpost-bottom .b-readmore a:hover {
  color:#0949e6;
}

/*Blog Single Post CSS*/
section.main-section-area {
    padding-top: 100px;
    padding-bottom: 70px;
}
.b-details-content {
    background: #fff;
    margin-bottom: 30px;
}
.details-content {
    padding: 30px;
}
.bpost-content{
    padding: 30px;
    background: #fff;
    margin-bottom: 30px;
}

/*Blog Post Grid*/
.blog-post-item {
    -webkit-box-shadow: 0px 10px 30px 0px rgb(54 56 110 / 15%);
    box-shadow: 0px 10px 30px 0px rgb(54 56 110 / 15%);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom:30px;
}
.blog-post-item h2 {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0px;
    margin-bottom: 10px;
}
.blog-post-item h2 a{
  color:#242424;
}
.blog-post-item h2 a:hover{
  color:#0949e6;
}
.blog-post-item .blog-post-meta ul {
    margin: 0;
    padding: 0;
}
.blog-post-item .blog-post-meta ul li, 
.blog-post-item .blog-post-meta ul li a {
    display: inline-block;
    color: #8A8A8A;
    font-size: 15px;
    font-weight: 500;
    margin-right: 25px;
}
.blog-post-item .blog-post-meta ul li a {
    margin-right: 0;
}
.blog-post-item .blog-post-meta ul li a:hover {
  color:#0949e6;
}
.blog-post-item .blog-post-meta ul li:last-child {
    margin-right: 0;
}
.blog-post-item .blog-post-meta ul li i {
    margin-right: 5px;
    color:#0949e6;
}
.blog-post-content {
    padding: 25px;
    padding-bottom: 5px;
}

/* - Default Comments Style
----------------------------------------------------*/
.blog-comment-area .comment-title {
    margin-top: 0;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 30px;
}
h4.comment-title.comments-count {
  margin-bottom: 30px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f1f1f1;
}
.blog-comment-area .comment-title small a {
  font-size: 16px;
  color: inherit;
  color: #0949e6;
}
.blog-comment-area .comment-title small a:hover {
  color: #1b222d;
}
.comment-respond {
    margin-top: 20px;
}
.comment-respond .btn-primary:hover {
    border-color: #39bdb2;
  background-color: transparent;
}
.comment-form {
  margin-top: 50px;
  margin-bottom: 5px;
}
.bd-comments .title {
  border-bottom: 1px solid #f1f1f1;
  color: #242424;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 25px;
  margin: 0 0 33px;
  padding: 0 0 30px;
}
.bd-comment-box {
  overflow: auto;
  padding: 15px 0 25px;
}
.bd-comment-box .comment-avatar {
  float: left;
  width: 100px;
  margin-right: 15px;
}
.bd-comment-box .comments-avatar img {
  width: 100%;
  height: auto;
  border-radius: 100%;
}
.bd-comment-box .comment-text {
  overflow: auto;
}
.bd-comment-box .comment-text .name {
  margin-top: 0;
  color: #242424;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 28px;
  overflow: visible;
  text-transform: capitalize;
}
.bd-comment-box .comment-text .name a.comment-reply-link {
  color: #39bdb2;
  float: right;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.bd-comment-box .comment-text .name a.comment-reply-link:hover {
  color: #242424;
}
.bypostauthor {
  color: inherit;
}
.post-date span {
  color: #1b222d;
  font-size: 14px;
}
.post-date a {
    float: right;
}
.bd-comment-box .comment-text .text {
  color: #1b222d;
  font-size: 16px;
  line-height: 26px;
}
.blog-comment-area .bd-comment-box .comment-text .text,
.blog-comment-area dd,
.blog-comment-area td {
  color: #5b7d9a; 
}
ul#submited-comment {
    padding-left: 0;
}
.blog-comment-area ul {
    list-style: none;
    padding-left: 0;
}
ul.comments.media-list .comment-respond {
    margin-bottom: 15px;
}
.sidebar-blog .children, 
.sidebar-blog .parent,
footer .children,
footer .parent {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
} 
.blog-comment-area ul.children {
    margin-left: 50px;
}
.bd-comment-box .text> ul>li {
    list-style: disc !important;
}
.bd-comment-box .text> ul>li>ul>li {
    list-style: circle !important;
}
.bd-comment-box .text> ul>li>ul>li>ul>li {
    list-style-type: square !important;
}
.bd-comment-box .text> ul>li>ul>li>ul,
.bd-comment-box .text> ul>li>ul,
.bd-comment-box .text> ul {
    padding-left: 30px !important;
}
.blog-comment-area .form-control:focus {
  box-shadow: none;
  border-color: #39bdb2; 
}
.nd-allcommentes> li:last-child article {
  border: none;
}
.comment-form button.btn.btn-primary {
  padding: 15px 30px;
}
.comment-area ul#submited-comment li.pingback {
  padding: 0 0 40px;
  margin: 0 0 40px;
  border-bottom: 1px solid #f1f1f1;
}
.nd-allcommentes {
  margin: 30px 0;
}
.blog-comment-area li.trackback,
.blog-comment-area li.pingback {
  padding: 0;
    margin: 0 0 20px;
    border-bottom: 1px solid #f1f1f1;
}
.blog-inner-blog ol {
  padding-top: 5px;
}
.blog-inner-blog ol li {
  padding: 0;
    margin: 0 0 10px;
}
.blog-comment-area li.trackback a,
.blog-comment-area li.pingback a,
.blog-inner-blog ol li a { 
  color: #39bdb2;
}
.blog-comment-area li.trackback a:hover,
.blog-comment-area li.pingback a:hover,
.blog-inner-blog ol li a:hover { 
  color: #242424;
}
.nav-previous,
.nav-next {
    display: inline-block;
}
.nav-next {
  float: right;
}
.avatar-wrap {
  padding: 40px;
  margin-top: 55px;
  overflow: hidden;
  align-items: center;
  border: 2px solid #e1e6ff;
}
.avatar-img {
  float: left;
  max-width: 180px;
  margin-right: 40px;
}
.avatar-img img.avatar {
  width: 100%;
  height: auto;
  border-radius: 0;
}
.bd-avatar-info {
  overflow: hidden;
}
.bd-avatar-info span {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #b3b3d7;
  display: block;
  margin-bottom: 5px;
  line-height: 14px;
}
.bd-avatar-info h4 {
  font-size: 36px;
  margin-bottom: 15px;
}
.bd-avatar-info p {
  margin-bottom: 0;
  font-size: 15px;
}
.comment-wrap-title h5 {
  font-size: 26px;
  color: #0e1b33;
  margin-bottom: 0;
}
.single-comment {
  margin-bottom: 15px;
  padding-bottom: 25px;
  border-bottom: 1px solid #eff2ff;
}
.single-comment .comments-avatar {
  float: left;
  width: 100px;
  margin-right: 30px;
}
.single-comment .comments-avatar img {
  border-radius: 50%;
}
.comment-text {
  overflow: hidden;
}
.comment-text .avatar-name {
  overflow: hidden;
}
.comment-text .avatar-name h6 {
  font-size: 18px;
  margin-bottom: 3px;
}
.comment-text .avatar-name span {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #0949e6;
}
.comment-text .avatar-name .comment-reply-link {
  float: right;
  border: 2px solid #f4f4ff;
  padding: 8px 18px;
  border-radius: 50px;
  font-size: 14px;
  margin-top: -25px;
  color: #7886a0;
}
.comment-text .avatar-name .comment-reply-link i {
  margin-right: 5px;
}
.comment-text p {
  margin-bottom: 0;
}
.comment-text .avatar-name .comment-reply-link:hover {
  border-color: #0949e6;
  background: #0949e6;
  color: #ffffff;
}
.single-comment.children {
  margin-left: 130px;
}
.single-comment.children .avatar-name h6 i {
  font-size: 12px;
  color: #cacfef;
  margin-left: 20px;
}
.validate-form.formcomment-box {
  padding: 20px;
  background: #f8f6ff;
}
.comment-form .comment-field {
  position: relative;
}
.comment-field.mb-20 {
    margin-bottom: 20px;
}
.comment-form .comment-field i {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  color: #d2cce9;
  font-size: 14px;
}
.comment-form .comment-field.text-area i {
  top: 25px;
  transform: unset;
}
.comment-form .comment-field textarea {
  height: 150px;
  width: 100%;
  padding: 20px 30px;
  padding-right: 50px;
  background: #ffffff;
  border: none;
}
.comment-form .comment-field input {
  width: 100%;
  padding: 20px 30px;
  padding-right: 50px;
  background: #ffffff;
  border: none;
}
.comment-form .comment-field textarea::placeholder,
.comment-form .comment-field input::placeholder {
  font-size: 14px;
  color: #7886a0;
}
.comment-form button {
  color:#fff;
  font-size: 15px;
  margin-top: 10px;
  padding: 15px 20px;
  background: #0949e6;
}
.posts-navigation.bpost-navigation {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 20px 0px;
    margin: 30px 0px;
}
.posts-navigation.bpost-navigation .next-link {
    font-size: 15px;
}
.posts-navigation.bpost-navigation .prev-link span,
.posts-navigation.bpost-navigation .next-link span{
    color: #0949e6;
}
.posts-navigation.bpost-navigation h4 {
    font-size: 18px;
    font-weight:600;
    margin-top: 5px;
}
.posts-navigation.bpost-navigation h4 a:hover{
    color:#0949e6;
}
.details-content ul.tags-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.details-content ul.tags-list li {
    display: inline-block;
    overflow: hidden;
}
.details-content ul.tags-list li a {
    border: 1px solid #ddd;
    padding: 5px 10px;
    display: block;
    overflow: hidden;
    font-size: 14px;
}
.details-content ul.tags-list li a:hover {
    color: #0949e6;
}

header.header-default {
    background: #0949e6;
}


/* 404 Error Page */

section.error-area {
    margin-top: 60px;
    margin-bottom: 100px;
}
.error-content h1 {
    font-size: 170px;
    font-weight: 900;
}
.error-content h2 {
    font-size: 46px;
    font-weight: 600;
}
.error-content a.btn {
    margin-top: 30px;
    padding: 12px 30px;
    background: #0949e6;
    display: inline-block;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
}
.error-content a.btn:hover {

}

/* Footer Copyright Area */
.footer-copyright-area {
  background: #01e08f;
  overflow: hidden;
  padding: 25px 0px 23px 0px;
}
.footer-copyright-text p {
  margin: 0;
  padding: 0;
  color:#fff;
}