@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Template Name: 
    Template URI: 
    Description: This is html5 template
    Author: 
    Author URI: 
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================
  
    Theme default CSS
    1. Home One
        1.2 Hero One
        1.3 Brand One
        1.4 Feature One
        1.5 Best One
        1.6 MoreFeature One
        1.7 Earn One
        1.8 Testimonial One
        1.9 Pricing One
        1.10 Blog One
        1.11 Newsletter One
        1.12 Footer One
    2. Home Two
        2.2 Hero Two
        2.3 Featured Two
        2.4 New Two
        2.5 Premium Two
        2.6 Best Two
        2.7 Feature Week Two
        2.8 Testimonial Two
        2.9 Affiliate & Author Two
        2.10 Footer Two
    3. Home Three
        3.2 Hero Three
        3.3 Service Three
        3.4 Latest Product Three
        3.5 Counter Three
        3.6 Become Author Three
        3.7 How It Three
        3.8 Blog Three
        3.9 Subscribe Three
        3.10 Footer Three
    4. Home Four
        4.2 Hero Four
        4.3 Service Four
        4.4 Feature Product V-Four
        4.5 Latest Product V-Four
        4.6 More Feature v-Four
        4.7 Feature Three V-Four
        4.8 Footer Four
    5. Home Five
        5.2 Hero Five
        5.3 Feature Five
        5.4 Latest Five
        5.5 Counter Five
        5.6 Popular Five
        5.7 Pricing Five
        5.8 Newsletter Five
        5.9 Footer Five
    6. Home Six
        6.2 Hero Six
        6.3 Video Six
        6.4 Newsletter Six
        6.5 Footer Six
    7. News & Blog
    8. Stock Images Single
    9. Theme Single Comment
    10. Theme Single Profile
    11. Theme Single Review
    12. Blog Single
    13. Category List
    14. Author Profile
    
-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  Other Files
/*----------------------------------------*/
/*google-font*/
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap");
/*----------------------------------------*/
/*  Theme default CSS
/*----------------------------------------*/
.clear {
  clear: both;
}

::-moz-selection {
  background: #ff4568;
  color: #ffffff;
  text-shadow: none;
}

::selection {
  background: #ff4568;
  color: #ffffff;
  text-shadow: none;
}

div#preloader {
  background: #fff url("../img/loader.gif") no-repeat scroll center center;
  height: 100%;
  left: 0;
  overflow: visible;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}

header.navbar-fixed-top {
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
  -o-box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
  background: #ffffff;
  left: 0;
  padding: 10px;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-30 {
  margin-bottom: 30px;
}

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

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

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

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

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

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*:focus {
  outline: 0;
}

html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
}

body {
  background: #ffffff;
  font-weight: normal;
  font-size: 15px;
  letter-spacing: 0;
  color: #888;
  line-height: 30px;
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
}

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

button,
input,
textarea {
  letter-spacing: 0;
}

/* 
Table Of Contents
=========================
- Default Typography
- Custom Typography
=========================
*/
/* 
--------------------------
- Default Typography
--------------------------
*/
body {
  font-family: "Roboto", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  color: #353448;
  letter-spacing: 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #353448;
  font-weight: inherit;
  font-family: "Roboto", sans-serif;
}

h1 {
  font-size: 36px;
  line-height: 40px;
  letter-spacing: 0;
  margin-bottom: 0px;
}

h2 {
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 0px;
}

h3 {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 0px;
}

h4 {
  font-size: 18px;
  line-height: 22px;
}

h5 {
  font-size: 16px;
  line-height: 20px;
}

h6 {
  font-size: 14px;
  line-height: 18px;
}

p {
  color: #7e828f;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 28px;
  margin: 0;
}

p img {
  margin: 0;
}

span {
  font-family: "Roboto", sans-serif;
}

/* em and strong */
em {
  font: 15px/30px;
}

strong,
b {
  font: 15px/30px;
}

small {
  font-size: 11px;
  line-height: inherit;
}

/*  blockquotes */
blockquote {
  border-left: 0 none;
  font-family: "Roboto", sans-serif;
  margin: 10px 0;
  padding-left: 40px;
  position: relative;
}

blockquote::before {
  color: #4e5665;
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 36px;
  left: 20px;
  line-height: 0;
  margin: 0;
  opacity: 0.5;
  position: absolute;
  top: 20px;
}

blockquote p {
  font-style: italic;
  padding: 0;
  font-size: 18px;
  line-height: 36px;
}

blockquote cite {
  display: block;
  font-size: 12px;
  font-style: normal;
  line-height: 18px;
}

blockquote cite:before {
  content: "\2014 \0020";
}

blockquote cite a,
blockquote cite a:visited {
  color: #8B9798;
  border: none;
}

/* abbreviations */
abbr {
  color: #444;
  font-weight: 700;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 0;
}

abbr:hover {
  cursor: help;
}

/* links */
a {
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #000000;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  outline: 0;
}

a:visited {
  outline: 0;
}

a:hover,
a:active {
  color: #ff4568;
  text-decoration: none;
  outline: 0;
}

a:focus {
  text-decoration: none;
  outline: 0;
}

p a,
p a:visited {
  line-height: inherit;
  outline: 0;
}

a.active-page {
  color: #e6ae48;
}

/* list */
ul,
ol {
  margin-bottom: 0px;
  margin-top: 0px;
}

ul {
  margin: 0;
}

ol {
  list-style: decimal;
}

ol,
ul.square,
ul.circle,
ul.disc {
  margin-left: 0px;
}

ul.square {
  list-style: square outside;
}

ul.circle {
  list-style: circle outside;
}

ul.disc {
  list-style: disc outside;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin: 0;
}

ul ul li,
ul ol li,
ol ol li,
ol ul li {
  margin-bottom: 0px;
}

li {
  line-height: 18px;
  margin-bottom: 0px;
}

/* definition list */
dl {
  margin: 12px 0;
}

dt {
  margin: 0;
  color: #11ABB0;
}

dd {
  margin: 0 0 0 20px;
}

button {
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
}

/* 
--------------------------
- Custom Typography
--------------------------
*/
/* Your Custom Typography. */
.bg-with-black {
  position: relative;
}

.bg-with-black::before {
  background: #000000 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.3;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.bg-with-white {
  position: relative;
}

.bg-with-white::before {
  background: #ffffff none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.3;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.bg-with-blue {
  position: relative;
}

.bg-with-blue::before {
  background: #00bff3 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.hvr-bs:hover {
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}

.btn-style-1 {
  display: inline-block;
  background: #ff4568;
  border: 1px solid #ff4568;
  color: #ffffff;
  border-radius: 5px;
  box-shadow: 0px 15px 40px 0px rgba(255, 79, 115, 0.25);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(255, 79, 115, 0.25);
  -moz-box-shadow: 0px 15px 40px 0px rgba(255, 79, 115, 0.25);
  -o-box-shadow: 0px 15px 40px 0px rgba(255, 79, 115, 0.25);
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
  padding: 25px 64px;
  cursor: pointer;
}

.btn-style-1:hover {
  background: #ffffff;
  color: #ff4568;
  box-shadow: 0px 15px 40px 0px rgba(255, 79, 115, 0.5);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(255, 79, 115, 0.5);
  -moz-box-shadow: 0px 15px 40px 0px rgba(255, 79, 115, 0.5);
  -o-box-shadow: 0px 15px 40px 0px rgba(255, 79, 115, 0.5);
}

.btn-style-2 {
  display: inline-block;
  background: #5b59e3;
  border: 1px solid #5b59e3;
  color: #ffffff;
  border-radius: 5px;
  box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  -moz-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  -o-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
  padding: 25px 30px;
  cursor: pointer;
}

.btn-style-2:hover {
  background: #ffffff;
  color: #5b59e3;
  box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.3);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.3);
  -moz-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.3);
  -o-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.3);
}

.btn-style-3 {
  display: inline-block;
  background: #d8d7ff;
  color: #5b59e3;
  border-radius: 5px;
  box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  -moz-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  -o-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
  padding: 27px 30px;
  cursor: pointer;
  border: 0;
  outline: none;
}

.btn-style-3:hover {
  color: #5b59e3;
  box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.3);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.3);
  -moz-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.3);
  -o-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.3);
}

.btn-style-4 {
  display: inline-block;
  background: #36c5ba;
  border: 1px solid #36c5ba;
  color: #ffffff;
  border-radius: 5px;
  box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  -moz-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  -o-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
  padding: 16px 50px;
  cursor: pointer;
}

.btn-style-4:hover {
  background: #ffffff;
  color: #5b59e3;
  box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.3);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.3);
  -moz-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.3);
  -o-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.3);
}

.btn-style-5 {
  display: inline-block;
  background: #d8eeec;
  color: #36c5ba;
  border-radius: 5px;
  box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  -moz-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  -o-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
  padding: 27px 30px;
  cursor: pointer;
  border: 0;
  outline: none;
}

.btn-style-5:hover {
  color: #36c5ba;
  box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.3);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.3);
  -moz-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.3);
  -o-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.3);
}

.btn-style-6 {
  display: inline-block;
  background: #0e47b7;
  border: 1px solid #0e47b7;
  color: #ffffff;
  box-shadow: 0px 15px 40px 0px rgba(14, 71, 183, 0.2);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(14, 71, 183, 0.2);
  -moz-box-shadow: 0px 15px 40px 0px rgba(14, 71, 183, 0.2);
  -o-box-shadow: 0px 15px 40px 0px rgba(14, 71, 183, 0.2);
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  padding: 20px 28px;
  cursor: pointer;
}

.btn-style-6 .icon {
  margin-right: 8px;
}

.btn-style-6:hover {
  background: #ffffff;
  box-shadow: 0px 15px 40px 0px rgba(14, 71, 183, 0.5);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(14, 71, 183, 0.5);
  -moz-box-shadow: 0px 15px 40px 0px rgba(14, 71, 183, 0.5);
  -o-box-shadow: 0px 15px 40px 0px rgba(14, 71, 183, 0.5);
  color: #0e47b7;
}

.btn-style-7 {
  display: inline-block;
  background: #226cf3;
  border: 1px solid #226cf3;
  color: #ffffff;
  box-shadow: 0px 15px 40px 0px rgba(14, 71, 183, 0.2);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(14, 71, 183, 0.2);
  -moz-box-shadow: 0px 15px 40px 0px rgba(14, 71, 183, 0.2);
  -o-box-shadow: 0px 15px 40px 0px rgba(14, 71, 183, 0.2);
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  padding: 20px 28px;
  cursor: pointer;
}

.btn-style-7 .icon {
  margin-right: 8px;
}

.btn-style-7:hover {
  background: #ffffff;
  box-shadow: 0px 15px 40px 0px rgba(14, 71, 183, 0.5);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(14, 71, 183, 0.5);
  -moz-box-shadow: 0px 15px 40px 0px rgba(14, 71, 183, 0.5);
  -o-box-shadow: 0px 15px 40px 0px rgba(14, 71, 183, 0.5);
  color: #226cf3;
}

.btn-style-8 {
  display: inline-block;
  background: #4dabfe;
  border: 1px solid #4dabfe;
  color: #ffffff;
  box-shadow: 0px 15px 40px 0px rgba(14, 71, 183, 0.2);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(14, 71, 183, 0.2);
  -moz-box-shadow: 0px 15px 40px 0px rgba(14, 71, 183, 0.2);
  -o-box-shadow: 0px 15px 40px 0px rgba(14, 71, 183, 0.2);
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  padding: 20px 28px;
  cursor: pointer;
}

.btn-style-8 .icon {
  margin-right: 8px;
}

.btn-style-8:hover {
  background: #ffffff;
  box-shadow: 0px 15px 40px 0px rgba(14, 71, 183, 0.5);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(14, 71, 183, 0.5);
  -moz-box-shadow: 0px 15px 40px 0px rgba(14, 71, 183, 0.5);
  -o-box-shadow: 0px 15px 40px 0px rgba(14, 71, 183, 0.5);
  color: #4dabfe;
}

.btn-style-9 {
  display: inline-block;
  background: #7e828f;
  border: 1px solid #7e828f;
  color: #ffffff;
  box-shadow: 0px 15px 40px 0px rgba(126, 130, 143, 0.2);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(126, 130, 143, 0.2);
  -moz-box-shadow: 0px 15px 40px 0px rgba(126, 130, 143, 0.2);
  -o-box-shadow: 0px 15px 40px 0px rgba(126, 130, 143, 0.2);
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  padding: 20px 28px;
  cursor: pointer;
}

.btn-style-9 .icon {
  margin-right: 8px;
}

.btn-style-9:hover {
  background: #ffffff;
  box-shadow: 0px 15px 40px 0px rgba(126, 130, 143, 0.5);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(126, 130, 143, 0.5);
  -moz-box-shadow: 0px 15px 40px 0px rgba(126, 130, 143, 0.5);
  -o-box-shadow: 0px 15px 40px 0px rgba(126, 130, 143, 0.5);
  color: #7e828f;
}

.btn-style-10 {
  display: inline-block;
  background: #ffe5e5;
  border: 1px solid #ffe5e5;
  color: #ff4568;
  border-radius: 5px;
  box-shadow: 0px 15px 40px 0px rgba(255, 79, 115, 0.25);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(255, 79, 115, 0.25);
  -moz-box-shadow: 0px 15px 40px 0px rgba(255, 79, 115, 0.25);
  -o-box-shadow: 0px 15px 40px 0px rgba(255, 79, 115, 0.25);
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
  padding: 25px 64px;
  cursor: pointer;
}

.btn-style-10:hover {
  background: #ffffff;
  color: #ff4568;
  box-shadow: 0px 15px 40px 0px rgba(255, 79, 115, 0.5);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(255, 79, 115, 0.5);
  -moz-box-shadow: 0px 15px 40px 0px rgba(255, 79, 115, 0.5);
  -o-box-shadow: 0px 15px 40px 0px rgba(255, 79, 115, 0.5);
}

.section-title {
  text-align: center;
  margin: 0 auto 66px;
}

.section-title .title {
  font-size: 50px;
  line-height: 54px;
}

.section-title .text {
  font-size: 24px;
  line-height: 30px;
  margin: 22px 0 0;
}

.section-title.v2 .title {
  font-weight: 400;
}

.section-title.v3 .title {
  font-weight: 900;
}

.section-title.v5 {
  text-align: left;
}

.section-title.v5 .title {
  font-size: 40px;
  line-height: 44px;
}

.section-title.v5 .text {
  font-size: 18px;
  line-height: 28px;
}

/*----------------------------------------*/
/*  1. Home One
/*----------------------------------------*/
.header-1 {
  position: absolute;
  z-index: 990;
  left: 0;
  top: 0;
  right: 0;
  padding: 14px 0;
}

.header-logo {
  padding: 10px 0;
}

.header-logo a {
  display: block;
}

.header-logo img {
  width: auto;
}

.main-menu.stellarnav.desktop {
  background: transparent;
}

.main-menu.stellarnav.desktop ul {
  padding: 0;
  text-align: left;
}

.main-menu.stellarnav.desktop ul li a {
  padding: 13px 15px;
  font-size: 20px;
  line-height: 24px;
}

.main-menu.stellarnav.desktop ul li ul {
  box-shadow: 0px 10px 20px 0px rgba(59, 132, 241, 0.3);
  -webkit-box-shadow: 0px 10px 20px 0px rgba(59, 132, 241, 0.3);
  -moz-box-shadow: 0px 10px 20px 0px rgba(59, 132, 241, 0.3);
  -o-box-shadow: 0px 10px 20px 0px rgba(59, 132, 241, 0.3);
}

.main-menu.stellarnav.desktop ul li ul li a::after {
  display: none;
}

.main-menu.stellarnav.desktop ul li.has-sub {
  padding-right: 14px;
}

.main-menu.stellarnav.desktop ul li.has-sub > a::after {
  color: #353448;
  content: "\f0d7";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: 0;
  top: 50%;
  border: 0;
  padding: 0;
  margin: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.main-menu.stellarnav.mobile {
  background: transparent;
  position: relative;
  z-index: 9;
}

.main-menu.stellarnav.mobile .menu-toggle {
  font-size: 18px;
  font-weight: 500;
}

.main-menu.stellarnav.mobile ul {
  box-shadow: 0px 10px 20px 0px rgba(59, 132, 241, 0.3);
  -webkit-box-shadow: 0px 10px 20px 0px rgba(59, 132, 241, 0.3);
  -moz-box-shadow: 0px 10px 20px 0px rgba(59, 132, 241, 0.3);
  -o-box-shadow: 0px 10px 20px 0px rgba(59, 132, 241, 0.3);
  z-index: 90;
}

.header-right-content {
  text-align: right;
}

.header-right-content .cart {
  display: inline-block;
  margin-right: 20px;
}

.header-right-content .cart .cart-link {
  display: inline-block;
  position: relative;
  font-size: 24px;
  padding-right: 6px;
  text-align: left;
}

.header-right-content .cart .cart-link .number {
  position: absolute;
  font-size: 9px;
  line-height: 14px;
  text-align: center;
  background: #ff3434;
  color: #ffffff;
  border-radius: 100px;
  height: 15px;
  width: 15px;
  right: 0;
  top: 0;
}

.header-right-content .sign-in {
  display: inline-block;
}

.header-right-content .sign-in .btn-style-1 {
  text-align: left;
  font-size: 18px;
  line-height: 22px;
  padding: 14px 20px;
}

/* 1.2 Hero One */
.hero1-area {
  background-image: url(../img/home-one/hero-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fdf1f3;
  padding: 260px 0 280px;
}

.hero1-content {
  text-align: center;
}

.hero1-content .title {
  font-size: 70px;
  line-height: 80px;
  font-weight: 900;
}

.hero1-content .hero1-input-box {
  background: #ffffff;
  max-width: 964px;
  margin: 36px auto auto;
  height: 130px;
  padding: 24px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.hero1-content .hero1-input-box::before {
  content: "\f002";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  color: #7e828f;
  font-size: 30px;
  left: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.hero1-content .hero1-input-box input {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border: 0;
  padding-left: 50px;
  color: #353448;
  font-size: 20px;
}

.hero1-content .hero1-input-box select {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border: 0;
  margin-right: 40px;
  color: #353448;
  font-size: 20px;
}

.hero1-content .hero1-input-box button {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: 200px;
}

/* 1.3 Brand One */
.brand1-area {
  padding: 100px 0 50px;
}

.brand1-title {
  text-align: center;
  margin-bottom: 40px;
}

.brand1-title .text {
  font-size: 20px;
  line-height: 24px;
}

.brand1-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.brand1-all .single {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: center;
  margin-bottom: 30px;
}

.brand1-all .single img {
  height: 34px;
  width: auto;
}

/* 1.4 Feature One */
.feature1-area {
  padding: 50px 0 70px;
}

.single-feature-1 {
  text-align: center;
  margin: auto auto 30px;
}

.single-feature-1 .img {
  box-shadow: 0px 10px 30px 0px rgba(63, 2, 141, 0.1);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(63, 2, 141, 0.1);
  -moz-box-shadow: 0px 10px 30px 0px rgba(63, 2, 141, 0.1);
  -o-box-shadow: 0px 10px 30px 0px rgba(63, 2, 141, 0.1);
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  display: inline-block;
  border-radius: 10px;
}

.single-feature-1 .img a {
  display: block;
  border-radius: 10px;
}

.single-feature-1 .img img {
  border-radius: 10px;
  height: 200px;
}

.single-feature-1 .content {
  margin-top: 14px;
}

.single-feature-1 .content .title a {
  display: block;
  font-size: 20px;
  line-height: 24px;
}

.single-feature-1 .content .desc {
  line-height: 18px;
  margin-top: 6px;
}

.single-feature-1 .content .desc a {
  display: inline-block;
  font-size: 14px;
  color: #ff4568;
}

.single-feature-1:hover .img {
  box-shadow: 0px 10px 30px 0px rgba(63, 2, 141, 0.3);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(63, 2, 141, 0.3);
  -moz-box-shadow: 0px 10px 30px 0px rgba(63, 2, 141, 0.3);
  -o-box-shadow: 0px 10px 30px 0px rgba(63, 2, 141, 0.3);
}

/* 1.5 Best One */
.best1-area {
  background-image: url(../img/home-one/best-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fdf1f3;
  padding: 100px 0;
}

.best1-area .section-title {
  text-align: left;
}

.best1-filters {
  text-align: right;
  margin: 0 auto 66px;
}

.best1-filters .best1-filter-input-box {
  display: inline-block;
  margin-right: 20px;
}

.best1-filters .best1-filter-input-box:last-child {
  margin-right: 0;
}

.best1-filters .best1-filter-input-box select {
  display: inline-block;
  border-radius: 10px;
  background: #ffffff;
  border: 0 none;
  height: 60px;
  padding: 0 40px;
  text-align: center;
}

.best1-filters .best1-filter-input-box select option {
  text-align: left;
}

.single-best1 {
  background: #ffffff;
  border-radius: 10px;
  margin: auto auto 30px;
}

.single-best1 .img {
  position: relative;
}

.single-best1 .img img {
  border-radius: 10px 10px 0 0;
}

.single-best1 .img a {
  display: block;
}

.single-best1 .img .price {
  position: absolute;
  right: 12px;
  top: 12px;
  height: 60px;
  width: 60px;
  line-height: 60px;
  border-radius: 100px;
  background: #ff4568;
  text-align: center;
  color: #ffffff;
}

.single-best1 .content {
  padding: 26px 16px 20px;
}

.single-best1 .content .title a {
  display: inline-block;
  font-size: 20px;
  line-height: 24px;
}

.single-best1 .content .title span {
  display: inline-block;
  background: #68d591;
  color: #ffffff;
  border-radius: 5px;
  font-size: 10px;
  line-height: 14px;
  position: relative;
  top: -4px;
  padding: 2px 5px;
  margin-left: 6px;
}

.single-best1 .content .desc {
  font-size: 14px;
  line-height: 18px;
  margin: 10px 0 0;
}

.single-best1 .content .desc a {
  font-weight: 500;
}

.single-best1 .content .meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 6px 0 0;
}

.single-best1 .content .meta .downloaded {
  display: inline-block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  font-size: 12px;
}

.single-best1 .content .meta .downloaded .icon {
  margin-right: 2px;
}

.single-best1 .content .meta .rating {
  display: inline-block;
  text-align: right;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}

.single-best1 .content .meta .rating .stars {
  display: inline-block;
  padding: 0;
  list-style: none;
}

.single-best1 .content .meta .rating .stars li {
  display: inline-block;
  font-size: 10px;
  color: #ffcd48;
}

.single-best1 .content .meta .rating .avarage {
  display: inline-block;
  font-size: 10px;
}

.single-best1.color-3 .img .price {
  background: #36c5ba;
}

.single-best1.color-4 .img .price {
  background: #0e47b7;
}

.best1-see-all {
  text-align: center;
  margin: 30px 0 0;
}

/* 1.6 MoreFeature One */
.more-feature1-area {
  padding: 100px 0 6px;
}

.single-morefeature1 {
  margin: 0 0 54px;
}

.single-morefeature1 .icon {
  float: left;
  width: 80px;
}

.single-morefeature1 .icon .icon-box {
  display: inline-block;
  text-align: center;
  line-height: 80px;
  font-size: 30px;
  width: 100%;
  height: 80px;
  border-radius: 5px;
  background: #ff4568;
  color: #ffffff;
  box-shadow: 0px 15px 40px 0px rgba(255, 79, 115, 0.25);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(255, 79, 115, 0.25);
  -moz-box-shadow: 0px 15px 40px 0px rgba(255, 79, 115, 0.25);
  -o-box-shadow: 0px 15px 40px 0px rgba(255, 79, 115, 0.25);
}

.single-morefeature1 .content {
  padding-left: 28px;
  overflow: hidden;
}

.single-morefeature1 .content .title {
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 16px;
}

.single-morefeature1 .content .text {
  font-size: 20px;
  line-height: 30px;
}

/* 1.7 Earn One */
.earn1-area {
  padding: 40px 0 100px;
}

.earn1-content .section-title {
  text-align: left;
}

.earn1-content .section-title .text {
  line-height: 34px;
}

.earn1-banner {
  text-align: right;
}

/* 1.8 Testimonial One */
.testimonial1-area {
  background-image: url(../img/home-one/customer-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fdf1f3;
  padding: 100px 0;
}

.single-testimonial {
  background: #ffffff;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  border-radius: 5px;
  padding: 40px 30px;
}

.single-testimonial .text {
  font-size: 20px;
  line-height: 32px;
}

.single-testimonial .rating {
  margin: 30px 0 0;
}

.single-testimonial .rating .stars {
  display: inline-block;
  padding: 0;
  list-style: none;
}

.single-testimonial .rating .stars li {
  display: inline-block;
  font-size: 16px;
  color: #ffcd48;
}

.single-testimonial .rating .avarage {
  display: inline-block;
  font-size: 15px;
}

.single-testimonial .info {
  margin: 22px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.single-testimonial .info .left {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}

.single-testimonial .info .left .desg {
  line-height: 18px;
}

.single-testimonial .info .thumb {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  text-align: right;
}

.single-testimonial .info .thumb img {
  width: auto;
  height: 60px;
  margin: auto 0 auto auto;
}

.single-testimonial:hover {
  background: #ff4568;
  box-shadow: 0px 15px 40px 0px rgba(255, 79, 115, 0.25);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(255, 79, 115, 0.25);
  -moz-box-shadow: 0px 15px 40px 0px rgba(255, 79, 115, 0.25);
  -o-box-shadow: 0px 15px 40px 0px rgba(255, 79, 115, 0.25);
}

.single-testimonial:hover .text {
  color: #ffffff;
}

.single-testimonial:hover .rating .avarage {
  color: #ffffff;
}

.single-testimonial:hover .info .left .title {
  color: #ffffff;
}

.single-testimonial:hover .info .left .desg {
  color: #ffffff;
}

/* 1.9 Pricing One */
.pricing1-area {
  padding: 100px 0 50px;
}

.single-pricing1 {
  box-shadow: 0px 0px 50px 0px rgba(103, 103, 103, 0.05);
  -webkit-box-shadow: 0px 0px 50px 0px rgba(103, 103, 103, 0.05);
  -moz-box-shadow: 0px 0px 50px 0px rgba(103, 103, 103, 0.05);
  -o-box-shadow: 0px 0px 50px 0px rgba(103, 103, 103, 0.05);
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  padding: 50px 40px;
}

.single-pricing1 .type {
  font-weight: 400;
}

.single-pricing1 .price {
  font-size: 48px;
  line-height: 52px;
  margin: 20px 0 0;
}

.single-pricing1 .price .duration {
  font-size: 18px;
  color: #7e828f;
}

.single-pricing1 .info {
  font-size: 18px;
  margin: 22px 0 0;
}

.single-pricing1 .info-list {
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

.single-pricing1 .info-list li {
  display: block;
  font-size: 18px;
  line-height: 40px;
}

.single-pricing1 .info-list li .icon {
  margin-right: 20px;
}

.single-pricing1 .btn-style-1 {
  margin: 28px 0 0;
}

.single-pricing1:hover {
  background: #ff4568;
}

.single-pricing1:hover .type {
  color: #ffffff;
}

.single-pricing1:hover .price {
  color: #ffffff;
}

.single-pricing1:hover .price .duration {
  color: #ffffff;
}

.single-pricing1:hover .info {
  color: #ffffff;
}

.single-pricing1:hover .info-list li {
  color: #ffffff;
}

.single-pricing1:hover .btn-style-1 {
  background: #ffffff;
  color: #ff4568;
}

/* 1.10 Blog One */
.blog1-area {
  padding: 50px 0 70px;
}

.single-blog1 {
  margin: 0 0 30px;
}

.single-blog1 .img {
  box-shadow: 0px 15px 40px 0px rgba(20, 133, 151, 0.1);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(20, 133, 151, 0.1);
  -moz-box-shadow: 0px 15px 40px 0px rgba(20, 133, 151, 0.1);
  -o-box-shadow: 0px 15px 40px 0px rgba(20, 133, 151, 0.1);
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
}

.single-blog1 .img a {
  display: block;
}

.single-blog1 .img img {
  margin: auto;
}

.single-blog1 .content {
  padding: 28px 0 0;
}

.single-blog1 .content .title {
  margin: 0 0 18px;
}

.single-blog1 .content .title a {
  display: block;
  font-size: 24px;
}

.single-blog1 .content .text {
  font-size: 18px;
}

.single-blog1:hover .img {
  box-shadow: 0px 15px 40px 0px rgba(20, 133, 151, 0.3);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(20, 133, 151, 0.3);
  -moz-box-shadow: 0px 15px 40px 0px rgba(20, 133, 151, 0.3);
  -o-box-shadow: 0px 15px 40px 0px rgba(20, 133, 151, 0.3);
}

/* 1.11 Newsletter One */
.newsletter1-area {
  background-image: url(../img/home-one/newsletter-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
  background-color: #fdf1f3;
  padding: 100px 0;
}

.newsletter1-area .section-title {
  text-align: left;
  margin: 0;
}

.newsletter1-area .input-box {
  text-align: right;
}

.newsletter1-area .input-box input {
  border: 0;
  background: #ffffff;
  color: #b7bcc9;
  font-size: 20px;
  padding: 10px 20px;
  height: 70px;
  border-radius: 5px 0 0 5px;
  margin-right: -4px;
  min-width: 340px;
}

.newsletter1-area .input-box button {
  height: 70px;
  padding: 22px 36px;
  font-size: 20px;
}

/* 1.12 Footer One */
footer {
  padding: 100px 0 0;
  position: relative;
}

.footer-top-area {
  padding: 0 0 50px;
}

.footer-top-area .footer-widget {
  margin: 0 0 30px;
}

.footer-top-area .footer-widget .f-logo {
  margin: 0 0 22px;
}

.footer-top-area .footer-widget .text {
  font-size: 20px;
  line-height: 32px;
  margin: 0 0 34px;
}

.footer-top-area .footer-widget .social {
  padding: 0;
  list-style: none;
}

.footer-top-area .footer-widget .social li {
  display: inline-block;
  margin-right: 9px;
}

.footer-top-area .footer-widget .social li a {
  border-radius: 100px;
  display: block;
  border: 1px solid #e7e7e7;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  color: #151d41;
  font-size: 12px;
}

.footer-top-area .footer-widget .social li a:hover {
  background: #ff4568;
  border-color: #ff4568;
  color: #ffffff;
}

.footer-top-area .footer-widget .title {
  margin: 0 0 22px;
}

.footer-top-area .footer-widget .links {
  padding: 0;
  list-style: none;
}

.footer-top-area .footer-widget .links li {
  display: block;
}

.footer-top-area .footer-widget .links li a {
  display: block;
  font-size: 20px;
  line-height: 45px;
  color: #7e828f;
}

.footer-top-area .footer-widget .links li a:hover {
  color: #ff4568;
}

.footer-top-area .footer-widget .info-box {
  margin-bottom: 24px;
}

.footer-top-area .footer-widget .info-box .icon {
  font-size: 30px;
  line-height: 32px;
  color: #ff4568;
  margin: 0 0 16px;
}

.footer-top-area .footer-widget .info-box .downloaded {
  margin: 0 0 10px;
}

.footer-top-area .footer-widget .info-box .downloaded .counter {
  font-size: 24px;
  display: inline-block;
}

.footer-top-area .footer-widget .info-box .desc {
  line-height: 20px;
}

.footer-bottom-area {
  border-top: 1px solid #f1f1f1;
}

.footer-bottom-area .copyright {
  padding: 32px 0 44px;
}

.footer-bottom-area .copyright .text {
  font-size: 20px;
  line-height: 30px;
}

.footer-bottom-area .payment {
  text-align: right;
  padding: 32px 0 44px;
}

/* Scroll Up */
#scrollUp {
  color: #ffffff;
  border-radius: 100px;
  background: #ff4568;
  box-shadow: 0px 15px 40px 0px rgba(255, 79, 115, 0.15);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(255, 79, 115, 0.15);
  -moz-box-shadow: 0px 15px 40px 0px rgba(255, 79, 115, 0.15);
  -o-box-shadow: 0px 15px 40px 0px rgba(255, 79, 115, 0.15);
  right: 20px;
  bottom: 20px;
  height: 60px;
  width: 60px;
  line-height: 60px;
  font-size: 20px;
  text-align: center;
}

/*----------------------------------------*/
/*  2. Home Two
/*----------------------------------------*/
.home_2 a:hover {
  color: #5b59e3;
}

.header-2 .header-right-content .cart .cart-link .number {
  border: 1px solid #5b59e3;
}

.header-2 .header-right-content .sign-in .btn-style-2 {
  text-align: left;
  font-size: 18px;
  line-height: 22px;
  padding: 14px 20px;
}

/* 2.2 Hero Two */
.hero2-area {
  position: relative;
  overflow: hidden;
  padding: 276px 0 212px;
}

.hero2-area .hero2-banner {
  position: absolute;
  right: -190px;
  bottom: 0;
  text-align: right;
}

.hero2-area .hero2-banner img {
  width: 96%;
}

.hero2-area .hero2-dots {
  position: absolute;
  left: 0;
  top: 156px;
}

.hero2-content .title {
  font-size: 75px;
  line-height: 81px;
  font-weight: 400;
}

.hero2-content .links {
  margin: 34px 0 0;
}

.hero2-content .links .link {
  margin-right: 20px;
}

/* 2.3 Featured Two */
.feature2-area {
  padding: 100px 0 70px;
}

.single-feature-2 {
  text-align: center;
  margin: auto auto 30px;
}

.single-feature-2 .img {
  box-shadow: 9.988px 19.602px 50px 0px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 9.988px 19.602px 50px 0px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 9.988px 19.602px 50px 0px rgba(0, 0, 0, 0.07);
  -o-box-shadow: 9.988px 19.602px 50px 0px rgba(0, 0, 0, 0.07);
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  border-radius: 10px;
}

.single-feature-2 .img a {
  display: block;
}

.single-feature-2 .img img {
  border-radius: 10px;
}

.single-feature-2 .content {
  margin-top: 20px;
  text-align: left;
}

.single-feature-2 .content .title {
  position: relative;
}

.single-feature-2 .content .title a {
  display: block;
  font-size: 20px;
  line-height: 26px;
  padding-right: 86px;
}

.single-feature-2 .content .title .price {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 20px;
  font-weight: 400;
  padding: 4px 22px;
  border-radius: 50px;
}

.single-feature-2 .content .desc {
  color: #83828b;
  line-height: 18px;
  margin-top: 12px;
}

.single-feature-2 .content .desc a {
  color: #353448;
  display: inline-block;
  font-size: 14px;
}

.single-feature-2:hover .img {
  box-shadow: 0px 10px 30px 0px rgba(63, 2, 141, 0.3);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(63, 2, 141, 0.3);
  -moz-box-shadow: 0px 10px 30px 0px rgba(63, 2, 141, 0.3);
  -o-box-shadow: 0px 10px 30px 0px rgba(63, 2, 141, 0.3);
}

/* 2.4 New Two */
.new2-area {
  background: #fafafe;
  position: relative;
  padding: 100px 0;
}

.new2-area .new2-bg-1 {
  position: absolute;
  right: -40px;
  top: 74px;
}

.new2-area .new2-bg-2 {
  position: absolute;
  left: -50px;
  bottom: 74px;
}

.single-new2 {
  margin: 0 0 30px;
}

.single-new2 .img {
  position: relative;
}

.single-new2 .img a {
  display: block;
}

.single-new2 .img img {
  border-radius: 10px;
  width: 100%;
}

.new-released2-more {
  margin: 20px 0 0;
}

.new-released2-more .link {
  padding: 14px 20px;
}

/* 2.5 Premium Two */
.premium2-area {
  padding: 100px 0;
}

/* 2.6 Best Two */
.best2-area {
  background: #fafafe;
  position: relative;
  padding: 100px 0 44px;
}

.best2-area .best2-bg-1 {
  position: absolute;
  right: -40px;
  top: 74px;
}

.best2-area .best2-bg-2 {
  position: absolute;
  left: -50px;
  bottom: 74px;
}

.single-morefeature1.single-best2 .icon .icon-box {
  background: #5b59e3;
  border-radius: 25px;
  box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  -moz-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  -o-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
}

.single-morefeature1.single-best2 .content .title {
  font-weight: 400;
}

/* 2.7 Feature Week Two */
.feature-week2-area {
  padding: 100px 0 10px;
}

.single-feature-week2 {
  box-shadow: 0px 10px 50px 0px rgba(7, 14, 14, 0.02);
  -webkit-box-shadow: 0px 10px 50px 0px rgba(7, 14, 14, 0.02);
  -moz-box-shadow: 0px 10px 50px 0px rgba(7, 14, 14, 0.02);
  -o-box-shadow: 0px 10px 50px 0px rgba(7, 14, 14, 0.02);
  background: #ffffff;
  border: 1px solid #f8f8f8;
  text-align: center;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  padding: 50px 20px;
  margin: 0 0 50px;
}

.single-feature-week2:hover {
  box-shadow: 0px 10px 50px 0px rgba(7, 14, 14, 0.05);
  -webkit-box-shadow: 0px 10px 50px 0px rgba(7, 14, 14, 0.05);
  -moz-box-shadow: 0px 10px 50px 0px rgba(7, 14, 14, 0.05);
  -o-box-shadow: 0px 10px 50px 0px rgba(7, 14, 14, 0.05);
}

.single-feature-week2 .icon .icon-box {
  font-size: 80px;
}

.single-feature-week2 .icon .icon-box img {
  height: 80px;
}

.single-feature-week2 .content {
  padding: 18px 0 0;
}

.single-feature-week2 .content .name {
  font-weight: 500;
  margin: 0 0 34px;
}

.single-feature-week2 .content .link {
  padding: 14px 20px;
}

.feature-week2-right-content .section-title {
  text-align: left;
  margin: 0 0 44px;
}

/* 2.8 Testimonial Two */
.testimonial2-area {
  padding: 40px 0 100px;
}

.single-testimonial2 .content {
  position: relative;
  padding: 130px 0 30px;
}

.single-testimonial2 .content::before {
  content: "\f10d";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  left: 0;
  top: 50px;
  color: #5b59e3;
  font-size: 46px;
  line-height: 48px;
}

.single-testimonial2 .content .text {
  color: #353448;
  font-size: 36px;
  line-height: 40px;
  font-weight: 700;
  font-style: italic;
}

.single-testimonial2 .content .info {
  margin: 42px 0 0;
}

.single-testimonial2 .content .info .title {
  font-size: 20px;
  line-height: 22px;
  font-weight: 400;
}

.single-testimonial2 .content .info .desg {
  font-size: 16px;
  line-height: 20px;
  margin: 14px 0 0;
}

.single-testimonial2 .banner {
  text-align: right;
}

.single-testimonial2 .banner img {
  width: auto;
}

.testimonial2-carousel .owl-dots {
  position: absolute;
  bottom: 48px;
  left: 0;
}

.testimonial2-carousel .owl-dots .owl-dot {
  border-radius: 100px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  display: inline-block;
  margin-right: 20px;
  height: 10px;
  width: 10px;
  background: #eeeefc;
}

.testimonial2-carousel .owl-dots .owl-dot.active {
  background: #5b59e3;
  width: 30px;
}

/* 2.9 Affiliate & Author Two */
.author-affiliate-area2 {
  background: #fafafe;
  position: relative;
}

.author-affiliate-area2 .author-affiliate-area2-bg-1 {
  position: absolute;
  right: -40px;
  top: 74px;
  z-index: 1;
}

.author-affiliate-area2 .author-affiliate-area2-bg-2 {
  position: absolute;
  left: 0;
  bottom: 74px;
  z-index: 1;
}

.aaa2-left {
  background: #5b59e3;
  padding: 100px 140px;
}

.aaa2-left .section-title {
  text-align: left;
}

.aaa2-left .section-title .title {
  color: #ffffff;
}

.aaa2-left .section-title .text {
  color: #ffffff;
}

.aaa2-left .link {
  background: #d8d7ff;
  color: #5b59e3;
}

.aaa2-right {
  background: #fafafe;
  padding: 100px 140px;
}

.aaa2-right .section-title {
  text-align: left;
}

/* 2.10 Footer Two */
footer.footer-2 .footer-top-area .footer-widget .links li a:hover {
  color: #5b59e3;
}

footer.footer-2 .footer-top-area .footer-widget .social li a:hover {
  background: #5b59e3;
  border-color: #5b59e3;
}

footer.footer-2 .footer-top-area .footer-widget .info-box .icon {
  color: #5b59e3;
}

/* Scroll Up 2 */
.home_2 #scrollUp {
  background: #5b59e3;
  box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  -moz-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  -o-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
}

/*----------------------------------------*/
/*  3. Home Three
/*----------------------------------------*/
.header-3 .header-right-content .cart .cart-link .number {
  border: 1px solid #36c5ba;
}

.header-3 .header-right-content .sign-in .btn-style-4 {
  text-align: left;
  font-size: 18px;
  line-height: 22px;
  padding: 14px 20px;
}

/* 3.2 Hero Three */
.hero3-area {
  background: #e9f1f0;
  padding: 250px 0 170px;
  overflow: hidden;
  position: relative;
}

.hero3-area .hero3-banner {
  position: absolute;
  top: 196px;
  right: 80px;
}

.hero3-area .hero3-dots {
  position: absolute;
  top: 150px;
  left: 0;
}

.hero3-area .hero3-bg-icon-1 {
  position: absolute;
  left: 0;
  bottom: 20px;
}

.hero3-area .hero3-bg-icon-2 {
  position: absolute;
  right: -150px;
  bottom: -110px;
}

.hero3-area .hero3-content .title {
  font-size: 55px;
  line-height: 65px;
  font-weight: 900;
}

.hero3-area .hero3-content .text {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0 0;
}

.hero3-area .hero3-content .hero1-input-box {
  background: #ffffff;
  max-width: 600px;
  margin: 36px 0 0;
  height: 100px;
  padding: 20px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.hero3-area .hero3-content .hero1-input-box::before {
  content: "\f002";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  color: #7e828f;
  font-size: 30px;
  left: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.hero3-area .hero3-content .hero1-input-box input {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border: 0;
  padding-left: 50px;
  color: #353448;
  font-size: 20px;
}

.hero3-area .hero3-content .hero1-input-box button {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: 200px;
  padding: 10px 30px;
}

/* 3.3 Service Three */
.service3-area {
  padding: 50px 0 30px;
}

.single-feature-3 {
  margin: 0 0 54px;
}

.single-feature-3 .icon {
  float: left;
  width: 50px;
}

.single-feature-3 .icon .icon-box {
  display: inline-block;
  text-align: center;
  line-height: 50px;
  font-size: 30px;
  width: 100%;
  height: 50px;
  border-radius: 100px;
  background: #ffffff;
  color: #36c5ba;
  box-shadow: 0px 15px 40px 0px rgba(30, 45, 44, 0.05);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(30, 45, 44, 0.05);
  -moz-box-shadow: 0px 15px 40px 0px rgba(30, 45, 44, 0.05);
  -o-box-shadow: 0px 15px 40px 0px rgba(30, 45, 44, 0.05);
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
}

.single-feature-3 .icon .icon-box img {
  height: 20px;
}

.single-feature-3 .content {
  padding-left: 28px;
  overflow: hidden;
}

.single-feature-3 .content .title {
  color: #36c5ba;
  font-size: 22px;
  line-height: 26px;
  font-weight: 500;
  margin: 0 0 16px;
}

.single-feature-3 .content .text {
  font-size: 16px;
  line-height: 24px;
}

.single-feature-3:hover .icon .icon-box {
  box-shadow: 0px 15px 40px 0px rgba(30, 45, 44, 0.3);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(30, 45, 44, 0.3);
  -moz-box-shadow: 0px 15px 40px 0px rgba(30, 45, 44, 0.3);
  -o-box-shadow: 0px 15px 40px 0px rgba(30, 45, 44, 0.3);
}

.feature3-area {
  padding: 100px 0 70px;
}

/* 3.4 Latest Product Three */
.latest-product3-area {
  background: #e9f1f1;
  overflow: hidden;
  position: relative;
  padding: 100px 0;
}

.latest-product3-area .latest-product3-dots {
  position: absolute;
  top: 518px;
  left: 0;
}

.latest-product3-area .latest-product3-bg-icon-1 {
  position: absolute;
  left: 0;
  bottom: 494px;
}

.latest-product3-area .latest-product3-bg-icon-2 {
  position: absolute;
  right: -150px;
  bottom: 450px;
}

/* 3.5 Counter Three */
.counter-area3 {
  padding: 100px 0 50px;
}

.single-counter {
  text-align: center;
  margin: 0 0 30px;
}

.single-counter .icon .icon-box {
  color: #36c5ba;
  display: inline-block;
  background: #e0f2f1;
  font-size: 24px;
  height: 80px;
  width: 80px;
  line-height: 80px;
}

.single-counter .content {
  margin: 34px 0 0;
}

.single-counter .content .title {
  font-size: 36px;
  line-height: 40px;
}

.single-counter .content .title .counter {
  font-size: 36px;
}

.single-counter .content .info {
  font-size: 18px;
  line-height: 22px;
}

/* 3.6 Become Author Three */
.become-author3-area {
  padding: 20px 0 100px;
}

.become-author3-content .section-title {
  text-align: left;
}

/* 3.7 How It Three */
.howit3-area {
  background: #1b1b2a;
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}

.howit3-area .howit3-banner {
  position: absolute;
  right: -33%;
  top: 130px;
}

.howit3-area .howit3-dots {
  position: absolute;
  top: 190px;
  left: 0;
}

.howit3-area .howit3-bg-icon-1 {
  position: absolute;
  left: 0;
  bottom: 170px;
}

.howit3-area .howit3-bg-icon-2 {
  position: absolute;
  right: -150px;
  top: 30px;
}

.howit3-content .section-title {
  text-align: left;
}

.howit3-content .section-title .title {
  color: #ffffff;
}

.howit3-content .section-title .text {
  color: #ffffff;
}

.single-service-3 {
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  position: relative;
  padding: 30px;
}

.single-service-3 .icon {
  position: absolute;
  left: 30px;
  top: 30px;
}

.single-service-3 .icon .icon-box {
  color: #ffffff;
  height: 58px;
  font-size: 36px;
}

.single-service-3 .content {
  padding-left: 88px;
}

.single-service-3 .content .title {
  color: #ffffff;
  font-size: 24px;
  line-height: 26px;
  font-weight: 500;
}

.single-service-3 .content .text {
  color: #ffffff;
  font-size: 18px;
  line-height: 24px;
  margin: 8px 0 0;
}

.single-service-3:hover {
  background: #36c5ba;
}

/* 3.8 Blog Three */
.blog3-area {
  padding: 100px 0 70px;
}

/* 3.9 Subscribe Three */
.subscribe3-area {
  background: #e9f1f1;
  padding: 70px 0;
}

.subscribe3-area .input-box {
  text-align: center;
}

.subscribe3-area .input-box input {
  border: 0;
  background: #ffffff;
  color: #b7bcc9;
  font-size: 20px;
  padding: 10px 20px;
  height: 65px;
  border-radius: 5px 0 0 5px;
  margin-right: 20px;
  min-width: 360px;
}

.subscribe3-area .input-box button {
  height: 65px;
  padding: 22px 36px;
  font-size: 20px;
}

/* 3.10 Footer Three */
footer.footer-3 {
  background: #1b1b2a;
  overflow: hidden;
}

footer.footer-3 .footer3-dot {
  position: absolute;
  left: 0;
  top: 0;
}

footer.footer-3 .footer3-bg-icon1 {
  position: absolute;
  left: 0;
  bottom: 0;
}

footer.footer-3 .footer3-bg-icon2 {
  position: absolute;
  right: -170px;
  top: 148px;
}

footer.footer-3 .footer-widget .title {
  color: #ffffff;
}

footer.footer-3 .footer-widget .text {
  color: #adacb8;
}

footer.footer-3 .footer-widget .social li a {
  background: #ffffff;
  color: #151d41;
}

footer.footer-3 .footer-widget .social li a:hover {
  background: #36c5ba;
  border-color: #36c5ba;
}

footer.footer-3 .footer-widget .links li a {
  color: #adacb8;
}

footer.footer-3 .footer-widget .info-box .icon {
  color: #36c5ba;
}

footer.footer-3 .footer-widget .info-box .downloaded .counter {
  color: #ffffff;
}

footer.footer-3 .footer-widget .info-box .desc {
  color: #adacb8;
}

footer.footer-3 .copyright .text {
  color: #adacb8;
}

/* Scroll Up 3 */
.home_3 #scrollUp {
  background: #36c5ba;
  box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  -moz-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  -o-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
}

/*----------------------------------------*/
/*  4. Home Four
/*----------------------------------------*/
header.header-4 .main-menu.stellarnav {
  padding: 5px 0;
}

header.header-4 .main-menu.stellarnav ul li a {
  font-size: 16px;
}

.header4-top-area {
  background: #08062b;
}

.header4-top-area .hta-left {
  padding: 15px 0;
}

.header4-top-area .hta-left .social {
  padding: 0;
  list-style: none;
}

.header4-top-area .hta-left .social li {
  display: inline-block;
  margin-right: 20px;
}

.header4-top-area .hta-left .social li:last-child {
  margin-right: 0;
}

.header4-top-area .hta-left .social li a {
  display: block;
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
}

.header4-top-area .hta-right {
  text-align: right;
  padding: 15px 0;
}

.header4-top-area .hta-right .links {
  padding: 0;
  list-style: none;
}

.header4-top-area .hta-right .links li {
  display: inline-block;
  margin-right: 38px;
}

.header4-top-area .hta-right .links li:last-child {
  margin-right: 0;
}

.header4-top-area .hta-right .links li a {
  display: block;
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
}

.header4-bottom-area {
  padding: 20px 0;
}

.header4-bottom-area .header-right-content .btn-style-6 {
  padding: 16px 22px;
  font-size: 16px;
}

header.navbar-fixed-top.header-4 {
  position: unset;
  -webkit-animation: none;
          animation: none;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* 4.2 Hero Four */
.hero4-area {
  background-image: url(../img/home-four/hero-bg.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  z-index: 2;
  padding: 190px 0 170px;
}

.hero4-area::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #030045;
  opacity: .8;
}

.hero4-content {
  text-align: center;
}

.hero4-content .title {
  color: #ffffff;
  font-size: 70px;
  line-height: 80px;
  font-weight: 900;
}

.hero4-content .hero1-input-box {
  background: #ffffff;
  max-width: 964px;
  margin: 36px auto auto;
  height: 130px;
  padding: 24px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.hero4-content .hero1-input-box::before {
  content: "\f002";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  color: #7e828f;
  font-size: 30px;
  left: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.hero4-content .hero1-input-box input {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border: 0;
  padding-left: 50px;
  color: #353448;
  font-size: 20px;
}

.hero4-content .hero1-input-box select {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border: 0;
  margin-right: 40px;
  color: #353448;
  font-size: 20px;
}

.hero4-content .hero1-input-box button {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: 200px;
}

/* 4.3 Service Four */
.service4-area {
  padding: 50px 0 20px;
}

.single-service-4 {
  text-align: center;
  margin: 0 0 30px;
}

.single-service-4 .icon {
  margin: 0 0 30px;
}

.single-service-4 .icon .icon-box {
  display: inline-block;
  font-size: 110px;
}

.single-service-4 .icon .icon-box img {
  height: 110px;
}

.single-service-4 .content {
  padding: 0 20px;
}

.single-service-4 .content .title {
  font-size: 24px;
  line-height: 28px;
}

.single-service-4 .content .text {
  font-size: 17px;
  margin: 20px 0 0;
}

.single-service-4 .content .more {
  display: inline-block;
  font-size: 17px;
  line-height: 21px;
  font-weight: 700;
  margin: 28px 0 0;
  color: #0e47b7;
}

/* 4.4 Feature Product V-Four */
.feature2-area.v4 {
  padding: 50px 0 100px;
}

/* 4.5 Latest Product V-Four */
.latest-product3-area.v4 {
  background: #fbfdff;
  padding: 100px 0 50px;
}

/* 4.6 More Feature v-Four */
.more-feature1-area.v4 {
  padding: 50px 0;
}

.single-morefeature1.v4 .icon .icon-box {
  background: #0e47b7;
  box-shadow: 0px 15px 40px 0px rgba(14, 71, 183, 0.2);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(14, 71, 183, 0.2);
  -moz-box-shadow: 0px 15px 40px 0px rgba(14, 71, 183, 0.2);
  -o-box-shadow: 0px 15px 40px 0px rgba(14, 71, 183, 0.2);
}

/* 4.7 Feature Three V-Four */
.single-service-3.v4:hover {
  background: #0e47b7;
}

/* 4.8 Footer Four */
footer.footer4 {
  background: #08062b;
  padding: 0;
}

.footer4-top-area {
  padding: 40px 0 10px;
}

.footer4-top-area .logo {
  margin: 0 0 30px;
}

.footer4-top-area .logo img {
  height: 26px;
}

.footer4-top-area .f-links {
  padding: 0;
  list-style: none;
  text-align: center;
  margin: 0 0 30px;
}

.footer4-top-area .f-links li {
  display: inline-block;
  margin-right: 32px;
}

.footer4-top-area .f-links li:last-child {
  margin-right: 0;
}

.footer4-top-area .f-links li a {
  color: #ffffff;
  display: block;
  font-size: 18px;
  line-height: 22px;
}

.footer4-top-area .social {
  padding: 0;
  list-style: none;
  margin: 0 0 30px;
}

.footer4-top-area .social li {
  display: inline-block;
  margin-right: 9px;
}

.footer4-top-area .social li:last-child {
  margin-right: 0;
}

.footer4-top-area .social li a {
  border-radius: 100px;
  display: block;
  background: #ffffff;
  border: 1px solid #ffffff;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  color: #353448;
  font-size: 12px;
}

.footer4-top-area .social li a:hover {
  background: #0e47b7;
  border-color: #0e47b7;
  color: #ffffff;
}

.footer4-bottom-area {
  text-align: center;
  border-top: 1px solid #2b2949;
  padding: 19px 0;
}

.footer4-bottom-area .copyright {
  font-size: 20px;
  line-height: 24px;
}

/* Scroll Up 4 */
.home_4 #scrollUp {
  background: #0e47b7;
  box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  -moz-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  -o-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
}

/*----------------------------------------*/
/*  5. Home Five
/*----------------------------------------*/
header.header-5 {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 90;
  padding: 18px 0;
  -webkit-animation: none;
          animation: none;
  background: transparent;
}

.header5-left .logo {
  padding: 12px 0;
}

.header5-left .logo a {
  display: inline-block;
}

.header5-right {
  text-align: right;
}

.header5-right .link {
  padding: 14px 22px;
  font-size: 16px;
  margin-right: 10px;
}

.header5-right .link:last-child {
  margin-right: 0;
}

.header5-right .link:hover {
  color: #ffffff;
  border-color: #ffffff;
  background: transparent;
}

/* 5.2 Hero Five */
.hero5-area {
  background-image: url(../img/home-five/hero-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 210px 0 126px;
  position: relative;
  z-index: 2;
}

.hero5-area::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(12, 14, 38, 0.73);
  z-index: 0;
}

.hero5-content {
  text-align: center;
}

.hero5-content .title {
  color: #ffffff;
  font-size: 55px;
  line-height: 60px;
}

.hero5-content .text {
  font-size: 20px;
  line-height: 30px;
  margin: 10px 0 0;
}

.hero5-content .hero5-input-box {
  background: #ffffff;
  max-width: 820px;
  margin: 36px auto auto;
  height: 100px;
  padding: 18px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.hero5-content .hero5-input-box::before {
  content: "\f002";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  color: #7e828f;
  font-size: 30px;
  left: 18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.hero5-content .hero5-input-box input {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border: 0;
  padding-left: 50px;
  color: #353448;
  font-size: 20px;
}

.hero5-content .hero5-input-box select {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border: 0;
  margin-right: 40px;
  color: #353448;
  font-size: 20px;
}

.hero5-content .hero5-input-box button {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: 140px;
  font-size: 18px;
  padding: 16px 16px;
}

.hero5-content .trending {
  text-align: center;
  margin: 34px 0 0;
}

.hero5-content .trending label {
  color: #ffffff;
  display: inline-block;
  padding: 0;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  margin-right: 20px;
}

.hero5-content .trending .item {
  color: #ffffff;
  display: inline-block;
  font-size: 18px;
  line-height: 22px;
  text-decoration: underline;
  margin-right: 20px;
}

.hero5-content .trending .item:last-child {
  margin-right: 0;
}

/* 5.3 Feature Five */
.featured5-area {
  background: #f7f9fd;
  padding: 80px 0 40px;
}

.featured5-link {
  text-align: right;
}

.single-featured5 {
  margin: 0 0 30px;
}

.single-featured5 .img {
  box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.15);
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
}

.single-featured5 .img a {
  display: block;
}

.single-featured5 .content {
  margin: 20px 0 0;
}

.single-featured5 .content .title {
  font-size: 24px;
  line-height: 28px;
}

.single-featured5 .content .title a {
  display: block;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
}

.single-featured5 .content .text {
  font-size: 16px;
  line-height: 20px;
  margin: 10px 0 0;
}

.single-featured5 .content .links {
  padding: 0;
  list-style: none;
  margin: 10px 0 0;
}

.single-featured5 .content .links li {
  display: inline-block;
  margin-right: 10px;
}

.single-featured5 .content .links li:last-child {
  margin-right: 0;
}

.single-featured5 .content .links li a {
  display: block;
  color: #7e828f;
  border-bottom: 1px solid #7e828f;
}

.single-featured5 .content .links li a:hover {
  color: #0e47b7;
}

.single-featured5:hover .img {
  box-shadow: 0px 10px 50px 0px rgba(61, 26, 26, 0.35);
  -webkit-box-shadow: 0px 10px 50px 0px rgba(61, 26, 26, 0.35);
  -moz-box-shadow: 0px 10px 50px 0px rgba(61, 26, 26, 0.35);
  -o-box-shadow: 0px 10px 50px 0px rgba(61, 26, 26, 0.35);
}

/* 5.4 Latest Five */
.latest5-area {
  padding: 70px 0;
}

.latest5-link {
  text-align: right;
}

.single-latest5 {
  position: relative;
  z-index: 2;
  border: 0;
  margin: 0 0 30px;
}

.single-latest5::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(#226cf3), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, #226cf3, rgba(255, 255, 255, 0) 100%);
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  visibility: hidden;
  opacity: 0;
}

.single-latest5.card {
  padding: 0 8px 0;
  margin-bottom: 30px;
}

.single-latest5.card::before {
  left: 8px;
  width: calc(100% - 15px);
}

.single-latest5 .img a {
  display: block;
}

.single-latest5 .content {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  min-width: 200px;
  z-index: 3;
  text-align: center;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  visibility: hidden;
  opacity: 0;
}

.single-latest5 .content .links {
  margin: 0 0 20px;
}

.single-latest5 .content .links .btn-style-7 {
  padding: 12px 20px;
}

.single-latest5 .content .links .heart {
  padding: 11px 8px;
  border: 1px solid #ffffff;
  border-radius: 3px;
  color: #ffffff;
  font-size: 18px;
}

.single-latest5 .content .links .heart:hover {
  background: #226cf3;
  border-color: #226cf3;
  color: #ffffff;
}

.single-latest5 .content .title a {
  color: #ffffff;
  display: block;
  font-size: 20px;
  line-height: 24px;
}

.single-latest5 .content .text {
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  margin: 10px 0 0;
}

.single-latest5:hover::before {
  visibility: visible;
  opacity: 1;
}

.single-latest5:hover .content {
  visibility: visible;
  opacity: 1;
}

.latest5-more {
  text-align: center;
  margin: 40px 0 0;
}

/* 5.5 Counter Five */
.counter-area5 {
  background: #f7f9fd;
  padding: 70px 0 40px;
}

/* 5.6 Popular Five */
.popular5-area {
  padding: 70px 0 20px;
}

.popular5-area.v6 {
  background: #f9fcff;
}

.single-popular-5 {
  position: relative;
  text-align: center;
  margin: auto auto 30px;
}

.single-popular-5 .content {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.single-popular-5 .content .link {
  background: rgba(255, 255, 255, 0.7);
  color: #353448;
  font-size: 16px;
  line-height: 20px;
  padding: 16px 26px;
}

.single-popular-5 .content .link:hover {
  background: rgba(255, 255, 255, 0.9);
}

/* 5.7 Pricing Five */
.pricing5-area {
  padding: 20px 0 40px;
}

.pricing5-buttons {
  padding: 0;
  border: none;
  text-align: center;
  display: block;
  margin: 0 0 50px;
}

.pricing5-buttons .nav-item {
  padding: 0;
  border: none;
  display: inline-block;
  margin: 0 -2px;
}

.pricing5-buttons .nav-item .nav-link {
  display: inline-block;
  padding: 16px 22px;
  font-size: 16px;
  line-height: 20px;
  border: none;
}

.pricing5-buttons .nav-item .nav-link.active {
  background: #226cf3;
  color: #ffffff;
}

.single-pricing5 {
  text-align: center;
  border: 1px solid #fafaff;
  background: #ffffff;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  padding: 30px 0 0;
  margin: 0 0 30px;
}

.single-pricing5 .type {
  margin: 0 0 30px;
  padding: 0 60px 0;
}

.single-pricing5 .type .btn-style-3 {
  border-radius: 50px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  font-size: 16px;
  line-height: 20px;
  padding: 16px 34px;
}

.single-pricing5 .type .btn-style-3:hover {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
}

.single-pricing5 .price {
  font-size: 50px;
  line-height: 54px;
  margin: 0 0 34px;
  padding: 0 60px 0;
}

.single-pricing5 .price .icon {
  font-size: 20px;
  position: relative;
  top: -20px;
  padding-right: 6px;
}

.single-pricing5 .price .duration {
  font-size: 20px;
  padding-left: 6px;
}

.single-pricing5 .info-list {
  padding: 0 60px 0;
  list-style: none;
  margin: 0 0 40px;
  text-align: left;
}

.single-pricing5 .info-list li {
  display: block;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 18px;
  position: relative;
  padding-left: 34px;
}

.single-pricing5 .info-list li:last-child {
  margin-bottom: 0;
}

.single-pricing5 .info-list li .icon {
  padding: 0;
  height: 20px;
  width: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  border-radius: 100px;
  position: absolute;
  left: 0;
  top: 0;
}

.single-pricing5 .banner {
  height: 242px;
  margin: 0 0 36px;
  padding: 0 60px 0;
}

.single-pricing5 .submit {
  display: block;
  width: 100%;
}

.single-pricing5 .submit:hover {
  background: #226cf3;
  color: #ffffff;
}

.single-pricing5:hover {
  box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.04);
  -o-box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.04);
}

/* 5.8 Newsletter Five */
.newsletter5-area {
  background: #226cf3;
}

.newsletter5-area .section-title .title {
  color: #ffffff;
}

.newsletter5-area .section-title .text {
  color: #ffffff;
}

.newsletter5-area .input-box .btn-style-1 {
  border-color: #21202c;
  background: #21202c;
}

/* 5.9 Footer Five */
footer.footer-5 {
  background: #21202c;
}

footer.footer-5 .footer-widget .title {
  color: #ffffff;
}

footer.footer-5 .footer-widget .text {
  color: #ffffff;
}

footer.footer-5 .footer-widget .links li a {
  color: #ffffff;
}

footer.footer-5 .footer-widget .social li a {
  background: #ffffff;
  color: #353448;
}

footer.footer-5 .footer-widget .social li a:hover {
  background: #226cf3;
  border-color: #226cf3;
}

footer.footer-5 .copyright .text {
  color: #ffffff;
}

/* Scroll Up 5 */
.home_5 #scrollUp {
  background: #226cf3;
  box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  -moz-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  -o-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
}

/*----------------------------------------*/
/*  6. Home Six
/*----------------------------------------*/
header.header-6.navbar-fixed-top {
  position: unset;
  -webkit-animation: none;
          animation: none;
  padding: unset;
}

.header6-top-area {
  padding: 14px 0;
}

.header6-top-area .header6-left .logo a {
  display: inline-block;
}

.header6-top-area .header6-right {
  text-align: right;
}

.header6-top-area .header6-right .link {
  padding: 16px 20px;
  margin-right: 10px;
}

.header6-top-area .header6-right .link:last-child {
  margin-right: 0;
}

.header6-bottom-area {
  background: #4dabfe;
  padding: 10px 0;
}

.header6-bottom-area .trending {
  text-align: center;
}

.header6-bottom-area .trending .label {
  display: inline-block;
  color: #ffffff;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  margin-right: 12px;
}

.header6-bottom-area .trending .list {
  display: inline-block;
  padding: 0;
  list-style: none;
}

.header6-bottom-area .trending .list li {
  display: inline-block;
  margin-right: 16px;
}

.header6-bottom-area .trending .list li:last-child {
  margin-right: 0;
}

.header6-bottom-area .trending .list li a {
  color: #ffffff;
  display: block;
  font-size: 18px;
  line-height: 22px;
  border-bottom: 1px solid #ffffff;
  padding: 4px 0;
}

/* 6.2 Hero Six */
.hero6-area {
  background-image: url(../img/home-six/hero-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 210px 0 126px;
  position: relative;
  z-index: 2;
}

.hero6-area::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(12, 14, 38, 0.73);
  z-index: 0;
}

.hero6-content {
  text-align: center;
}

.hero6-content .title {
  color: #ffffff;
  font-size: 55px;
  line-height: 60px;
}

.hero6-content .text {
  font-size: 20px;
  line-height: 30px;
  margin: 10px 0 0;
}

.hero6-content .hero6-input-box {
  background: #ffffff;
  max-width: 820px;
  margin: 36px auto auto;
  height: 100px;
  padding: 18px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.hero6-content .hero6-input-box::before {
  content: "\f002";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  color: #7e828f;
  font-size: 30px;
  left: 18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.hero6-content .hero6-input-box input {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border: 0;
  padding-left: 50px;
  color: #353448;
  font-size: 20px;
}

.hero6-content .hero6-input-box button {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: 140px;
  font-size: 18px;
  padding: 16px 16px;
}

.hero6-content .trending {
  text-align: center;
  margin: 34px 0 0;
}

.hero6-content .trending label {
  color: #ffffff;
  display: inline-block;
  padding: 0;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  margin-right: 20px;
}

.hero6-content .trending .item {
  color: #ffffff;
  display: inline-block;
  font-size: 18px;
  line-height: 22px;
  text-decoration: underline;
  margin-right: 20px;
}

.hero6-content .trending .item:last-child {
  margin-right: 0;
}

/* 6.3 Video Six */
.video6-area {
  padding: 70px 0;
}

.video6-select {
  text-align: right;
}

.video6-select select {
  border-radius: 3px;
  border: 1px solid #dfdfe0;
  padding: 18px 28px;
  height: 60px;
  font-size: 20px;
  line-height: 60px;
}

.single-video6 {
  position: relative;
  z-index: 2;
  margin: 0 0 30px;
}

.single-video6::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(#4dabfe), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, #4dabfe, rgba(255, 255, 255, 0) 100%);
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  visibility: hidden;
  border-radius: 3px;
  opacity: 0;
}

.single-video6 .img img {
  border-radius: 3px;
}

.single-video6 .content {
  text-align: center;
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 64%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
}

.single-video6 .content .play {
  display: inline-block;
  height: 80px;
  width: 80px;
  color: #4dabfe;
  background: #ffffff;
  font-size: 16px;
  line-height: 80px;
  border-radius: 100px;
}

.single-video6 .content .title {
  color: #ffffff;
  margin: 22px 0 0;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  opacity: 0;
}

.single-video6 .content .text {
  color: #ffffff;
  font-size: 16px;
  line-height: 18px;
  margin: 10px 0 0;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  opacity: 0;
}

.single-video6:hover::before {
  visibility: visible;
  opacity: 1;
}

.single-video6:hover .content {
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.single-video6:hover .content .title {
  opacity: 1;
}

.single-video6:hover .content .text {
  opacity: 1;
}

.video6-more {
  text-align: center;
  margin: 10px 0 0;
}

/* 6.4 Newsletter Six */
.newsletter6-area {
  background: #4dabfe;
}

.newsletter6-area .section-title .title {
  color: #ffffff;
}

.newsletter6-area .section-title .text {
  color: #ffffff;
}

.newsletter6-area .input-box .btn-style-1 {
  border-color: #21202c;
  background: #21202c;
}

/* 6.5 Footer Six */
footer.footer-5 {
  background: #21202c;
}

footer.footer-5 .footer-widget .title {
  color: #ffffff;
}

footer.footer-5 .footer-widget .text {
  color: #ffffff;
}

footer.footer-5 .footer-widget .links li a {
  color: #ffffff;
}

footer.footer-5 .footer-widget .social li a {
  background: #ffffff;
  color: #353448;
}

footer.footer-5 .footer-widget .social li a:hover {
  background: #4dabfe;
  border-color: #4dabfe;
}

footer.footer-5 .copyright .text {
  color: #ffffff;
}

/* Scroll Up 6 */
.home_6 #scrollUp {
  background: #4dabfe;
  box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  -moz-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
  -o-box-shadow: 0px 15px 40px 0px rgba(91, 89, 227, 0.15);
}

/*----------------------------------------*/
/*  7. News & Blog
/*----------------------------------------*/
.breadcumb-area {
  background-image: url(../img/news&blog/breadcumb-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fdf1f3;
  padding: 190px 0 120px;
}

.breadcumb-area .breadcumb-content {
  text-align: center;
}

.breadcumb-area .breadcumb-content .title {
  font-size: 50px;
  line-height: 60px;
}

.breadcumb-area .breadcumb-content .breadcumb {
  padding: 0;
  list-style: none;
  margin: 8px 0 0;
}

.breadcumb-area .breadcumb-content .breadcumb li {
  display: inline-block;
  position: relative;
  padding-right: 15px;
  margin-right: 4px;
}

.breadcumb-area .breadcumb-content .breadcumb li::after {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.breadcumb-area .breadcumb-content .breadcumb li:last-child {
  padding-right: 0;
  margin-right: 0;
}

.breadcumb-area .breadcumb-content .breadcumb li:last-child::after {
  display: none;
}

.breadcumb-area .breadcumb-content .breadcumb li a {
  display: block;
  font-size: 20px;
  line-height: 24px;
}

.news-blog-area {
  background: #f4f4fb;
  padding: 100px 0;
}

.sidebar-1 {
  margin: 0 0 40px;
}

.sidebar-widget {
  background: #ffffff;
  padding: 30px;
  margin: 0 0 40px;
}

.sidebar-widget .search-input {
  position: relative;
}

.sidebar-widget .search-input input[type="text"] {
  width: 100%;
  height: 60px;
  border: 1px solid #f5f3f3;
  font-size: 18px;
  padding: 5px 30px 5px 10px;
}

.sidebar-widget .search-input button {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 0;
  background: transparent;
  cursor: pointer;
}

.sidebar-widget .title {
  position: relative;
  padding: 0 0 14px;
  margin: 0 0 26px;
}

.sidebar-widget .title::after {
  content: "";
  background: url(../img/news&blog/sidebar-title-bg.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 85px;
}

.sidebar-widget .list {
  padding: 0;
  list-style: none;
}

.sidebar-widget .list li {
  display: block;
  margin: 0 0 24px;
}

.sidebar-widget .list li:last-child {
  margin-bottom: 0;
}

.sidebar-widget .list li a {
  display: block;
  overflow: hidden;
  font-size: 20px;
  line-height: 24px;
  color: #7e828f;
}

.sidebar-widget .list li a .count {
  float: right;
}

.sidebar-widget .list li a:hover {
  color: #ff4568;
}

.sidebar-widget .rss-btn {
  padding: 18px 10px;
  display: block;
  font-size: 18px;
  width: 100%;
}

.sidebar-widget .rss-btn .icon {
  margin-right: 8px;
}

.nb-single {
  margin: 0 0 30px;
  box-shadow: 0px 15px 40px 0px rgba(20, 133, 151, 0.1);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(20, 133, 151, 0.1);
  -moz-box-shadow: 0px 15px 40px 0px rgba(20, 133, 151, 0.1);
  -o-box-shadow: 0px 15px 40px 0px rgba(20, 133, 151, 0.1);
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  background: #ffffff;
}

.nb-single .img a {
  display: block;
}

.nb-single .img img {
  margin: auto;
}

.nb-single .content {
  padding: 24px;
}

.nb-single .content .ago {
  color: #ff4568;
  font-size: 16px;
  line-height: 20px;
  text-transform: capitalize;
  margin: 0 0 16px;
}

.nb-single .content .title {
  margin: 0 0 18px;
}

.nb-single .content .title a {
  display: block;
  font-size: 24px;
}

.nb-single .content .text {
  font-size: 18px;
}

.nb-single:hover {
  box-shadow: 0px 15px 40px 0px rgba(20, 133, 151, 0.3);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(20, 133, 151, 0.3);
  -moz-box-shadow: 0px 15px 40px 0px rgba(20, 133, 151, 0.3);
  -o-box-shadow: 0px 15px 40px 0px rgba(20, 133, 151, 0.3);
}

.pagination {
  text-align: center;
  display: block;
  padding: 0;
  margin: 6px 0 0;
}

.pagination li {
  display: inline-block;
}

.pagination li a {
  display: block;
  font-size: 20px;
  display: block;
  height: 45px;
  width: 45px;
  text-align: center;
  line-height: 45px;
}

.pagination li a:hover {
  color: #ff4568;
}

.pagination li a.active {
  background: #ff4568;
  color: #ffffff;
}

.pagination li a.disable {
  pointer-events: none;
}

/*----------------------------------------*/
/*  8. Stock Images Single
/*----------------------------------------*/
.breadcumb5-area {
  background-image: url(../img/stock-images-single/breadcumb-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 170px 0 100px;
  position: relative;
  z-index: 2;
}

.breadcumb5-area::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(12, 14, 38, 0.73);
  z-index: 0;
}

.breadcumb5-area .breadcumb5-content {
  text-align: center;
}

.breadcumb5-area .breadcumb5-content .title {
  font-size: 36px;
  line-height: 45px;
  font-weight: 500;
  color: #ffffff;
}

.breadcumb5-area .breadcumb5-content .breadcumb {
  padding: 0;
  list-style: none;
  margin: 8px 0 0;
}

.breadcumb5-area .breadcumb5-content .breadcumb li {
  display: inline-block;
  position: relative;
  padding-right: 15px;
  margin-right: 4px;
}

.breadcumb5-area .breadcumb5-content .breadcumb li::after {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #ffffff;
}

.breadcumb5-area .breadcumb5-content .breadcumb li:last-child {
  padding-right: 0;
  margin-right: 0;
}

.breadcumb5-area .breadcumb5-content .breadcumb li:last-child::after {
  display: none;
}

.breadcumb5-area .breadcumb5-content .breadcumb li a {
  display: block;
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
}

.stock-images-single-area {
  background: #f4f4fb;
  padding: 100px 0 70px;
}

.sidebar-5 .sidebar5-widget {
  background: #ffffff;
  padding: 28px;
  margin: auto auto 40px;
}

.sidebar-5 .sidebar5-widget .title {
  position: relative;
  padding: 0 0 14px;
  margin: 0 0 26px;
}

.sidebar-5 .sidebar5-widget .title::after {
  content: "";
  background: url(../img/stock-images-single/sidebar-title-icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 85px;
}

.sidebar-5 .sidebar5-widget .price {
  color: #226cf3;
  font-size: 50px;
  line-height: 54px;
  margin: 0 0 30px;
}

.sidebar-5 .sidebar5-widget .type {
  width: 100%;
  height: 60px;
  border: 1px solid #f5f3f3;
  font-size: 18px;
  padding: 5px 30px 5px 10px;
  margin: 0 0 20px;
}

.sidebar-5 .sidebar5-widget .text {
  font-size: 18px;
  line-height: 30px;
  margin: 0 0 36px;
}

.sidebar-5 .sidebar5-widget .add-to-cart {
  padding: 18px 10px;
  display: block;
  font-size: 16px;
  width: 100%;
  margin-bottom: 15px;
}

.sidebar-5 .sidebar5-widget .buy-now {
  padding: 18px 10px;
  display: block;
  font-size: 16px;
  width: 100%;
  margin-bottom: 30px;
}

.sidebar-5 .sidebar5-widget .sell-comment {
  overflow: hidden;
  margin: 0 0 28px;
}

.sidebar-5 .sidebar5-widget .sell-comment .left {
  display: inline-block;
  color: #353448;
  font-size: 20px;
  line-height: 24px;
  margin-right: 20px;
}

.sidebar-5 .sidebar5-widget .sell-comment .right {
  display: inline-block;
  color: #353448;
  font-size: 20px;
  line-height: 24px;
}

.sidebar-5 .sidebar5-widget .sell-comment .icon {
  margin-right: 6px;
}

.sidebar-5 .sidebar5-widget .ratting {
  display: inline-block;
}

.sidebar-5 .sidebar5-widget .ratting .stars {
  display: inline-block;
  padding: 0;
  list-style: none;
}

.sidebar-5 .sidebar5-widget .ratting .stars li {
  display: inline-block;
  font-size: 20px;
  line-height: 24px;
  color: #ffcd48;
  font-size: 20px;
}

.sidebar-5 .sidebar5-widget .ratting .total {
  display: inline-block;
  color: #7e828f;
  margin-left: 10px;
}

.sidebar-5 .sidebar5-widget .product-information {
  overflow: hidden;
  margin: 0 0 14px;
}

.sidebar-5 .sidebar5-widget .product-information:last-child {
  margin-bottom: 0;
}

.sidebar-5 .sidebar5-widget .product-information .label {
  display: inline-block;
  width: 40%;
  color: #353448;
  font-size: 18px;
  font-weight: 700;
}

.sidebar-5 .sidebar5-widget .product-information .info {
  display: inline-block;
  width: 58%;
  color: #7e828f;
  font-size: 18px;
}

.sidebar-5 .sidebar5-widget .author {
  text-align: center;
  margin: 0 0 26px;
}

.sidebar-5 .sidebar5-widget .author-name {
  text-align: center;
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 14px;
}

.sidebar-5 .sidebar5-widget .author-name .level {
  display: inline-block;
  background: #216bf2;
  color: #ffffff;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  padding: 3px 10px;
}

.sidebar-5 .sidebar5-widget .time-ago {
  text-align: center;
  font-size: 20px;
  line-height: 24px;
  margin: 0 0 30px;
}

.sidebar-5 .sidebar5-widget .info-number {
  padding: 0;
  list-style: none;
  text-align: center;
  margin: 0 0 44px;
}

.sidebar-5 .sidebar5-widget .info-number li {
  display: inline-block;
  overflow: hidden;
  margin-right: 40px;
}

.sidebar-5 .sidebar5-widget .info-number li:last-child {
  margin-right: 0;
}

.sidebar-5 .sidebar5-widget .info-number li .counter {
  display: block;
  color: #353448;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
}

.sidebar-5 .sidebar5-widget .info-number li .info {
  display: block;
  color: #7e828f;
  font-size: 16px;
  line-height: 20px;
}

.sidebar-5 .sidebar5-widget .social {
  padding: 0;
  list-style: none;
  text-align: center;
  margin: 0 0 30px;
}

.sidebar-5 .sidebar5-widget .social li {
  display: inline-block;
  margin-right: 8px;
}

.sidebar-5 .sidebar5-widget .social li a {
  border-radius: 100px;
  display: block;
  border: 1px solid #7e828f;
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
  color: #7e828f;
  font-size: 24px;
}

.sidebar-5 .sidebar5-widget .social li a:hover {
  background: #226cf3;
  border-color: #226cf3;
  color: #ffffff;
}

.sidebar-5 .sidebar5-widget .message {
  padding: 18px 10px;
  display: block;
  font-size: 16px;
  width: 100%;
  margin-bottom: 15px;
}

.sidebar-5 .sidebar5-widget .view-profile {
  padding: 18px 10px;
  display: block;
  font-size: 16px;
  width: 100%;
}

.stock-images-single-content .banner {
  margin: 0 0 50px;
}

.stock-images-single-content .sisc-tab-menu {
  border: 0;
}

.stock-images-single-content .sisc-tab-menu .nav-item {
  border: 0;
  padding: 0;
  margin-right: 26px;
}

.stock-images-single-content .sisc-tab-menu .nav-item .nav-link {
  border: 0;
  font-size: 20px;
  line-height: 24px;
  position: relative;
  padding: 0 0 14px;
  margin: 0 0 26px;
}

.stock-images-single-content .sisc-tab-menu .nav-item .nav-link::after {
  content: "";
  background: url(../img/stock-images-single/sidebar-title-icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 85px;
  opacity: 0;
}

.stock-images-single-content .sisc-tab-menu .nav-item .nav-link.active {
  background: transparent;
}

.stock-images-single-content .sisc-tab-menu .nav-item .nav-link.active::after {
  opacity: 1;
}

.stock-images-single-content .sisc-tab-content {
  margin: 0 0 56px;
}

.stock-images-single-content .sisc-title {
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 24px;
}

.stock-images-single-content .text {
  font-size: 20px;
  line-height: 32px;
  margin: 0 0 30px;
}

.stock-images-single-content .keywords {
  padding: 0;
  list-style: none;
  margin: 0 0 52px;
}

.stock-images-single-content .keywords li {
  display: inline-block;
  margin-right: 4px;
  margin-bottom: 8px;
}

.stock-images-single-content .keywords li a {
  display: block;
  font-size: 16px;
  line-height: 20px;
  color: #7e828f;
  border: 1px solid #ececf0;
  padding: 14px;
  background: #ffffff;
}

/*----------------------------------------*/
/*  9. Theme Single Comment
/*----------------------------------------*/
.sidebar-5.color-1 .title::after {
  content: "";
  background: url(../img/theme-single-comments/sidebar-title-icon.png);
}

.sidebar-5.color-1 .price {
  color: #ff4568;
}

.sidebar-5.color-1 .author-name .level {
  background: #ff4568;
}

.sidebar-5.color-1 .social li a:hover {
  background: #ff4568;
  border-color: #ff4568;
}

.sisc-tab-menu.color-1 .nav-item .nav-link::after {
  content: "";
  background: url(../img/theme-single-comments/sidebar-title-icon.png);
}

.all-comment {
  margin: 0 0 40px;
}

.all-comment .comment-list ul {
  padding: 0;
  list-style: none;
}

.all-comment .comment-list ul li ul {
  padding-left: 80px;
  list-style: none;
}

.all-comment article {
  background: #ffffff;
  padding: 30px;
  overflow: hidden;
  margin: 0 0 24px;
}

.all-comment article .comment-author {
  float: left;
  width: 80px;
}

.all-comment article .comment-author img {
  border-radius: 100px;
  height: 80px;
}

.all-comment article .comment-details {
  overflow: hidden;
  padding-left: 40px;
}

.all-comment article .comment-details .comment-meta .comment-left-meta .author-name {
  display: inline-block;
}

.all-comment article .comment-details .comment-meta .comment-left-meta .comment-date {
  display: inline-block;
  font-size: 16px;
  margin-left: 14px;
}

.all-comment article .comment-details .comment-text {
  margin: 14px 0 14px;
}

.all-comment article .comment-details .comment-text p {
  font-size: 18px;
  line-height: 26px;
}

.all-comment article .comment-details .comment-reply .reply {
  color: #ff4568;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
}

.all-comment article .comment-details .comment-reply .reply .icon {
  margin-left: 8px;
}

.comment-form .comment-input-box {
  margin: 0 0 20px;
}

.comment-form .comment-input-box label {
  color: #353448;
  display: block;
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 14px;
}

.comment-form .comment-input-box input[type="text"], .comment-form .comment-input-box input[type="email"] {
  display: block;
  width: 100%;
  border: none;
  height: 60px;
  padding: 6px 18px;
  font-size: 18px;
}

.comment-form .comment-input-box textarea {
  display: block;
  width: 100%;
  border: none;
  height: 134px;
  padding: 6px 18px;
  font-size: 18px;
}

/*----------------------------------------*/
/*  10. Theme Single Profile
/*----------------------------------------*/
.sisc-tab-content .banner {
  margin: 0 0 36px;
}

.sisc-tab-content .list {
  padding: 0;
  list-style: none;
  margin-bottom: 32px;
}

.sisc-tab-content .list li {
  display: block;
  color: #7e828f;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 14px;
  padding-left: 26px;
  position: relative;
}

.sisc-tab-content .list li::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  left: 0;
  top: 0;
  color: #7e828f;
}

.sisc-tab-content .list li:last-child {
  margin-bottom: 0;
}

.sisc-tab-content .list li a {
  display: inline;
  color: #7e828f;
  font-size: 20px;
  line-height: 24px;
}

.sisc-tab-content .list li a:hover {
  text-decoration: underline;
}

/*----------------------------------------*/
/*  11. Theme Single Review
/*----------------------------------------*/
.sisc-tab-content .sisc-review-title {
  display: inline-block;
}

.sisc-tab-content .ratting {
  display: inline-block;
  margin-left: 16px;
}

.sisc-tab-content .ratting .stars {
  display: inline-block;
  padding: 0;
  list-style: none;
}

.sisc-tab-content .ratting .stars li {
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
  color: #ffcd48;
}

.sisc-tab-content .ratting .total {
  display: inline-block;
  color: #7e828f;
  font-size: 14px;
  margin-left: 10px;
}

.sisc-tab-content .rating-filter {
  text-align: right;
}

.sisc-tab-content .rating-filter select {
  border-radius: 3px;
  border: 1px solid #ffffff;
  background: #ffffff;
  color: #353448;
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.07);
  -o-box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.07);
  padding: 18px 28px;
  height: 60px;
  font-size: 20px;
  line-height: 60px;
}

.all-review {
  margin: 40px 0 0;
}

.all-review .single-review {
  background: #ffffff;
  padding: 30px;
  overflow: hidden;
  margin: 0 0 20px;
}

.all-review .single-review .img {
  float: left;
  width: 80px;
}

.all-review .single-review .img img {
  height: 80px;
}

.all-review .single-review .content {
  overflow: hidden;
  padding-left: 40px;
}

.all-review .single-review .content .title-star {
  overflow: hidden;
}

.all-review .single-review .content .title-star .title {
  display: inline-block;
}

.all-review .single-review .content .title-star .ratting {
  display: inline-block;
  margin-left: 16px;
  float: right;
  text-align: right;
}

.all-review .single-review .content .title-star .ratting .stars {
  display: inline-block;
  padding: 0;
  list-style: none;
}

.all-review .single-review .content .title-star .ratting .stars li {
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
  color: #ffcd48;
}

.all-review .single-review .content .title-star .ratting .total {
  display: inline-block;
  color: #7e828f;
  font-size: 14px;
  margin-left: 10px;
}

/*----------------------------------------*/
/*  12. Blog Single
/*----------------------------------------*/
.blog-single-content .title {
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 24px;
}

.blog-single-content .text {
  font-size: 20px;
  line-height: 32px;
  margin: 0 0 30px;
}

.blog-single-content .banner {
  margin: 0 0 34px;
  text-align: center;
}

.blog-single-content .banner .desc {
  display: block;
  font-size: 18px;
  line-height: 22px;
  margin: 10px 0 0;
}

.blog-single-content .meta {
  font-size: 18px;
  line-height: 26px;
  margin: 0 0 20px;
}

.blog-single-content .meta a {
  font-size: 18px;
  line-height: 26px;
  font-style: italic;
  color: #353448;
}

.blog-single-content .breadcumb {
  text-align: center;
  font-size: 28px;
  line-height: 32px;
  margin: 0 0 32px;
}

.blog-single-content .breadcumb .breadcumb-name {
  display: block;
  text-align: center;
  margin-top: 20px;
}

.blog-single-content .tags-share {
  margin: 0 0 36px;
}

.blog-single-content .tags-share .ts-tags .label {
  display: inline-block;
}

.blog-single-content .tags-share .ts-tags .tags {
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
  background: #ffffff;
  color: #ff4568;
  border: 1px solid #ff4568;
  border-radius: 3px;
  padding: 6px 12px;
}

.blog-single-content .tags-share .ts-share {
  text-align: right;
}

.blog-single-content .tags-share .ts-share .label {
  display: inline-block;
}

.blog-single-content .tags-share .ts-share .socaial {
  padding: 0;
  list-style: none;
  display: inline-block;
}

.blog-single-content .tags-share .ts-share .socaial li {
  display: inline-block;
  background: #ffffff;
  border: 1px solid #e8e8ea;
  height: 35px;
  width: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 100px;
  color: #353448;
}

.blog-single-content .tags-share .ts-share .socaial li:hover {
  background: #ff4568;
  border-color: #ff4568;
  color: #ffffff;
}

.blog-single-content .author {
  overflow: hidden;
  padding: 30px;
  background: #ffffff;
  margin: 0 0 36px;
}

.blog-single-content .author .comment-author {
  float: left;
  width: 80px;
}

.blog-single-content .author .comment-author img {
  height: 80px;
}

.blog-single-content .author .comment-details {
  overflow: hidden;
  padding-left: 40px;
}

.blog-single-content .author .comment-details .comment-meta {
  margin: 0 0 14px;
}

.blog-single-content .author .comment-details .comment-text p {
  font-size: 18px;
  line-height: 26px;
}

.blog-single-content .author .comment-details .comment-text .social {
  padding: 0;
  list-style: none;
}

.blog-single-content .author .comment-details .comment-text .social li {
  display: inline-block;
  margin-right: 10px;
}

.blog-single-content .author .comment-details .comment-text .social li:last-child {
  margin-right: 0;
}

.blog-single-content .author .comment-details .comment-text .social li a {
  display: block;
}

/*----------------------------------------*/
/*  13. Category List
/*----------------------------------------*/
.sidebar-widget .filter {
  padding: 0;
  list-style: none;
}

.sidebar-widget .filter li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 14px;
}

.sidebar-widget .filter li a {
  display: block;
  background: #ffffff;
  color: #7e828f;
  border: 1px solid #e8e8ea;
  padding: 5px 17px;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  border-radius: 3px;
}

.sidebar-widget .filter li a:hover {
  background: #ff4568;
  border-color: #ff4568;
  color: #ffffff;
}

.sidebar-widget .tags {
  padding: 0;
  list-style: none;
}

.sidebar-widget .tags li {
  display: block;
  overflow: hidden;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 20px;
}

.sidebar-widget .tags li input[type="checkbox"] {
  margin-right: 14px;
}

.sidebar-widget .tags li .count {
  float: right;
}

.category-search-input-box {
  background: #ffffff;
  max-width: 964px;
  margin: auto auto 30px;
  height: 130px;
  padding: 24px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.category-search-input-box::before {
  content: "\f002";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  color: #7e828f;
  font-size: 30px;
  left: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.category-search-input-box input {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border: 0;
  padding-left: 50px;
  color: #353448;
  font-size: 20px;
}

.category-search-input-box button {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: 200px;
}

.category-result-menu {
  margin: 0 0 30px;
}

.category-result-menu .crm-menu {
  text-align: right;
}

.category-result-menu .crm-menu .menu {
  padding: 0;
  list-style: none;
}

.category-result-menu .crm-menu .menu li {
  display: inline-block;
  margin-right: 12px;
}

.category-result-menu .crm-menu .menu li:last-child {
  margin-right: 0;
}

.category-result-menu .crm-menu .menu li a {
  display: block;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  color: #353448;
  font-size: 18px;
  background: #ffffff;
}

.category-result-menu .crm-menu .menu li a.active {
  background: #ff4568;
  color: #ffffff;
}

.single-category-list {
  background: #ffffff;
  overflow: hidden;
  margin: 0 0 20px;
}

.single-category-list .img {
  float: left;
  text-align: center;
  width: 270px;
}

.single-category-list .content {
  overflow: hidden;
  padding: 30px 34px;
}

.single-category-list .content .title {
  overflow: hidden;
  margin: 0 0 20px;
}

.single-category-list .content .title .link {
  display: inline-block;
  float: left;
  width: 86%;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

.single-category-list .content .title .price {
  float: right;
  color: #ff4568;
}

.single-category-list .content .text {
  font-size: 20px;
  line-height: 30px;
}

.single-category-list .content .buttons {
  margin: 20px 0 0;
}

.single-category-list .content .buttons .btn-style-1 {
  font-size: 18px;
  padding: 16px 34px;
  border-radius: 0;
  margin-right: 8px;
}

/*----------------------------------------*/
/*  14. Author Profile
/*----------------------------------------*/
.sidebar-widget .social {
  padding: 0;
  list-style: none;
  text-align: center;
  margin: 0 0 30px;
}

.sidebar-widget .social li {
  display: inline-block;
  margin-right: 8px;
}

.sidebar-widget .social li a {
  border-radius: 100px;
  display: block;
  border: 1px solid #7e828f;
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
  color: #7e828f;
  font-size: 24px;
}

.sidebar-widget .social li a:hover {
  background: #ff4568;
  border-color: #ff4568;
  color: #ffffff;
}

.sidebar-widget .email-us textarea {
  border: 1px solid #f4f4f4;
  width: 100%;
  height: 210px;
  padding: 20px;
  margin: 0 0 20px;
}

.sidebar-widget .email-us .btn-style-1 {
  padding: 18px 10px;
  display: block;
  font-size: 16px;
  width: 100%;
}

.sidebar-widget .menus {
  padding: 0;
  list-style: none;
}

.sidebar-widget .menus li {
  display: block;
  margin-bottom: 36px;
}

.sidebar-widget .menus li:last-child {
  margin-bottom: 0;
}

.sidebar-widget .menus li a {
  display: block;
  color: #7e828f;
  font-size: 24px;
  line-height: 28px;
  position: relative;
}

.sidebar-widget .menus li a::before {
  content: "";
  position: absolute;
  left: -30px;
  top: 0;
  height: 100%;
  width: 1px;
  background: #ff4568;
  opacity: 0;
}

.sidebar-widget .menus li a .icon {
  margin-right: 30px;
}

.sidebar-widget .menus li a:hover, .sidebar-widget .menus li a.active {
  color: #ff4568;
}

.sidebar-widget .menus li a:hover::before, .sidebar-widget .menus li a.active::before {
  opacity: 1;
}

.breadcumb2-area {
  background-image: url(../img/news&blog/breadcumb-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fdf1f3;
  padding: 148px 0 82px;
}

.breadcumb2-area .breadcumb2-left {
  overflow: hidden;
}

.breadcumb2-area .breadcumb2-left .thumb {
  float: left;
  width: 170px;
}

.breadcumb2-area .breadcumb2-left .content {
  overflow: hidden;
  padding: 24px;
}

.breadcumb2-area .breadcumb2-left .content .author-name {
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 14px;
}

.breadcumb2-area .breadcumb2-left .content .author-name .level {
  background: #ff4568;
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  padding: 3px 10px;
}

.breadcumb2-area .breadcumb2-left .content .time-ago {
  font-size: 20px;
  line-height: 24px;
  margin: 0 0 30px;
}

.breadcumb2-area .breadcumb2-left .content .info-number {
  padding: 0;
  list-style: none;
  margin: 0 0 44px;
}

.breadcumb2-area .breadcumb2-left .content .info-number li {
  display: inline-block;
  overflow: hidden;
  margin-right: 40px;
}

.breadcumb2-area .breadcumb2-left .content .info-number li .counter {
  display: block;
  color: #353448;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
}

.breadcumb2-area .breadcumb2-left .content .info-number li .info {
  display: block;
  color: #7e828f;
  font-size: 16px;
  line-height: 20px;
}

.breadcumb2-area .breadcumb2-right {
  text-align: right;
  padding: 28px 0 0;
}

.breadcumb2-area .breadcumb2-right .buttons .btn-style-1 {
  display: inline-block;
  padding: 18px 36px;
  font-size: 16px;
}

.breadcumb2-area .breadcumb2-right .text {
  font-size: 22px;
  line-height: 26px;
  margin: 20px 0 0;
}

.breadcumb2-area .breadcumb2-right .text.available {
  color: #09d938;
}

.author-follower-all .title {
  font-size: 36px;
  line-height: 40px;
  margin: 0 0 40px;
}

.single-author-follower {
  background: #ffffff;
  padding: 30px;
  margin: 0 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.single-author-follower .thumb {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: 140px;
}

.single-author-follower .thumb img {
  height: 140px;
}

.single-author-follower .thumb .th-name {
  margin: 12px 0 0;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
}

.single-author-follower .content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 0 30px;
  position: relative;
}

.single-author-follower .content .rating {
  margin: 0 0 10px;
}

.single-author-follower .content .rating .stars {
  display: inline-block;
  padding: 0;
  list-style: none;
}

.single-author-follower .content .rating .stars li {
  display: inline-block;
  font-size: 16px;
  color: #ffcd48;
}

.single-author-follower .content .rating .total {
  display: inline-block;
  font-size: 15px;
}

.single-author-follower .content .rating .for {
  background: #7e828f;
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  line-height: 16px;
  padding: 4px 8px;
}

.single-author-follower .content .profile-name {
  margin: 0 0 14px;
}

.single-author-follower .content .profile-name a {
  display: block;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
}

.single-author-follower .content .info {
  padding: 0;
  list-style: none;
}

.single-author-follower .content .info li {
  display: block;
  font-size: 20px;
  line-height: 30px;
}

.single-author-follower .content .ago {
  position: absolute;
  top: 40px;
  right: 0;
}

.single-author-follower .sale-follow {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: 200px;
  text-align: right;
}

.single-author-follower .sale-follow .sale {
  font-size: 50px;
  line-height: 54px;
}

.single-author-follower .sale-follow .label {
  font-size: 20px;
  line-height: 24px;
  margin: 0 0 30px;
}

.single-author-follower .sale-follow .follow {
  padding: 16px 34px;
  border-radius: 0;
}

.single-author-follower .sale-follow .follow.following {
  background: #7e828f;
  border-color: #7e828f;
  box-shadow: 0px 15px 40px 0px rgba(126, 130, 143, 0.1);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(126, 130, 143, 0.1);
  -moz-box-shadow: 0px 15px 40px 0px rgba(126, 130, 143, 0.1);
  -o-box-shadow: 0px 15px 40px 0px rgba(126, 130, 143, 0.1);
}

.single-author-follower .sale-follow .follow.following:hover {
  color: #ffffff;
  box-shadow: 0px 15px 40px 0px rgba(126, 130, 143, 0.5);
  -webkit-box-shadow: 0px 15px 40px 0px rgba(126, 130, 143, 0.5);
  -moz-box-shadow: 0px 15px 40px 0px rgba(126, 130, 143, 0.5);
  -o-box-shadow: 0px 15px 40px 0px rgba(126, 130, 143, 0.5);
}

.single-author-follower.for-review {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.single-author-follower.for-review .thumb {
  min-width: 140px;
}

.single-author-follower.for-review .content .profile-name {
  padding-right: 110px;
}

.author-profile-content .apc-title {
  position: relative;
  padding: 0 0 14px;
  margin: 0 0 26px;
}

.author-profile-content .apc-title::after {
  content: "";
  background: url(../img/news&blog/sidebar-title-bg.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 85px;
}

.author-profile-content .text {
  font-size: 20px;
  line-height: 30px;
}

.author-profile-content .banner {
  background: #ffffff;
  margin: 0 0 40px;
}

.author-profile-content .about-us {
  background: #ffffff;
  padding: 40px;
  margin: 0 0 40px;
}

.author-profile-content .featured {
  background: #ffffff;
  padding: 40px;
  margin: 0 0 40px;
}

.author-profile-content .name-desc {
  background: #ffffff;
  padding: 40px;
  margin: 0 0 40px;
}

.author-profile-content .upload {
  background: #ffffff;
  padding: 40px;
  margin: 0 0 40px;
}

.author-profile-content .atribute {
  background: #ffffff;
  padding: 40px;
  margin: 0 0 40px;
}

.author-profile-content .info {
  font-style: italic;
  font-size: 18px;
  line-height: 22px;
}

.author-profile-content .upload-now {
  text-align: right;
}

.author-input-box {
  position: relative;
  margin: 0 0 26px;
}

.author-input-box label {
  display: block;
  width: 100%;
  color: #353448;
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 14px;
}

.author-input-box input[type="text"] {
  display: block;
  width: 100%;
  color: #353448;
  border: 1px solid #f7f5f5;
  padding: 10px 16px;
  font-size: 18px;
  height: 60px;
}

.author-input-box select {
  display: block;
  width: 100%;
  color: #353448;
  border: 1px solid #f7f5f5;
  padding: 10px 16px;
  font-size: 18px;
  height: 60px;
}

.author-input-box select option {
  padding: 8px 8px;
}

.author-input-box select.multiple-select {
  height: auto;
}

.author-input-box textarea {
  display: block;
  width: 100%;
  color: #353448;
  border: 1px solid #f7f5f5;
  padding: 10px 16px;
  font-size: 18px;
  height: 160px;
}

.author-input-box input[type="file"] {
  display: block;
  width: 100%;
  background: #f9f7f7;
  height: 60px;
  border: 2px dashed #ff4568;
  font-size: 18px;
  line-height: 50px;
  text-align: center;
}
/*# sourceMappingURL=style.css.map */