/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/
/* ==========================================
font-family: 'Open Sans', sans-serif;
=============================================*/
/*--------------------------------------------------------------
# Table of content
--------------------------------------------------------------*/
/* ==================================
1. basic css directory
==================================
  1.1 universal css
  1.2 BootStarp settings

==================================
2. Property directory css
==================================
  2.1 Typography css
    2.1.1 font color
    2.1.2 font family
    2.1.3 font weight
    2.1.4 line height
    2.1.5 font size
    2.1.6 text-transform
  2.2 margin css
    2.2.1 clear margin
    2.2.2 MARGIN TOP
    2.2.3 MARGIN BOTTOM
    2.2.4 MARGIN RIGHT
    2.2.5 MARGIN LEFT
    2.2.5 MARGIN LEFT
    2.2.6 margin bottom for small device
    2.2.7 margin top for small device
    2.2.8 margin bottom for small device landscape
    2.2.9 margin top for small device landscape
  2.3 padding css
    2.3.1 clear padding
    2.3.2 padding TOP
    2.3.3 padding BOTTOM
    2.3.4 padding RIGHT
    2.3.5 padding LEFT
    2.3.5 padding LEFT
    2.3.6 padding bottom for small device
    2.3.7 padding top for small device
    2.3.8 padding bottom for small device landscape
    2.3.9 padding top for small device landscape
  2.4 display property css
  2.5 visiblity property css
  2.6 color property css
  2.7 border property css

==================================
3. ELEMENTS related
==================================
  3.1 social nav css
  3.2 social nav two
  3.3 skills one css
  3.4 email subscribe element css
  3.5 email subscribe element two css
  3.6 Down arrow css
  3.7 venobox video element css

==================================
4. modular section related css
==================================
  4.1 preloder css
  4.2 header css
  4.3 nav css
  4.4 hamburger menu css
  4.5 ham burger menu two
  4.6 breadcrumb css
  4.7 aboutOne section block css
  4.8 about-social section block css
  4.9 about-social-two section block csS
  4.10 about section three css
  4.11 grid text block css
  4.12 send mail button section css
  4.13 Gallery style one css
  4.14 feature one section CSS
  4.15 testimonial one CSS
  4.16 SKILL-one section block css
  4.17 get started section css
  4.18 section with image css
  4.19 call to action section CSS
  4.20 call to action two css
  4.21 feature two css
  4.22 counter up css
  4.23 counter up css start
  4.24 pricing css
  4.25 pricing table two css
  4.26 team css
  4.27 masonry gallery css
  4.28 feature three css
  4.29 Instagram feed css
  4.30 video gallery css
  4.31 footer css
  4.32 footer two css

PAGE CSS
  1. TRAVEL PAGE CSS
  2. RESUME PAGE CSS
  3. CHARITY PAGE CSS
  4. SOFTWARE PAGE CSS
  5. STARTUP PAGE CSS
  6. PORTFOLIO PAGE CSS
  7. FASHION PAGE CSS
  8. CONSULTING PAGE CSS
  9. CATERING PAGE CSS
  10. YOUTUBE PAGE CSS
  10. PREVIEW PAGE CSS



========================================*/
/*--------------------------------------------------------------
# Variables
--------------------------------------------------------------*/
/* ============== Universal variables ===============*/
/*==============media query variable ============*/
/*================ Resume page variable ================*/
/*================ Charity page variable ================*/
/*================ software page variable =================*/
/*================ start up page variable =================*/
/*================ profile up page variable =================*/
/*================ fashion up page variable =================*/
/*================ consulting up page variable =================*/
/*================ catering up page variable =================*/
/*================ youtuber up page variable =================*/
/*--------------------------------------------------------------
# Basic css
--------------------------------------------------------------*/
/*=================== basic css directory ======================*/
/*============= universal css ================ */
body {
  font: 100% "Open Sans", sans-serif;
  font-size: 14px;
  color: #252525;
  font-weight: 400;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  position: relative; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", sans-serif;
  color: #252525;
  font-weight: 700;
  line-height: 1.2; }

a, a:hover, a:visited, a:focus {
  text-decoration: none;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  font-family: "Montserrat", sans-serif; }

.img-responsive {
  margin: auto; }

img.alignright {
  margin-bottom: 1.5em; }

.navbar-scroll.bg-white {
  background-color: #fff; }

.section-title {
  font-size: 31px;
  margin-top: 0;
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 0; }

.section-sub-title {
  font-size: 21px;
  color: #252525;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 5px; }

.mixpack-title {
  margin: 0 0 25px; }
  .mixpack-title em {
    font-family: 'Playfair Display', serif; }
  @media only screen and (max-width: 767px) {
    .mixpack-title {
      font-size: 25px; } }

.mixpack-subtitle p {
  font-family: 'Playfair Display', serif;
  width: 70%;
  text-align: center;
  margin: 0 auto 50px;
  color: #808080;
  font-size: 19px;
  line-height: 25px;
  font-style: italic; }
  @media only screen and (max-width: 767px) {
    .mixpack-subtitle p {
      width: 100%;
      font-size: 16px;
      line-height: 22px; } }

.mixpack-subtitle.two p {
  width: 100%;
  text-align: left;
  margin-bottom: 15px;
  line-height: 31px; }
  @media only screen and (max-width: 767px) {
    .mixpack-subtitle.two p {
      font-size: 16px;
      line-height: 22px; } }

.subtitle-full-width p {
  width: 90%; }
  @media only screen and (max-width: 767px) {
    .subtitle-full-width p {
      font-size: 16px;
      line-height: 22px; } }

.divider-style-1 {
  background: #e5e6ea;
  height: 1px; }

.mixpack-btn {
  text-transform: uppercase;
  border: 1px solid rgba(255, 255, 255, 0);
  border-radius: 25px;
  background: #1f5dea;
  width: auto !important;
  color: #ffffff;
  font-size: 14px;
  padding: 9px 24px;
  display: inline-block;
  margin: 20px auto;
  font-weight: 700;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  -webkit-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease;
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px transparent;
  box-shadow: 0 0 1px transparent; }
  .mixpack-btn:hover, .mixpack-btn:active, .mixpack-btn:focus {
    color: #1f5dea;
    border: 1px solid #1f5dea;
    background: #ffffff; }

.transform-btn {
  text-transform: uppercase;
  border: 1px solid #8a84d7;
  border-radius: 25px;
  background: #1f5dea;
  color: #ffffff;
  font-size: 14px;
  padding: 14px 39px;
  display: inline-block;
  margin: 20px auto;
  font-weight: 700;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  -webkit-transition: color .4s ease;
  -o-transition: color .4s ease;
  transition: color .4s ease;
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px transparent;
  box-shadow: 0 0 1px transparent; }
  .transform-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff;
    border-radius: 25px;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .transform-btn:hover {
    color: #1f5dea;
    border: 1px solid #1f5dea; }
    .transform-btn:hover:before {
      -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
      transform: scaleX(1);
      -webkit-transition-timing-function: ease-out;
      -o-transition-timing-function: ease-out;
      transition-timing-function: ease-out; }

.div-height-fix-flex {
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around; }
  @media only screen and (max-width: 991px) {
    .div-height-fix-flex {
      display: block; } }

.bounce-btn {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px transparent;
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  margin: .4em 0;
  padding: 1em;
  cursor: pointer;
  background: #e1e1e1;
  text-decoration: none;
  line-height: 140%;
  color: #666;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .bounce-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .bounce-btn:hover {
    color: white; }
    .bounce-btn:hover:before {
      -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
      transform: scaleX(1);
      -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
      -o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
      transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

.vbox-close {
  top: 100px; }
  @media (max-width: 1399px) {
    .vbox-close {
      top: 60px; } }

.gradient-one {
  background: transparent -webkit-gradient(linear, left bottom, left top, from(#6340b5), to(#2196f3)) repeat scroll 0 0;
  background: transparent -webkit-linear-gradient(bottom, #6340b5 0%, #2196f3 100%) repeat scroll 0 0;
  background: transparent -o-linear-gradient(bottom, #6340b5 0%, #2196f3 100%) repeat scroll 0 0;
  background: transparent linear-gradient(to top, #6340b5 0%, #2196f3 100%) repeat scroll 0 0;
  border-radius: 10px;
  -webkit-box-shadow: 0px 8px 0 0px #452f9a;
  box-shadow: 0px 8px 0 0px #452f9a; }

.gradient-two {
  background-image: -moz-linear-gradient(125deg, #ec7e35 0%, #eabb80 100%);
  background-image: -webkit-linear-gradient(125deg, #ec7e35 0%, #eabb80 100%);
  background-image: -ms-linear-gradient(125deg, #ec7e35 0%, #eabb80 100%); }

.site-banner {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: table;
  width: 100%;
  height: 200px;
  background-color: #e5e9ec;
  margin-top: 70px; }
  @media only screen and (max-width: 991px) {
    .site-banner {
      margin-top: 0px; } }

.scroll-menu.site-banner {
  margin-top: 0; }

.single-post .scroll-navs.mixpack-content-area {
  padding-top: 100px; }

.site-banner-overlay {
  background-size: cover;
  background-repeat: no-repeat;
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

.site-banner-title h1 {
  color: #252525;
  font-size: 25px;
  font-weight: 700;
  margin: 0; }

.outofboxright {
  max-width: 585px;
  margin-left: auto; }
  @media (max-width: 1199px) {
    .outofboxright {
      max-width: 485px; } }
  @media only screen and (max-width: 991px) {
    .outofboxright {
      max-width: auto; } }

.breadcrumb-text {
  margin-top: 10px; }
  .breadcrumb-text ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .breadcrumb-text ul li {
      color: #252525;
      display: inline-block;
      font-size: 14px;
      font-weight: 400;
      text-transform: capitalize; }
      .breadcrumb-text ul li a {
        color: #252525;
        position: relative;
        display: inline-block;
        margin-right: 20px;
        line-height: 1.2; }
        .breadcrumb-text ul li a:hover {
          color: #00b8ff; }
        .breadcrumb-text ul li a:after {
          position: absolute;
          right: -15px;
          content: "/"; }

img.church-service {
  margin-left: 0; }

.mixpack-church .venobox-video .venobox {
  top: calc(50% - 0px); }

.church-bottom-box {
  text-align: center; }
  .church-bottom-box h2 {
    font-size: 33px;
    color: #fff;
    font-family: "Playfair Display", serif; }
    @media only screen and (max-width: 767px) {
      .church-bottom-box h2 {
        font-size: 28px; } }
  .church-bottom-box p {
    color: #fff;
    font-size: 19px;
    line-height: 25px;
    max-width: 60%;
    margin: auto;
    margin-bottom: 40px;
    font-style: italic;
    font-family: "Playfair Display", serif; }
    @media only screen and (max-width: 991px) {
      .church-bottom-box p {
        max-width: 80%; } }
    @media only screen and (max-width: 767px) {
      .church-bottom-box p {
        max-width: 100%; } }
  .church-bottom-box .mixpack-btn {
    background-color: #ccab5c;
    margin: 0; }
    .church-bottom-box .mixpack-btn:hover {
      color: #ccab5c;
      border-color: #fff;
      background-color: #fff; }

.year-exp {
  -webkit-box-shadow: -1px 1px 13px 6px #f0f5f5;
  box-shadow: -1px 1px 13px 6px #f0f5f5; }
  .year-exp p strong {
    font-size: 140px;
    line-height: 140px; }
    @media only screen and (max-width: 991px) {
      .year-exp p strong {
        font-size: 40px;
        line-height: 46px; } }

.clients .clients-one.box-shadow .client-col {
  -webkit-box-shadow: 0px 1px 13px 2px #f0f5f5;
  box-shadow: 0px 1px 13px 2px #f0f5f5;
  border: none; }

.mixpack-site-padding {
  padding: 100px 0; }

.kc-container {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.kc_column, .kc_column_inner {
  min-height: auto !important; }

.mixpack-church-blog .post-title-alt a:hover {
  font-weight: 500; }

.mixpack-church-blog .meta-title {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(101, 100, 96, 0)), color-stop(50%, rgba(0, 0, 0, 0.55)), to(rgba(0, 0, 0, 0.55)));
  background: -webkit-linear-gradient(top, rgba(101, 100, 96, 0) 0, rgba(0, 0, 0, 0.55) 50%, rgba(0, 0, 0, 0.55) 100%);
  background: -o-linear-gradient(top, rgba(101, 100, 96, 0) 0, rgba(0, 0, 0, 0.55) 50%, rgba(0, 0, 0, 0.55) 100%);
  background: linear-gradient(to bottom, rgba(101, 100, 96, 0) 0, rgba(0, 0, 0, 0.55) 50%, rgba(0, 0, 0, 0.55) 100%); }

.mixpack-church-blog .post-meta a:hover {
  text-decoration: none !important;
  font-weight: 700; }

.church-header p:first-child {
  font-size: 18px;
  text-transform: uppercase;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin: 0; }

.church-header p {
  font-size: 19px;
  line-height: 29px;
  color: #fff;
  font-weight: 400; }

.church-header h2,
.church-header h3 {
  color: #fff;
  font-family: 'Playfair Display', serif; }

.church-header h2 {
  font-size: 80px;
  line-height: 1.2;
  margin: 0; }
  @media only screen and (max-width: 767px) {
    .church-header h2 {
      font-size: 30px; } }

.church-header h3 {
  font-size: 40px;
  line-height: 38px;
  font-style: italic; }
  @media only screen and (max-width: 767px) {
    .church-header h3 {
      font-size: 22px;
      line-height: 28px; } }

.church-quote p {
  margin-bottom: 0; }
  .church-quote p em {
    padding-top: 10px;
    display: inline-block; }

a.mixpack-btn.kc-elm {
  float: none; }

/******* admin bar css *******/
.admin-bar #mixpackCanvasNav,
.admin-bar .mixpackCanvas,
.admin-bar .nav-bg {
  top: 30px; }

@media screen and (max-width: 782px) {
  .admin-bar #mixpackCanvasNav,
  .admin-bar .mixpackCanvas,
  .admin-bar .nav-bg {
    top: 46px; } }

@media screen and (min-width: 783px) {
  .admin-bar #mixpackCanvasNav,
  .admin-bar .mixpackCanvas,
  .admin-bar .nav-bg {
    top: 32px; } }

@media screen and (max-width: 600px) {
  .mobile {
    position: fixed !important; } }

/*======================= BootStarp settings  =========================*/
button, .btn:focus, a:focus {
  outline: none; }

.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.2); }

/*--------------------------------------------------------------
# Property css
--------------------------------------------------------------*/
/*=================== Property directory css ======================*/
/*===========Typography css==============*/
/*-----------------font color---------------------*/
._white {
  color: #ffffff; }

._black {
  color: #000000; }

._primary {
  color: #1f5dea; }

._secondary {
  color: #8a84d7; }

/*-----------------font family---------------------*/
.roboto {
  font-family: 'Roboto', sans-serif; }

.open-sans {
  font-family: 'Open Sans', sans-serif; }

.lato {
  font-family: 'Lato', sans-serif; }

.lora {
  font-family: 'Lora', sans-serif; }

.montserrat {
  font-family: 'Montserrat', sans-serif; }

.raleway {
  font-family: 'Raleway', sans-serif; }

.libre {
  font-family: 'Libre Baskerville', serif; }

.poppins {
  font-family: 'Poppins', sans-serif; }

/*-----------------font weight---------------------*/
.thin {
  font-weight: 100; }

.light {
  font-weight: 300; }

.regular {
  font-weight: 400; }

.medium {
  font-weight: 500; }

.semi-bold {
  font-weight: 600; }

.bold {
  font-weight: 700; }

.extra-bold {
  font-weight: 800; }

.Black {
  font-weight: 900; }

._100 {
  font-weight: 100; }

._300 {
  font-weight: 300; }

._400 {
  font-weight: 400; }

._500 {
  font-weight: 500; }

._600 {
  font-weight: 600; }

._700 {
  font-weight: 700; }

._800 {
  font-weight: 800; }

._900 {
  font-weight: 900; }

/*-----------------line height---------------------*/
._line-1 {
  line-height: 1.1; }

._line-2 {
  line-height: 1.2; }

._line-3 {
  line-height: 1.3; }

._line-4 {
  line-height: 1.4; }

._line-5 {
  line-height: 1.5; }

._line-6 {
  line-height: 1.6; }

._line-7 {
  line-height: 1.7; }

/*------------- font size ---------------*/
._12px {
  font-size: 12px; }

._13px {
  font-size: 13px; }

._14px {
  font-size: 14px; }

._15px {
  font-size: 15px; }

._16px {
  font-size: 16px; }

._17px {
  font-size: 17px; }

._18px {
  font-size: 18px; }

._19px {
  font-size: 19px; }

._20px {
  font-size: 20px; }

._21px {
  font-size: 21px; }

._22px {
  font-size: 22px; }

._23px {
  font-size: 23px; }

._24px {
  font-size: 24px; }

._25px {
  font-size: 25px; }

._26px {
  font-size: 26px; }

._27px {
  font-size: 27px; }

._28px {
  font-size: 28px; }

._29px {
  font-size: 29px; }

._30px {
  font-size: 30px; }

._31px {
  font-size: 31px; }

._32px {
  font-size: 32px; }

._33px {
  font-size: 33px; }

._34px {
  font-size: 34px; }

._35px {
  font-size: 35px; }

._36px {
  font-size: 36px; }

._37px {
  font-size: 37px; }

._38px {
  font-size: 38px; }

._39px {
  font-size: 39px; }

._40px {
  font-size: 40px; }

._41px {
  font-size: 41px; }

._42px {
  font-size: 42px; }

._43px {
  font-size: 43px; }

._44px {
  font-size: 44px; }

._45px {
  font-size: 45px; }

._46px {
  font-size: 46px; }

._47px {
  font-size: 47px; }

._48px {
  font-size: 48px; }

._49px {
  font-size: 49px; }

._50px {
  font-size: 50px; }

._51px {
  font-size: 51px; }

._52px {
  font-size: 52px; }

._53px {
  font-size: 53px; }

._54px {
  font-size: 54px; }

._55px {
  font-size: 55px; }

._56px {
  font-size: 56px; }

._57px {
  font-size: 57px; }

._58px {
  font-size: 58px; }

._59px {
  font-size: 59px; }

._60px {
  font-size: 60px; }

._61px {
  font-size: 61px; }

._62px {
  font-size: 62px; }

._63px {
  font-size: 63px; }

._64px {
  font-size: 64px; }

._65px {
  font-size: 65px; }

._66px {
  font-size: 66px; }

._67px {
  font-size: 67px; }

._68px {
  font-size: 68px; }

._69px {
  font-size: 69px; }

._70px {
  font-size: 70px; }

._71px {
  font-size: 71px; }

._72px {
  font-size: 72px; }

._73px {
  font-size: 73px; }

._74px {
  font-size: 74px; }

._75px {
  font-size: 75px; }

._76px {
  font-size: 76px; }

._77px {
  font-size: 77px; }

._78px {
  font-size: 78px; }

._79px {
  font-size: 79px; }

._80px {
  font-size: 80px; }

@media only screen and (max-width: 767px) {
  ._19px, ._20px, ._21px, ._22px, ._23px {
    font-size: 18px; }
  ._24px, ._25px, ._26px, ._27px, ._28px, ._29px, ._30px {
    font-size: 20px; }
  ._31px, ._32px, ._33px, ._34px, ._35px, ._36px, ._37px, ._38px, ._39px, ._40px {
    font-size: 22px; }
  ._41px, ._42px, ._43px, ._44px, ._45px, ._46px, ._47px, ._48px, ._49px, ._50px {
    font-size: 28px; }
  ._51px, ._52px, ._53px, ._54px, ._55px, ._56px, ._57px, ._58px, ._59px, ._60px {
    font-size: 28px; }
  ._61px, ._62px, ._63px, ._64px, ._65px, ._66px, ._67px, ._68px, ._69px, ._70px, ._71px, ._72px, ._73px, ._74px, ._75px, ._76px, ._77px, ._78px, ._79px, ._80px, ._81px, ._82px, ._83px, ._84px, ._85px, ._86px, ._87px, ._88px, ._89px, ._90px, ._91px, ._92px, ._93px, ._94px, ._95px, ._96px, ._97px, ._98px, ._99px, ._100px, ._101px, ._102px, ._103px, ._104px, ._105px, ._106px, ._107px, ._108px, ._109px, ._110px, ._111px, ._112px, ._113px, ._114px, ._115px, ._116px, ._117px, ._118px, ._119px, ._120px {
    font-size: 35px; } }

@media only screen and (orientation: landscape) and (max-width: 767px) {
  ._21px, ._22px, ._23px {
    font-size: 20px; }
  ._24px, ._25px, ._26px, ._27px, ._28px, ._29px, ._30px {
    font-size: 24px; }
  ._31px, ._32px, ._33px, ._34px, ._35px, ._36px, ._37px, ._38px, ._39px, ._40px {
    font-size: 28px; }
  ._41px, ._42px, ._43px, ._44px, ._45px, ._46px, ._47px, ._48px, ._49px, ._50px {
    font-size: 32px; }
  ._51px, ._52px, ._53px, ._54px, ._55px, ._56px, ._57px, ._58px, ._59px, ._60px {
    font-size: 36px; }
  ._61px, ._62px, ._63px, ._64px, ._65px, ._66px, ._67px, ._68px, ._69px, ._70px, ._71px, ._72px, ._73px, ._74px, ._75px, ._76px, ._77px, ._78px, ._79px, ._80px, ._81px, ._82px, ._83px, ._84px, ._85px, ._86px, ._87px, ._88px, ._89px, ._90px, ._91px, ._92px, ._93px, ._94px, ._95px, ._96px, ._97px, ._98px, ._99px, ._100px, ._101px, ._102px, ._103px, ._104px, ._105px, ._106px, ._107px, ._108px, ._109px, ._110px, ._111px, ._112px, ._113px, ._114px, ._115px, ._116px, ._117px, ._118px, ._119px, ._120px {
    font-size: 40px; } }

/*================== text-transform =====================*/
.uppercase {
  text-transform: uppercase; }

/*-----------------
Start:margin
-----------------*/
/*clear margin*/
.clear-margin {
  margin: 0; }

.clear-margin-top {
  margin-top: 0; }

.clear-margin-bottom {
  margin-bottom: 0; }

.clear-margin-left {
  margin-left: 0; }

.clear-margin-right {
  margin-right: 0; }

/*MARGIN TOP*/
.m-t-5 {
  margin-top: 5px; }

.m-t-10 {
  margin-top: 10px; }

.m-t-15 {
  margin-top: 15px; }

.m-t-20 {
  margin-top: 20px; }

.m-t-25 {
  margin-top: 25px; }

.m-t-30 {
  margin-top: 30px; }

.m-t-35 {
  margin-top: 35px; }

.m-t-40 {
  margin-top: 40px; }

.m-t-45 {
  margin-top: 45px; }

.m-t-50 {
  margin-top: 50px; }

.m-t-55 {
  margin-top: 55px; }

.m-t-60 {
  margin-top: 60px; }

.m-t-65 {
  margin-top: 65px; }

.m-t-70 {
  margin-top: 70px; }

.m-t-75 {
  margin-top: 75px; }

.m-t-80 {
  margin-top: 80px; }

.m-t-85 {
  margin-top: 85px; }

.m-t-90 {
  margin-top: 90px; }

.m-t-95 {
  margin-top: 80px; }

.m-t-100 {
  margin-top: 80px; }

/*MARGIN BOTTOM*/
.m-b-5 {
  margin-bottom: 5px; }

.m-b-10 {
  margin-bottom: 10px; }

.m-b-15 {
  margin-bottom: 15px; }

.m-b-20 {
  margin-bottom: 20px; }

.m-b-25 {
  margin-bottom: 25px; }

.m-b-30 {
  margin-bottom: 30px; }

.m-b-35 {
  margin-bottom: 35px; }

.m-b-40 {
  margin-bottom: 40px; }

.m-b-45 {
  margin-bottom: 45px; }

.m-b-50 {
  margin-bottom: 50px; }

.m-b-55 {
  margin-bottom: 55px; }

.m-b-60 {
  margin-bottom: 60px; }

.m-b-65 {
  margin-bottom: 65px; }

.m-b-70 {
  margin-bottom: 70px; }

.m-b-75 {
  margin-bottom: 75px; }

.m-b-80 {
  margin-bottom: 80px; }

/*MARGIN RIGHT*/
.m-r-0 {
  margin-right: 0; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-20 {
  margin-right: 20px; }

.m-r-25 {
  margin-right: 25px; }

.m-r-30 {
  margin-right: 30px; }

.m-r-35 {
  margin-right: 35px; }

.m-r-40 {
  margin-right: 40px; }

.m-r-45 {
  margin-right: 45px; }

.m-r-50 {
  margin-right: 50px; }

/*MARGIN LEFT*/
.m-l-0 {
  margin-left: 0; }

.m-l-5 {
  margin-left: 5px; }

.m-l-10 {
  margin-left: 10px; }

.m-l-15 {
  margin-left: 15px; }

.m-l-20 {
  margin-left: 20px; }

.m-l-25 {
  margin-left: 25px; }

.m-l-30 {
  margin-left: 30px; }

.m-l-35 {
  margin-left: 35px; }

.m-l-40 {
  margin-left: 40px; }

.m-l-45 {
  margin-left: 45px; }

.m-l-50 {
  margin-left: 50px; }

@media only screen and (max-width: 767px) {
  .s-m-l-0 {
    margin-left: 0; }
  .s-m-r-0 {
    margin-right: 0; }
  /*margin bottom for small device*/
  .s-m-b-5 {
    margin-bottom: 5px; }
  .s-m-b-10 {
    margin-bottom: 10px; }
  .s-m-b-15 {
    margin-bottom: 15px; }
  .s-m-b-20 {
    margin-bottom: 20px; }
  .s-m-b-25 {
    margin-bottom: 25px; }
  .s-m-b-30 {
    margin-bottom: 30px; }
  .s-m-b-35 {
    margin-bottom: 35px; }
  .s-m-b-40 {
    margin-bottom: 40px; }
  .s-m-b-45 {
    margin-bottom: 45px; }
  .s-m-b-50 {
    margin-bottom: 50px; }
  .s-m-b-55 {
    margin-bottom: 55px; }
  .s-m-b-60 {
    margin-bottom: 60px; }
  /*margin top for small device*/
  .s-m-t-5 {
    margin-top: 5px; }
  .s-m-t-10 {
    margin-top: 10px; }
  .s-m-t-15 {
    margin-top: 15px; }
  .s-m-t-20 {
    margin-top: 20px; }
  .s-m-t-25 {
    margin-top: 25px; }
  .s-m-t-30 {
    margin-top: 30px; }
  .s-m-t-35 {
    margin-top: 35px; }
  .s-m-t-40 {
    margin-top: 40px; }
  .s-m-t-45 {
    margin-top: 45px; }
  .s-m-t-50 {
    margin-top: 50px; }
  .s-m-t-55 {
    margin-top: 55px; }
  .s-m-t-60 {
    margin-top: 60px; }
  .s-m-t-65 {
    margin-top: 65px; }
  .s-m-t-70 {
    margin-top: 70px; }
  .s-m-t-75 {
    margin-top: 75px; }
  .s-m-t-80 {
    margin-top: 80px; } }

@media only screen and (orientation: landscape) and (max-width: 767px) {
  .s-m-l-0 {
    margin-left: 0; }
  .s-m-r-0 {
    margin-right: 0; }
  /*margin bottom for small device landscape*/
  .s-m-b-5 {
    margin-bottom: 5px; }
  .s-m-b-10 {
    margin-bottom: 10px; }
  .s-m-b-15 {
    margin-bottom: 15px; }
  .s-m-b-20 {
    margin-bottom: 20px; }
  .s-m-b-25 {
    margin-bottom: 25px; }
  .s-m-b-30 {
    margin-bottom: 30px; }
  .s-m-b-35 {
    margin-bottom: 35px; }
  .s-m-b-40 {
    margin-bottom: 40px; }
  .s-m-b-45 {
    margin-bottom: 45px; }
  .s-m-b-50 {
    margin-bottom: 50px; }
  .s-m-b-55 {
    margin-bottom: 55px; }
  .s-m-b-60 {
    margin-bottom: 60px; }
  /*margin top for small device landscape*/
  .s-m-t-5 {
    margin-top: 5px; }
  .s-m-t-10 {
    margin-top: 10px; }
  .s-m-t-15 {
    margin-top: 15px; }
  .s-m-t-20 {
    margin-top: 20px; }
  .s-m-t-25 {
    margin-top: 25px; }
  .s-m-t-30 {
    margin-top: 30px; }
  .s-m-t-35 {
    margin-top: 35px; }
  .s-m-t-40 {
    margin-top: 40px; }
  .s-m-t-45 {
    margin-top: 45px; }
  .s-m-t-50 {
    margin-top: 50px; }
  .s-m-t-55 {
    margin-top: 55px; }
  .s-m-t-60 {
    margin-top: 60px; }
  .s-m-t-65 {
    margin-top: 65px; }
  .s-m-t-70 {
    margin-top: 70px; }
  .s-m-t-75 {
    margin-top: 75px; }
  .s-m-t-80 {
    margin-top: 80px; } }

/*-----------------------
padding
-----------------------*/
.less-padding {
  padding: 0 1px; }
  @media only screen and (max-width: 767px) {
    .less-padding {
      padding: 0 15px; } }
  @media only screen and (orientation: landscape) and (max-width: 767px) {
    .less-padding {
      padding: 0 15px; } }

.clear-padding {
  padding: 0; }

.clear-padding-top {
  padding-top: 0; }

.clear-padding-bottom {
  padding-bottom: 0; }

.clear-padding-left {
  padding-left: 0; }

.clear-padding-right {
  padding-right: 0; }

/*-------------padding left---------------*/
.p-l-5 {
  padding-left: 5px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-15 {
  padding-left: 15px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-25 {
  padding-left: 25px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-35 {
  padding-left: 35px; }

.p-l-40 {
  padding-left: 40px; }

.p-l-45 {
  padding-left: 45px; }

.p-l-50 {
  padding-left: 50px; }

.p-l-55 {
  padding-left: 55px; }

.p-l-60 {
  padding-left: 60px; }

.p-l-65 {
  padding-left: 65px; }

/*right padding*/
.p-r-5 {
  padding-right: 5px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-15 {
  padding-right: 15px; }

.p-r-20 {
  padding-right: 20px; }

.p-r-25 {
  padding-right: 25px; }

.p-r-30 {
  padding-right: 30px; }

.p-r-35 {
  padding-right: 35px; }

.p-r-40 {
  padding-right: 40px; }

.p-r-45 {
  padding-right: 45px; }

.p-r-50 {
  padding-right: 50px; }

.p-r-55 {
  padding-right: 55px; }

.p-r-60 {
  padding-right: 60px; }

.p-r-65 {
  padding-right: 65px; }

/*bottom padding*/
.p-b-5 {
  padding-bottom: 5px; }

.p-b-10 {
  padding-bottom: 10px; }

.p-b-15 {
  padding-bottom: 15px; }

.p-b-20 {
  padding-bottom: 20px; }

.p-b-25 {
  padding-bottom: 25px; }

.p-b-30 {
  padding-bottom: 30px; }

.p-b-35 {
  padding-bottom: 35px; }

.p-b-40 {
  padding-bottom: 40px; }

.p-b-45 {
  padding-bottom: 55px; }

.p-b-50 {
  padding-bottom: 50px; }

.p-b-55 {
  padding-bottom: 55px; }

.p-b-60 {
  padding-bottom: 60px; }

.p-b-65 {
  padding-bottom: 65px; }

/*top padding*/
.p-t-5 {
  padding-top: 5px; }

.p-t-10 {
  padding-top: 10px; }

.p-t-15 {
  padding-top: 15px; }

.p-t-20 {
  padding-top: 20px; }

.p-t-25 {
  padding-top: 25px; }

.p-t-30 {
  padding-top: 30px; }

.p-t-35 {
  padding-top: 35px; }

.p-t-40 {
  padding-top: 40px; }

.p-t-45 {
  padding-top: 55px; }

.p-t-50 {
  padding-top: 50px; }

.p-t-55 {
  padding-top: 55px; }

.p-t-60 {
  padding-top: 60px; }

.p-t-65 {
  padding-top: 65px; }

/*Padding for small screen*/
@media only screen and (max-width: 767px) {
  .s-p-l-5 {
    padding-left: 5px; }
  .s-p-l-10 {
    padding-left: 10px; }
  .s-p-l-15 {
    padding-left: 15px; }
  .s-p-l-20 {
    padding-left: 20px; }
  .s-p-l-25 {
    padding-left: 25px; }
  .s-p-l-30 {
    padding-left: 30px; }
  .s-p-l-35 {
    padding-left: 35px; }
  .s-p-l-40 {
    padding-left: 40px; }
  .s-p-l-45 {
    padding-left: 45px; }
  .s-p-l-50 {
    padding-left: 50px; }
  .s-p-l-55 {
    padding-left: 55px; }
  .s-p-l-60 {
    padding-left: 60px; }
  .s-p-l-65 {
    padding-left: 65px; }
  .s-p-r-5 {
    padding-right: 5px; }
  .s-p-r-10 {
    padding-right: 10px; }
  .s-p-r-15 {
    padding-right: 15px; }
  .s-p-r-20 {
    padding-right: 20px; }
  .s-p-r-25 {
    padding-right: 25px; }
  .s-p-r-30 {
    padding-right: 30px; }
  .s-p-r-35 {
    padding-right: 35px; }
  .s-p-r-40 {
    padding-right: 40px; }
  .s-p-r-45 {
    padding-right: 45px; }
  .s-p-r-50 {
    padding-right: 50px; }
  .s-p-r-55 {
    padding-right: 55px; }
  .s-p-r-60 {
    padding-right: 60px; }
  .s-p-r-65 {
    padding-right: 65px; }
  .s-p-b-5 {
    padding-bottom: 5px; }
  .s-p-b-10 {
    padding-bottom: 10px; }
  .s-p-b-15 {
    padding-bottom: 15px; }
  .s-p-b-20 {
    padding-bottom: 20px; }
  .s-p-b-25 {
    padding-bottom: 25px; }
  .s-p-b-30 {
    padding-bottom: 30px; }
  .s-p-b-35 {
    padding-bottom: 35px; }
  .s-p-b-40 {
    padding-bottom: 40px; }
  .s-p-b-45 {
    padding-bottom: 55px; }
  .s-p-b-50 {
    padding-bottom: 50px; }
  .s-p-b-55 {
    padding-bottom: 55px; }
  .s-p-b-60 {
    padding-bottom: 60px; }
  .s-p-b-65 {
    padding-bottom: 65px; }
  .s-p-t-5 {
    padding-top: 5px; }
  .s-p-t-10 {
    padding-top: 10px; }
  .s-p-t-15 {
    padding-top: 15px; }
  .s-p-t-20 {
    padding-top: 20px; }
  .s-p-t-25 {
    padding-top: 25px; }
  .s-p-t-30 {
    padding-top: 30px; }
  .s-p-t-35 {
    padding-top: 35px; }
  .s-p-t-40 {
    padding-top: 40px; }
  .s-p-t-45 {
    padding-top: 55px; }
  .s-p-t-50 {
    padding-top: 50px; }
  .s-p-t-55 {
    padding-top: 55px; }
  .s-p-t-60 {
    padding-top: 60px; }
  .s-p-t-65 {
    padding-top: 65px; } }

@media only screen and (orientation: landscape) and (max-width: 767px) {
  .s-p-l-5 {
    padding-left: 5px; }
  .s-p-l-10 {
    padding-left: 10px; }
  .s-p-l-15 {
    padding-left: 15px; }
  .s-p-l-20 {
    padding-left: 20px; }
  .s-p-l-25 {
    padding-left: 25px; }
  .s-p-l-30 {
    padding-left: 30px; }
  .s-p-l-35 {
    padding-left: 35px; }
  .s-p-l-40 {
    padding-left: 40px; }
  .s-p-l-45 {
    padding-left: 45px; }
  .s-p-l-50 {
    padding-left: 50px; }
  .s-p-l-55 {
    padding-left: 55px; }
  .s-p-l-60 {
    padding-left: 60px; }
  .s-p-l-65 {
    padding-left: 65px; }
  .s-p-r-5 {
    padding-right: 5px; }
  .s-p-r-10 {
    padding-right: 10px; }
  .s-p-r-15 {
    padding-right: 15px; }
  .s-p-r-20 {
    padding-right: 20px; }
  .s-p-r-25 {
    padding-right: 25px; }
  .s-p-r-30 {
    padding-right: 30px; }
  .s-p-r-35 {
    padding-right: 35px; }
  .s-p-r-40 {
    padding-right: 40px; }
  .s-p-r-45 {
    padding-right: 45px; }
  .s-p-r-50 {
    padding-right: 50px; }
  .s-p-r-55 {
    padding-right: 55px; }
  .s-p-r-60 {
    padding-right: 60px; }
  .s-p-r-65 {
    padding-right: 65px; }
  .s-p-b-5 {
    padding-bottom: 5px; }
  .s-p-b-10 {
    padding-bottom: 10px; }
  .s-p-b-15 {
    padding-bottom: 15px; }
  .s-p-b-20 {
    padding-bottom: 20px; }
  .s-p-b-25 {
    padding-bottom: 25px; }
  .s-p-b-30 {
    padding-bottom: 30px; }
  .s-p-b-35 {
    padding-bottom: 35px; }
  .s-p-b-40 {
    padding-bottom: 40px; }
  .s-p-b-45 {
    padding-bottom: 55px; }
  .s-p-b-50 {
    padding-bottom: 50px; }
  .s-p-b-55 {
    padding-bottom: 55px; }
  .s-p-b-60 {
    padding-bottom: 60px; }
  .s-p-b-65 {
    padding-bottom: 65px; }
  .s-p-t-5 {
    padding-top: 5px; }
  .s-p-t-10 {
    padding-top: 10px; }
  .s-p-t-15 {
    padding-top: 15px; }
  .s-p-t-20 {
    padding-top: 20px; }
  .s-p-t-25 {
    padding-top: 25px; }
  .s-p-t-30 {
    padding-top: 30px; }
  .s-p-t-35 {
    padding-top: 35px; }
  .s-p-t-40 {
    padding-top: 40px; }
  .s-p-t-45 {
    padding-top: 55px; }
  .s-p-t-50 {
    padding-top: 50px; }
  .s-p-t-55 {
    padding-top: 55px; }
  .s-p-t-60 {
    padding-top: 60px; }
  .s-p-t-65 {
    padding-top: 65px; } }

/*--------- display property css start ----------*/
.block {
  display: block; }

.inline-block {
  display: inline-block; }

.inline {
  display: inline; }

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.display-none {
  display: none; }

/*=====  visiblity property css start=======*/
.visiblity-hidden {
  visibility: hidden; }

.visiblity-visible {
  visibility: visible; }

/* ============== color property css start  ================ */
.bg-transparent {
  background: transparent;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease; }

.bg-white {
  background: #ffffff;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease; }

.bg-dark {
  background: #111921;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease; }

.bg-primary {
  background: #1f5dea;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease; }

.bg-light {
  background: #fcfcfc; }

/*==========border property css start here============*/
.border_1px {
  border: 1px solid #ddd; }

.border_2px {
  border: 2px solid #ddd; }

/*--------------------------------------------------------------
# Elements css
--------------------------------------------------------------*/
/*================= ELEMENTS related css  =====================*/
/*==============social nav css start from here=============*/
.social-nav {
  margin: 20px 0; }
  .social-nav a {
    margin-right: 5px;
    display: inline-block; }
    .social-nav a:last-child {
      margin-right: 0; }
    .social-nav a i {
      color: #000000;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      border: 2px solid #827364;
      background: #ffffff;
      line-height: 37px;
      text-align: center;
      -webkit-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease; }
    .social-nav a i:hover {
      color: #ffffff;
      background: #827364; }

/*============= social nav two  ==============*/
.social-nav-element-two a {
  color: #5e6064;
  display: inline-block;
  margin: 8px;
  font-size: 25px;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease; }
  .social-nav-element-two a:hover {
    color: #f4ce68; }

/*============= skills one css==============*/
.skills .skill-list {
  overflow: hidden; }
  .skills .skill-list .progress {
    background-color: #eee;
    border-radius: 0;
    height: 2px;
    position: relative;
    margin: 60px 0 50px 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: visible; }
    .skills .skill-list .progress h6 {
      color: #8c8c8c;
      font-size: 14px;
      font-weight: 700;
      left: 0;
      top: -40px;
      text-transform: uppercase;
      position: absolute;
      z-index: 99; }
  .skills .skill-list .progress-bar {
    background-color: #111; }
    .skills .skill-list .progress-bar span {
      background-color: #111;
      position: relative;
      float: right;
      padding: 0 5px;
      font-size: 12px;
      margin-top: -23px; }
      .skills .skill-list .progress-bar span :after {
        position: absolute;
        content: "";
        border-width: 6px 4px 0 4px;
        border-style: solid;
        border-color: black transparent transparent transparent;
        left: 50%;
        bottom: -6px;
        margin-left: -4px; }

/*======== email subscribe element css start ==========*/
.subscribe-form label {
  font-size: 19px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff; }
  @media only screen and (max-width: 767px) {
    .subscribe-form label {
      font-size: 14px; } }

.subscribe-form .input-group {
  margin: 0 0 20px; }

.subscribe-form input {
  height: 40px;
  border-radius: 25px 0 0 25px;
  padding: 6px 25px; }

.subscribe-form input[type="submit"] {
  height: 40px;
  border-radius: 0 25px 25px 0;
  padding: 6px 25px;
  background: #0057ad;
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  border: none; }

.subscribe-form p {
  font-size: 12px;
  line-height: 1.5;
  font-weight: 700; }

/*========== email subscribe element two css start =============*/
.subscribe-form-two .form-control {
  height: 40px;
  border-radius: 20px;
  padding: 0 20px;
  margin-bottom: 20px;
  border-color: transparent; }

.subscribe-form-two input[type="submit"] {
  background: #f4ce68;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  height: 40px;
  width: 100% !important;
  border-radius: 20px;
  padding: 0 20px;
  margin-bottom: 20px;
  border-color: transparent; }
  .subscribe-form-two input[type="submit"]:hover {
    background: #e6e6e6;
    color: #333; }

/*===========Down arrow css start============*/
.down_arrow {
  font-size: 41px;
  color: #ffffff;
  display: inline-block; }
  .down_arrow:hover {
    color: #ffffff; }

/*=============== venobox video element css start ===============*/
.venobox-video {
  position: relative; }
  .venobox-video .venobox {
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px solid #f5f5f5;
    background: rgba(51, 51, 51, 0.7);
    color: #ffffff;
    font-size: 19px;
    line-height: 78px;
    text-align: center;
    position: absolute;
    top: calc(50% - 40px);
    left: calc(50% - 35px); }
    .venobox-video .venobox:hover {
      background: rgba(218, 208, 208, 0.63);
      color: #ffffff;
      border: 2px solid #f5f5f5; }
    .venobox-video .venobox i {
      position: absolute;
      top: calc(50% - 9.5px);
      left: calc(50% - 5.5px); }
    @media only screen and (max-width: 767px) {
      .venobox-video .venobox {
        width: 60px;
        height: 60px;
        line-height: 58px;
        top: calc(50% - 30px);
        left: calc(50% - 30px);
        font-size: 16px; }
        .venobox-video .venobox i {
          position: absolute;
          top: calc(50% - 7px);
          left: calc(50% - 5px); } }
  .venobox-video figcaption {
    position: absolute;
    bottom: 4%;
    left: 4%; }
    .venobox-video figcaption p {
      margin-bottom: 0;
      line-height: 1.2;
      font-size: 18px;
      text-transform: uppercase; }
      @media only screen and (max-width: 767px) {
        .venobox-video figcaption p {
          font-size: 12px;
          line-height: 1; } }
    .venobox-video figcaption a {
      display: inline-block;
      font-size: 12px;
      text-transform: uppercase;
      text-decoration: underline;
      color: #ffffff; }
      @media only screen and (max-width: 767px) {
        .venobox-video figcaption a {
          font-size: 10px; } }

.vbox-overlay {
  z-index: 999999; }

/*--------------------------------------------------------------
# Modular css
--------------------------------------------------------------*/
/*================= modular section related css  =====================*/
/*===============preloder css start==================*/
div#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: 150px auto;
  background-position: calc(50%) 50%; }

/*====================header css start==================*/
header {
  color: #ffffff; }
  @media only screen and (max-width: 991px) {
    header {
      min-height: initial; } }
  header .heading_nav {
    background: transparent; }

.animate {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.heading_nav .mentis-nav-search.animate {
  border-top-width: 1px;
  z-index: 50; }

/* ================ nav scss =====================*/
.navbar-scroll {
  position: static;
  background-color: #111921; }
  .navbar-scroll.bg-trans {
    background-color: transparent;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 11; }

.bg-dark.navbar-fixed-top {
  position: fixed; }

@media (min-width: 768px) {
  .startup_header .navbar-brand {
    margin-left: -15px; } }

.navbar-header button:hover {
  border: none; }

.single.single-post .nav-bg {
  background: #111921; }

.nav-bg {
  padding: 7px 0;
  /* default menu dropdown css */ }
  .nav-bg .navbar-toggle {
    border: none; }
    @media only screen and (max-width: 767px) {
      .nav-bg .navbar-toggle {
        margin-top: 13px;
        margin-right: 0;
        padding: 7px 10px 0px; }
        .nav-bg .navbar-toggle .icon-bar {
          background: #ffffff; } }
  .nav-bg .navbar-header h2 {
    margin: 0;
    padding-top: 14px;
    display: inline-block; }
  .nav-bg .navbar-brand {
    color: #fff;
    height: auto;
    padding: 9px 0 7px;
    line-height: 1.4; }
    .nav-bg .navbar-brand img {
      max-height: 40px; }
    .nav-bg .navbar-brand h2 a {
      font-size: 21px; }
    @media (max-width: 1399px) {
      .nav-bg .navbar-brand {
        padding: 8px 0; } }
  .nav-bg .navbar-collapse {
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .nav-bg .navbar-nav {
    padding: 0;
    margin-right: 0; }
    @media (max-width: 1399px) {
      .nav-bg .navbar-nav {
        padding: 0; } }
    .nav-bg .navbar-nav li a {
      font-size: 12px;
      text-transform: uppercase;
      background: transparent;
      color: #ffffff;
      font-weight: 600;
      line-height: 26px;
      display: block; }
      @media only screen and (max-width: 991px) {
        .nav-bg .navbar-nav li a {
          padding: 15px 6px;
          font-size: 12px; } }
    .nav-bg .navbar-nav li a:focus {
      color: #ffffff; }
    .nav-bg .navbar-nav li a:hover {
      background: transparent;
      color: #dbdbdb; }
    .nav-bg .navbar-nav li.active > a {
      color: #dbdbdb; }
  .nav-bg .kc-css-system .nav-bg .navbar-nav li.active > a {
    color: #dbdbdb; }
  @media (min-width: 768px) {
    .nav-bg .navbar-nav li {
      position: relative;
      display: block; }
    .nav-bg #swipeNav .dropdown a span.fa,
    .nav-bg .dropdown a span.fa {
      display: none; }
    .nav-bg .navbar-nav li ul.dropdown-menu {
      background: #111921;
      border-radius: 0;
      left: 0;
      margin: 0;
      opacity: 0;
      z-index: 9999;
      padding: 0;
      width: 250px;
      display: none;
      position: absolute;
      top: 100%;
      -webkit-transition: all 0.4s ease-in-out 0s;
      -o-transition: all 0.4s ease-in-out 0s;
      transition: all 0.4s ease-in-out 0s;
      visibility: hidden; }
    .nav-bg .navbar-nav ul.dropdown-menu li {
      display: block; }
      .nav-bg .navbar-nav ul.dropdown-menu li:first-child {
        border-top: none; }
      .nav-bg .navbar-nav ul.dropdown-menu li:last-child a {
        border-radius: 0; }
    .nav-bg .navbar-nav li ul.dropdown-menu li a {
      color: #aaaaaa;
      display: block;
      font-size: 12px;
      font-weight: 600;
      padding: 7px 20px;
      text-align: left;
      line-height: 26px;
      text-decoration: none;
      text-transform: capitalize;
      -webkit-transition: all 0.6s ease;
      -o-transition: all 0.6s ease;
      transition: all 0.6s ease;
      cursor: pointer; }
      .nav-bg .navbar-nav li ul.dropdown-menu li a:hover {
        padding-left: 30px; }
    .nav-bg .navbar-nav li > ul.dropdown-menu {
      background: #111921;
      left: 0;
      position: absolute;
      top: 100%;
      width: 250px;
      padding: 12px 0; }
    .nav-bg .navbar-nav li ul.dropdown-menu li a:hover {
      background: #192430;
      color: #aaaaaa; }
    .nav-bg .navbar-nav li ul.dropdown-menu li.dropdown-submenu > a::after {
      color: #afafaf;
      content: "\f105";
      font-family: "FontAwesome";
      font-size: 12px;
      position: absolute;
      right: 15px;
      top: 12px; }
    .nav-bg .navbar-nav li ul li ul.dropdown-menu {
      left: 100%;
      top: -1px; }
    .nav-bg .navbar-nav li:hover > ul {
      opacity: 1;
      visibility: visible;
      display: block; }
    .nav-bg .navbar-nav > li:last-child > .dropdown-menu {
      left: auto;
      right: 0; }
    .nav-bg .navbar-nav > li:last-child > ul.dropdown-menu li.dropdown-submenu {
      position: relative; }
      .nav-bg .navbar-nav > li:last-child > ul.dropdown-menu li.dropdown-submenu a {
        text-align: right; }
    .nav-bg .navbar-nav > li:last-child > ul.dropdown-menu li.dropdown-submenu > a::after {
      color: #afafaf;
      content: "\f104";
      font-family: "FontAwesome";
      font-size: 13px;
      position: absolute;
      left: 15px;
      top: 8px;
      text-align: left; }
    .nav-bg .navbar-nav li:last-child:hover .dropdown-menu > li.dropdown-submenu:hover > ul.dropdown-menu {
      left: -100%;
      right: 0; } }
  @media only screen and (max-width: 767px) {
    .nav-bg .navbar-nav .dropdown-menu {
      -webkit-transition: all 0.6s ease;
      -o-transition: all 0.6s ease;
      transition: all 0.6s ease; }
    .nav-bg .navbar-nav .open .dropdown-menu {
      padding-left: 10px; }
    .nav-bg .dropdown-menu > .active > a, .nav-bg .dropdown-menu > .active > a:focus, .nav-bg .dropdown-menu > .active > a:hover {
      background: transparent; } }
  .nav-bg .navigation-center {
    padding-left: calc(50% - 300px); }

.nav > li > a:focus,
.nav > li > a:hover {
  text-decoration: none;
  background-color: transparent; }

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background-color: transparent;
  border-color: #337ab7; }

.dropdown-menu {
  background-color: #003;
  -webkit-box-shadow: none;
  box-shadow: none; }

@media (min-width: 768px) {
  .dropdown a .caret {
    margin-left: 7px; }
  .navbar-right .dropdown-menu {
    left: auto;
    right: -5px;
    border: none;
    padding: 0 15px;
    text-align: right;
    display: block;
    z-index: -100;
    opacity: 0;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    top: 50%; }
    .navbar-right .dropdown-menu li a {
      padding: 17px 20px 0; }
    .navbar-right .dropdown-menu li:last-child a {
      padding: 12px 20px 17px; }
  .open .dropdown-menu {
    z-index: 1000;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 1;
    top: 100%; } }

a.navbar-brand .fixed-header-logo-img {
  display: none; }

.navbar-brand img.header-dark-logo-img {
  display: none; }

.bg-dark a.navbar-brand .header-logo-img {
  display: none; }

.bg-dark a.navbar-brand img.header-dark-logo-img {
  display: none; }

.bg-dark a.navbar-brand .fixed-header-logo-img {
  display: block; }

.nav-bg .navbar-nav li a {
  -webkit-transition: all 0.6s ease !important;
  -o-transition: all 0.6s ease !important;
  transition: all 0.6s ease !important; }

/***** main menu white bg css ******/
.bg-white .navbar-brand img.header-logo-img {
  display: none; }

.bg-white .navbar-brand img.header-dark-logo-img {
  display: block; }

.bg-white.nav-bg .navbar-nav > li > a {
  color: #232323; }

.bg-white.bg-dark.nav-bg .navbar-nav > li > a {
  color: #fff; }

.site-header .nav-bg.t-blue-bg {
  background-color: #111921; }

/* 404 error nav css */
.search .nav-bg,
.error404 .nav-bg {
  background-color: #111921; }

/******* megamenu css *******/
.nav-bg .navbar-nav li.megamenu:hover {
  position: static; }
  .nav-bg .navbar-nav li.megamenu:hover > ul {
    position: absolute;
    left: 0;
    right: 0;
    width: 80%;
    margin-left: auto; }
    .nav-bg .navbar-nav li.megamenu:hover > ul.dropdown-menu {
      padding: 50px 55px; }
      @media (max-width: 1399px) {
        .nav-bg .navbar-nav li.megamenu:hover > ul.dropdown-menu {
          padding: 30px 55px; } }
      .nav-bg .navbar-nav li.megamenu:hover > ul.dropdown-menu > li > a {
        color: #fff;
        text-transform: uppercase;
        font-weight: 700; }
        .nav-bg .navbar-nav li.megamenu:hover > ul.dropdown-menu > li > a:hover {
          background-color: transparent;
          padding-left: 20px; }
        .nav-bg .navbar-nav li.megamenu:hover > ul.dropdown-menu > li > a:after {
          display: none; }
      .nav-bg .navbar-nav li.megamenu:hover > ul.dropdown-menu li.menu-item-has-children {
        border-right: 1px solid #1d2b39;
        margin-bottom: 30px; }
        .nav-bg .navbar-nav li.megamenu:hover > ul.dropdown-menu li.menu-item-has-children:last-child {
          margin-bottom: 0; }
        .nav-bg .navbar-nav li.megamenu:hover > ul.dropdown-menu li.menu-item-has-children:nth-child(4n+4) {
          border-right: 0; }
      .nav-bg .navbar-nav li.megamenu:hover > ul.dropdown-menu li:hover ul.dropdown-menu {
        -webkit-box-shadow: initial;
        box-shadow: initial; }
    .nav-bg .navbar-nav li.megamenu:hover > ul ul {
      position: static;
      width: 100%;
      display: block;
      opacity: 1;
      visibility: visible; }

.mean-container .mean-nav {
  margin-top: 0; }

.mean-container .mean-bar {
  background: #111921; }

.mean-container .mean-nav ul li {
  padding: 0; }

.mean-container .mean-nav ul li a {
  font-size: 12px;
  line-height: 26px;
  font-weight: 600;
  border-top: 1px solid rgba(219, 219, 219, 0.25);
  padding: 0.7em 5%; }

.mean-container a.meanmenu-reveal {
  padding-top: 27px; }

.mean-container .mean-nav ul li a.mean-expand {
  height: 19px;
  width: 19px;
  background: transparent;
  border-left: 1px solid rgba(219, 219, 219, 0.25) !important;
  border-bottom: 1px solid rgba(219, 219, 219, 0.25) !important;
  line-height: 19px; }
  .mean-container .mean-nav ul li a.mean-expand:last-child {
    border-bottom: 0 !important; }

.mean-container .mean-nav ul li li a {
  padding: 0.7em 10%;
  text-transform: capitalize;
  color: #aaa; }

.mean-container .mean-nav ul li li li a {
  padding: 0.7em 15%; }

.mean-nav a.navbar-brand {
  line-height: inherit;
  padding: 15px 15px 0px; }
  @media (min-width: 768px) {
    .mean-nav a.navbar-brand {
      padding-top: 7px; } }
  .mean-nav a.navbar-brand img {
    max-height: 40px; }

/*=================breadcrumb css===============*/
.breadcrumb {
  padding: 12px 15px;
  margin-bottom: 0;
  list-style: none;
  background-color: transparent;
  border-radius: 0;
  text-transform: uppercase; }

/*about-social section block css*/
.about_social {
  padding: 100px 0; }
  .about_social .lead_title {
    font-size: 44px;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 30px; }
    @media (max-width: 1199px) {
      .about_social .lead_title {
        margin-top: 0;
        margin-bottom: 10px; } }
    @media only screen and (max-width: 991px) {
      .about_social .lead_title {
        margin-top: 50px; } }
  .about_social .lead-text {
    font-size: 19px;
    color: #808080;
    margin-bottom: 20px; }
    @media (max-width: 1199px) {
      .about_social .lead-text {
        margin-bottom: 0; } }

/*about-social-two section block css*/
.about_social-two {
  padding: 100px 0; }
  .about_social-two .about_social_two_text {
    max-width: 570px;
    padding-left: 50px; }
    @media only screen and (max-width: 991px) {
      .about_social-two .about_social_two_text {
        padding-left: 0;
        max-width: 100%; } }
  .about_social-two .lead_title {
    font-size: 44px;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 30px; }
    @media (max-width: 1199px) {
      .about_social-two .lead_title {
        margin-top: 0;
        margin-bottom: 10px; } }
    @media only screen and (max-width: 991px) {
      .about_social-two .lead_title {
        margin-top: 50px; } }
  .about_social-two .lead-text {
    font-size: 19px;
    color: #808080;
    margin-bottom: 20px; }
    @media (max-width: 1199px) {
      .about_social-two .lead-text {
        margin-bottom: 0; } }

/*=============grid text block css================*/
.grid_text_one {
  padding: 40px 0; }

.text-col h3 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px; }

.text-col p {
  font-size: 14px;
  color: #666666; }

/*send mail button section css start*/
.send-mail {
  text-align: center;
  -webkit-transition: all .4s ease-in;
  -o-transition: all .4s ease-in;
  transition: all .4s ease-in; }
  .send-mail p {
    color: #3d3f48;
    font-weight: 600;
    margin: 0;
    font-size: 21px; }
  .send-mail .send-mail-text {
    display: inline-block; }
  .send-mail .phone-number {
    color: #1f5dea;
    display: inline-block; }
  .send-mail .mixpack-btn {
    margin: 0 0 0 20px;
    border-radius: 20px;
    padding: 9px 28px; }
    @media only screen and (max-width: 991px) {
      .send-mail .mixpack-btn {
        margin-top: 10px; } }
  .send-mail.mixpack-cta-font p {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 44px;
    line-height: 58px; }
    @media only screen and (max-width: 767px) {
      .send-mail.mixpack-cta-font p {
        font-size: 28px;
        line-height: 34px; } }
    .send-mail.mixpack-cta-font p a {
      font-style: normal; }
  .send-mail h2 {
    font-size: 33px;
    margin-top: 0;
    margin-bottom: 20px; }
  .send-mail em {
    font-family: 'Playfair Display', serif; }
  .send-mail.church-cta p {
    font-family: 'Playfair Display', serif;
    font-size: 19px;
    line-height: 28px;
    color: #fff;
    font-weight: 400; }

/*========= gallery header css===========*/
.gallery-header {
  margin-bottom: 40px; }

.gallery-title h2 {
  font-size: 33px;
  font-weight: 300;
  margin: 0; }

.sorting-menu {
  text-align: right; }
  @media only screen and (max-width: 767px) {
    .sorting-menu {
      text-align: left;
      margin-top: 40px; } }
  .sorting-menu .category-text {
    display: inline-block;
    margin-right: 15px;
    font-weight: 600;
    color: #252525; }
  .sorting-menu .dropdown {
    display: inline-block; }
    .sorting-menu .dropdown .btn-default {
      color: #1f5dea;
      padding: 14px 20px; }
      .sorting-menu .dropdown .btn-default:hover {
        border: 1px solid #adadad; }
      .sorting-menu .dropdown .btn-default .caret {
        margin-left: 5px; }
    .sorting-menu .dropdown .dropdown-menu {
      background-color: rgba(197, 197, 197, 0.98);
      -webkit-box-shadow: none;
      box-shadow: none; }

/*============ gallery body css start =============*/
.gallery-single {
  text-align: center;
  margin-bottom: 40px; }
  .gallery-single figcaption h4 {
    font-size: 19px;
    font-weight: 400;
    line-height: 33px; }
    .gallery-single figcaption h4 small {
      display: block;
      color: #252525;
      font-size: 12px;
      line-height: 26px;
      font-weight: 700; }

.vbox-content img {
  border: 20px solid #ffffff;
  border-bottom: 60px solid #ffffff;
  border-radius: 10px; }

/****** kc gallery css ******/
.mixpack-gallery.kc_image_gallery.kc-grid .item-grid .kc-image-overlay {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  background: rgba(0, 0, 0, 0.6); }

.mixpack-gallery.kc_image_gallery.kc-grid .item-grid:hover .kc-image-overlay {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }

/*================feature one section CSS start  ===================*/
.feature-one {
  background-size: cover;
  padding: 100px 0; }

.feature-col {
  text-align: center;
  color: #ffffff;
  padding: 60px 40px 40px;
  margin-left: -15px;
  margin-right: -15px; }
  .feature-col i {
    font-size: 50px; }
  .feature-col h4 {
    font-size: 14px;
    color: inherit;
    line-height: 58px;
    margin: 0px;
    font-weight: 600;
    text-transform: uppercase; }
  .feature-col p {
    font-size: 14px;
    margin: 0; }
  @media only screen and (max-width: 767px) {
    .feature-col {
      margin-left: 0;
      margin-right: 0; } }

.feature-col-one {
  border-bottom: 1px solid #655f5c;
  border-right: 1px solid #655f5c; }
  @media only screen and (max-width: 767px) {
    .feature-col-one {
      border-right: none; } }

.feature-col-two {
  border-bottom: 1px solid #655f5c;
  border-right: 1px solid #655f5c; }
  @media only screen and (max-width: 991px) {
    .feature-col-two {
      border-right: none; } }

.feature-col-three {
  border-bottom: 1px solid #655f5c; }
  @media only screen and (max-width: 991px) {
    .feature-col-three {
      border-right: 1px solid #655f5c; } }
  @media only screen and (max-width: 767px) {
    .feature-col-three {
      border-right: none; } }

.feature-col-four {
  border-right: 1px solid #655f5c; }
  @media only screen and (max-width: 991px) {
    .feature-col-four {
      border-right: none;
      border-bottom: 1px solid #655f5c; } }

.feature-col-five {
  border-right: 1px solid #655f5c; }
  @media only screen and (max-width: 767px) {
    .feature-col-five {
      border-right: none;
      border-bottom: 1px solid #655f5c; } }

/*=============testimonial one CSS start=============*/
.testimonial-one-title {
  font-size: 33px;
  font-weight: 300;
  text-align: center;
  margin: 0 0 60px; }

.testimonial-one .owl-controls {
  margin-top: 40px; }

.testimonial-col {
  background-color: #fff;
  text-align: center;
  padding: 45px 55px;
  border-radius: 10px; }
  .testimonial-col img {
    max-width: 100px;
    border-radius: 50%; }
  .testimonial-col h3 {
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 25px;
    margin-top: 20px; }
    .testimonial-col h3 small {
      display: block;
      margin-top: 10px;
      font-size: 12px;
      text-transform: uppercase; }
  .testimonial-col p {
    font-size: 16px;
    line-height: 30px;
    font-style: italic;
    color: #666666;
    font-family: 'Playfair Display', serif;
    position: relative;
    font-weight: 500;
    margin-bottom: 30px; }
    @media only screen and (max-width: 767px) {
      .testimonial-col p {
        font-size: 14px;
        line-height: 25px; } }
    .testimonial-col p:before {
      position: absolute;
      content: "\f0b1";
      font-family: "IcoFont";
      display: inline-block;
      left: -18px;
      top: -3px;
      font-style: italic;
      font-size: 19px;
      color: #ec7e35; }
      @media only screen and (max-width: 767px) {
        .testimonial-col p:before {
          left: 0; } }

/*SKILL-one section block css*/
.skill_one {
  padding: 100px 0; }
  .skill_one .skill_title {
    font-size: 44px;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 30px; }
    @media (max-width: 1199px) {
      .skill_one .skill_title {
        margin-top: 0;
        margin-bottom: 10px; } }
    @media only screen and (max-width: 991px) {
      .skill_one .skill_title {
        margin-top: 50px; } }
  .skill_one .skill_lead_text {
    font-size: 19px;
    color: #808080;
    margin-bottom: 20px; }

/*get started section css start*/
.get-started {
  text-align: center;
  background: #1f5dea;
  padding: 29px 0;
  -webkit-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in; }
  @media (max-width: 1199px) {
    .get-started {
      padding: 20px 0; } }
  .get-started p {
    color: #3d3f48;
    font-weight: 600;
    margin: 0;
    font-size: 14px; }
  .get-started .get-started-text {
    display: inline-block;
    color: #ffffff;
    line-height: 40px; }
  .get-started .phone-number {
    color: #1f5dea;
    display: inline-block; }
  .get-started .mixpack-btn {
    margin: 0 0 0 20px;
    border-radius: 20px;
    padding: 9px 28px;
    border: 1px solid #ffffff; }

/*=================section with image css start==============*/
.with_image {
  padding: 100px 0; }
  .with_image .with_image_text .lead_title {
    font-size: 41px;
    color: #000000;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 30px; }
    @media (max-width: 1199px) {
      .with_image .with_image_text .lead_title {
        margin-top: 0;
        margin-bottom: 10px; } }
    @media only screen and (max-width: 991px) {
      .with_image .with_image_text .lead_title {
        margin-top: 50px; } }
  .with_image .with_image_text .lead-text {
    font-size: 19px;
    font-weight: 300; }

.adoption_story {
  padding: 80px 0 100px; }
  .adoption_story .story_title {
    text-align: center;
    font-size: 41px;
    color: #ffffff;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 30px; }

/*============call to action section CSS===============*/
.call_to_action {
  background-size: cover;
  text-align: center;
  padding: 30px 0; }
  .call_to_action h3 {
    color: #ffffff;
    font-size: 42px;
    font-weight: 300; }

/*============ call to action two css ===============*/
.call_to_action_two {
  padding: 100px 0; }
  .call_to_action_two .call_to_action_two_inner {
    background-size: cover;
    text-align: center;
    padding: 55px 0; }
    .call_to_action_two .call_to_action_two_inner h3 {
      font-size: 42px;
      font-weight: 300; }

/*====================feature two css start here=======================*/
.feature-two-img {
  padding: 15% 0 7%; }
  @media (max-width: 1199px) {
    .feature-two-img {
      padding: 35% 0 7%; } }
  @media only screen and (max-width: 991px) {
    .feature-two-img {
      padding: 0 0 50px; } }

.mixpack-software-form .wpcf7-form .wpcf7-response-output {
  color: #808080; }

/*==============counter up css start=============*/
.counter-up .counter-up-text {
  font-size: 44px;
  font-weight: 300;
  margin: 0; }
  @media only screen and (max-width: 767px) {
    .counter-up .counter-up-text {
      text-align: center;
      margin-bottom: 30px; } }

.counter-up .counter-number {
  margin-bottom: 0;
  display: table;
  margin: auto; }
  .counter-up .counter-number i {
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    font-size: 40px;
    padding-right: 30px;
    font-size: 44px;
    color: #14b971;
    line-height: 30px; }
  .counter-up .counter-number .counter-info {
    display: table-cell;
    vertical-align: middle; }
  .counter-up .counter-number .counter-number-in {
    font-size: 25px;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    line-height: 30px; }
  .counter-up .counter-number small {
    font-weight: 600;
    color: #ffffff;
    display: block;
    font-size: 19px;
    line-height: 30px; }

/*============== pricing css start from here ================*/
.pricing-col {
  max-width: 438px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #e9e9e9;
  border-radius: 10px;
  overflow: hidden;
  -webkit-transition: -webkit-box-shadow .3s ease;
  transition: -webkit-box-shadow .3s ease;
  -o-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  transition: box-shadow .3s ease, -webkit-box-shadow .3s ease; }
  .pricing-col:hover {
    -webkit-box-shadow: 0 28px 57px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 28px 57px 0 rgba(0, 0, 0, 0.3); }

.price {
  margin: 0;
  font-size: 44px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  line-height: 1.5;
  font-weight: 700;
  color: #ffffff;
  padding: 32px 0; }

.pricing-col-text {
  padding: 0 40px; }
  .pricing-col-text .price-category {
    text-align: center;
    text-transform: uppercase;
    color: #252525;
    border-bottom: 1px solid #e5e6ea;
    margin: 0;
    font-size: 19px;
    line-height: 25px;
    padding: 14px 0;
    font-weight: 700; }
  .pricing-col-text h4 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    color: #ec7e35;
    margin-top: 30px;
    margin-bottom: 5px; }
  .pricing-col-text .price-text {
    color: #666666;
    margin: 0; }
  .pricing-col-text .mixpack-btn {
    margin: 30px 0 50px; }
    @media only screen and (max-width: 375px) {
      .pricing-col-text .mixpack-btn {
        font-size: 11px; } }

.price-content h2 {
  font-weight: 400; }

/*============= pricing table two css start here ===============*/
.pricing-table-two {
  padding: 100px 0 50px; }

.pricing-two-col {
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.102);
  border-radius: 25px;
  padding: 75px 55px 55px;
  max-width: 370px;
  margin: 0 auto 0; }
  @media only screen and (max-width: 767px) {
    .pricing-two-col {
      padding: 65px 15px 45px; } }

.price-text-two {
  font-size: 44px;
  font-weight: 700;
  color: #fff; }

.menu-title-two {
  font-size: 33px;
  font-weight: 700;
  color: #ffffff;
  margin: 50px 0 15px; }
  @media only screen and (max-width: 767px) {
    .menu-title-two {
      font-size: 25px; } }

.menu-description {
  font-size: 14px;
  color: #cdcdd2;
  margin-bottom: 20px; }

/*============ team css start =============*/
.team-title {
  text-align: center;
  font-size: 42px;
  font-weight: 300;
  margin: 0 0 50px;
  line-height: 1.1; }

.team .media-right img,
.team .media-left img {
  max-width: 110px; }

.team .media-right {
  padding-left: 20px; }

.team .media-body {
  padding-left: 25px; }
  .team .media-body .media-heading {
    font-size: 19px;
    font-weight: 400;
    margin-top: 10px; }
    .team .media-body .media-heading small {
      display: block;
      text-transform: uppercase;
      margin-top: 10px;
      font-size: 14px;
      color: #afafaf; }
  .team .media-body p {
    margin-top: 20px;
    color: #666666;
    margin-bottom: 0; }

.team-box-style .media {
  -webkit-transition: -webkit-box-shadow .3s ease;
  transition: -webkit-box-shadow .3s ease;
  -o-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  transition: box-shadow .3s ease, -webkit-box-shadow .3s ease; }

/*=============masonry gallery css start================*/
.masonary-gallery {
  padding: 0; }
  .masonary-gallery .masonary .grid_item.col-sm-4 {
    margin-top: 30px; }
  .masonary-gallery .masonary .grid_item figure {
    margin: 0;
    position: relative;
    overflow: hidden; }
    .masonary-gallery .masonary .grid_item figure img {
      -webkit-transition: all .8s ease;
      -o-transition: all .8s ease;
      transition: all .8s ease; }
  .masonary-gallery .masonary .grid_item figcaption {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    background-color: rgba(20, 185, 116, 0.8);
    -webkit-transition: opacity .8s ease;
    -o-transition: opacity .8s ease;
    transition: opacity .8s ease; }
    .masonary-gallery .masonary .grid_item figcaption h3 {
      width: 100%;
      position: absolute;
      left: 0;
      top: -100px;
      opacity: 0;
      -webkit-transition: all .8s ease;
      -o-transition: all .8s ease;
      transition: all .8s ease;
      color: #fff;
      font-size: 19px;
      margin-top: 0; }
    .masonary-gallery .masonary .grid_item figcaption a.venobox {
      top: 50%;
      left: 50%;
      position: absolute;
      -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
      transform: translate(-50%);
      display: block; }
      .masonary-gallery .masonary .grid_item figcaption a.venobox i {
        font-size: 19px;
        line-height: 21px;
        color: #fff; }
  .masonary-gallery .masonary .grid_item figure:hover figcaption {
    opacity: 1; }
    .masonary-gallery .masonary .grid_item figure:hover figcaption h3 {
      top: 30px;
      opacity: 1;
      left: 20px; }
  .masonary-gallery .masonary .grid_item figure:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }

/*====================feature three css start here=======================*/
.feature-three-img {
  padding: 10px 30px 0 0;
  margin-left: auto;
  margin-right: 0; }
  @media all and (max-width: 1799px) {
    .feature-three-img {
      padding: 5% 30px 0 0; } }
  @media all and (max-width: 1499px) {
    .feature-three-img {
      padding: 13% 30px 0 0; } }
  @media (max-width: 1199px) {
    .feature-three-img {
      padding: 35% 30px 0 0; } }
  @media only screen and (max-width: 991px) {
    .feature-three-img {
      padding: 0 0 50px;
      margin: auto; } }

.feature-three-text {
  color: #808080;
  max-width: 570px; }
  @media only screen and (max-width: 991px) {
    .feature-three-text {
      margin: auto; } }
  .feature-three-text .feature-three-header h2 {
    font-size: 33px;
    font-weight: 700;
    margin: 0 0 20px; }
  .feature-three-text .feature-three-header p {
    font-size: 19px; }

.feature-three-feature {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }
  .feature-three-feature i {
    font-size: 44px;
    color: #43cb83; }
  .feature-three-feature h5 {
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 5px;
    line-height: 1.1; }
  .feature-three-feature p {
    margin-bottom: 0; }

.feature {
  margin-bottom: 70px; }

.seo-area .feature-three-header p {
  margin: 0 auto; }

.mixpack-feature {
  padding: 60px 40px;
  margin-top: 0;
  background: #fff;
  border-bottom: 6px solid #14b971;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  text-align: center; }
  .mixpack-feature i {
    margin-bottom: 20px;
    display: inline-block; }
  .mixpack-feature h5 {
    margin-bottom: 20px;
    margin-top: 0;
    font-size: 19px;
    text-transform: capitalize; }
  .mixpack-feature p {
    color: #808080; }
  .mixpack-feature:hover {
    -webkit-box-shadow: -1px 2px 11px 8px rgba(201, 193, 193, 0.15);
    box-shadow: -1px 2px 11px 8px rgba(201, 193, 193, 0.15); }
  @media only screen and (max-width: 991px) {
    .mixpack-feature {
      padding: 40px 15px; } }
  @media only screen and (max-width: 767px) {
    .mixpack-feature {
      margin-bottom: 30px; } }

.mixpack-feature-two i {
  margin-bottom: 20px;
  display: inline-block; }

.mixpack-feature-two p {
  color: #fff; }

.mixpack-feature-two h5 {
  color: #fff;
  margin-bottom: 20px;
  margin-top: 0;
  font-size: 19px;
  text-transform: capitalize; }

/* feature box style two css */
.feature-box {
  margin-bottom: 70px;
  margin-top: 40px; }
  .feature-box .media .media-left .icon i,
  .feature-box .media .media-right .icon i {
    font-size: 30px;
    line-height: 26px;
    color: #ccab5c;
    border: 1px solid #ccab5c;
    height: 55px;
    width: 55px;
    line-height: 55px;
    display: block;
    text-align: center; }
  .feature-box .media .media-body.text-left {
    padding-left: 20px; }
  .feature-box .media .media-body.text-right {
    padding-right: 20px; }
  .feature-box .media .media-body h5 {
    font-size: 19px;
    color: #252525;
    margin-top: 0;
    font-weight: 600;
    margin-bottom: 20px; }
    @media only screen and (max-width: 991px) {
      .feature-box .media .media-body h5 {
        font-size: 16px; } }
  .feature-box .media .media-body p {
    color: #808080;
    margin-bottom: 0; }
  .feature-box:last-child {
    margin-bottom: 0;
    margin-top: 0; }

/*============== Instagram feed css start =================*/
.mixpack-instagram {
  overflow: hidden;
  position: relative; }
  .mixpack-instagram .kc_wrap_instagram ul li.loaded {
    overflow: hidden;
    margin: 0; }
  .mixpack-instagram .kc_wrap_instagram ul li.loaded a:hover {
    -webkit-transform: scale3d(1.3, 1.3, 1) rotate(10deg);
    transform: scale3d(1.3, 1.3, 1) rotate(10deg); }
  .mixpack-instagram a.kc_button {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 85px);
    display: inline-block;
    text-align: center;
    padding: 15px 45px;
    border-radius: 4px;
    text-transform: uppercase;
    color: #333;
    background-color: #fff;
    border-color: #ccc; }
    .mixpack-instagram a.kc_button:hover {
      background-color: #e6e6e6;
      border-color: #adadad; }
    @media only screen and (max-width: 767px) {
      .mixpack-instagram a.kc_button {
        top: calc(50% - 12px);
        left: calc(50% - 75px);
        padding: 4px 12px;
        font-size: 11px;
        line-height: 1.2; } }

/*================== video gallery css start ================*/
h2.video-gallery {
  font-size: 44px;
  font-weight: 300;
  text-align: center;
  margin: 0 0 40px; }

.venobox-video {
  margin-bottom: 30px; }

/*----- 404 error page css ----*/
.error-404.not-found {
  background-image: url("../img/error-bg.jpg");
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (max-width: 991px) {
    .error-404.not-found {
      background-position: 50% 60%; } }
  @media only screen and (max-width: 767px) {
    .error-404.not-found {
      background-size: 600px;
      background-position: 85% 15%; } }
  .error-404.not-found .error-page-header {
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .error-404.not-found .error-page-header .inner-error-page-header {
      margin-left: inherit;
      margin-top: auto;
      margin-bottom: auto;
      margin-right: inherit; }
    .error-404.not-found .error-page-header h1 {
      font-size: 282px;
      margin-top: 100px;
      margin-bottom: 0;
      color: #00b8ff;
      line-height: 282px; }
      @media (max-width: 1399px) {
        .error-404.not-found .error-page-header h1 {
          font-size: 200px;
          line-height: 230px; } }
      @media only screen and (max-width: 767px) {
        .error-404.not-found .error-page-header h1 {
          font-size: 100px;
          line-height: 135px; } }
    .error-404.not-found .error-page-header p.page-title {
      font-size: 21px;
      color: #000000;
      font-style: italic;
      font-weight: 700;
      font-family: "Playfair Display", serif;
      margin-bottom: 25px; }
      @media (max-width: 1399px) {
        .error-404.not-found .error-page-header p.page-title {
          font-size: 19px; } }
    .error-404.not-found .error-page-header p.page-subtitle {
      color: #808080;
      font-size: 16px;
      margin-bottom: 20px; }
    .error-404.not-found .error-page-header input.search-field.form-control {
      border-color: #00b8ff;
      background-color: transparent;
      margin-bottom: 30px; }
    .error-404.not-found .error-page-header a {
      color: #00b8ff;
      font-weight: 700;
      text-transform: uppercase;
      position: relative;
      padding-left: 25px; }
      .error-404.not-found .error-page-header a:before {
        position: absolute;
        content: "\eb54";
        font-family: 'IcoFont';
        left: 0;
        font-size: 21px;
        line-height: initial; }
      .error-404.not-found .error-page-header a:hover {
        text-decoration: underline; }

/*=============== contact map css ================*/
.contact_map {
  width: 100%;
  height: 215px; }

/*============ MixPack slider css ============*/
.mixpack_slider .slider_item {
  display: table;
  width: 100%;
  vertical-align: middle;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  height: 100vh; }
  .mixpack_slider .slider_item .mixpack-btn {
    background-color: #fed03e;
    border: 1px solid #fed03e;
    color: #000000;
    margin-top: 27px; }
    .mixpack_slider .slider_item .mixpack-btn:hover {
      background-color: transparent;
      color: #fed03e; }
  .mixpack_slider .slider_item .slider_content {
    display: table-cell;
    vertical-align: middle; }
  .mixpack_slider .slider_item p:first-child {
    font-size: 60px;
    line-height: 58px;
    font-family: "Open Sans", sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300; }
    @media only screen and (max-width: 991px) {
      .mixpack_slider .slider_item p:first-child {
        font-size: 38px;
        line-height: 38px; } }
    @media only screen and (max-width: 767px) {
      .mixpack_slider .slider_item p:first-child {
        font-size: 28px;
        line-height: 34px; } }
  .mixpack_slider .slider_item p {
    font-size: 60px;
    line-height: 58px;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600; }
    @media only screen and (max-width: 991px) {
      .mixpack_slider .slider_item p {
        font-size: 38px;
        line-height: 38px; } }
    @media only screen and (max-width: 767px) {
      .mixpack_slider .slider_item p {
        font-size: 28px;
        line-height: 34px; } }

.mixpack_slider .owl-controls {
  position: absolute;
  bottom: 26px;
  display: block;
  width: 100%; }

.mixpack_slider .owl-dots {
  margin-bottom: 20px; }
  .mixpack_slider .owl-dots .owl-dot span {
    border-radius: 0;
    width: 30px;
    height: 5px;
    border: 1px solid #fff;
    background: transparent; }
  .mixpack_slider .owl-dots .active.owl-dot span, .mixpack_slider .owl-dots .owl-dot:hover span {
    background: #fff; }

.clients .clients-one {
  margin-bottom: 50px; }
  .clients .clients-one .client-col {
    border: 1px solid #ccc;
    padding: 40px 20px;
    border-radius: 10px;
    margin: 20px 8px; }
    .clients .clients-one .client-col img {
      width: auto; }
  .clients .clients-one .owl-nav {
    margin-top: 0; }
  .clients .clients-one .owl-nav [class*=owl-] {
    position: absolute;
    top: calc(50% - 22px);
    background: transparent;
    color: #252525;
    border: none; }
  .clients .clients-one .owl-prev {
    left: -25px; }
    @media only screen and (max-width: 767px) {
      .clients .clients-one .owl-prev {
        left: 0; } }
  .clients .clients-one .owl-next {
    right: -25px; }
    @media only screen and (max-width: 767px) {
      .clients .clients-one .owl-next {
        right: 0; } }
  .clients .clients-one .owl-dots {
    position: absolute;
    width: 100%; }

.clients .box-shadow.clients-one .owl-nav [class*=owl-] {
  top: calc(50% - 35px); }

.slideshow {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden; }

.slides {
  position: absolute;
  width: 100%;
  height: 100%; }

.slide {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.slide--current {
  opacity: 1;
  pointer-events: auto; }

.slide__img {
  position: absolute;
  top: -280px;
  left: -200px;
  width: calc(100% + 400px);
  height: calc(100% + 400px);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.slidenav {
  position: absolute;
  width: 300px;
  margin-left: -150px;
  left: 50%;
  bottom: 50px;
  text-align: center; }

.slidenav__item {
  border: 0;
  background: none;
  font-weight: 700;
  color: #fff; }

.slidenav__item:focus {
  outline: none; }

.slidenav__item:hover {
  color: #f6f6f6;
  text-decoration: underline; }

.shape {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  pointer-events: none; }

.slide__title {
  position: relative;
  font-size: 246px;
  margin: 0;
  line-height: 200px;
  color: #fff; }
  @media (max-width: 1399px) {
    .slide__title {
      font-size: 146px;
      line-height: 146px; } }
  @media only screen and (max-width: 767px) {
    .slide__title {
      font-size: 55px;
      line-height: 55px; } }

.slide__desc {
  position: relative;
  font-size: 25px;
  margin: 10px 0 20px;
  font-family: 'Playfair Display', serif;
  color: #fff;
  text-align: center; }

a.slide__link {
  position: relative;
  font-size: 14px;
  font-weight: 700;
  padding: 15px 40px;
  border-radius: 80px;
  display: inline-block;
  color: #fff;
  background: #14b971;
  border: 1px solid #14b971;
  -webkit-transition: color 0.3s, background 0.3s;
  -o-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s; }
  a.slide__link:hover, a.slide__link:active, a.slide__link:focus {
    border: 1px solid #14b971;
    background: transparent;
    color: #fff;
    font-weight: 700; }
  @media only screen and (max-width: 767px) {
    a.slide__link {
      padding: 10px 35px; } }

.slidenav {
  color: #fff; }

/************* animete slider two css *************/
.scale-slide .slide__title {
  font-size: 150px;
  line-height: 150px; }
  @media (max-width: 1399px) {
    .scale-slide .slide__title {
      font-size: 96px;
      line-height: 96px; } }
  @media only screen and (max-width: 767px) {
    .scale-slide .slide__title {
      font-size: 55px;
      line-height: 55px; } }

.scale-slide .slide__desc {
  font-size: 50px;
  font-style: italic; }
  @media only screen and (max-width: 767px) {
    .scale-slide .slide__desc {
      font-size: 35px;
      line-height: 35px; } }

/* footer css */
.footer-top {
  background: #2a2a2a;
  padding: 80px 0; }
  .footer-top .footer-single-widget .widget {
    margin-bottom: 40px; }
    .footer-top .footer-single-widget .widget select {
      width: 100%;
      height: 40px; }
    .footer-top .footer-single-widget .widget .recent-post {
      margin-bottom: 30px; }
      .footer-top .footer-single-widget .widget .recent-post .media .media-body p.media-heading,
      .footer-top .footer-single-widget .widget .recent-post .media .media-body i {
        color: #fff;
        font-size: 12px; }
      .footer-top .footer-single-widget .widget .recent-post .media p a {
        color: #cecece; }
    .footer-top .footer-single-widget .widget .calendar_wrap table,
    .footer-top .footer-single-widget .widget .calendar_wrap caption {
      color: #fff; }
    .footer-top .footer-single-widget .widget .calendar_wrap tr td a {
      color: #fff;
      font-weight: 70; }
    .footer-top .footer-single-widget .widget .calendar_wrap td#today a, .footer-top .footer-single-widget .widget .calendar_wrap tr td#prev a {
      color: #00b8ff; }
    .footer-top .footer-single-widget .widget a.rsswidget {
      color: #cecece; }
      .footer-top .footer-single-widget .widget a.rsswidget:hover {
        color: #fff; }
    .footer-top .footer-single-widget .widget.widget_rss {
      color: #fff; }
    .footer-top .footer-single-widget .widget .rssSummary {
      line-height: 25px; }
    .footer-top .footer-single-widget .widget.widget_recent_comments ul li {
      color: #cecece; }
      .footer-top .footer-single-widget .widget.widget_recent_comments ul li span {
        color: #cecece; }
    .footer-top .footer-single-widget .widget .tagcloud a {
      border: 1px solid #cecece;
      padding: 7px 14px;
      color: #cecece;
      font-size: 14px !important;
      display: inline-block;
      font-weight: 600;
      line-height: 14px;
      margin: 0 10px 10px 0;
      text-transform: capitalize;
      background-color: transparent; }
      .footer-top .footer-single-widget .widget .tagcloud a:hover {
        background-color: #00b8ff;
        border: 1px solid #00b8ff;
        color: #fff; }
      .footer-top .footer-single-widget .widget .tagcloud a:last-child {
        margin-bottom: 0; }
    .footer-top .footer-single-widget .widget.widget_nav_menu {
      padding-left: 0; }
      .footer-top .footer-single-widget .widget.widget_nav_menu:first-child {
        padding-left: 50px; }
    .footer-top .footer-single-widget .widget.widget_rss ul li {
      margin-bottom: 15px; }
    .footer-top .footer-single-widget .widget cite {
      color: #cecece;
      font-weight: 600; }
    .footer-top .footer-single-widget .widget span.comment-author-link {
      text-transform: capitalize;
      font-weight: 700; }
    .footer-top .footer-single-widget .widget:last-child {
      margin-bottom: 0; }
  .footer-top .footer-single-widget .widget.widget_media_image {
    margin-bottom: 0; }
  .footer-top .footer-single-widget .widget_text p {
    color: #fff;
    opacity: 0.7; }
    .footer-top .footer-single-widget .widget_text p:last-child {
      margin-bottom: 0; }
  .footer-top .footer-single-widget .widget_media_image img {
    height: 50px !important;
    margin-bottom: 25px; }
  .footer-top .footer-single-widget h4 {
    margin-top: 0;
    margin-bottom: 25px;
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 700; }
  .footer-top .footer-single-widget .subscribe-form label {
    font-size: 14px;
    text-transform: capitalize;
    color: #afacac; }
  .footer-top .footer-single-widget .subscribe-form .input-group {
    margin-bottom: 0; }
    .footer-top .footer-single-widget .subscribe-form .input-group input {
      border: none;
      padding: 6px 15px; }
  .footer-top .footer-single-widget .subscribe-form input[type="submit"] {
    background: transparent;
    font-size: 12px;
    text-transform: capitalize;
    text-indent: -60px;
    padding: 6px 20px;
    z-index: 5;
    color: transparent; }
  .footer-top .footer-single-widget .subscribe-form .input-group-btn {
    position: relative; }
    .footer-top .footer-single-widget .subscribe-form .input-group-btn:after {
      position: absolute;
      content: '\f1d8';
      font-family: "FontAwesome";
      top: 0px;
      display: block;
      right: 0;
      font-size: 16px;
      color: #000;
      height: 40px;
      line-height: 40px;
      width: 40px;
      background: #fff;
      border-radius: 0 20px 20px 0;
      text-align: center; }
  .footer-top .footer-single-widget ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .footer-top .footer-single-widget ul li {
      line-height: 1.42;
      margin-bottom: 15px; }
      .footer-top .footer-single-widget ul li a {
        color: #cecece;
        font-size: 14px;
        font-weight: 500;
        text-transform: capitalize; }
        .footer-top .footer-single-widget ul li a span {
          float: right; }
      .footer-top .footer-single-widget ul li ul.children,
      .footer-top .footer-single-widget ul li ul.sub-menu {
        padding-left: 10px; }
        .footer-top .footer-single-widget ul li ul.children li:first-child,
        .footer-top .footer-single-widget ul li ul.sub-menu li:first-child {
          padding-top: 15px; }
        .footer-top .footer-single-widget ul li ul.children li:last-child,
        .footer-top .footer-single-widget ul li ul.sub-menu li:last-child {
          border-bottom: 0;
          padding-bottom: 0; }
      .footer-top .footer-single-widget ul li ul li.col-md-6,
      .footer-top .footer-single-widget ul li ul li.col-md-4,
      .footer-top .footer-single-widget ul li ul li.col-md-3,
      .footer-top .footer-single-widget ul li ul li.col-sm-6,
      .footer-top .footer-single-widget ul li ul li.col-sm-4,
      .footer-top .footer-single-widget ul li ul li.col-sm-3 {
        width: 100%; }
      .footer-top .footer-single-widget ul li ul li.menu-item-has-children {
        margin-bottom: 0; }
  .footer-top .footer-single-widget #sb_instagram {
    padding-top: 15px; }
  @media only screen and (max-width: 767px) {
    .footer-top .footer-single-widget {
      margin-bottom: 30px; } }

.footer-logo img {
  max-height: 50px;
  margin: auto; }

.footer-s-media {
  text-align: center;
  margin: 30px 0 0; }
  .footer-s-media a {
    display: inline-block;
    margin-right: 30px; }
    .footer-s-media a i {
      color: #e0e0e1;
      font-size: 19px;
      background-color: transparent;
      border: none;
      padding: 0;
      height: inherit;
      width: inherit;
      line-height: 1.4; }
      .footer-s-media a i:hover {
        background-color: transparent; }
    .footer-s-media a:last-child {
      margin-right: 0; }

.footer-menu {
  text-align: center;
  padding-top: 30px; }
  .footer-menu ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .footer-menu ul li {
      display: inline-block;
      margin-right: 30px; }
      .footer-menu ul li a {
        font-size: 12px;
        color: #e0e0e1;
        text-transform: uppercase;
        font-weight: 700;
        -webkit-transition: all .7s ease;
        -o-transition: all .7s ease;
        transition: all .7s ease; }
        .footer-menu ul li a:hover {
          color: #dbdbdb; }
        @media only screen and (max-width: 767px) {
          .footer-menu ul li a {
            text-transform: capitalize; } }
      .footer-menu ul li:last-child {
        margin-right: 0; }
      @media only screen and (max-width: 767px) {
        .footer-menu ul li {
          margin-right: 8px; } }

/*==================footer css start================*/
.footer-one-form .form-group {
  margin-bottom: 30px; }
  .footer-one-form .form-group:nth-child(3) {
    margin-bottom: 10px; }

@media only screen and (max-width: 767px) {
  .footer-one-form .footer-form-wrapper {
    margin-top: 30px; } }

.footer-one-form .form-control {
  background: #424242;
  color: #ffffff;
  border: 1px solid rgba(170, 170, 170, 0.01); }

.footer-one-form .form-control[type=text], .footer-one-form .form-control[type=email] {
  height: 40px;
  color: #fff; }

.footer-one-form .select2-container .select2-selection--single {
  height: 40px;
  background: #424242;
  border: 1px solid rgba(170, 170, 170, 0.01); }

.footer-one-form .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px;
  padding-left: 15px;
  color: #909090; }

.footer-one-form .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px; }

.footer-one.footer-bottom {
  color: #afafaf;
  padding: 37px 0;
  background: #fff; }
  @media only screen and (max-width: 767px) {
    .footer-one.footer-bottom .footer-name {
      text-align: center; } }
  .footer-one.footer-bottom .footer-logo {
    font-size: 19px;
    color: #afafaf;
    font-weight: 700; }
  .footer-one.footer-bottom .copy {
    text-align: right;
    margin-bottom: 0;
    line-height: 32px; }
    @media only screen and (max-width: 767px) {
      .footer-one.footer-bottom .copy {
        text-align: center; } }
    .footer-one.footer-bottom .copy a {
      color: #afafaf; }
      .footer-one.footer-bottom .copy a:hover {
        font-weight: 700; }
  .footer-one.footer-bottom .f-soc-nav {
    display: block;
    text-align: right; }
    @media only screen and (max-width: 767px) {
      .footer-one.footer-bottom .f-soc-nav {
        margin-top: 30px;
        text-align: center;
        display: block;
        float: none; } }
    .footer-one.footer-bottom .f-soc-nav a {
      margin-right: 15px;
      display: inline-block; }
      .footer-one.footer-bottom .f-soc-nav a:last-child {
        margin-right: 0; }
      .footer-one.footer-bottom .f-soc-nav a i {
        color: #afafaf;
        border-radius: 50%;
        line-height: 31px;
        text-align: center;
        -webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease; }
      .footer-one.footer-bottom .f-soc-nav a i:hover {
        background: transparent; }

.footer-top-col h3 {
  font-size: 19px;
  font-weight: 300;
  margin: 0;
  line-height: 28px;
  text-transform: uppercase;
  color: #999999; }

.footer-top-col.contact-one h3 {
  color: #252525;
  font-weight: 700;
  margin-bottom: 10px; }

.footer-top-col.contact-one p {
  color: #808080; }

.footer-top-col p {
  color: #ffffff;
  line-height: 28px;
  margin-bottom: 20px; }
  .footer-top-col p a {
    color: #ffffff; }

.footer-one-title {
  font-size: 33px;
  font-weight: 300;
  text-align: center;
  color: #ffffff;
  margin: 0 0 30px; }

.footer-bottom img.img-responsive {
  height: 50px;
  margin: 8px 0 0; }

.contact-form-three .footer-one-form .select2-container--default .select2-selection--single .select2-selection__rendered,
.contact-form-three .footer-one-form .select2-container .select2-selection--single,
.contact-form-three .footer-one-form .form-control {
  background-color: #fff;
  border-color: #ddd;
  color: #808080; }

.contact-form-three .footer-one-form textarea.form-control {
  height: 170px;
  color: #808080; }

.contact-form-three .footer-one-form button, .contact-form-three input[type="button"], .contact-form-three input[type="reset"], .contact-form-three input[type="submit"] {
  color: #ffffff;
  background: #00aeef;
  border: 1px solid #00aeef;
  border-radius: 25px 25px 25px 25px;
  margin-bottom: 20px; }
  .contact-form-three .footer-one-form button:hover, .contact-form-three input[type="button"]:hover, .contact-form-three input[type="reset"]:hover, .contact-form-three input[type="submit"]:hover {
    color: #00aeef;
    background: #ffffff;
    border: 1px solid #ffffff; }

.contact-form-three .wpcf7-form .wpcf7-response-output {
  background-color: #fff;
  color: #252525; }

/*==================footer two css start================*/
.footer-two-form .form-group label {
  margin-left: 20px;
  text-transform: uppercase;
  color: #999999; }

.footer-two-form .form-control {
  background: #eff0f4;
  border: 1px solid rgba(170, 170, 170, 0.01);
  border-radius: 10px;
  padding-left: 20px;
  color: #fff;
  margin-bottom: 2px; }
  .footer-two-form .form-control:hover {
    border: 1px solid rgba(170, 170, 170, 0.7); }

.footer-two-form .form-control[type=text], .footer-two-form .form-control[type=email] {
  height: 40px;
  border-radius: 20px;
  color: #fff; }

.footer-two-form input[type="submit"] {
  margin: 36px 0 0;
  background: #f4ce68;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  height: 40px;
  width: 100% !important;
  border-radius: 20px;
  padding: 0 20px;
  margin-bottom: 20px;
  border-color: transparent;
  -webkit-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease; }
  .footer-two-form input[type="submit"]:hover {
    background: transparent;
    color: #F7CE68;
    border: 1px solid #f4ce68; }

.footer-two-form .form-control[type="text"]::-webkit-input-placeholder,
.footer-two-form textarea.form-control::-webkit-input-placeholder,
.footer-two-form .form-control[type="email"]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  opacity: 0.4; }

.footer-two-form .form-control[type="text"]::-moz-placeholder,
.footer-two-form textarea.form-control::-moz-placeholder,
.footer-two-form .form-control[type="email"]::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 0.4; }

.footer-two-form .form-control[type="text"]::-ms-input-placeholder,
.footer-two-form textarea.form-control::-ms-input-placeholder,
.footer-two-form .form-control[type="email"]::-ms-input-placeholder {
  /* IE 10+ */
  opacity: 0.4; }

.footer-two-form .form-control[type="text"]::-moz-placeholder,
.footer-two-form textarea.form-control::-moz-placeholder,
.footer-two-form .form-control[type="email"]::-moz-placeholder {
  /* Firefox 18- */
  opacity: 0.4; }

.wpcf7-form .wpcf7-response-output {
  color: #fff;
  overflow: hidden; }

.footer-two.footer-bottom {
  color: #afafaf;
  padding: 37px 0;
  background: #252525; }
  @media only screen and (max-width: 767px) {
    .footer-two.footer-bottom .footer-name {
      text-align: center; } }
  .footer-two.footer-bottom .footer-logo {
    font-size: 19px;
    color: #afafaf;
    font-weight: 700; }
  .footer-two.footer-bottom .copy {
    text-align: right;
    margin-bottom: 0;
    line-height: 32px; }
    @media only screen and (max-width: 767px) {
      .footer-two.footer-bottom .copy {
        text-align: center; } }
    .footer-two.footer-bottom .copy a {
      color: #afafaf; }
      .footer-two.footer-bottom .copy a:hover {
        font-weight: 700; }
  .footer-two.footer-bottom .f-soc-nav {
    display: block;
    text-align: right; }
    @media only screen and (max-width: 767px) {
      .footer-two.footer-bottom .f-soc-nav {
        margin-top: 30px;
        text-align: center;
        display: block;
        float: none; } }
    .footer-two.footer-bottom .f-soc-nav a {
      margin-right: 15px;
      display: inline-block; }
      .footer-two.footer-bottom .f-soc-nav a:last-child {
        margin-right: 0; }
      .footer-two.footer-bottom .f-soc-nav a i {
        color: #afafaf;
        border-radius: 50%;
        line-height: 31px;
        text-align: center;
        -webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease; }
      .footer-two.footer-bottom .f-soc-nav a i:hover {
        color: #ffffff;
        background: transparent; }

.footer-two-title {
  font-size: 33px;
  font-weight: 300;
  text-align: center;
  color: #ffffff;
  padding-bottom: 20px;
  margin: 0 0 30px;
  border-bottom: 1px solid #717171; }

.tel-col, .email-col, .address-col {
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .tel-col, .email-col, .address-col {
      margin-bottom: 3px; } }

.tel-col a:hover, .email-col a:hover, .address-col a:hover {
  color: #fff; }

.tel, .email, .address, .address-col p {
  color: #ffffff;
  font-weight: 600; }

/* seo contact form style */
.seo-contact-form .form-control {
  background: #303030;
  border: 1px solid #ec7e35;
  border-radius: 10px;
  padding-left: 20px; }
  .seo-contact-form .form-control:hover {
    border: 1px solid rgba(170, 170, 170, 0.7); }

.seo-contact-form .form-control[type=text], .seo-contact-form .form-control[type=email] {
  height: 40px;
  border-radius: 20px; }
  @media only screen and (max-width: 767px) {
    .seo-contact-form .form-control[type=text], .seo-contact-form .form-control[type=email] {
      margin-bottom: 30px; } }

.seo-contact-form input[type="submit"] {
  margin: 25px 0 0;
  background: #ec7e35;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  height: 40px;
  text-align: center;
  border-radius: 20px;
  font-family: 'Montserrat', sans-serif;
  padding: 0 20px;
  border-color: transparent;
  -webkit-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease; }
  .seo-contact-form input[type="submit"]:hover {
    background: #fff;
    color: #ec7e35;
    border: 1px solid #fff; }

/****** footer bottom two css ******/
.site-footer .footer-bottom-two {
  background-color: #111921;
  padding: 45px 0;
  border-top: 1px solid #1d2b39; }
  .site-footer .footer-bottom-two p {
    color: #808080;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 0; }
    .site-footer .footer-bottom-two p a {
      color: #fff;
      display: inline-block; }
      .site-footer .footer-bottom-two p a:hover {
        text-decoration: underline; }

/*============== page css start =================*/
/*============travel landing page css start==============*/
.travel .bg-dark {
  background: black; }

.travel_banner {
  text-align: center;
  padding: 230px 0 140px; }
  @media (max-width: 1399px) {
    .travel_banner {
      padding-top: 180px; } }
  @media only screen and (max-width: 767px) {
    .travel_banner {
      padding: 110px 0 40px; } }
  @media only screen and (max-width: 767px) {
    .travel_banner img {
      max-height: 100px; } }
  .travel_banner p {
    font-size: 44px;
    font-weight: 300;
    color: #fff;
    margin-top: 20px; }
    @media only screen and (max-width: 767px) {
      .travel_banner p {
        font-size: 26px; } }
  .travel_banner a {
    color: #fff; }
    .travel_banner a:hover {
      border: 1px solid transparent; }
    @media only screen and (max-width: 767px) {
      .travel_banner a {
        font-size: 12px; } }

.travel-grid-text-one {
  padding-bottom: 50px; }

.mixpack-video figure {
  margin: 0; }

/*============Resume landing page css start==============*/
.resume .nav-bg .navigation-right-btn li a:hover {
  background: #827364; }

.resume .mixpack-btn {
  background: #827364;
  color: #ffffff;
  border: 1px solid transparent; }
  .resume .mixpack-btn:hover {
    background: transparent;
    color: #827364;
    border: 1px solid #827364; }

.resume .about_social .about_social_text {
  padding-top: 70px; }
  @media only screen and (max-width: 991px) {
    .resume .about_social .about_social_text {
      padding-top: 0; } }
  .resume .about_social .about_social_text .mixpack-btn {
    padding: 9px 50px; }

.resume .about_social .social-nav {
  display: block;
  text-align: right;
  margin: 20px 0; }
  @media only screen and (max-width: 767px) {
    .resume .about_social .social-nav {
      margin-top: 0;
      text-align: left; } }

.resume .skill_one .skill_text {
  padding-top: 40px; }
  @media only screen and (max-width: 991px) {
    .resume .skill_one .skill_text {
      padding-top: 0; } }
  .resume .skill_one .skill_text .mixpack-btn {
    padding: 9px 50px; }

.resume .skill_one .social-nav {
  display: block;
  text-align: right;
  margin: 20px 0; }
  @media only screen and (max-width: 767px) {
    .resume .skill_one .social-nav {
      margin-top: 0;
      text-align: left; } }

.resume .get-started {
  background: #827364; }
  .resume .get-started .mixpack-btn {
    border: 1px solid #ffffff; }
    .resume .get-started .mixpack-btn:hover {
      color: #827364;
      background: #ffffff; }

.resume_color {
  color: #827364; }

.resume_header {
  background-size: cover; }

.resume_banner {
  text-align: center;
  padding: 260px 0 140px; }
  @media (max-width: 1399px) {
    .resume_banner {
      padding-top: 180px; } }
  @media only screen and (max-width: 767px) {
    .resume_banner {
      padding: 110px 0 40px; } }
  .resume_banner h1 {
    font-size: 65px;
    font-weight: 300;
    color: #ffffff;
    line-height: 58px;
    margin: 0; }
    @media only screen and (max-width: 767px) {
      .resume_banner h1 {
        font-size: 31px; } }
  .resume_banner p {
    font-size: 25px;
    font-weight: 300;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 30px; }
    @media only screen and (max-width: 767px) {
      .resume_banner p {
        font-size: 21px; } }
  .resume_banner .mixpack-btn {
    background: transparent;
    border: 1px solid #ffffff;
    color: #fff; }
    .resume_banner .mixpack-btn:hover {
      background: #827364;
      border: 1px solid transparent;
      color: #ffffff; }

.travel-grid-text-one {
  padding-bottom: 50px; }

.mixpack-resume-portfolio .sorting-menu .dropdown .btn-default {
  color: #827364; }

/*============== charity template css start here ==============*/
.charity {
  background: #272219;
  color: #ffffff; }
  .charity .nav-bg .navigation-right-btn li a:hover {
    background: #fff719;
    color: #252525; }
  .charity .bg-dark {
    background: #000000; }
  .charity .bg-primary {
    background: #2B333F; }
  .charity .mixpack-btn {
    background: #fff719;
    color: #252525;
    border: 1px solid transparent; }
    .charity .mixpack-btn:hover {
      background: transparent;
      color: #fff719;
      border: 1px solid #fff719; }
  .charity .with_image .with_image_text {
    margin-top: 115px; }
    .charity .with_image .with_image_text .lead_title {
      color: #ffffff; }
  .charity .footer-two .footer-top {
    background: transparent; }
  .charity .footer-two .footer-mid .footer-two-form .form-group label {
    color: #ffffff; }
  .charity .footer-two .footer-mid .footer-two-form .form-control {
    background: transparent;
    border: 1px solid #655f5c; }

.charity_banner {
  text-align: center;
  margin-top: 350px;
  padding: 25px 0;
  background: rgba(37, 37, 37, 0.45); }
  @media only screen and (max-width: 767px) {
    .charity_banner {
      margin-top: 150px; } }
  .charity_banner p {
    margin-bottom: 0;
    color: #fff; }
  .charity_banner h1 {
    font-size: 56px;
    font-weight: 300;
    color: #fff719;
    line-height: 1;
    margin: 0; }
  .charity_banner .mixpack-btn {
    background: #fff719;
    border: 1px solid #fff719;
    margin: 0 0 10px 20px;
    color: #252525; }
    @media only screen and (max-width: 767px) {
      .charity_banner .mixpack-btn {
        margin: 10px 0; } }
    .charity_banner .mixpack-btn:hover {
      background: transparent;
      border: 1px solid #fff719;
      color: #fff719; }

.charity_dark_bg {
  background: #221e16; }

/*============ software page css start =============*/
.software .bg-primary {
  background: #43cb83; }

.software .nav-bg {
  border-bottom: 1px solid #ffffff; }
  .software .nav-bg .navigation-right-btn li a:hover {
    background: #ffffff;
    color: #252525; }

.software .bg-dark {
  background: #16aea4; }

.software .mixpack-btn {
  background: #43cb83;
  color: #ffffff;
  border: 1px solid transparent; }
  .software .mixpack-btn:hover {
    background: transparent;
    color: #43cb83;
    border: 1px solid #43cb83; }

.software .footer-two .footer-top {
  background-size: cover; }

.software_banner {
  text-align: center;
  margin-top: 0;
  padding: 130px 0 20px; }
  @media (max-width: 1399px) {
    .software_banner {
      padding-top: 70px; } }
  .software_banner .banner-text {
    text-align: right;
    padding: 20% 0 15%; }
    .software_banner .banner-text img {
      max-height: 100px;
      margin-right: 0; }
      @media (max-width: 1399px) {
        .software_banner .banner-text img {
          max-height: 70px; } }
    .software_banner .banner-text p {
      font-size: 44px;
      margin: 20px 0;
      color: #fff;
      line-height: 1.2; }
  .software_banner .mixpack-btn {
    background: #ffffff;
    border: 1px solid #ffffff;
    margin: 0 0 10px 20px;
    color: #252525; }
    @media only screen and (max-width: 767px) {
      .software_banner .mixpack-btn {
        margin: 10px 0; } }
    .software_banner .mixpack-btn:hover {
      background: transparent;
      border: 1px solid #ffffff;
      color: #ffffff; }

/*============ startup page css start here ===========*/
.startup .bg-transparent {
  background: #ffffff; }

.startup .bg-dark {
  background: #ffffff; }

.startup .bg-primary {
  background: #ffffff; }

.startup .nav-bg {
  border: none; }

.startup .mixpack-btn {
  background: #00aeef;
  color: #ffffff;
  border: 1px solid transparent; }
  .startup .mixpack-btn:hover {
    background: transparent;
    color: #00aeef;
    border: 1px solid #00aeef; }

.startup .call_to_action {
  background-size: cover;
  padding: 100px 0; }
  .startup .call_to_action .mixpack-btn:hover {
    background: #ffffff;
    color: #00aeef; }

.startup_header {
  background-size: cover; }

.startup_banner {
  text-align: center;
  padding: 260px 0 140px; }
  @media (max-width: 1399px) {
    .startup_banner {
      padding: 150px 0 80px; } }
  .startup_banner p {
    font-size: 19px;
    font-weight: 300;
    margin-bottom: 15px;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase; }
  .startup_banner .mixpack-btn {
    padding: 9px 37px;
    background: #ffffff;
    color: #252525; }
    .startup_banner .mixpack-btn:hover {
      background: transparent;
      border: 1px solid #ffffff;
      color: #ffffff; }

/*============= portfolio page css start ==============*/
.portfolio .nav-bg {
  border: none; }

.portfolio .bg-dark {
  background: #ffffff;
  border-bottom: 1px solid #dddddd; }

.portfolio .nav-head-two span {
  padding-left: 0; }

.portfolio .burger-icon {
  padding: 5px 0 0 15px; }

.portfolio .mixpack-btn {
  background: #252525;
  color: #ffffff;
  border: 1px solid transparent; }
  .portfolio .mixpack-btn:hover {
    background: transparent;
    color: #252525;
    border: 1px solid #252525; }

.portfolio .about_one {
  padding: 100px 0; }

.portfolio .venobox-video img {
  border-radius: 5px; }

.portfolio .venobox-video .venobox:hover {
  background: rgba(51, 51, 51, 0.53); }

.portfolio .call_to_action_two .call_to_action_two_inner {
  border-radius: 10px; }

.portfolio .footer-two .footer-top {
  background-size: cover;
  border-radius: 10px; }

.portfolio_header {
  background: none; }

.portfolio_banner {
  text-align: center;
  padding-top: 100px; }
  @media (max-width: 1399px) {
    .portfolio_banner {
      padding-top: 70px; } }
  .portfolio_banner figure {
    position: relative;
    margin: 0; }
  .portfolio_banner figcaption {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(50% - 95px); }
    @media only screen and (max-width: 767px) {
      .portfolio_banner figcaption {
        top: 40px; }
        .portfolio_banner figcaption img {
          max-width: 100px;
          max-height: 70px; } }
    .portfolio_banner figcaption p {
      font-size: 18px;
      font-weight: 400;
      margin-top: 15px;
      margin-bottom: 0;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #000000; }
      @media only screen and (max-width: 767px) {
        .portfolio_banner figcaption p {
          font-size: 14px;
          margin-top: 5px; } }

/*============= fashion page css start ===============*/
.fashion .nav-bg {
  border: none; }

.fashion .bg-dark {
  background: #000000; }

.fashion .heading_burger_nav_two .nav-head-two span a {
  color: #ffffff; }

.fashion .bg-primary {
  background: #2B333F; }

.fashion .gallery_one {
  background: #f2f2f2;
  padding: 100px 0 70px; }
  .fashion .gallery_one .gallery-single {
    background: #fcfcfc;
    border-radius: 10px;
    margin-bottom: 30px; }
    .fashion .gallery_one .gallery-single figcaption h4 {
      font-size: 14px;
      font-weight: 700;
      line-height: 1.2;
      margin: 0;
      padding: 15px 0; }
      .fashion .gallery_one .gallery-single figcaption h4 small {
        font-size: 14px;
        font-weight: 600; }

.fashion .call_to_action {
  background-size: cover;
  padding: 55px 0; }

.fashion-color {
  color: #ea3427; }

.fashion_header {
  background-size: cover;
  padding-top: 0; }

.fashion_banner {
  text-align: center;
  margin-top: 0;
  padding: 180px 0 130px; }
  @media only screen and (max-width: 767px) {
    .fashion_banner {
      padding: 120px 0 60px; } }
  .fashion_banner .mixpack-btn {
    margin: 40px 0 20px;
    background: #ea3427;
    color: #ffffff;
    border: 1px solid transparent; }
    @media only screen and (max-width: 767px) {
      .fashion_banner .mixpack-btn {
        margin: 10px 0; } }
    .fashion_banner .mixpack-btn:hover {
      background: transparent;
      color: #fff;
      border: 1px solid #ea3427; }
  .fashion_banner .simply-countdown {
    margin: auto;
    font-family: "Open Sans", sans-serif; }
    .fashion_banner .simply-countdown .simply-section {
      color: #fff;
      background: transparent;
      font-size: 42px;
      font-weight: 300;
      width: 100px;
      height: 100px;
      margin: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .fashion_banner .simply-countdown .simply-section {
          font-size: 18px;
          width: 50px;
          height: 80px; } }
      .fashion_banner .simply-countdown .simply-section:after {
        content: "";
        width: 7px;
        height: 7px;
        background: #ffffff;
        position: absolute;
        top: 34%;
        right: 0;
        border-radius: 50%; }
      .fashion_banner .simply-countdown .simply-section:last-child:after {
        display: none; }
      .fashion_banner .simply-countdown .simply-section .simply-word {
        font-size: 19px;
        text-transform: uppercase;
        margin-top: 7px; }
        @media only screen and (max-width: 767px) {
          .fashion_banner .simply-countdown .simply-section .simply-word {
            font-size: 12px;
            margin-top: 0; } }
  .fashion_banner h3 {
    font-size: 44px;
    color: #ffffff;
    font-weight: 300;
    margin: 50px 0 0; }
    @media only screen and (max-width: 767px) {
      .fashion_banner h3 {
        font-size: 19px; } }
  .fashion_banner p {
    font-size: 16px;
    line-height: 1.1;
    color: #fff; }

/*============= CONSULTING page css start ===============*/
.consulting .nav-bg {
  border: none; }

.consulting .heading_burger_nav_two .nav-head-two span a {
  color: #ffffff; }

.consulting .bg-primary {
  background: #0057ad; }

.consulting .subscribe-form {
  margin-bottom: 30px; }

.consulting .mixpack-btn {
  background: #0057ad;
  color: #ffffff;
  border: 1px solid transparent; }
  .consulting .mixpack-btn:hover {
    background: transparent;
    color: #0057ad;
    border: 1px solid #0057ad; }

.consulting .counter-up .counter-up-text {
  color: #ffffff; }

.consulting .feature-one {
  background: #252525; }

.consulting .footer-two .footer-top {
  background-size: cover; }

.consulting-color {
  color: #0057ad; }

.consulting_header {
  background-size: cover;
  padding-top: 0; }

.consulting_banner {
  text-align: center;
  margin-top: 0;
  padding: 180px 0 130px; }
  @media only screen and (max-width: 767px) {
    .consulting_banner {
      padding: 100px 0 40px; } }
  .consulting_banner .consulting_banner_inner {
    max-width: 700px;
    margin: auto; }
    .consulting_banner .consulting_banner_inner a i {
      color: #fff; }
  .consulting_banner h3 {
    font-size: 44px;
    color: #ffffff;
    font-weight: 300;
    margin: 0;
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      .consulting_banner h3 {
        font-size: 21px; } }
  .consulting_banner img {
    margin: 10px auto 30px;
    max-height: 100px; }
    @media only screen and (max-width: 767px) {
      .consulting_banner img {
        max-height: 60px;
        margin: 10px auto 15px; } }
  .consulting_banner .mixpack-btn {
    margin: 40px 0 20px;
    color: #ffffff; }
    @media only screen and (max-width: 767px) {
      .consulting_banner .mixpack-btn {
        margin: 10px 0; } }
    .consulting_banner .mixpack-btn:hover {
      background: transparent;
      color: #ffffff; }
  .consulting_banner p.contact {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 700; }
    .consulting_banner p.contact a {
      color: #ffffff; }
      .consulting_banner p.contact a:hover {
        color: #ffffff; }

/*============= CATERING page css start ===============*/
.catering {
  color: #ffffff;
  background: #000000; }
  .catering .nav-bg {
    border: none; }
  .catering .bg-dark {
    background: #000000; }
  .catering #swipeNav {
    background: #303135; }
    .catering #swipeNav a {
      color: #ffffff; }
      .catering #swipeNav a:hover {
        background: transparent; }
  .catering .menu-cross-btn {
    color: #ffffff; }
    .catering .menu-cross-btn:hover {
      color: red; }
  .catering .heading_burger_nav_two .nav-head-two span a {
    color: #ffffff; }
  .catering .bg-primary {
    background: #2B333F; }
  @media only screen and (max-width: 767px) {
    .catering .subscribe-form-two .form-control {
      margin-bottom: 10px; } }
  .catering .social-nav-element-two {
    margin-top: 30px; }
  .catering .with_image .with_image_text .lead_title {
    color: #ffffff; }
  .catering .feature-two .feature-two-feature h5 {
    color: #ffffff; }
  .catering .feature-two .feature-two-img {
    padding: 10px 0 20px; }
    @media (max-width: 1199px) {
      .catering .feature-two .feature-two-img {
        padding: 20% 0 5%; } }
    @media only screen and (max-width: 991px) {
      .catering .feature-two .feature-two-img {
        padding: 0% 0 5%; } }
  .catering .mixpack-btn {
    background: #f4ce68;
    color: #252525;
    border: 1px solid transparent; }
    .catering .mixpack-btn:hover {
      background: transparent;
      color: #f4ce68;
      border: 1px solid #f4ce68; }
  .catering h2, .catering .feature-two .feature-two-text {
    color: #ffffff; }
  .catering .feature-two .feature-two-text .feature-two-feature i {
    color: #f4ce68; }
  .catering .footer-two .footer-top {
    background: #171d32; }
  .catering .footer-two .footer-mid {
    padding: 50px 0 80px; }
  .catering .footer-two .footer-bottom {
    background: #141727; }
  .catering .footer-two .footer-mid .footer-two-form .form-control {
    background: transparent;
    border: 1px solid rgba(170, 170, 170, 0.26); }

.catering-color {
  color: #f4ce68; }

.catering_light_bg {
  background: #171d32; }

.catering_dark_bg {
  background: #141727; }

.catering_banner {
  text-align: center;
  margin-top: 0;
  padding: 130px 0 100px; }
  @media only screen and (max-width: 767px) {
    .catering_banner {
      padding: 90px 0 30px; } }
  .catering_banner .catering_banner_inner {
    max-width: 870px;
    margin: auto; }
    .catering_banner .catering_banner_inner img {
      max-height: 70px; }
  .catering_banner h3 {
    font-size: 46px;
    color: #ffffff;
    font-weight: 300;
    margin: 20px 0; }
    @media only screen and (max-width: 767px) {
      .catering_banner h3 {
        font-size: 25px;
        margin: 10px 0; } }
  .catering_banner p {
    font-size: 12px;
    font-weight: 700;
    color: #fff; }
  @media only screen and (max-width: 767px) {
    .catering_banner img {
      max-width: 100px; } }
  .catering_banner .mixpack-btn {
    margin: 40px 0 20px;
    color: #ffffff; }
    @media only screen and (max-width: 767px) {
      .catering_banner .mixpack-btn {
        margin: 10px 0; } }
    .catering_banner .mixpack-btn:hover {
      background: transparent;
      color: #ffffff; }
  .catering_banner .wpcf7-form .wpcf7-response-output {
    color: #fff; }

.catering_banner_inner p strong {
  font-size: 18px; }

/*============= YOUTUBE page css start ===============*/
.youtuber .nav-bg {
  border: none; }

.youtuber .bg-primary {
  background: transparent; }

.youtuber .bg-dark {
  background: #ffffff;
  border-bottom: 1px solid #bcbcbc; }

.youtuber .mixpack-btn {
  background: #e61717;
  color: #ffffff;
  border: 1px solid transparent; }
  .youtuber .mixpack-btn:hover {
    background: transparent;
    color: #e61717;
    border: 1px solid #e61717; }

.youtuber .counter-up-two {
  color: #ffffff; }
  .youtuber .counter-up-two .counter-up-text {
    color: #ffffff; }

.youtuber .video-gallery {
  background: #ffffff;
  padding: 100px 60px; }

.youtuber .venobox-video .venobox {
  background: #e61717;
  color: #ffffff;
  border: 1px solid #e61717; }
  .youtuber .venobox-video .venobox:hover {
    background: #ffffff;
    color: #e61717;
    border: 1px solid #ffffff; }

.youtuber .footer-two .footer-mid {
  padding: 50px;
  background: #ffffff; }

.youtuber .footer-two .footer-bottom {
  background: transparent; }

a.youtuber-color {
  color: #e61717; }

.youtuber_header {
  background: transparent;
  padding-top: 101px; }
  @media (max-width: 1399px) {
    .youtuber_header {
      padding-top: 60px; } }

.youtuber_banner {
  padding-top: 100px; }
  @media (max-width: 1399px) {
    .youtuber_banner {
      padding-top: 70px; } }
  .youtuber_banner figure {
    margin: 0; }
  .youtuber_banner .venobox-video .venobox {
    background: #e61717;
    border: transparent;
    color: #ffffff; }
    .youtuber_banner .venobox-video .venobox:hover {
      background: #ffffff;
      color: #e61717;
      border: 1px solid transparent; }
  .youtuber_banner .venobox-video figcaption p {
    color: #fff; }

.heading_burger_nav_two .nav-head-two span {
  padding-left: 0;
  margin-left: -3px; }

.heading_burger_nav_two .burger-icon {
  padding: 5px 0 0 15px; }

/*============= preview page css start ==================*/
.preview_header .nav-bg .navigation-right-btn li a {
  background: #ea3427;
  border: 1px solid #ea3427; }
  .preview_header .nav-bg .navigation-right-btn li a:hover {
    background: transparent;
    color: #ea3427; }

@media only screen and (max-width: 767px) {
  .preview_header .nav-bg .navbar-toggle .icon-bar {
    background: #ea3427; } }

.preview_banner {
  text-align: center;
  color: #000000;
  padding: 110px 0 90px; }
  .preview_banner h1 {
    font-size: 65px;
    font-weight: 300;
    margin: 0 0 5px; }
    @media only screen and (max-width: 767px) {
      .preview_banner h1 {
        font-size: 45px; } }
  .preview_banner h3 {
    font-weight: 300;
    margin: 0; }
    @media only screen and (max-width: 767px) {
      .preview_banner h3 {
        font-size: 18px; } }
    .preview_banner h3 span {
      color: #ea3427;
      font-weight: 300; }

.block_header {
  background-size: cover; }
  .block_header .nav-bg {
    border-bottom: 1px solid rgba(202, 193, 193, 0.62); }
  .block_header .bg-transparent .navbar-brand span {
    color: #ffffff; }
  .block_header .bg-dark {
    background: #ffffff; }
    .block_header .bg-dark .navbar-brand span {
      color: #000000; }
  .block_header .nav-bg .navigation-right-btn li a {
    background: #ea3427;
    border: 1px solid #ea3427; }
    .block_header .nav-bg .navigation-right-btn li a:hover {
      background: #ffffff;
      color: #ea3427;
      border: 1px solid transparent; }
  .block_header .nav-bg.bg-dark .navigation-right-btn li a {
    background: #ea3427;
    border: 1px solid #ea3427; }
    .block_header .nav-bg.bg-dark .navigation-right-btn li a:hover {
      background: transparent;
      color: #ea3427;
      border: 1px solid #ea3427; }
  @media only screen and (max-width: 767px) {
    .block_header .nav-bg .navbar-toggle .icon-bar {
      background: #ea3427; } }

.block_banner {
  text-align: center;
  color: #000000;
  padding: 90px 0 100px; }
  .block_banner h1 {
    font-size: 65px;
    font-weight: 300;
    margin: 0 0 5px;
    color: #ffffff; }
    @media only screen and (max-width: 767px) {
      .block_banner h1 {
        font-size: 45px; } }

.preview .bg-dark {
  background: #ffffff; }

.preview .nav-bg {
  border-bottom: 1px solid rgba(108, 110, 110, 0.11); }

.preview .mixpack-btn {
  background: #ea3427;
  border: 1px solid #ea3427; }
  .preview .mixpack-btn:hover {
    background: transparent;
    color: #ea3427; }

.preview .call_to_action {
  background-size: cover; }
  .preview .call_to_action .mixpack-btn:hover {
    background: #ffffff;
    border: 1px solid transparent; }

.divider-section-black {
  background: #000;
  color: #ffffff;
  text-align: center;
  padding: 27px 0; }
  .divider-section-black p {
    margin: 0;
    line-height: 26px;
    font-weight: 600; }

.show-case {
  background-image: -moz-linear-gradient(0deg, #19e8b5 1%, #6c1594 100%);
  background-image: -webkit-linear-gradient(0deg, #19e8b5 1%, #6c1594 100%);
  background-image: -ms-linear-gradient(0deg, #19e8b5 1%, #6c1594 100%); }
  .show-case h3 {
    text-align: center;
    margin: 60px 0 30px;
    color: #ffffff;
    font-weight: 600; }
  .show-case .show-item {
    display: block;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 55px; }
    @media (max-width: 1199px) {
      .show-case .show-item {
        margin-bottom: 35px; } }
    @media only screen and (max-width: 991px) {
      .show-case .show-item {
        margin-bottom: 15px; } }
    @media only screen and (max-width: 767px) {
      .show-case .show-item {
        margin-bottom: 35px; } }
    .show-case .show-item img {
      margin-bottom: 15px;
      -webkit-transition: -webkit-transform .4s ease;
      transition: -webkit-transform .4s ease;
      -o-transition: transform .4s ease;
      transition: transform .4s ease;
      transition: transform .4s ease, -webkit-transform .4s ease; }
      .show-case .show-item img:hover {
        -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
        transform: scale(1.03); }
    .show-case .show-item p {
      margin-bottom: 0;
      color: #ffffff;
      font-weight: 600;
      text-decoration: underline; }

.blog .mixpack-content-area,
.archive .mixpack-content-area,
.search .mixpack-content-area,
.single-post .mixpack-content-area {
  background-color: #eef2f5; }

.search article.page,
.search article.post,
.single-post article.page,
.single-post article.post,
.blog article.page,
.blog article.post {
  padding: 20px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0px 7px 15px 0px rgba(0, 56, 129, 0.09);
  box-shadow: 0px 7px 15px 0px rgba(0, 56, 129, 0.09);
  margin-bottom: 30px; }
  @media only screen and (max-width: 767px) {
    .search article.page,
    .search article.post,
    .single-post article.page,
    .single-post article.post,
    .blog article.page,
    .blog article.post {
      padding: 10px; } }
  .search article.page.sticky,
  .search article.post.sticky,
  .single-post article.page.sticky,
  .single-post article.post.sticky,
  .blog article.page.sticky,
  .blog article.post.sticky {
    position: relative;
    border: 1px solid rgba(2, 184, 255, 0.5); }
    .search article.page.sticky:after,
    .search article.post.sticky:after,
    .single-post article.page.sticky:after,
    .single-post article.post.sticky:after,
    .blog article.page.sticky:after,
    .blog article.post.sticky:after {
      position: absolute;
      content: '\f0ea';
      font-family: 'IcoFont';
      background: #00b8ff;
      color: #fff;
      top: 108px;
      left: 0;
      height: 50px;
      width: 50px;
      text-align: center;
      line-height: 55px;
      border-radius: 0 10px 10px 0;
      font-size: 19px;
      z-index: 11; }
      @media only screen and (max-width: 767px) {
        .search article.page.sticky:after,
        .search article.post.sticky:after,
        .single-post article.page.sticky:after,
        .single-post article.post.sticky:after,
        .blog article.page.sticky:after,
        .blog article.post.sticky:after {
          top: 130px; } }
  .search article.page .entry-header h2.entry-title,
  .search article.post .entry-header h2.entry-title,
  .single-post article.page .entry-header h2.entry-title,
  .single-post article.post .entry-header h2.entry-title,
  .blog article.page .entry-header h2.entry-title,
  .blog article.post .entry-header h2.entry-title {
    margin-top: 0;
    margin-bottom: 0; }
  .search article.page .entry-header h1,
  .search article.page .entry-header h2 a,
  .search article.post .entry-header h1,
  .search article.post .entry-header h2 a,
  .single-post article.page .entry-header h1,
  .single-post article.page .entry-header h2 a,
  .single-post article.post .entry-header h1,
  .single-post article.post .entry-header h2 a,
  .blog article.page .entry-header h1,
  .blog article.page .entry-header h2 a,
  .blog article.post .entry-header h1,
  .blog article.post .entry-header h2 a {
    font-size: 25px;
    color: #252525;
    margin: 40px 0 0;
    display: inline-block;
    overflow: hidden;
    padding: 0 35px; }
    @media only screen and (max-width: 767px) {
      .search article.page .entry-header h1,
      .search article.page .entry-header h2 a,
      .search article.post .entry-header h1,
      .search article.post .entry-header h2 a,
      .single-post article.page .entry-header h1,
      .single-post article.page .entry-header h2 a,
      .single-post article.post .entry-header h1,
      .single-post article.post .entry-header h2 a,
      .blog article.page .entry-header h1,
      .blog article.page .entry-header h2 a,
      .blog article.post .entry-header h1,
      .blog article.post .entry-header h2 a {
        font-size: 21px;
        margin-top: 60px;
        padding: 0 5px; } }
  .search article.page .entry-meta,
  .search article.post .entry-meta,
  .single-post article.page .entry-meta,
  .single-post article.post .entry-meta,
  .blog article.page .entry-meta,
  .blog article.post .entry-meta {
    padding: 0 35px;
    width: 100%;
    margin-top: 20px; }
    @media only screen and (max-width: 767px) {
      .search article.page .entry-meta,
      .search article.post .entry-meta,
      .single-post article.page .entry-meta,
      .single-post article.post .entry-meta,
      .blog article.page .entry-meta,
      .blog article.post .entry-meta {
        padding: 0 5px; } }
    .search article.page .entry-meta ul,
    .search article.post .entry-meta ul,
    .single-post article.page .entry-meta ul,
    .single-post article.post .entry-meta ul,
    .blog article.page .entry-meta ul,
    .blog article.post .entry-meta ul {
      margin: 0;
      padding: 0;
      list-style: none;
      overflow: hidden; }
      .search article.page .entry-meta ul li,
      .search article.post .entry-meta ul li,
      .single-post article.page .entry-meta ul li,
      .single-post article.post .entry-meta ul li,
      .blog article.page .entry-meta ul li,
      .blog article.post .entry-meta ul li {
        background-color: #00b8ff;
        padding: 8px 15px;
        display: inline-block;
        border-radius: 20px;
        margin-right: 15px;
        font-size: 14px;
        font-weight: 700;
        color: #fff; }
        @media only screen and (max-width: 767px) {
          .search article.page .entry-meta ul li,
          .search article.post .entry-meta ul li,
          .single-post article.page .entry-meta ul li,
          .single-post article.post .entry-meta ul li,
          .blog article.page .entry-meta ul li,
          .blog article.post .entry-meta ul li {
            margin-bottom: 10px; } }
        .search article.page .entry-meta ul li i,
        .search article.post .entry-meta ul li i,
        .single-post article.page .entry-meta ul li i,
        .single-post article.post .entry-meta ul li i,
        .blog article.page .entry-meta ul li i,
        .blog article.post .entry-meta ul li i {
          margin-right: 8px;
          font-weight: 700;
          font-size: 16px; }
        .search article.page .entry-meta ul li:last-child,
        .search article.post .entry-meta ul li:last-child,
        .single-post article.page .entry-meta ul li:last-child,
        .single-post article.post .entry-meta ul li:last-child,
        .blog article.page .entry-meta ul li:last-child,
        .blog article.post .entry-meta ul li:last-child {
          margin-right: 0;
          float: right; }
          @media only screen and (max-width: 767px) {
            .search article.page .entry-meta ul li:last-child,
            .search article.post .entry-meta ul li:last-child,
            .single-post article.page .entry-meta ul li:last-child,
            .single-post article.post .entry-meta ul li:last-child,
            .blog article.page .entry-meta ul li:last-child,
            .blog article.post .entry-meta ul li:last-child {
              float: none; } }
        .search article.page .entry-meta ul li a,
        .search article.post .entry-meta ul li a,
        .single-post article.page .entry-meta ul li a,
        .single-post article.post .entry-meta ul li a,
        .blog article.page .entry-meta ul li a,
        .blog article.post .entry-meta ul li a {
          color: #fff;
          font-weight: 700;
          font-size: 14px; }
  .search article.page .entry-content,
  .search article.post .entry-content,
  .single-post article.page .entry-content,
  .single-post article.post .entry-content,
  .blog article.page .entry-content,
  .blog article.post .entry-content {
    padding: 0 35px;
    margin-bottom: 20px;
    margin-top: 10px; }
    @media only screen and (max-width: 767px) {
      .search article.page .entry-content,
      .search article.post .entry-content,
      .single-post article.page .entry-content,
      .single-post article.post .entry-content,
      .blog article.page .entry-content,
      .blog article.post .entry-content {
        padding: 0 5px; } }
    .search article.page .entry-content p,
    .search article.post .entry-content p,
    .single-post article.page .entry-content p,
    .single-post article.post .entry-content p,
    .blog article.page .entry-content p,
    .blog article.post .entry-content p {
      font-size: 16px;
      color: #666;
      margin-bottom: 40px; }
      .search article.page .entry-content p a,
      .search article.post .entry-content p a,
      .single-post article.page .entry-content p a,
      .single-post article.post .entry-content p a,
      .blog article.page .entry-content p a,
      .blog article.post .entry-content p a {
        font-weight: 500; }
    .search article.page .entry-content .blog-cat,
    .search article.post .entry-content .blog-cat,
    .single-post article.page .entry-content .blog-cat,
    .single-post article.post .entry-content .blog-cat,
    .blog article.page .entry-content .blog-cat,
    .blog article.post .entry-content .blog-cat {
      font-size: 14px;
      font-weight: 700;
      display: inline-block; }
      .search article.page .entry-content .blog-cat i,
      .search article.post .entry-content .blog-cat i,
      .single-post article.page .entry-content .blog-cat i,
      .single-post article.post .entry-content .blog-cat i,
      .blog article.page .entry-content .blog-cat i,
      .blog article.post .entry-content .blog-cat i {
        margin-right: 8px;
        color: #252525;
        font-size: 16px; }
      .search article.page .entry-content .blog-cat a,
      .search article.post .entry-content .blog-cat a,
      .single-post article.page .entry-content .blog-cat a,
      .single-post article.post .entry-content .blog-cat a,
      .blog article.page .entry-content .blog-cat a,
      .blog article.post .entry-content .blog-cat a {
        color: #252525; }
    .search article.page .entry-content a.read-more i,
    .search article.post .entry-content a.read-more i,
    .single-post article.page .entry-content a.read-more i,
    .single-post article.post .entry-content a.read-more i,
    .blog article.page .entry-content a.read-more i,
    .blog article.post .entry-content a.read-more i {
      background-color: #00b8ff;
      color: #fff;
      font-size: 16px;
      font-weight: 700;
      border-radius: 50%;
      float: right;
      height: 50px;
      display: inline-block;
      width: 50px;
      text-align: center;
      line-height: 50px;
      -webkit-transition: all 0.5s ease-in;
      -o-transition: all 0.5s ease-in;
      transition: all 0.5s ease-in; }
      .search article.page .entry-content a.read-more i:hover,
      .search article.post .entry-content a.read-more i:hover,
      .single-post article.page .entry-content a.read-more i:hover,
      .single-post article.post .entry-content a.read-more i:hover,
      .blog article.page .entry-content a.read-more i:hover,
      .blog article.post .entry-content a.read-more i:hover {
        background-color: #05a3e0; }

.search article.page.sticky,
.search article.post.has-post-thumbnail.sticky,
.single-post article.page.sticky,
.single-post article.post.has-post-thumbnail.sticky,
.blog article.page.sticky,
.blog article.post.has-post-thumbnail.sticky {
  position: relative;
  border: 1px solid rgba(2, 184, 255, 0.5); }
  .search article.page.sticky:after,
  .search article.post.has-post-thumbnail.sticky:after,
  .single-post article.page.sticky:after,
  .single-post article.post.has-post-thumbnail.sticky:after,
  .blog article.page.sticky:after,
  .blog article.post.has-post-thumbnail.sticky:after {
    position: absolute;
    content: '\f0ea';
    font-family: 'IcoFont';
    background: #00b8ff;
    color: #fff;
    top: 30px;
    left: 0;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 55px;
    border-radius: 0 10px 10px 0;
    font-size: 19px;
    z-index: 11; }

.search article.page h2 a,
.search article.post.has-post-thumbnail h2 a,
.single-post article.page h2 a,
.single-post article.post.has-post-thumbnail h2 a,
.blog article.page h2 a,
.blog article.post.has-post-thumbnail h2 a {
  margin-top: 60px; }

.search article.page .post-image,
.search article.post.has-post-thumbnail .post-image,
.single-post article.page .post-image,
.single-post article.post.has-post-thumbnail .post-image,
.blog article.page .post-image,
.blog article.post.has-post-thumbnail .post-image {
  position: relative; }
  .search article.page .post-image figure,
  .search article.post.has-post-thumbnail .post-image figure,
  .single-post article.page .post-image figure,
  .single-post article.post.has-post-thumbnail .post-image figure,
  .blog article.page .post-image figure,
  .blog article.post.has-post-thumbnail .post-image figure {
    margin: 0; }
    .search article.page .post-image figure img,
    .search article.post.has-post-thumbnail .post-image figure img,
    .single-post article.page .post-image figure img,
    .single-post article.post.has-post-thumbnail .post-image figure img,
    .blog article.page .post-image figure img,
    .blog article.post.has-post-thumbnail .post-image figure img {
      border-radius: 10px; }
  .search article.page .post-image .entry-meta,
  .search article.post.has-post-thumbnail .post-image .entry-meta,
  .single-post article.page .post-image .entry-meta,
  .single-post article.post.has-post-thumbnail .post-image .entry-meta,
  .blog article.page .post-image .entry-meta,
  .blog article.post.has-post-thumbnail .post-image .entry-meta {
    position: absolute;
    bottom: -20px;
    padding: 0 35px;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .search article.page .post-image .entry-meta,
      .search article.post.has-post-thumbnail .post-image .entry-meta,
      .single-post article.page .post-image .entry-meta,
      .single-post article.post.has-post-thumbnail .post-image .entry-meta,
      .blog article.page .post-image .entry-meta,
      .blog article.post.has-post-thumbnail .post-image .entry-meta {
        bottom: -55px;
        padding: 0 5px; } }
    .search article.page .post-image .entry-meta ul,
    .search article.post.has-post-thumbnail .post-image .entry-meta ul,
    .single-post article.page .post-image .entry-meta ul,
    .single-post article.post.has-post-thumbnail .post-image .entry-meta ul,
    .blog article.page .post-image .entry-meta ul,
    .blog article.post.has-post-thumbnail .post-image .entry-meta ul {
      margin: 0;
      padding: 0;
      list-style: none;
      overflow: hidden; }
      .search article.page .post-image .entry-meta ul li,
      .search article.post.has-post-thumbnail .post-image .entry-meta ul li,
      .single-post article.page .post-image .entry-meta ul li,
      .single-post article.post.has-post-thumbnail .post-image .entry-meta ul li,
      .blog article.page .post-image .entry-meta ul li,
      .blog article.post.has-post-thumbnail .post-image .entry-meta ul li {
        background-color: #00b8ff;
        padding: 8px 15px;
        display: inline-block;
        border-radius: 20px;
        margin-right: 15px;
        font-size: 14px;
        font-weight: 700;
        color: #fff; }
        @media only screen and (max-width: 767px) {
          .search article.page .post-image .entry-meta ul li,
          .search article.post.has-post-thumbnail .post-image .entry-meta ul li,
          .single-post article.page .post-image .entry-meta ul li,
          .single-post article.post.has-post-thumbnail .post-image .entry-meta ul li,
          .blog article.page .post-image .entry-meta ul li,
          .blog article.post.has-post-thumbnail .post-image .entry-meta ul li {
            margin-bottom: 10px; } }
        .search article.page .post-image .entry-meta ul li i,
        .search article.post.has-post-thumbnail .post-image .entry-meta ul li i,
        .single-post article.page .post-image .entry-meta ul li i,
        .single-post article.post.has-post-thumbnail .post-image .entry-meta ul li i,
        .blog article.page .post-image .entry-meta ul li i,
        .blog article.post.has-post-thumbnail .post-image .entry-meta ul li i {
          margin-right: 8px;
          font-weight: 700;
          font-size: 16px; }
        .search article.page .post-image .entry-meta ul li:last-child,
        .search article.post.has-post-thumbnail .post-image .entry-meta ul li:last-child,
        .single-post article.page .post-image .entry-meta ul li:last-child,
        .single-post article.post.has-post-thumbnail .post-image .entry-meta ul li:last-child,
        .blog article.page .post-image .entry-meta ul li:last-child,
        .blog article.post.has-post-thumbnail .post-image .entry-meta ul li:last-child {
          margin-right: 0;
          float: right; }
          @media only screen and (max-width: 767px) {
            .search article.page .post-image .entry-meta ul li:last-child,
            .search article.post.has-post-thumbnail .post-image .entry-meta ul li:last-child,
            .single-post article.page .post-image .entry-meta ul li:last-child,
            .single-post article.post.has-post-thumbnail .post-image .entry-meta ul li:last-child,
            .blog article.page .post-image .entry-meta ul li:last-child,
            .blog article.post.has-post-thumbnail .post-image .entry-meta ul li:last-child {
              float: none; } }
        .search article.page .post-image .entry-meta ul li a,
        .search article.post.has-post-thumbnail .post-image .entry-meta ul li a,
        .single-post article.page .post-image .entry-meta ul li a,
        .single-post article.post.has-post-thumbnail .post-image .entry-meta ul li a,
        .blog article.page .post-image .entry-meta ul li a,
        .blog article.post.has-post-thumbnail .post-image .entry-meta ul li a {
          color: #fff;
          font-weight: 700;
          font-size: 14px; }

.single-post .mixpack-content-area {
  padding-top: 170px; }
  @media only screen and (max-width: 991px) {
    .single-post .mixpack-content-area {
      padding-top: 100px; } }
  @media only screen and (max-width: 767px) {
    .single-post .mixpack-content-area {
      padding-top: 100px; } }
  .single-post .mixpack-content-area article.post {
    margin-bottom: 40px; }
    .single-post .mixpack-content-area article.post .entry-header h1 {
      font-size: 36px;
      padding: 0 20px;
      margin: 45px 0 0; }
      @media only screen and (max-width: 767px) {
        .single-post .mixpack-content-area article.post .entry-header h1 {
          font-size: 28px; } }
    .single-post .mixpack-content-area article.post .post-image .entry-meta {
      padding: 0 20px; }
    .single-post .mixpack-content-area article.post .entry-content {
      padding: 25px 20px 0px 20px;
      background: #fff;
      margin-bottom: 10px; }
      .single-post .mixpack-content-area article.post .entry-content h1, .single-post .mixpack-content-area article.post .entry-content h2, .single-post .mixpack-content-area article.post .entry-content h3, .single-post .mixpack-content-area article.post .entry-content h4, .single-post .mixpack-content-area article.post .entry-content h5, .single-post .mixpack-content-area article.post .entry-content h6 {
        font-weight: 500; }
      .single-post .mixpack-content-area article.post .entry-content p {
        font-size: 16px;
        color: #666;
        margin-bottom: 18px; }
        .single-post .mixpack-content-area article.post .entry-content p a {
          font-weight: 500; }
      .single-post .mixpack-content-area article.post .entry-content ul.v-list-order li {
        margin-bottom: 18px;
        font-size: 16px;
        color: #666; }
      .single-post .mixpack-content-area article.post .entry-content blockquote p {
        font-size: 19px;
        color: #000000;
        margin-bottom: 0; }
      .single-post .mixpack-content-area article.post .entry-content .mejs-audio {
        margin-bottom: 30px; }
      .single-post .mixpack-content-area article.post .entry-content .blog-post-video {
        margin: 30px 0 30px; }
      .single-post .mixpack-content-area article.post .entry-content ul.h-list-order {
        margin: 0;
        padding: 0 15px; }
        .single-post .mixpack-content-area article.post .entry-content ul.h-list-order li {
          float: left;
          width: 45%;
          margin-bottom: 18px;
          font-size: 16px;
          color: #666; }
          @media only screen and (max-width: 991px) {
            .single-post .mixpack-content-area article.post .entry-content ul.h-list-order li {
              width: 100%; } }
        .single-post .mixpack-content-area article.post .entry-content ul.h-list-order li:nth-child(odd) {
          margin-right: 40px; }
        .single-post .mixpack-content-area article.post .entry-content ul.h-list-order li:last-child {
          margin-bottom: 40px; }
      .single-post .mixpack-content-area article.post .entry-content .blog-tag {
        border-top: 3px solid #00b8ff;
        padding-top: 28px;
        clear: both;
        margin-top: 50px; }
        .single-post .mixpack-content-area article.post .entry-content .blog-tag i {
          margin-right: 10px;
          font-size: 16px; }
        .single-post .mixpack-content-area article.post .entry-content .blog-tag strong {
          margin-right: 15px;
          text-transform: uppercase; }
        .single-post .mixpack-content-area article.post .entry-content .blog-tag a {
          border: 1px solid #00b8ff;
          padding: 7px 14px;
          color: #00b8ff;
          font-size: 14px !important;
          display: inline-block;
          font-weight: 600;
          line-height: 14px;
          margin: 0 10px 10px 0;
          text-transform: capitalize;
          background-color: transparent;
          border-radius: 20px; }
          .single-post .mixpack-content-area article.post .entry-content .blog-tag a:hover {
            background-color: #00b8ff;
            color: #fff; }
          .single-post .mixpack-content-area article.post .entry-content .blog-tag a:last-child {
            margin-bottom: 0; }
    .single-post .mixpack-content-area article.post .post-password-form input {
      height: 40px;
      border: 1px solid #00b8ff;
      border-radius: 20px; }
    .single-post .mixpack-content-area article.post .post-password-form input[type="submit"] {
      border-radius: 20px;
      border: 1px solid #00b8ff;
      background-color: #00b8ff;
      padding: 0 15px;
      line-height: initial;
      margin-bottom: 2px; }
      .single-post .mixpack-content-area article.post .post-password-form input[type="submit"]:hover {
        background-color: #049bd6;
        border: 1px solid #049bd6;
        color: #fff; }
  .single-post .mixpack-content-area .navigation {
    padding-bottom: 75px;
    margin: 0; }
    .single-post .mixpack-content-area .navigation .nav-links .nav-previous,
    .single-post .mixpack-content-area .navigation .nav-links .nav-next {
      position: relative;
      color: #fff;
      background-color: #00b8ff;
      padding: 8px 20px;
      width: auto;
      font-weight: 700;
      font-size: 14px;
      text-transform: capitalize;
      border-radius: 20px; }
    .single-post .mixpack-content-area .navigation .nav-links .nav-next {
      padding-right: 35px; }
      .single-post .mixpack-content-area .navigation .nav-links .nav-next a {
        color: #fff; }
      .single-post .mixpack-content-area .navigation .nav-links .nav-next:after {
        position: absolute;
        content: "\eb79";
        font-family: 'IcoFont';
        right: 15px; }
    .single-post .mixpack-content-area .navigation .nav-links .nav-previous {
      padding-left: 35px; }
      .single-post .mixpack-content-area .navigation .nav-links .nav-previous a {
        color: #fff; }
      .single-post .mixpack-content-area .navigation .nav-links .nav-previous:before {
        position: absolute;
        content: "\eb76";
        font-family: 'IcoFont';
        left: 15px; }

.single-post .mixpack-content-area article.post.has-post-thumbnail .entry-header h1 {
  margin-top: 65px; }

.logged-in-as a {
  font-weight: 700; }

.page-links span {
  background-color: #00b8ff;
  color: #fff;
  padding: 3px 10px;
  margin-left: 5px;
  border: 1px solid #00b8ff; }

.page-links a {
  display: inline-block;
  color: #252525; }

.page-links a span {
  background-color: transparent;
  color: #252525; }

.page-links span:hover {
  color: #fff;
  background-color: #00b8ff; }

.page-links {
  display: block; }

.entry-content p a {
  font-weight: 700; }

.blog-sidebar .widget {
  background-color: #fff;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 7px 15px 0px rgba(0, 56, 129, 0.09);
  box-shadow: 0px 7px 15px 0px rgba(0, 56, 129, 0.09); }
  .blog-sidebar .widget h4.widget-title {
    color: #252525;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 3px solid #00b8ff;
    padding-bottom: 10px;
    margin-bottom: 25px;
    margin-top: 0; }
  .blog-sidebar .widget.widget_archive ul li a,
  .blog-sidebar .widget.widget_categories ul li a,
  .blog-sidebar .widget.widget_recent_comments ul li span {
    position: relative;
    padding-left: 25px; }
    .blog-sidebar .widget.widget_archive ul li a:before,
    .blog-sidebar .widget.widget_categories ul li a:before,
    .blog-sidebar .widget.widget_recent_comments ul li span:before {
      position: absolute;
      content: "\eb27";
      left: -5px;
      font-family: 'IcoFont';
      color: #00b8ff;
      font-size: 19px;
      line-height: 20px; }
  .blog-sidebar .widget.widget_meta ul li {
    border-bottom: none;
    margin-bottom: 0; }
    .blog-sidebar .widget.widget_meta ul li:last-child {
      padding-bottom: 0; }
  .blog-sidebar .widget ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .blog-sidebar .widget ul li {
      line-height: 1.42;
      padding-bottom: 10px;
      margin-bottom: 20px;
      border-bottom: 1px solid #dbdbdb; }
      .blog-sidebar .widget ul li a {
        color: #252525;
        font-size: 14px;
        font-weight: 500;
        text-transform: capitalize; }
        .blog-sidebar .widget ul li a span {
          float: right; }
      .blog-sidebar .widget ul li .rssSummary {
        line-height: 25px; }
      .blog-sidebar .widget ul li cite {
        font-weight: 600; }
      .blog-sidebar .widget ul li span.comment-author-link {
        text-transform: capitalize;
        font-weight: 700; }
      .blog-sidebar .widget ul li:last-child {
        margin-bottom: 0; }
      .blog-sidebar .widget ul li ul.children,
      .blog-sidebar .widget ul li ul.sub-menu {
        padding-left: 10px; }
        .blog-sidebar .widget ul li ul.children li:first-child,
        .blog-sidebar .widget ul li ul.sub-menu li:first-child {
          margin-top: 10px;
          border-top: 1px solid #dbdbdb;
          padding-top: 20px; }
        .blog-sidebar .widget ul li ul.children li:last-child,
        .blog-sidebar .widget ul li ul.sub-menu li:last-child {
          border-bottom: 0;
          padding-bottom: 0; }
      .blog-sidebar .widget ul li ul li.col-md-6,
      .blog-sidebar .widget ul li ul li.col-md-4,
      .blog-sidebar .widget ul li ul li.col-md-3,
      .blog-sidebar .widget ul li ul li.col-sm-6,
      .blog-sidebar .widget ul li ul li.col-sm-4,
      .blog-sidebar .widget ul li ul li.col-sm-3 {
        width: 100%; }
        .blog-sidebar .widget ul li ul li.col-md-6:last-child,
        .blog-sidebar .widget ul li ul li.col-md-4:last-child,
        .blog-sidebar .widget ul li ul li.col-md-3:last-child,
        .blog-sidebar .widget ul li ul li.col-sm-6:last-child,
        .blog-sidebar .widget ul li ul li.col-sm-4:last-child,
        .blog-sidebar .widget ul li ul li.col-sm-3:last-child {
          padding-bottom: 10px;
          border-bottom: 1px solid #dbdbdb;
          margin-bottom: 20px; }
      .blog-sidebar .widget ul li ul li.menu-item-has-children {
        padding-top: 15px;
        margin-bottom: 0; }
  .blog-sidebar .widget .tagcloud a {
    border: 1px solid #00b8ff;
    padding: 7px 14px;
    color: #00b8ff;
    font-size: 14px !important;
    display: inline-block;
    line-height: 14px;
    margin: 0 5px 15px 0;
    text-transform: capitalize;
    background-color: transparent;
    border-radius: 20px;
    font-weight: 600; }
    .blog-sidebar .widget .tagcloud a:hover {
      background-color: #00b8ff;
      color: #fff; }
    .blog-sidebar .widget .tagcloud a:last-child {
      margin-bottom: 0; }
  .blog-sidebar .widget select {
    width: 100%;
    height: 40px;
    font-size: 14px; }
  .blog-sidebar .widget.widget_mc4wp_form_widget {
    background-color: #00b8ff;
    padding: 50px 30px 40px; }
    .blog-sidebar .widget.widget_mc4wp_form_widget h4.widget-title {
      color: #fff;
      border-color: #fff; }
    .blog-sidebar .widget.widget_mc4wp_form_widget .subscribe-form label {
      position: relative;
      padding: 115px 0 25px;
      text-align: center;
      font-size: 21px;
      line-height: 1.2;
      font-family: "Montserrat", sans-serif;
      font-weight: 700;
      color: #fff;
      display: block; }
      @media only screen and (max-width: 991px) {
        .blog-sidebar .widget.widget_mc4wp_form_widget .subscribe-form label {
          font-size: 16px; } }
      .blog-sidebar .widget.widget_mc4wp_form_widget .subscribe-form label:before {
        position: absolute;
        content: '';
        background: url(../img/newsletter.png) center center no-repeat;
        background-size: contain;
        width: 100%;
        margin: 0 auto;
        height: 90px;
        display: block;
        bottom: 100px; }
        @media (max-width: 1199px) {
          .blog-sidebar .widget.widget_mc4wp_form_widget .subscribe-form label:before {
            bottom: 130px; } }
        @media only screen and (max-width: 991px) {
          .blog-sidebar .widget.widget_mc4wp_form_widget .subscribe-form label:before {
            bottom: 70px; } }
        @media only screen and (max-width: 767px) {
          .blog-sidebar .widget.widget_mc4wp_form_widget .subscribe-form label:before {
            bottom: 95px; } }
    .blog-sidebar .widget.widget_mc4wp_form_widget .subscribe-form .input-group {
      display: block;
      margin: 0; }
      .blog-sidebar .widget.widget_mc4wp_form_widget .subscribe-form .input-group input {
        border-radius: 0;
        padding: 6px 15px;
        border-radius: 20px; }
      .blog-sidebar .widget.widget_mc4wp_form_widget .subscribe-form .input-group input[type="submit"] {
        width: 100% !important;
        margin-top: 20px;
        border: 1px solid #fff;
        font-weight: 700;
        color: #fff;
        border-radius: 20px;
        background-color: transparent;
        text-transform: capitalize; }
      .blog-sidebar .widget.widget_mc4wp_form_widget .subscribe-form .input-group .input-group-btn:last-child > .btn,
      .blog-sidebar .widget.widget_mc4wp_form_widget .subscribe-form .input-group .input-group-btn:last-child > .btn-group {
        margin-left: 0; }
  .blog-sidebar .widget .gallery {
    margin: 0; }
    .blog-sidebar .widget .gallery figure {
      margin: 0; }
  .blog-sidebar .widget:last-child {
    margin-bottom: 0; }

@media only screen and (max-width: 991px) {
  .blog-sidebar {
    margin-top: 50px; } }

form#searchform {
  position: relative; }

button.search-submit {
  position: absolute;
  top: 0;
  right: 0;
  background: #00b8ff;
  color: #fff;
  padding: 10px 15px;
  height: 40px;
  border: none;
  border-radius: 0 20px 20px 0; }
  button.search-submit:hover, button.search-submit:focus, button.search-submit:active {
    border: none;
    outline: none; }

input.search-field.form-control {
  height: 40px;
  border-radius: 0;
  padding-left: 20px;
  border-color: transparent;
  background: #e0e0e0;
  border-radius: 20px; }

.recent-posts {
  background-color: #fff;
  padding: 30px;
  margin-bottom: 30px; }
  .recent-posts h4.widget-title {
    color: #252525;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 3px solid #00b8ff;
    padding-bottom: 10px;
    margin-bottom: 20px;
    margin-top: 0; }

.recent-post .media {
  margin-top: 20px; }
  .recent-post .media p {
    line-height: 20px; }
  .recent-post .media p > a {
    font-weight: 600;
    color: #252525;
    font-size: 14px;
    line-height: 1.42; }
  .recent-post .media .media-left {
    padding-right: 15px; }
    .recent-post .media .media-left img {
      max-width: inherit; }
  .recent-post .media .media-body p.media-heading,
  .recent-post .media .media-body i {
    color: #666;
    font-size: 12px; }
  .recent-post .media .media-body p.media-heading i {
    margin-right: 5px; }

/**** pagination css ****/
ul.page-numbers {
  text-align: center;
  padding: 0;
  margin: 50px 0 0; }

.page-numbers > li {
  display: inline-block;
  margin-right: 5px; }

.page-numbers > li > a,
.page-numbers > li > span {
  color: #252525;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #e6eaed;
  padding: 7px 14px;
  font-weight: 500;
  font-size: 16px;
  border-radius: 10px; }

.page-numbers > li > a.active span {
  color: #fff; }

.page-numbers > li:first-child > a,
.page-numbers > li:first-child > span {
  margin-left: 0; }

.page-numbers > li:first-child > a,
.page-numbers > li:last-child > a {
  background-color: #fff; }

.page-numbers > li:first-child > a i {
  padding-right: 5px; }

.page-numbers > li:last-child > a i {
  padding-left: 5px; }

.page-numbers > li:first-child > a span {
  color: #252525; }

.page-numbers > li a:hover,
.page-numbers > li > .current {
  color: #fff;
  background-color: #00b8ff; }

/* blog comment css */
.comments-area .comments-title {
  color: #252525;
  font-size: 16px;
  font-weight: 700;
  margin-top: 0;
  border-bottom: 3px solid #00b8ff;
  padding-bottom: 10px;
  margin-bottom: 25px; }

.comments-area span.required {
  color: #f10; }

.comment .comment-author.vcard {
  position: relative;
  padding-left: 70px; }

.comment .comment-author.vcard img {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  width: 50px;
  height: 50px; }

.comment .comment-metadata {
  font-size: 12px;
  margin-left: 70px; }
  .comment .comment-metadata a {
    color: #666;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px; }
  .comment .comment-metadata .edit-link a {
    color: #00b8ff;
    font-weight: 700; }

.comment-body a.url {
  font-weight: 600; }

a.comment-edit-link {
  font-weight: 700; }

ol.comment-list,
ol.children {
  list-style: none;
  padding: 0;
  margin: 0; }

ol.comment-list {
  margin-bottom: 55px; }

ol.comment-list li.pingback {
  padding-bottom: 10px; }

ol.comment-list li.comment {
  padding-bottom: 35px; }

ol.comment-list li.comment:last-child {
  border-bottom: 0px solid;
  margin-bottom: 0;
  padding-bottom: 0; }

.comment .comment-content p {
  margin-bottom: 0;
  padding-top: 5px; }
  .comment .comment-content p a {
    font-weight: 700; }

.comment p.comment-awaiting-moderation {
  color: #D30015; }

.comment-author b.fn a,
b.fn {
  font-size: 14px;
  color: #252525;
  font-weight: 700;
  text-transform: capitalize; }

.comment-author .says {
  display: none; }

a.comment-reply-link {
  color: #fff;
  display: inline-block;
  margin-top: 10px;
  padding: 7px 14px;
  background-color: #00b8ff;
  font-weight: 700;
  line-height: 1.6;
  border-radius: 20px; }

.comment-list ol.children {
  padding-left: 30px; }

@media only screen and (max-width: 767px) {
  .comment-list ol.children {
    padding-left: 15px; } }

.comment-list li ol.children {
  margin-top: 35px; }

.comment-form p.comment-notes span#email-notes {
  font-weight: 400;
  color: #666; }

.comment-form p.comment-notes spna.required {
  color: #f10; }

.comments-area .comment-form label {
  display: block;
  margin-bottom: 5px; }

.comments-area .comment-form textarea,
.comments-area .comment-form input {
  width: 100%;
  border: none;
  background-color: #e6eaed;
  border: 1px solid #e6eaed;
  margin-bottom: 10px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 10px 0; }
  .comments-area .comment-form textarea:focus,
  .comments-area .comment-form input:focus {
    border: 1px solid #e6eaed;
    outline: none; }

.comments-area .comment-form textarea {
  margin-bottom: 0;
  padding-top: 10px;
  height: 150px;
  border-radius: 20px; }

.comments-area .comment-form input {
  height: 40px;
  margin-bottom: 30px;
  border-radius: 10px; }

.comments-area .comment-form label {
  font-size: 14px;
  color: #252525;
  padding-bottom: 10px; }

.comments-area .comment-form input[type="submit"] {
  width: 100% !important;
  background: #00b8ff;
  border: 1px solid #00b8ff;
  display: inline-block;
  padding: 8px 20px;
  color: #fff;
  text-transform: capitalize;
  border-radius: 0;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 0;
  height: auto;
  margin-bottom: 0;
  border-radius: 20px; }

.comments-area .comment-form input[type="submit"]:hover {
  background: #049bd6;
  border: 1px solid #049bd6; }

.comment-respond {
  padding-top: 20px; }

p.comment-notes {
  margin-bottom: 40px; }

h3.comment-reply-title {
  color: #252525;
  font-size: 16px;
  font-weight: 700;
  border-bottom: 3px solid #00b8ff;
  padding-bottom: 10px;
  margin-bottom: 20px;
  margin-top: 0; }

p.form-submit {
  margin-top: 10px;
  margin-bottom: 0; }

.mejs-controls .mejs-button button {
  width: 16px !important; }

.magazine-blog article {
  padding: 50px;
  -webkit-box-shadow: inset 0px 100px 130px 0px rgba(37, 38, 43, 0.9);
  box-shadow: inset 0px 100px 130px 0px rgba(37, 38, 43, 0.9);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 5px;
  margin-bottom: 30px;
  height: 393px;
  position: relative; }
  .magazine-blog article .entry-header h4 {
    margin-bottom: 5px;
    margin-top: 0; }
  .magazine-blog article .entry-header h4 a, .magazine-blog article .entry-header h6 {
    color: #fff;
    margin-top: 0; }
  .magazine-blog article .blog-cat {
    position: absolute;
    bottom: 50px;
    right: 50px; }
    .magazine-blog article .blog-cat a {
      display: inline-block;
      background: #1f5dea;
      border-radius: 20px;
      border: 1px solid #1f5dea;
      padding: 6px 20px;
      color: #fff; }
      .magazine-blog article .blog-cat a:hover {
        background: #0a3caf;
        border-color: #0a3caf;
        color: #fff; }

.magazine-blog .navigation .nav-links {
  text-align: right;
  padding-right: 8px;
  padding-top: 20px;
  overflow: hidden; }
  .magazine-blog .navigation .nav-links a {
    border-bottom: 1px solid #0057ad; }

.mixpack-church-blog .owl-item .kc-post-header a {
  border-radius: 10px; }

.mixpack-church-blog .owl-item .kc-post-header .meta-title {
  border-radius: 10px;
  width: 100%; }

/* related post css */
.single-blog-related-post {
  margin-bottom: 35px; }

.single-blog-related-post h4 {
  color: #252525;
  font-size: 16px;
  font-weight: 700;
  margin-top: 0;
  border-bottom: 3px solid #00b8ff;
  padding-bottom: 10px;
  margin-bottom: 25px; }

.related-post {
  margin-bottom: 40px; }
  .related-post .media-left img {
    max-width: 105px;
    padding-right: 15px; }
  .related-post .media-body .media-heading {
    font-size: 12px;
    color: #666666;
    display: inline-block; }
    .related-post .media-body .media-heading i {
      margin-right: 5px; }
  .related-post .media-body .post-text {
    font-size: 14px;
    font-weight: 600; }
  .related-post .media-body .post-text a {
    color: #252525;
    font-size: 14px;
    line-height: 1.42;
    display: inline-block; }

.related-blog-clearfix {
  clear: both; }

/********* kc carousel blog css ********/
.kc-post-header > a:before {
  position: absolute;
  height: 100%;
  width: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  right: 0;
  content: "";
  border-radius: 10px; }

.mixpack-readmore-blog .owl-controls {
  display: none; }

.spa .slide__img {
  top: 0;
  left: 0;
  width: calc(100% + 0px);
  height: calc(100% + 0px);
  background-position: center center; }
  @media only screen and (max-width: 767px) {
    .spa .slide__img {
      background-position: 30% 100%; } }

.spa .slide__title {
  color: #ee2ca2;
  font-size: 100px;
  line-height: 100px;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .spa .slide__title {
      font-size: 55px;
      line-height: 55px; } }

.spa .slide__desc {
  font-size: 33px;
  color: #8d5cd7;
  font-style: italic;
  font-family: "Playfair Display", serif;
  font-weight: 700; }

.spa a.slide__link {
  background-color: #ee2ca2;
  border-color: #ee2ca2;
  margin-bottom: 0; }
  .spa a.slide__link:hover {
    background-color: transparent; }

.spa .slidenav,
.spa .slidenav__item {
  color: #ee2ca2; }

.spa-facial img {
  margin-bottom: 30px;
  border-radius: 15px;
  transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s; }
  .spa-facial img:hover {
    transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg); }

.spa-facial.kc_image_gallery.kc-grid .item-grid img {
  max-width: 90%;
  margin-bottom: 15px; }

.spa-feature h5 {
  font-size: 19px;
  margin-top: 30px;
  color: #252525; }

.spa-feature img {
  height: 70px;
  width: 70px; }

@media only screen and (max-width: 767px) {
  .spa-feature {
    margin-bottom: 30px; } }

.mixpack-subtitle.two.spa p {
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
  font-style: normal;
  font-family: "Open Sans", sans-serif; }

.mixpack-subtitle.two.spa ul {
  list-style: none;
  margin: 20px 0 0;
  padding: 0; }
  .mixpack-subtitle.two.spa ul li {
    display: inline-block;
    color: #ee2ca2;
    margin-right: 30px; }
    .mixpack-subtitle.two.spa ul li i {
      height: 35px;
      width: 35px;
      line-height: 35px;
      text-align: center;
      background-color: #fff;
      border-radius: 50%;
      display: inline-block;
      margin-right: 10px;
      -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25);
      box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25); }
    @media only screen and (max-width: 767px) {
      .mixpack-subtitle.two.spa ul li {
        margin-bottom: 15px; }
        .mixpack-subtitle.two.spa ul li:last-child {
          margin-bottom: 0; } }

.team-two {
  position: relative; }
  .team-two img.team-overlay,
  .team-two .team-content {
    position: absolute;
    content: "";
    left: 0;
    right: 0; }
  .team-two img.team-overlay {
    top: 0; }
  .team-two .team-content {
    bottom: 0;
    text-align: center;
    margin-bottom: 30px; }
    .team-two .team-content h4 {
      color: #fff;
      font-size: 21px;
      font-weight: 700;
      margin: 0; }
    .team-two .team-content p {
      margin-bottom: 0; }
      .team-two .team-content p small {
        color: #fcfcfc;
        font-weight: 700;
        font-family: "Playfair Display", serif;
        font-size: 14px; }
  .team-two .team-imgs {
    overflow: hidden; }
    .team-two .team-imgs .team-img {
      transition: all 0.4s ease-in-out 0s;
      -webkit-transition: all 0.4s ease-in-out 0s;
      -moz-transition: all 0.4s ease-in-out 0s;
      -ms-transition: all 0.4s ease-in-out 0s;
      -o-transition: all 0.4s ease-in-out 0s; }
    .team-two .team-imgs:hover .team-img {
      transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1); }
  @media only screen and (max-width: 767px) {
    .team-two {
      margin-bottom: 30px; } }

.pricing-table .price-bg-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 80px 0; }

.pricing-table h3.title {
  color: #fff;
  text-align: center;
  margin: 0;
  font-family: "Playfair Display", serif;
  font-size: 25px; }

.pricing-table .price-content {
  position: relative;
  background-color: #fff;
  padding: 100px 35px 50px; }
  .pricing-table .price-content .price-box {
    position: absolute;
    content: "";
    left: calc(50% - 65px);
    top: -65px;
    height: 130px;
    width: 130px;
    line-height: 130px;
    text-align: center;
    background-color: #20afa0;
    border-radius: 50%; }
    .pricing-table .price-content .price-box h4 {
      display: inline-block;
      font-size: 48px;
      line-height: 45px;
      color: #fff; }
      .pricing-table .price-content .price-box h4 span {
        font-size: 14px;
        line-height: 25px;
        font-family: "Playfair Display", serif;
        display: inline-block; }
  .pricing-table .price-content .price-list ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .pricing-table .price-content .price-list ul li {
      font-size: 14px;
      color: #20afa0;
      border-bottom: 1px dashed #20afa0;
      font-weight: 700;
      padding-bottom: 10px;
      margin-bottom: 25px; }
      .pricing-table .price-content .price-list ul li em {
        float: right;
        font-style: normal; }
  .pricing-table .price-content a.mixpack-btn {
    margin-bottom: 0;
    background-color: #20afa0;
    border-color: #20afa0;
    margin-top: 15px; }
    .pricing-table .price-content a.mixpack-btn:hover {
      background-color: transparent;
      border-color: #20afa0;
      color: #20afa0; }

.pricing-table.price-two .price-box {
  background-color: #ee2ca2; }

.pricing-table.price-two .price-list ul li {
  color: #ee2ca2;
  border-bottom: 1px dashed #ee2ca2; }

.pricing-table.price-two a.mixpack-btn {
  background-color: #ee2ca2;
  border-color: #ee2ca2; }
  .pricing-table.price-two a.mixpack-btn:hover {
    background-color: transparent;
    border-color: #ee2ca2;
    color: #ee2ca2; }

.pricing-table.price-three .price-box {
  background-color: #de640a; }

.pricing-table.price-three .price-list ul li {
  color: #de640a;
  border-bottom: 1px dashed #de640a; }

.pricing-table.price-three a.mixpack-btn {
  background-color: #de640a;
  border-color: #de640a; }
  .pricing-table.price-three a.mixpack-btn:hover {
    background-color: transparent;
    border-color: #de640a;
    color: #de640a; }

@media only screen and (max-width: 767px) {
  .pricing-table {
    margin-bottom: 30px; } }

/* =========== page css start =====================*/