/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: > 0.05%,last 11 versions,IE >=8,iOS >= 7,Android >= 4
*/

/*
Theme Name: Prantokon
Version: 1.0
Author: Jsoft
Description: Responsive HTML5 / CSS3 One-page Landing App Template.
*/

/**
 *** CSS Indexing ***
 * THEME DEFAULT CSS
 * RESET CSS
 * HEADER AREA CSS
 * HERO AREA CSS
 * ABOUT AREA CSS
 * FEATURE AREA CSS
 * BLOG AREA CSS
 * MAP AND FOOTER AREA CSS
 * SCROLL-TO-TOP AREA CSS
 * BLOG PAGE CSS
 * BLOG DETAILS PAGE CSS
 * PRELOADER CSS
**/

/*----------------------------------
--------- THEME DEFAULT CSS --------
----------------------------------*/
/* @import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900'); */
body {
  line-height: 24px;
  font-size: 14px;
  color: #666666;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
}

/*----------------------------
---------- RESET CSS ---------
----------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0px;
}

h1 {
  font-size: 48px;
}

h2 {
  font-size: 30px;
  color: #232323;
}

h4 {
  font-size: 18px;
  color: #232323;
}

h6 {
  font-size: 14px;
  color: #232323;
}

h5 {
  color: #232323;
}

a {
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}

a,
a:hover {
  color: #666666;
}

img {
  max-width: 100%;
  height: auto;
}

iframe {
  width: 100%;
  border: none;
}

a,
a:hover,
a:focus,
a:active,
button:focus {
  text-decoration: none;
  border: none;
  outline: 0;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

ol {
  margin-bottom: 0;
}

select:focus,
select:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  outline: 0
}

input:focus,
textarea:focus,
select:focus,
button:focus {
  outline: none;
}

button {
  cursor: pointer;
}

textarea {
  height: 120px;
}

input[type="text"],
input[type="submit"],
button[type="submit"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="search"],
input[type="password"],
input[type="number"],
textarea {
  background: transparent;
  width: 100%;
  padding: 6px 10px;
  border: 1px solid #ccc;
  margin-bottom: 15px;
}

input[type="submit"],
button[type="submit"] {
  width: auto;
  color: #666;
  padding: 4px 15px;
}

textarea:focus {
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.sec-title {
  text-align: center;
  max-width: 400px;
  margin: 0 auto 40px;
}

.sec-title h2 {
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
  top: -6px;
}

.sec-title h2 .sec-title-border {
  width: 130px;
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 2px solid #222;
  right: 0;
  height: 0;
  margin: auto;
}

.pricing-area .sec-title h2 .sec-title-border,
.download-area .sec-title h2 .sec-title-border {
  border-color: #fff;
}

.pricing-area .sec-title h2 .sec-title-border span::before,
.download-area .sec-title h2 .sec-title-border span::before {
  background-color: #fff;
}

.sec-title h2 .sec-title-border span {
  width: 9px;
  height: 9px;
  position: relative;
  display: inline-block;
  margin: 0 1px;
  bottom: 23.3px;
}

.sec-title h2 .sec-title-border span::before {
  background: #222;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.mt-100 {
  margin-top: 100px;
}

.mt-30 {
  margin-top: 30px;
}

.ptb-100 {
  padding: 100px 0;
}

.ptb-90 {
  padding: 90px 0;
}

.owl-nav div {
  position: absolute;
  top: 50%;
  left: 20px;
  width: 35px;
  background: #fff;
  color: #000;
  height: 35px;
  line-height: 36px;
  border-radius: 100%;
  text-align: center;
  font-size: 29px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  margin-top: -60px;
}

.owl-nav div:hover {
  background: #000;
  color: #fff;
}

.owl-nav div.owl-next {
  right: 20px;
  left: auto;
}

.owl-dots {
  text-align: center;
  margin-top: 30px;
}

.owl-dot {
  width: 10px;
  height: 10px;
  border: 1px solid #0074da;
  border-radius: 10px;
  display: inline-block;
  margin: 0 3px;
}

.owl-dot.active {
  background: #0074da;
}

.display-table {
  display: table;
  height: 100%;
  width: 100%;
}

.display-tablecell {
  display: table-cell;
  vertical-align: middle;
}

.header.sticky .mainmenu li a.appao-btn,
.mainmenu li a.appao-btn,
.appao-btn {
  border: 1px solid #fff;
  color: #fff;
  border-radius: 15px;
  padding: 6px 25px;
  display: inline-block;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 500;
}

.header.sticky .mainmenu li a.appao-btn:hover,
.mainmenu li a.appao-btn:hover,
.appao-btn:hover {
  background: #fff;
  border: 1px solid #fff;
  color: #666;
}

.appao-btn2 {
  border: 1px solid transparent;
  border-radius: 25px;
  background: #000529;
  /* Old browsers */
  /* FF3.6-15 */
  background-image: -webkit-linear-gradient(left, #000529 1%, #002055 24%, #005db5 67%, #0074d9 100%);
  /* Chrome10-25,Safari5.1-6 */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(1%, #000529), color-stop(24%, #002055), color-stop(67%, #005db5), to(#0074d9));
  background-image: -o-linear-gradient(left, #000529 1%, #002055 24%, #005db5 67%, #0074d9 100%);
  background-image: linear-gradient(to right, #000529 1%, #002055 24%, #005db5 67%, #0074d9 100%);
}

.appao-btn2:hover {
  border: 1px solid #000529;
  background: transparent;
  background-image: none;
  color: #000529;
}

.flexbox-center {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
          align-items: center;
}

input::-webkit-input-placeholder {
  color: #666;
}

/*--------------------------------------
-------- HEADER AREA CSS START --------
---------------------------------------*/
.header {
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  width: 100%;
  z-index: 99;
  padding: 18px 0;
}

.mainmenu {
  text-align: right;
}

.mainmenu li {
  display: inline-block;
  text-transform: uppercase;
}

.mainmenu li a {
  display: inline-block;
  color: #fff;
  position: relative;
  padding: 5px 7px;
  margin: 0 3px;
  border: 1px solid transparent;
}

.mainmenu li a img {
  width: 20px;
}

.mainmenu li a span {
  display: none;
}

.slicknav_menu {
  padding: 0;
  background: transparent;
}

.slicknav_menu a.active,
.mainmenu ul li a:hover,
.mainmenu ul li a.active {
  border: 1px solid #fff;
}

.mainmenu {
  display: block;
}

.slicknav_menu {
  display: none;
}

.header.sticky {
  border-bottom: 1px solid #fff;
  background: #000529;
  /* Old browsers */
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #000529 1%, #002055 24%, #005db5 67%, #0074d9 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #000529), color-stop(24%, #002055), color-stop(67%, #005db5), to(#0074d9));
  background: -o-linear-gradient(left, #000529 1%, #002055 24%, #005db5 67%, #0074d9 100%);
  background: linear-gradient(to right, #000529 1%, #002055 24%, #005db5 67%, #0074d9 100%);
}

.header.sticky {
  padding: 18px 0;
  z-index: 10000;
}

.mainmenu li a.appao-btn {
  margin-left: 55px;
}

/*--------------------------------------
--------- HEADER AREA CSS END ---------
---------------------------------------*/

/*--------------------------------------
-------- HERO AREA CSS START --------
---------------------------------------*/
.hero-area {
  padding-top: 100px;
  z-index: 1;
  position: relative;
  background-image: url(../img/ai.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  overflow: hidden;
}

.hero-area::before {
  content: "";
  top: 0;
  left: 0;
  opacity: 0.85;
  right: 0;
  bottom: 0;
  z-index: -1;
  position: absolute;
  background: #000529;
  /* Old browsers */
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #000529 1%, #002055 24%, #005db5 67%, #0074d9 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #000529), color-stop(24%, #002055), color-stop(67%, #005db5), to(#0074d9));
  background: -o-linear-gradient(left, #000529 1%, #002055 24%, #005db5 67%, #0074d9 100%);
  background: linear-gradient(to right, #000529 1%, #002055 24%, #005db5 67%, #0074d9 100%);
}

.hero-area-content {
  color: #fff;
  padding: 100px 0 220px;
}

.hero-area-content h1 {
  color: #fff;
}

.hero-area-content p {
  margin: 28px 0 25px;
}

.hero-area-content .appao-btn {
  margin-top: 15px;
  margin-right: 15px;
}

.hand-mockup {
  position: absolute;
  bottom: -2px;
  max-width: 100%;
}

/*------------------------------------
--------- HERO AREA CSS END ---------
------------------------------------*/

/*--------------------------------------
-------- ABOUT AREA CSS START --------
---------------------------------------*/
.about-area {
  text-align: center;
}

.single-about-box {
  padding: 25px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.single-about-box i::before {
  color: #0074da;
  font-size: 40px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  display: block;
}

.single-about-box.active,
.single-about-box:hover {
  -webkit-box-shadow: 0 0 5px #ccc;
          box-shadow: 0 0 5px #ccc;
}

.single-about-box.active i::before,
.single-about-box:hover i::before {
  color: #000;
}

.single-about-box h4 {
  margin: 25px 0 15px;
}

/*--------------------------------------
---------- ABOUT AREA CSS END ----------
---------------------------------------*/

/*--------------------------------------
-------- FEATURE AREA CSS START --------
---------------------------------------*/
.feature-area {
  z-index: 1;
  position: relative;
  background-image: url(../img/feature-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.feature-area::before {
  content: "";
  top: 0;
  left: 0;
  opacity: 0.85;
  right: 0;
  bottom: 0;
  background: #000529;
  /* Old browsers */
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #000529 1%, #002055 24%, #005db5 67%, #0074d9 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #000529), color-stop(24%, #002055), color-stop(67%, #005db5), to(#0074d9));
  background: -o-linear-gradient(left, #000529 1%, #002055 24%, #005db5 67%, #0074d9 100%);
  background: linear-gradient(to right, #000529 1%, #002055 24%, #005db5 67%, #0074d9 100%);
  z-index: -1;
  position: absolute;
}

.single-feature-box h4 {
  font-size: 20px;
  margin-bottom: 5px;
}

.single-feature-box li {
  margin-bottom: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.single-feature-box li:last-child {
  margin-bottom: 0;
}

.feature-box-info {
  -webkit-box-flex: 5;
  -webkit-flex: 5;
      -ms-flex: 5;
          flex: 5;
}

.feature-box-icon {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 20px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.single-feature-box li:hover .feature-box-icon i::before {
  border-radius: 0;
}

.single-feature-box h2,
.single-feature-box h3,
.single-feature-box h4,
.single-feature-box {
  color: #fff;
}

.feature-box-icon i::before {
  border: 2px dashed #fff;
  width: 40px;
  display: inline-block;
  height: 40px;
  text-align: center;
  line-height: 38px;
  border-radius: 100%;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

/*--------------------------------------
--------- FEATURE AREA CSS END ---------
---------------------------------------*/

/*--------------------------------------
-------- SHOWCASE AREA CSS START -------
---------------------------------------*/
.showcase-area {
  padding-bottom: 50px;
}

.single-showcase-box {
  padding: 0 0 40px;
}

.single-showcase-box p {
  margin: 20px 0 25px;
}

.single-showcase-box h4 {
  font-size: 20px;
}

/*--------------------------------------
--------- SHOWCASE AREA CSS END --------
---------------------------------------*/

/*--------------------------------------
-------- BLOG AREA CSS START --------
---------------------------------------*/
p.form-message.error {
  color: #a20202;
}

p.form-message.sucess {
  color: #036b03;
}

.blog-area.blog-page {
  padding: 90px 0 130px;
}

.single-post {
  padding: 5px;
  -webkit-box-shadow: 0 2px 10px -2px #999;
          box-shadow: 0 2px 10px -2px #999;
}

.post-thumbnail {
  overflow: hidden;
}

.single-post:hover img {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}

.post-thumbnail img {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.post-details {
  padding: 25px 15px;
}

.post-author a {
  margin-right: 10px;
  font-size: 12px;
}

.post-author a i {
  margin-right: 5px;
}

.post-details a:hover,
.post-details a h4:hover {
  color: #0074da;
}

h4.post-title {
  font-size: 20px;
  margin: 18px 0;
}

h4.post-title a {
  color: #232323;
}

/*--------------------------------------
----------- BLOG AREA CSS END ----------
---------------------------------------*/

/*---------------------------------------
----- MAP AND FOOTER AREA CSS START -----
---------------------------------------*/
.google-map {
  height: 450px;
}

.footer {
  background: url(../img/ai.jpg) no-repeat center / cover;
  position: relative;
  z-index: 1;
  padding-bottom: 35px;
}

.footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000529;
  /* Old browsers */
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #000529 1%, #002055 24%, #005db5 67%, #0074d9 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #000529), color-stop(24%, #002055), color-stop(67%, #005db5), to(#0074d9));
  background: -o-linear-gradient(left, #000529 1%, #002055 24%, #005db5 67%, #0074d9 100%);
  background: linear-gradient(to right, #000529 1%, #002055 24%, #005db5 67%, #0074d9 100%);
  opacity: 0.85;
  z-index: -1;
}

.contact-form,
.contact-address {
  background: #fff;
  padding: 40px 65px;
  margin-bottom: 40px;
  margin-top: -80px;
  border: 1px solid #ddd;
}

.contact-form input,
.contact-form textarea,
.contact-form button {
  border: 1px solid #bbb;
}

.contact-form button {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.blog-reply button:hover,
.contact-form button:hover {
  background: #0074da;
  border-color: #0074da;
  color: #fff;
}

.contact-form h4,
.contact-address h4 {
  margin-bottom: 20px;
  font-size: 20px;
}

.contact-address li {
  margin-bottom: 33px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.contact-address li .contact-address-icon {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.contact-address li .contact-address-info {
  -webkit-box-flex: 6;
  -webkit-flex: 6;
      -ms-flex: 6;
          flex: 6;
}

.contact-address li .contact-address-icon i::before {
  width: 38px;
  height: 38px;
  border-radius: 100%;
  border: 1px solid #0074da;
  display: block;
  text-align: center;
  line-height: 39px;
  font-size: 18px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.contact-address li .contact-address-info a {
  display: block;
}

.contact-address p {
  margin-bottom: 45px;
  padding-top: 10px;
}

.contact-address li:hover .contact-address-icon i::before {
  background: #0074da;
  color: #fff;
}

.subscribe-form {
  margin: 40px 0 40px;
  text-align: center;
}

.copyright-area {
  text-align: center;
}

.copyright-area ul li {
  display: inline-block;
}

.copyright-area ul li a {
  width: 35px;
  height: 35px;
  color: #0074da;
  background: #fff;
  display: inline-block;
  line-height: 35px;
  font-size: 16px;
  border-radius: 100%;
  margin: 0 5px;
}

.copyright-area ul li a:hover {
  background: #0074da;
  color: #fff;
}

.copyright-area ul {
  margin-bottom: 30px;
}

.copyright-area p {
  color: #fff;
}

.copyright-area p a {
  color: #fff;
  border-bottom: 1px solid #fff;
}

.subscribe-form form {
  position: relative;
  max-width: 580px;
  margin: auto;
  z-index: 1;
  border-radius: 30px;
  display: inline-block;
  width: 100%;
  background: #fff;
}

.subscribe-form form input {
  background: transparent;
  border: 0;
  width: 70%;
  padding: 15px 30px;
  float: left;
  margin: 0;
}

.subscribe-form form button {
  width: 29%;
  padding: 15px 30px;
  border: 0;
  border-radius: 30px;
  background: #0074da;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  float: right;
  margin: 0;
  margin-right: -1%;
}

/*---------------------------------------
------ MAP AND FOOTER AREA CSS END ------
---------------------------------------*/

/*--------------------------------------
-------- SCROLL-TO-TOP CSS START --------
---------------------------------------*/
.scrollToTop {
  width: 40px;
  display: none;
  height: 40px;
  line-height: 39px;
  background: #000;
  display: none;
  color: #fff;
  position: fixed;
  border: 1px solid #fff;
  border-radius: 100%;
  bottom: 15px;
  right: 15px;
  z-index: 99;
  text-align: center;
  font-size: 18px;
}

.scrollToTop:hover {
  background: #000529;
  background: -webkit-linear-gradient(left, #000529 1%, #002055 24%, #005db5 67%, #0074d9 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #000529), color-stop(24%, #002055), color-stop(67%, #005db5), to(#0074d9));
  background: -o-linear-gradient(left, #000529 1%, #002055 24%, #005db5 67%, #0074d9 100%);
  background: linear-gradient(to right, #000529 1%, #002055 24%, #005db5 67%, #0074d9 100%);
  border: 1px solid #fff;
  color: #fff;
}

.scrollToTop:focus {
  border: 1px solid #fff;
  color: #fff;
}

/*--------------------------------------
--------- SCROLL-TO-TOP CSS END ---------
---------------------------------------*/

/*--------------------------------------
-------- Pre Loader Style START --------
---------------------------------------*/
#preloader {
  position: fixed;
  z-index: 99999999999;
  top: 0;
  left: 0;
  overflow: visible;
  width: 100%;
  height: 100%;
  background: #fff url("../img/loader.gif") no-repeat center center;
}

/*--------------------------------------
--------- Pre Loader Style END ---------
---------------------------------------*/

/*--------------------------------------
-------- BREADCRUMB CSS START --------
---------------------------------------*/
.breadcrumb-area {
  text-align: center;
}

.hero-area.breadcrumb-area {
  padding: 160px 0 86px;
}

.hero-area.breadcrumb-area .hero-area-content {
  padding: 0;
}

.breadcrumb-area ul li {
  display: inline-block;
}

.breadcrumb-area ul li a {
  color: #fff;
  padding: 0 10px;
  position: relative;
}

.breadcrumb-area ul li a::before {
  position: absolute;
  right: -2px;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "/";
}

.breadcrumb-area ul li:last-child a::before {
  content: "";
}

.breadcrumb-area ul {
  margin-top: 10px;
}

.breadcrumb-area ul li a:hover {
  color: #000;
}

/*--------------------------------------
--------- BREADCRUMB CSS END ---------
---------------------------------------*/

/*--------------------------------------
-------- BREADCRUMB CSS START --------
---------------------------------------*/
.blog-page .single-post {
  margin-bottom: 40px;
}

.pagination {
  text-align: center;
  display: block;
  margin-bottom: 40px;
}

.pagination li {
  display: inline-block;
}

.pagination li a {
  background-color: #000529;
  background-image: -webkit-linear-gradient(left, #000529 1%, #002055 24%, #005db5 67%, #0074d9 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(1%, #000529), color-stop(24%, #002055), color-stop(67%, #005db5), to(#0074d9));
  background-image: -o-linear-gradient(left, #000529 1%, #002055 24%, #005db5 67%, #0074d9 100%);
  background-image: linear-gradient(to right, #000529 1%, #002055 24%, #005db5 67%, #0074d9 100%);
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  font-size: 18px;
}

.pagination li a:hover {
  background-image: none;
  background-color: #000;
}

/*--------------------------------------
--------- BREADCRUMB CSS END ---------
---------------------------------------*/

/*--------------------------------------
-------- BLOG DETAILS CSS START --------
---------------------------------------*/
.blog-detail {
  padding: 90px 0 155px;
}

.date-time li {
  display: inline-block;
  margin-right: 10px;
}

.blog-details .post-author {
  margin-top: 15px;
  margin-bottom: 25px;
}

.date-time li i {
  color: #0074da;
}

.blog-details p {
  margin-bottom: 12px;
}

.blog-reply {
  padding-top: 40px;
}

.blog-reply button {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.blog-reply textarea {
  height: 150px;
}

.blog-reply h4 {
  margin-bottom: 20px;
}

.sidebar {
  padding-left: 30px;
}

.widget form input {
  width: 78%;
}

.widget form button {
  width: 20%;
  float: right;
  padding: 6px 0;
  background: #000529;
  color: #fff;
  background: -webkit-linear-gradient(left, #000529 1%, #002055 24%, #005db5 67%, #0074d9 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #000529), color-stop(24%, #002055), color-stop(67%, #005db5), to(#0074d9));
  background: -o-linear-gradient(left, #000529 1%, #002055 24%, #005db5 67%, #0074d9 100%);
  background: linear-gradient(to right, #000529 1%, #002055 24%, #005db5 67%, #0074d9 100%);
}

.widget form input,
.widget form button {
  margin-bottom: 0;
}

.widget {
  margin-bottom: 40px;
}

.widget h4 {
  margin-bottom: 20px;
}

.widget li {
  margin-bottom: 7px;
  border-bottom: 1px solid #bbb;
  padding-bottom: 7px;
}

.widget.widget-tags {
  margin-bottom: 0;
}

.widget li:last-child {
  border-bottom: none;
  margin: 0;
  padding: 0;
}

.widget li a:hover {
  color: #000;
}

.widget-tags a {
  display: inline-block;
  border: 1px solid #ccc;
  padding: 5px 15px;
  margin-bottom: 8px;
  margin-right: 5px;
  color: #000;
}

.widget-tags a:hover {
  color: #fff;
  background: #000;
}

/*--------------------------------------
--------- BLOG DETAILS CSS CSS END ---------
---------------------------------------*/

/* 统一各页面顶部的标题字号 */
.hero-area-content h1, .feature-area .sec-title>h2 {
  font-size: 44px;
}

/* 统一各页面卡片占位符的样式 */
.grade.placeholder {
  opacity: 0;
  pointer-events: none;
}

/* 禁止点击各页面尚无资源的图书卡片 */
.disabled {
  pointer-events: none;
}

/* 课程资源各单元内的课题占位符
   使各单元卡片的高度相一致 */
body.course .item-wrapper .item.placeholder {
  opacity: 0;
  pointer-events: none;
}

#my {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateY(120%);
  background: #085EAE;
  border: 1px solid #fff;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
  display: none;
  flex-direction: column;
}

#my>span {
  width: 100%;
  padding: 0.6em 1.5em;
}

#my>span#info {
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

.slicknav_menu>ul.slicknav_nav>li>div {
  display: none;
}

/* 所有页面用于隐藏元素的类 */
.hidden {
  display: none !important;
}

/* 为“淘宝购书”这个导航栏链接添加必要的样式 */
#taobao {
  color: #fff;
  cursor: pointer;
}