/* ----------------------------------

Name: style.css
Version: 2.3

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

Table of contents

    01. Google font
    02. Reset
    03. Typography
    04. Background color
    05. Custom
    06. Button
    07. Border
    08. Aside style
    09. Video
    10. Background image
    11. Icon
    12. Magnific popup
    13. Header
    14. Page title
    15. Swiper carousel
    16. Slider and parallax typography
    17. Portfolio
    18. Elements
    19. Blog
    20. Footer
    21. Home page
    22. Others

*/
/* ===================================
    Google font
====================================== */
@import url("https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900");
@import url("https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900");
/* ===================================
    Reset
====================================== */
html {
  font-size: 15px;
}

select::-ms-expand {
  display: none;
}

iframe {
  border: 0;
}

p {
  margin: 0 0 25px;
}

b, strong {
  font-weight: 600;
}

.last-paragraph-no-margin p:last-of-type {
  margin-bottom: 0;
}

.alt-font strong {
  font-weight: 700;
}

ul, ol, dl {
  list-style-position: outside;
  margin-bottom: 25px;
}

* {
  transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}

*:hover {
  transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}

::selection {
  color: #000;
  background: #dbdbdb;
}

::-moz-selection {
  color: #000;
  background: #dbdbdb;
}

::-webkit-input-placeholder {
  color: #6f6f6f;
  text-overflow: ellipsis;
}

::-moz-placeholder {
  color: #6f6f6f;
  text-overflow: ellipsis;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #6f6f6f;
  text-overflow: ellipsis;
  opacity: 1;
}

/* ===================================
    Custom
====================================== */
section {
  padding: 130px 0;
  overflow: hidden;
}

section.big-section {
  padding: 160px 0;
}

section.extra-big-section {
  padding: 200px 0;
}

section.half-section {
  padding: 80px 0;
}

label {
  margin-bottom: 5px;
  font-weight: 700;
}

.overlap-section {
  margin-top: -14%;
  position: relative;
}

.col-2-nth .col-md-6:nth-child(2n+1) {
  clear: left;
}

.col-2-nth .col-sm-6:nth-child(2n+1) {
  clear: left;
}

.col-3-nth .col-md-4:nth-child(3n+1) {
  clear: left;
}

.col-3-nth .col-sm-4:nth-child(3n+1) {
  clear: left;
}

.col-4-nth .col-md-3:nth-child(4n+1) {
  clear: left;
}

.col-4-nth .col-sm-3:nth-child(4n+1) {
  clear: left;
}

/* input */
.input-border-bottom {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #484848;
  padding: 10px 0;
  margin-bottom: 30px;
  font-size: 14px;
  border-radius: 0;
}

.input-border-bottom:focus {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #929292;
}

.input-border-bottom::-webkit-input-placeholder {
  font-weight: 300;
  font-size: 14px;
}

.input-border-bottom::-moz-placeholder {
  font-weight: 300;
  font-size: 14px;
}

.input-border-bottom:-ms-input-placeholder {
  font-weight: 300;
  font-size: 14px;
}

.extra-big-input, .extra-big-textarea, .extra-big-select select {
  padding: 18px 25px;
  font-size: 14px;
  line-height: 24px;
  height: 62px;
}

.big-input, .big-textarea, .big-select select {
  padding: 18px 25px;
  font-size: 14px;
  border-radius: 0;
}

.medium-input, .medium-textarea, .medium-select select {
  padding: 12px 20px;
  font-size: 14px;
  line-height: normal;
  border-radius: 0;
}

.small-input, .small-textarea {
  padding: 12px 15px;
  font-size: 11px;
  line-height: normal;
}

.small-select select {
  padding: 15px 15px;
  line-height: normal;
}

.medium-input-light, .medium-textarea-light, .medium-select-light select {
  padding: 12px 25px;
  font-size: 12px;
  line-height: normal;
}

.extra-small-input, .extra-small-textarea, .extra-small-select select {
  padding: 9px 17px;
  font-size: 12px;
  line-height: normal;
}

.select-style {
  width: 100%;
  overflow: hidden;
  background: url("../images/select-arrow.png") no-repeat 97% 50%;
  border: 1px solid #d1d1d1;
  margin-bottom: 20px;
}

.select-style select {
  width: 100%;
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

.select-style select:focus {
  outline: none;
  border: none;
  box-shadow: none;
}

.input-group-404 input {
  height: 62px;
}

.input-group .required-error {
  border: 1px solid #ee2323 !important;
}

.input-group .required-error, .input-group .required-error + .input-group-btn button, .input-group .required-error + .input-group-btn a.btn, .input-group .required-error + .input-group-append > .btn {
  border: 1px solid #ee2323 !important;
}

.input-border-white .input-border-bottom {
  border-bottom: 1px solid #ffffff;
  color: #fff;
  border-top: transparent !important;
  border-left: transparent !important;
  border-right: transparent !important;
}

.input-border-white .input-border-bottom:focus {
  background: transparent;
  border-bottom: 1px solid #ffffff;
  color: #fff;
}

.input-border-white .input-border-bottom::-webkit-input-placeholder {
  color: #fff;
}

.input-border-white .input-border-bottom::-moz-placeholder {
  color: #fff;
}

.input-border-white .input-border-bottom:-ms-input-placeholder {
  color: #fff;
}

.btn .caret {
  border-top: 4px solid;
}

input.input-bg {
  background-color: #f7f7f7;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px 20px;
  margin-bottom: 15px;
}

input.input-bg:focus, textarea.input-bg:focus {
  border: 0;
  border: 1px solid rgba(0, 0, 0, 0.3);
}

textarea.input-bg {
  background-color: #f7f7f7;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px 20px;
  margin-bottom: 15px;
  min-height: 130px;
}

.input-bg::-webkit-input-placeholder {
  font-weight: 400;
  font-size: 14px;
}

.input-bg::-moz-placeholder {
  font-weight: 400;
  font-size: 14px;
}

.input-bg:-ms-input-placeholder {
  font-weight: 400;
  font-size: 14px;
}

#success-subscribe-newsletter {
  clear: both;
  margin: 0 15px 15px;
  text-align: center;
  border: 1px solid #1a940a;
  color: #1a940a;
  padding: 2px 0;
  display: none;
  font-size: 11px;
}

#success-subscribe-newsletter2 {
  clear: both;
  margin: 0 15px 15px;
  text-align: center;
  border: 1px solid #1a940a;
  color: #1a940a;
  padding: 2px 0;
  display: none;
  font-size: 11px;
}

#success-contact-form {
  clear: both;
  margin: 0 15px 15px;
  text-align: center;
  border: 1px solid #1a940a;
  color: #1a940a;
  padding: 2px 0;
  display: none;
  font-size: 11px;
}

#success-contact-form-2 {
  clear: both;
  margin: 0 15px 15px;
  text-align: center;
  border: 1px solid #1a940a;
  color: #1a940a;
  padding: 2px 0;
  display: none;
  font-size: 11px;
}

#success-contact-form-3 {
  clear: both;
  margin: 0 15px 15px;
  text-align: center;
  border: 1px solid #1a940a;
  color: #1a940a;
  padding: 2px 0;
  display: none;
  font-size: 11px;
}

#success-project-contact-form {
  clear: both;
  margin: 0 15px 15px;
  text-align: center;
  border: 1px solid #1a940a;
  color: #1a940a;
  padding: 2px 0;
  display: none;
  font-size: 11px;
}

#success-project-contact-form-4 {
  clear: both;
  margin: 0 15px 15px;
  text-align: center;
  border: 1px solid #1a940a;
  color: #1a940a;
  padding: 2px 0;
  display: none;
  font-size: 11px;
}

/* separator */
.separator-line-verticle-extra-small {
  width: 1px;
  height: 8px;
}

.separator-line-verticle-small-thick {
  width: 17px;
  height: 3px;
}

.separator-line-verticle-small {
  width: 1px;
  height: 13px;
}

.separator-line-verticle-small-thick2 {
  width: 64px;
  height: 7px;
}

.separator-line-verticle-large {
  width: 1px;
  height: 20px;
}

.separator-line-verticle-extra-large {
  width: 1px;
  height: 30px;
}

.separator-line-verticle-extra-large2 {
  width: 1px;
  height: 80px;
}

.separator-line-verticle-medium-thick-full {
  width: 8px;
  height: 40px;
}

.separator-line-verticle-large-thick {
  width: 109px;
  height: 11px;
}

.separator-line-horrizontal-medium-light {
  width: 36px;
  height: 3px;
}

.separator-line-horrizontal-medium-light2 {
  width: 40%;
  height: 1px;
}

.separator-line-horrizontal-medium-light3 {
  width: 18%;
  height: 1px;
}

.separator-line-horrizontal-medium-thick {
  width: 50px;
  height: 5px;
}

.separator-line-horrizontal-full {
  width: 100%;
  height: 1px;
}

/* divider */
.divider-full {
  width: 100%;
  height: 1px;
  display: inline-block;
}

.new-demo {
  background: #ff214f;
  font-size: 10px;
  font-weight: 600;
  color: #fff;
  margin-left: 8px;
  padding: 2px 8px;
}

/* opacity */
.opacity-very-light {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.2;
  top: 0;
  left: 0;
}

.opacity-light {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.3;
  top: 0;
  left: 0;
}

.opacity-extra-medium {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  top: 0;
  left: 0;
}

.opacity-medium {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.75;
  top: 0;
  left: 0;
}

.opacity-full {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.8;
  top: 0;
  left: 0;
}

.opacity-full-dark {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.9;
  top: 0;
  left: 0;
}

.opacity1 {
  opacity: 0.1;
}

.opacity2 {
  opacity: 0.2;
}

.opacity3 {
  opacity: 0.3;
}

.opacity4 {
  opacity: 0.4;
}

.opacity5 {
  opacity: 0.5;
}

.opacity6 {
  opacity: 0.6;
}

.opacity7 {
  opacity: 0.7;
}

.opacity8 {
  opacity: 0.8;
}

.opacity9 {
  opacity: 0.9;
}

/* box-shadow */
.btn-shadow {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

.box-shadow-light {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

.box-shadow {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.box-shadow-dark {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}

.box-shadow-large {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}

/* z-index */
.z-index-1111 {
  z-index: 1111;
}

.z-index-111 {
  z-index: 111;
}

.z-index-1 {
  z-index: 1;
}

.z-index-2 {
  z-index: 2;
}

.z-index-3 {
  z-index: 3;
}

.z-index-4 {
  z-index: 4;
}

.z-index-5 {
  z-index: 5;
}

.z-index-0 {
  z-index: 0;
}

.z-index-minus2 {
  z-index: -2;
}

/* verticle align */
.vertical-align-middle {
  vertical-align: middle;
}

.vertical-align-top {
  vertical-align: top;
}

.vertical-align-bottom {
  vertical-align: bottom;
}

.vertical-middle {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}

.clear-both {
  clear: both;
}

.line-break {
  display: block;
}

.no-transition *, .swiper-container *, .mfp-container *, .skillbar-bar-main *, .portfolio-grid *, .parallax, .rev-slider *, .header-searchbar *, .header-social-icon *, .dropdropdown-menu * {
  transition-timing-function: none;
  -moz-transition-timing-function: none;
  -webkit-transition-timing-function: none;
  -o-transition-timing-function: none;
  -ms-transition-timing-function: none;
  transition-duration: 0s;
  -moz-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s;
  -ms-transition-duration: 0s;
}

.absolute-middle-center {
  left: 50%;
  top: 50%;
  position: absolute;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
}

.absolute-bottom-center {
  left: 50%;
  top: 80%;
  position: absolute;
  -ms-transform: translateX(-50%) translateY(-80%);
  -moz-transform: translateX(-50%) translateY(-80%);
  -webkit-transform: translateX(-50%) translateY(-80%);
  transform: translateX(-50%) translateY(-80%);
  -o-transform: translateX(-50%) translateY(-80%);
}

/* ===================================
    Aside style
====================================== */
.aside-title {
  position: relative;
  overflow: hidden;
}

.aside-title span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}

.aside-title:after {
  content: "";
  display: inline-block;
  width: 100%;
  background: #ff214f;
  height: 1px;
  top: 50%;
  position: absolute;
}

.right-sidebar {
  padding-right: 45px;
}

.left-sidebar {
  padding-left: 45px;
}

/* ===================================
    Icon
====================================== */
/* icon size */
.icon-very-small {
  font-size: 16px;
}

.icon-small {
  font-size: 24px;
}

.icon-medium {
  font-size: 35px;
}

.icon-extra-medium {
  font-size: 40px;
}

.icon-large {
  font-size: 50px;
}

.icon-round-small {
  border-radius: 100%;
  display: table-cell;
  height: 80px;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
  width: 80px;
  font-size: 32px;
}

.icon-round-medium {
  border-radius: 100%;
  display: table-cell;
  height: 90px;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
  width: 90px;
}

/* social media icon */
.icon-social-very-small {
  font-size: 12px;
}

.icon-social-small {
  font-size: 14px;
}

.icon-social-medium {
  font-size: 16px;
}

.icon-social-large {
  font-size: 20px;
}

.icon-social-extra-large {
  font-size: 24px;
}

.icon-social-very-small a i, .icon-social-small a i, .icon-social-medium a i {
  margin: 0 8px;
  vertical-align: middle;
}

.icon-social-large a i {
  margin: 0 4px;
  vertical-align: middle;
}

/* social media icon style */
.extra-small-icon, .small-icon, .medium-icon, .large-icon, .extra-large-icon {
  list-style: none;
  padding: 0;
}

.extra-small-icon li, .small-icon li, .medium-icon li, .large-icon li, .extra-large-icon li {
  display: inline-block;
}

footer .extra-small-icon li:first-child, footer .small-icon li:first-child, footer .medium-icon li:first-child, footer .large-icon li:first-child, footer .extra-large-icon li:first-child {
  margin-left: 0;
}

footer .extra-small-icon li:last-child, footer .small-icon li:last-child, footer .medium-icon li:last-child, footer .large-icon li:last-child, footer .extra-large-icon li:last-child {
  margin-right: 0;
}

.extra-small-icon li {
  margin: 0 2px;
}

.small-icon li {
  margin: 0 5px;
}

.medium-icon li {
  margin: 0 8px;
}

.large-icon li {
  margin: 0 10px;
}

.extra-large-icon li {
  margin: 0 12px;
}

.extra-small-icon a {
  font-size: 14px;
  width: 30px;
  height: 30px;
  line-height: 29px;
}

.small-icon a {
  font-size: 16px;
  width: 40px;
  height: 40px;
  line-height: 38px;
}

.medium-icon a {
  font-size: 20px;
  width: 50px;
  height: 50px;
  line-height: 48px;
}

.large-icon a {
  font-size: 24px;
  width: 60px;
  height: 60px;
  line-height: 61px;
}

.extra-large-icon a {
  font-size: 30px;
  width: 70px;
  height: 70px;
  line-height: 68px;
}

/* social icon style */
.social-icon-style-1 a.facebook, .social-icon-style-2 a.facebook, .social-icon-style-3 a.facebook, .social-icon-style-4 a.facebook span, .social-icon-style-10 a.facebook span {
  background-color: #3b5998;
}

.social-icon-style-1 a.twitter, .social-icon-style-2 a.twitter, .social-icon-style-3 a.twitter, .social-icon-style-4 a.twitter span, .social-icon-style-10 a.twitter span {
  background-color: #00aced;
}

.social-icon-style-1 a.google, .social-icon-style-2 a.google, .social-icon-style-3 a.google, .social-icon-style-4 a.google span, .social-icon-style-10 a.google span {
  background-color: #dc4a38;
}

.social-icon-style-1 a.dribbble, .social-icon-style-2 a.dribbble, .social-icon-style-3 a.dribbble, .social-icon-style-4 a.dribbble span, .social-icon-style-10 a.dribbble span {
  background-color: #ea4c89;
}

.social-icon-style-1 a.youtube, .social-icon-style-2 a.youtube, .social-icon-style-3 a.youtube, .social-icon-style-4 a.youtube span, .social-icon-style-10 a.youtube span {
  background-color: #bb0000;
}

.social-icon-style-1 a.linkedin, .social-icon-style-2 a.linkedin, .social-icon-style-3 a.linkedin, .social-icon-style-4 a.linkedin span, .social-icon-style-10 a.linkedin span {
  background-color: #007bb6;
}

.social-icon-style-1 a.instagram, .social-icon-style-2 a.instagram, .social-icon-style-3 a.instagram, .social-icon-style-4 a.instagram span, .social-icon-style-10 a.instagram span {
  background-color: #FE1F49;
}

.social-icon-style-1 a.pinterest, .social-icon-style-2 a.pinterest, .social-icon-style-3 a.pinterest, .social-icon-style-4 a.pinterest span, .social-icon-style-10 a.pinterest span {
  background-color: #CB2027;
}

.social-icon-style-1 a.flickr, .social-icon-style-2 a.flickr, .social-icon-style-3 a.flickr, .social-icon-style-4 a.flickr span, .social-icon-style-10 a.flickr span {
  background-color: #ff0084;
}

.social-icon-style-1 a.rss, .social-icon-style-2 a.rss, .social-icon-style-3 a.rss, .social-icon-style-4 a.rss span, .social-icon-style-10 a.rss span {
  background-color: #f2890a;
}

.social-icon-style-1 a.behance, .social-icon-style-2 a.behance, .social-icon-style-3 a.behance, .social-icon-style-4 a.behance span, .social-icon-style-10 a.behance span {
  background-color: #1769ff;
}

.social-icon-style-1 a.vine, .social-icon-style-2 a.vine, .social-icon-style-3 a.vine, .social-icon-style-4 a.vine span, .social-icon-style-10 a.vine span {
  background-color: #00bf8f;
}

.social-icon-style-1 a.email, .social-icon-style-2 a.email, .social-icon-style-3 a.email, .social-icon-style-4 a.email span, .social-icon-style-10 a.email span {
  background-color: #7d7d7d;
}

.social-icon-style-1 a.sms, .social-icon-style-2 a.sms, .social-icon-style-3 a.sms, .social-icon-style-4 a.sms span, .social-icon-style-10 a.sms span {
  background-color: #ffbd00;
}

.social-icon-style-1 a.sharethis, .social-icon-style-2 a.sharethis, .social-icon-style-3 a.sharethis, .social-icon-style-4 a.sharethis span, .social-icon-style-10 a.sharethis span {
  background-color: #95D03A;
}

.social-icon-style-1 a.reddit, .social-icon-style-2 a.reddit, .social-icon-style-3 a.reddit, .social-icon-style-4 a.reddit span, .social-icon-style-10 a.reddit span {
  background-color: #ff4500;
}

.social-icon-style-1 a.tumblr, .social-icon-style-2 a.tumblr, .social-icon-style-3 a.tumblr, .social-icon-style-4 a.tumblr span, .social-icon-style-10 a.tumblr span {
  background-color: #32506d;
}

.social-icon-style-1 a.digg, .social-icon-style-2 a.digg, .social-icon-style-3 a.digg, .social-icon-style-4 a.digg span, .social-icon-style-10 a.digg span {
  background-color: #262626;
}

.social-icon-style-1 a.stumbleupon, .social-icon-style-2 a.stumbleupon, .social-icon-style-3 a.stumbleupon, .social-icon-style-4 a.stumbleupon span, .social-icon-style-10 a.stumbleupon span {
  background-color: #eb4924;
}

.social-icon-style-1 a.whatsapp, .social-icon-style-2 a.whatsapp, .social-icon-style-3 a.whatsapp, .social-icon-style-4 a.whatsapp span, .social-icon-style-10 a.whatsapp span {
  background-color: #25d366;
}

.social-icon-style-1 a.vk, .social-icon-style-2 a.vk, .social-icon-style-3 a.vk, .social-icon-style-4 a.vk span, .social-icon-style-10 a.vk span {
  background-color: #4c6c91;
}

.social-icon-style-1 a.weibo, .social-icon-style-2 a.weibo, .social-icon-style-3 a.weibo, .social-icon-style-4 a.weibo span, .social-icon-style-10 a.weibo span {
  background-color: #ff9933;
}

.social-icon-style-1 a.odnoklassniki, .social-icon-style-2 a.odnoklassniki, .social-icon-style-3 a.odnoklassniki, .social-icon-style-4 a.odnoklassniki span, .social-icon-style-10 a.odnoklassniki span {
  background-color: #d7772d;
}

.social-icon-style-1 a.xing, .social-icon-style-2 a.xing, .social-icon-style-3 a.xing, .social-icon-style-4 a.xing span, .social-icon-style-10 a.xing span {
  background-color: #1a7576;
}

.social-icon-style-1 a.print, .social-icon-style-2 a.print, .social-icon-style-3 a.print, .social-icon-style-4 a.print span, .social-icon-style-10 a.print span {
  background-color: #222222;
}

.social-icon-style-1 a.blogger, .social-icon-style-2 a.blogger, .social-icon-style-3 a.blogger, .social-icon-style-4 a.blogger span, .social-icon-style-10 a.blogger span {
  background-color: #ff8000;
}

.social-icon-style-1 a.flipboard, .social-icon-style-2 a.flipboard, .social-icon-style-3 a.flipboard, .social-icon-style-4 a.flipboard span, .social-icon-style-10 a.flipboard span {
  background-color: #e12828;
}

.social-icon-style-1 a.meneame, .social-icon-style-2 a.meneame, .social-icon-style-3 a.meneame, .social-icon-style-4 a.meneame span, .social-icon-style-10 a.meneame span {
  background-color: #ff6400;
}

.social-icon-style-1 a.mailru, .social-icon-style-2 a.mailru, .social-icon-style-3 a.mailru, .social-icon-style-4 a.mailru span, .social-icon-style-10 a.mailru span {
  background-color: #168de2;
}

.social-icon-style-1 a.delicious, .social-icon-style-2 a.delicious, .social-icon-style-3 a.delicious, .social-icon-style-4 a.delicious span, .social-icon-style-10 a.delicious span {
  background-color: #205cc0;
}

.social-icon-style-1 a.livejournal, .social-icon-style-2 a.livejournal, .social-icon-style-3 a.livejournal, .social-icon-style-4 a.livejournal span, .social-icon-style-10 a.livejournal span {
  background-color: #00b0ea;
}

/* social icon style */
.social-icon-style-6 a.facebook:hover {
  border-color: #3b5998;
  color: #3b5998;
}

.social-icon-style-6 a.twitter:hover {
  border-color: #00aced;
  color: #00aced;
}

.social-icon-style-6 a.google:hover {
  border-color: #dc4a38;
  color: #dc4a38;
}

.social-icon-style-6 a.dribbble:hover {
  border-color: #ea4c89;
  color: #ea4c89;
}

.social-icon-style-6 a.youtube:hover {
  border-color: #bb0000;
  color: #bb0000;
}

.social-icon-style-6 a.linkedin:hover {
  border-color: #0077b5;
  color: #0077b5;
}

.social-icon-style-6 a.instagram:hover {
  border-color: #FE1F49;
  color: #FE1F49;
}

.social-icon-style-6 a.pinterest:hover {
  border-color: #CB2027;
  color: #CB2027;
}

.social-icon-style-6 a.flickr:hover {
  border-color: #ff0084;
  color: #ff0084;
}

.social-icon-style-6 a.rss:hover {
  border-color: #f2890a;
  color: #f2890a;
}

.social-icon-style-6 a.behance:hover {
  border-color: #1769ff;
  color: #1769ff;
}

.social-icon-style-6 a.vine:hover {
  border-color: #00bf8f;
  color: #00bf8f;
}

.social-icon-style-6 a.email:hover {
  border-color: #7d7d7d;
  color: #7d7d7d;
}

.social-icon-style-6 a.sms:hover {
  border-color: #ffbd00;
  color: #ffbd00;
}

.social-icon-style-6 a.sharethis:hover {
  border-color: #95D03A;
  color: #95D03A;
}

.social-icon-style-6 a.reddit:hover {
  border-color: #ff4500;
  color: #ff4500;
}

.social-icon-style-6 a.tumblr:hover {
  border-color: #32506d;
  color: #32506d;
}

.social-icon-style-6 a.digg:hover {
  border-color: #262626;
  color: #262626;
}

.social-icon-style-6 a.stumbleupon:hover {
  border-color: #eb4924;
  color: #eb4924;
}

.social-icon-style-6 a.whatsapp:hover {
  border-color: #25d366;
  color: #25d366;
}

.social-icon-style-6 a.vk:hover {
  border-color: #4c6c91;
  color: #4c6c91;
}

.social-icon-style-6 a.weibo:hover {
  border-color: #ff9933;
  color: #ff9933;
}

.social-icon-style-6 a.odnoklassniki:hover {
  border-color: #d7772d;
  color: #d7772d;
}

.social-icon-style-6 a.xing:hover {
  border-color: #1a7576;
  color: #1a7576;
}

.social-icon-style-6 a.print:hover {
  border-color: #222222;
  color: #222222;
}

.social-icon-style-6 a.blogger:hover {
  border-color: #ff8000;
  color: #ff8000;
}

.social-icon-style-6 a.flipboard:hover {
  border-color: #e12828;
  color: #e12828;
}

.social-icon-style-6 a.meneame:hover {
  border-color: #ff6400;
  color: #ff6400;
}

.social-icon-style-6 a.mailru:hover {
  border-color: #168de2;
  color: #168de2;
}

.social-icon-style-6 a.delicious:hover {
  border-color: #205cc0;
  color: #205cc0;
}

.social-icon-style-6 a.livejournal:hover {
  border-color: #00b0ea;
  color: #00b0ea;
}

/* social icon style */
.social-icon-style-7 a.facebook:hover {
  border-color: #3b5998;
  background-color: #3b5998;
}

.social-icon-style-7 a.twitter:hover {
  border-color: #00aced;
  background-color: #00aced;
}

.social-icon-style-7 a.google:hover {
  border-color: #dc4a38;
  background-color: #dc4a38;
}

.social-icon-style-7 a.dribbble:hover {
  border-color: #ea4c89;
  background-color: #ea4c89;
}

.social-icon-style-7 a.youtube:hover {
  border-color: #bb0000;
  background-color: #bb0000;
}

.social-icon-style-7 a.linkedin:hover {
  border-color: #0077b5;
  background-color: #0077b5;
}

.social-icon-style-7 a.instagram:hover {
  border-color: #FE1F49;
  background-color: #FE1F49;
}

.social-icon-style-7 a.pinterest:hover {
  border-color: #CB2027;
  background-color: #CB2027;
}

.social-icon-style-7 a.flickr:hover {
  border-color: #ff0084;
  background-color: #ff0084;
}

.social-icon-style-7 a.rss:hover {
  border-color: #f2890a;
  background-color: #f2890a;
}

.social-icon-style-7 a.behance:hover {
  border-color: #1769ff;
  background-color: #1769ff;
}

.social-icon-style-7 a.vine:hover {
  border-color: #00bf8f;
  background-color: #00bf8f;
}

.social-icon-style-7 a.email:hover {
  border-color: #7d7d7d;
  background-color: #7d7d7d;
}

.social-icon-style-7 a.sms:hover {
  border-color: #ffbd00;
  background-color: #ffbd00;
}

.social-icon-style-7 a.sharethis:hover {
  border-color: #95D03A;
  background-color: #95D03A;
}

.social-icon-style-7 a.reddit:hover {
  border-color: #ff4500;
  background-color: #ff4500;
}

.social-icon-style-7 a.tumblr:hover {
  border-color: #32506d;
  background-color: #32506d;
}

.social-icon-style-7 a.digg:hover {
  border-color: #262626;
  background-color: #262626;
}

.social-icon-style-7 a.stumbleupon:hover {
  border-color: #eb4924;
  background-color: #eb4924;
}

.social-icon-style-7 a.whatsapp:hover {
  border-color: #25d366;
  background-color: #25d366;
}

.social-icon-style-7 a.vk:hover {
  border-color: #4c6c91;
  background-color: #4c6c91;
}

.social-icon-style-7 a.weibo:hover {
  border-color: #ff9933;
  background-color: #ff9933;
}

.social-icon-style-7 a.odnoklassniki:hover {
  border-color: #d7772d;
  background-color: #d7772d;
}

.social-icon-style-7 a.xing:hover {
  border-color: #1a7576;
  background-color: #1a7576;
}

.social-icon-style-7 a.print:hover {
  border-color: #222222;
  background-color: #222222;
}

.social-icon-style-7 a.blogger:hover {
  border-color: #ff8000;
  background-color: #ff8000;
}

.social-icon-style-7 a.flipboard:hover {
  border-color: #e12828;
  background-color: #e12828;
}

.social-icon-style-7 a.meneame:hover {
  border-color: #ff6400;
  background-color: #ff6400;
}

.social-icon-style-7 a.mailru:hover {
  border-color: #168de2;
  background-color: #168de2;
}

.social-icon-style-7 a.delicious:hover {
  border-color: #205cc0;
  background-color: #205cc0;
}

.social-icon-style-7 a.livejournal:hover {
  border-color: #00b0ea;
  background-color: #00b0ea;
}

/* icon like counter */
a.likes-count {
  padding: 0 15px;
  width: auto;
  border-radius: 30px !important;
}

a.likes-count i {
  margin-right: 8px;
}

a.likes-count span {
  position: relative;
  top: -1px;
}

/* icon hover effect style 1 */
.social-icon-style-1 a {
  text-align: center;
  display: inline-block;
  transition: all 400ms;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -ms-transition: all 400ms;
  -o-transition: all 400ms;
  color: #fff;
}

.social-icon-style-1 a:hover {
  border-radius: 100%;
}

/* icon hover effect style 2 */
.social-icon-style-2 a {
  text-align: center;
  display: inline-block;
  transition: all 400ms;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -ms-transition: all 400ms;
  -o-transition: all 400ms;
  border-radius: 100%;
  color: #fff;
}

.social-icon-style-2 a:hover {
  border-radius: 0;
}

/* icon hover effect style 3 */
.social-icon-style-3 a {
  text-align: center;
  display: inline-block;
  transition: all 400ms;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -ms-transition: all 400ms;
  -o-transition: all 400ms;
  border-radius: 100%;
  color: #fff;
}

.social-icon-style-3 a:hover i {
  transition: transform 0.4s ease-out;
  -webkit-transition: transform 0.4s ease-out;
  -moz-transition: transform 0.4s ease-out;
  -ms-transition: transform 0.4s ease-out;
  -o-transition: transform 0.4s ease-out;
  transform: rotateZ(360deg);
  -webkit-transform: rotateZ(360deg);
  -moz-transform: rotateZ(360deg);
  -ms-transform: rotateZ(360deg);
  -o-transform: rotateZ(360deg);
}

/* icon hover effect style 4 */
.social-icon-style-4 a {
  text-align: center;
  display: inline-block;
  border-radius: 100%;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #232323;
  text-align: center;
  z-index: 1;
}

.social-icon-style-4 a:hover {
  color: #fff;
}

.social-icon-style-4 a span {
  border-radius: 0;
  display: block;
  height: 0;
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  width: 0;
  z-index: -1;
}

.social-icon-style-4 a:hover span {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  top: 0;
  left: 0;
}

/* icon hover effect style 5 */
.social-icon-style-5 a {
  text-align: center;
  display: inline-block;
  color: #232323;
}

.social-icon-style-5 a:hover {
  color: #fff;
  border-radius: 100%;
  background-color: #ff214f;
}

/* icon hover effect style- 5 light*/
.social-icon-style-5-light a {
  text-align: center;
  display: inline-block;
  color: #fff;
}

.social-icon-style-5-light a:hover {
  color: #fff;
  border-radius: 100%;
  background-color: #ff214f;
}

/* icon hover effect style 6 */
.social-icon-style-6 a {
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #232323;
  background-color: transparent;
  border-radius: 100%;
}

.social-icon-style-6 a:hover {
  border-color: #ff214f;
  color: #ff214f;
  background-color: transparent;
}

/* icon hover effect style 7 */
.social-icon-style-7 a {
  text-align: center;
  display: inline-block;
  border-radius: 100%;
  color: #232323;
  background-color: #fff;
}

.social-icon-style-7 a:hover {
  color: #fff;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2);
  -o-transform: scale(1.2);
}

/* icon hover effect style 8 */
.social-icon-style-8 ul li a {
  text-align: center;
  width: auto;
  height: auto;
}

.social-icon-style-8 a:hover {
  color: #ff214f;
}

/* icon hover effect style 9 */
.social-icon-style-9 ul li a {
  text-align: center;
  width: auto;
  height: auto;
}

/* social icon style */
.social-icon-style-9 a.facebook:hover {
  color: #3b5998;
}

.social-icon-style-9 a.twitter:hover {
  color: #00aced;
}

.social-icon-style-9 a.google:hover {
  color: #dc4a38;
}

.social-icon-style-9 a.dribbble:hover {
  color: #ea4c89;
}

.social-icon-style-9 a.youtube:hover {
  color: #bb0000;
}

.social-icon-style-9 a.linkedin:hover {
  color: #007bb6;
}

.social-icon-style-9 a.pinterest:hover {
  color: #CB2027;
}

.social-icon-style-9 a.email:hover {
  color: #7d7d7d;
}

.social-icon-style-9 a.sms:hover {
  color: #ffbd00;
}

.social-icon-style-9 a.sharethis:hover {
  color: #95D03A;
}

.social-icon-style-9 a.reddit:hover {
  color: #ff4500;
}

.social-icon-style-9 a.tumblr:hover {
  color: #32506d;
}

.social-icon-style-9 a.digg:hover {
  color: #262626;
}

.social-icon-style-9 a.stumbleupon:hover {
  color: #eb4924;
}

.social-icon-style-9 a.whatsapp:hover {
  color: #25d366;
}

.social-icon-style-9 a.vk:hover {
  color: #4c6c91;
}

.social-icon-style-9 a.weibo:hover {
  color: #ff9933;
}

.social-icon-style-9 a.odnoklassniki:hover {
  color: #d7772d;
}

.social-icon-style-9 a.xing:hover {
  color: #1a7576;
}

.social-icon-style-9 a.print:hover {
  color: #222222;
}

.social-icon-style-9 a.blogger:hover {
  color: #ff8000;
}

.social-icon-style-9 a.flipboard:hover {
  color: #e12828;
}

.social-icon-style-9 a.meneame:hover {
  color: #ff6400;
}

.social-icon-style-9 a.mailru:hover {
  color: #168de2;
}

.social-icon-style-9 a.delicious:hover {
  color: #205cc0;
}

.social-icon-style-9 a.livejournal:hover {
  color: #00b0ea;
}

/* icon hover effect style 10 light */
.social-icon-style-10 {
  position: relative;
}

.social-icon-style-10 a {
  text-align: center;
  display: inline-block;
  border-radius: 100%;
  position: relative;
  text-align: center;
}

.social-icon-style-10 a:hover {
  color: #fff;
}

.social-icon-style-10 a i {
  position: relative;
  z-index: 1;
}

.social-icon-style-10 a span {
  border-radius: 0;
  display: block;
  height: 0;
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  width: 0;
}

.social-icon-style-10 a:hover span {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  top: 0;
  left: 0;
}

/* social icon style */
.social-icon-style-11 {
  position: relative;
}

.social-icon-style-11 a {
  text-align: center;
  display: inline-block;
  border-radius: 100%;
  position: relative;
  text-align: center;
}

.social-icon-style-11 a.facebook {
  color: #3b5998;
}

.social-icon-style-11 a.twitter {
  color: #00aced;
}

.social-icon-style-11 a.google {
  color: #dc4a38;
}

.social-icon-style-11 a.dribbble {
  color: #ea4c89;
}

.social-icon-style-11 a.youtube {
  color: #bb0000;
}

.social-icon-style-11 a.linkedin {
  color: #0077b5;
}

.social-icon-style-11 a.instagram {
  color: #FE1F49;
}

.social-icon-style-11 a.pinterest {
  color: #CB2027;
}

.social-icon-style-11 a.flickr {
  color: #ff0084;
}

.social-icon-style-11 a.rss {
  color: #f2890a;
}

.social-icon-style-11 a.behance {
  color: #1769ff;
}

.social-icon-style-11 a.vine {
  color: #00bf8f;
}

.social-icon-style-11 a.email {
  color: #7d7d7d;
}

.social-icon-style-11 a.sms {
  color: #ffbd00;
}

.social-icon-style-11 a.sharethis {
  color: #95D03A;
}

.social-icon-style-11 a.reddit {
  color: #ff4500;
}

.social-icon-style-11 a.tumblr {
  color: #32506d;
}

.social-icon-style-11 a.digg {
  color: #262626;
}

.social-icon-style-11 a.stumbleupon {
  color: #eb4924;
}

.social-icon-style-11 a.whatsapp {
  color: #25d366;
}

.social-icon-style-11 a.vk {
  color: #4c6c91;
}

.social-icon-style-11 a.weibo {
  color: #ff9933;
}

.social-icon-style-11 a.odnoklassniki {
  color: #d7772d;
}

.social-icon-style-11 a.xing {
  color: #1a7576;
}

.social-icon-style-11 a.print {
  color: #222222;
}

.social-icon-style-11 a.blogger {
  color: #ff8000;
}

.social-icon-style-11 a.flipboard {
  color: #e12828;
}

.social-icon-style-11 a.meneame {
  color: #ff6400;
}

.social-icon-style-11 a.mailru {
  color: #168de2;
}

.social-icon-style-11 a.delicious {
  color: #205cc0;
}

.social-icon-style-11 a.livejournal {
  color: #00b0ea;
}

.social-icon-style-11 a:hover {
  color: #fff;
}

footer .small-icon li {
  margin: 0 8px;
}

/* country flag icon */
.icon-country {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin: 0 10px 0 5px;
  vertical-align: middle;
}

.icon-country.usa {
  background: url("../images/country-flag-16X16/usa.png");
}

.icon-country.england {
  background: url("../images/country-flag-16X16/england.png");
}

.icon-country.china {
  background: url("../images/country-flag-16X16/china.png");
}

.icon-country.hong-kong {
  background: url("../images/country-flag-16X16/hong-kong.png");
}

.icon-country.france {
  background: url("../images/country-flag-16X16/france.png");
}

/* ===================================
    Header
====================================== */
:root {
  --header-color: rgba(0, 0, 0, 0.6);
}

.sidebar-nav-style-1 {
  z-index: -1;
}

.side-left-menu-close {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
}

/* header icon */
.header-searchbar {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  padding-left: 15px;
  display: inline-block;
  line-height: 15px;
  position: relative;
}

/* top: -1px; */
.header-social-icon {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  padding-left: 15px;
  margin-left: 12px;
  display: inline-block;
  line-height: 15px;
  position: relative;
}

/* top: -1px; */
.heder-menu-button {
  display: inline-block;
  line-height: 14px;
  padding-left: 5px;
  position: relative;
}

/* top: -1px; */
nav.navbar.bootsnav .heder-menu-button .navbar-toggler {
  float: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  top: 4px;
}

.navbar-nav > li.dropdown .dropdown-toggle::after {
  display: none;
}

.navbar-toggler .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggler .icon-bar + .icon-bar {
  margin-top: 4px;
}

.white-link .header-searchbar, .white-link .header-social-icon {
  border-left: 1px solid rgba(255, 255, 255, 0.15);
}

.header-social-icon a {
  color: #232323;
}

.header-social-icon a i, .header-searchbar a i {
  margin: 0 11px;
}

.header-searchbar a i {
  position: relative;
}

.header-social-icon a:last-child i {
  margin-right: 0;
}

.search-icon {
  padding-right: 10px;
}

/* menu center */
.menu-center .header-right {
  flex: 1 2 auto;
}

.navbar-collapse {
  padding-left: 0;
  padding-right: 0;
  min-height: 0;
}

/* menu center logo */
.menu-logo-center .navbar-left > li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

header nav.menu-logo-center .navbar-nav > li > a {
  margin: 0 20px;
}

header nav.menu-logo-center .navbar-nav > li:last-child a {
  margin-right: 20px;
}

/*default pionter cursor*/
header nav.navbar a:not([href]):not([tabindex]):focus, header nav.navbar a:not([href]):not([tabindex]):hover {
  cursor: pointer;
}

/* header navigation color and logo */
header nav.navbar .navbar-nav > li > a, nav.navbar.bootsnav ul.nav > li > a {
  color: #232323;
  cursor: pointer;
}

header nav.navbar.white-link .navbar-nav > li > a, nav.navbar.bootsnav.white-link ul.nav > li > a,
header nav.navbar.white-link .header-social-icon a, nav.navbar.bootsnav.white-link .header-social-icon a,
header nav.navbar.white-link .header-searchbar a, nav.navbar.bootsnav.white-link .header-searchbar a,
header nav.navbar.bootsnav ul.nav.white-link > li > a, nav.navbar.white-link .heder-menu-button a {
  color: #fff;
}

header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li > a,
header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .header-searchbar a,
header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .header-social-icon a,
header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li > a,
header.sticky nav.navbar-fixed-top.header-light.white-link .header-searchbar a,
header.sticky nav.navbar-fixed-top.header-light.white-link .header-social-icon a,
header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a,
header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a {
  color: #232323;
}

header .logo .logo-dark, header .logo .logo-light {
  visibility: hidden;
  opacity: 0;
  width: 0;
  transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
}

header .logo .logo-dark.default, header .logo .logo-light.default {
  visibility: visible;
  opacity: 1;
  width: auto;
  transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
}

header.sticky nav.header-dark-transparent .logo .logo-light, header.sticky nav.header-dark .logo .logo-light {
  visibility: visible;
  opacity: 1;
  width: auto;
  transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
}

header.sticky nav.header-dark-transparent .logo .logo-dark, header.sticky nav.header-dark .logo .logo-dark {
  visibility: hidden;
  opacity: 0;
  width: 0;
  transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
}

header.sticky nav.header-light-transparent .logo .logo-dark, header.sticky nav.header-light .logo .logo-dark {
  visibility: visible;
  opacity: 1;
  width: auto;
  transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
}

header.sticky nav.header-light-transparent .logo .logo-light, header.sticky nav.header-light .logo .logo-light {
  visibility: hidden;
  opacity: 0;
  width: 0;
  transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
}

.navbar-top-scroll {
  position: absolute;
  top: 0;
  z-index: 5;
}

header.sticky nav.navbar-top-scroll {
  background-color: inherit;
}

header a {
  text-decoration: none;
}

header a.logo {
  display: inline-block;
  vertical-align: middle;
}

header a.logo img {
  max-height: 72px;
}

header .left-nav .sidebar-part1 a.logo img {
  max-height: inherit;
}

.logo-holder img {
  max-height: 72px;
}

/* header animation */
.navbar-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
}

.sticky .navbar-top {
  top: -160px;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
}

.sticky.header-appear .navbar-top.navbar-transparent-no-sticky, .sticky.header-appear .navbar-fixed-top.navbar-transparent-no-sticky {
  top: -160px;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
}

.sticky.header-appear .navbar-top {
  top: 0;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
}

header .bootsnav .dropdown .animated {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown > ul:before {
  position: absolute;
  height: calc(100% + 20px);
  width: 100%;
  display: block;
  content: "";
}

header.sticky .navbar-scroll-fixed-top {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
}

header.sticky .navbar-scroll-top {
  position: fixed;
  top: -120px;
  width: 100%;
  left: 0;
  transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
}

header.sticky.header-appear .navbar-scroll-top {
  top: 0;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
}

/* navigation */
header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li > a:hover, header.header-appear nav.bootsnav.header-light .navbar-nav > li > a:hover, header.header-appear nav.header-light-transparent .header-social-icon a:hover, header.header-appear nav.header-light .header-social-icon a:hover, header.header-appear nav.header-light.white-link .header-social-icon a:hover, header.header-appear nav.header-light-transparent.white-link .header-social-icon a:hover, header.header-appear nav.header-light-transparent.white-link .heder-menu-button a:hover, header.header-appear nav.header-light-transparent .header-searchbar a:hover, header.header-appear nav.header-light .header-searchbar a:hover, header.header-appear nav.header-light.white-link .header-searchbar a:hover, header.header-appear nav.header-light-transparent.white-link .header-searchbar a:hover, header nav.navbar .navbar-nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover, .header-search-form:hover, .header-social-icon a:hover {
  color: rgba(0, 0, 0, 0.6);
}

header nav.navbar.white-link .navbar-nav > li > a:hover, nav.navbar.bootsnav.white-link ul.nav > li > a:hover, header nav.navbar.white-link .header-social-icon a:hover, nav.navbar.bootsnav.white-link .header-social-icon a:hover, header nav.navbar.white-link .header-searchbar a:hover, nav.navbar.bootsnav.white-link .header-searchbar a:hover, header nav.navbar.bootsnav ul.nav.white-link > li > a:hover, header.header-appear nav.header-dark-transparent .navbar-nav > li > a:hover, header.header-appear nav.header-dark .navbar-nav > li > a:hover, header.sticky nav.header-dark .navbar-nav > li > a:hover, header.sticky nav.header-dark-transparent .navbar-nav > li > a:hover, header.header-appear nav.header-dark-transparent .search-button:hover, header.header-appear nav.header-dark .search-button:hover, header.sticky nav.header-dark .search-button:hover, header.sticky nav.header-dark-transparent .search-button:hover {
  color: rgba(255, 255, 255, 0.6);
}

header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .header-searchbar a:hover, header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .header-social-icon a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .header-searchbar a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .header-social-icon a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a:hover {
  color: rgba(0, 0, 0, 0.6);
}

.navbar-nav > li > a {
  line-height: 20px;
}

header.sticky nav.navbar.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar.bootsnav.white-link ul.nav > li > a:hover {
  color: rgba(0, 0, 0, 0.6);
}

header.sticky nav.navbar.header-dark.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar.bootsnav.header-dark.white-link ul.nav > li > a:hover, header.sticky nav.header-dark .header-social-icon a:hover {
  color: rgba(255, 255, 255, 0.6);
}

header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li.active > a, header.header-appear nav.bootsnav.header-light .navbar-nav > li.active > a, header nav.navbar .navbar-nav > li.active > a, nav.navbar.bootsnav ul.nav > li.active > a {
  color: rgba(0, 0, 0, 0.6);
}

header nav.navbar.white-link .navbar-nav > li.active > a, nav.navbar.bootsnav.white-link ul.nav > li.active > a, header nav.navbar.bootsnav ul.nav.white-link > li.active > a, header.header-appear nav.header-dark-transparent .navbar-nav > li.active > a, header.header-appear nav.header-dark .navbar-nav > li.active > a, header.sticky nav.header-dark .navbar-nav > li.active > a, header.sticky nav.header-dark-transparent .navbar-nav > li.active > a, header.sticky nav.navbar.bootsnav.header-dark-transparent.white-link .navbar-nav > li.active > a {
  color: rgba(255, 255, 255, 0.6);
}

header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li.active > a, header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li.active > a {
  color: rgba(0, 0, 0, 0.6);
}

header.sticky nav.navbar.white-link .navbar-nav > li.active > a, header.sticky nav.navbar.bootsnav.white-link ul.nav > li.active > a {
  color: rgba(0, 0, 0, 0.6);
}

header.sticky nav.navbar.header-dark.white-link .navbar-nav > li.active > a, header.sticky nav.navbar.bootsnav.header-dark.white-link ul.nav > li.active > a {
  color: rgba(255, 255, 255, 0.6);
}

header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li > a.active, header.header-appear nav.bootsnav.header-light .navbar-nav > li > a.active, header nav.navbar .navbar-nav > li > a.active, nav.navbar.bootsnav ul.nav > li > a.active {
  color: rgba(0, 0, 0, 0.6);
}

header nav.navbar.white-link .navbar-nav > li > a.active, nav.navbar.bootsnav.white-link ul.nav > li > a.active, header nav.navbar.bootsnav ul.nav.white-link > li > a.active, header.header-appear nav.header-dark-transparent .navbar-nav > li > a.active, header.header-appear nav.header-dark .navbar-nav > li > a.active, header.sticky nav.header-dark .navbar-nav > li > a.active, header.sticky nav.header-dark-transparent .navbar-nav > li > a.active {
  color: rgba(255, 255, 255, 0.6);
}

header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li > a.active, header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li > a.active {
  color: rgba(0, 0, 0, 0.6);
}

header.sticky nav.navbar.white-link .navbar-nav > li > a.active, header.sticky nav.navbar.bootsnav.white-link ul.nav > li > a.active {
  color: rgba(0, 0, 0, 0.6);
}

header.sticky nav.navbar.header-dark.white-link .navbar-nav > li > a.active, header.sticky nav.navbar.bootsnav.header-dark.white-link ul.nav > li > a.active {
  color: rgba(255, 255, 255, 0.6);
}

header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li.dropdown.on > a, header.header-appear nav.bootsnav.header-light .navbar-nav > li.dropdown.on > a, header nav.navbar .navbar-nav > li.dropdown.on > a, nav.navbar.bootsnav ul.nav > li.dropdown.on > a {
  color: rgba(0, 0, 0, 0.6);
}

header nav.navbar.white-link .navbar-nav > li.dropdown.on > a, nav.navbar.bootsnav.white-link ul.nav > li.dropdown.on > a, header nav.navbar.bootsnav ul.nav.white-link > li.dropdown.on > a, header.header-appear nav.header-dark-transparent .navbar-nav > li.dropdown.on > a, header.header-appear nav.header-dark .navbar-nav > li.dropdown.on > a, header.sticky nav.header-dark .navbar-nav > li.dropdown.on > a, header.sticky nav.header-dark-transparent .navbar-nav > li.dropdown.on > a {
  color: rgba(255, 255, 255, 0.6);
}

header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li.dropdown.on > a, header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li.dropdown.on > a {
  color: rgba(0, 0, 0, 0.6);
}

header.sticky nav.navbar.white-link .navbar-nav > li.dropdown.on > a, header.sticky nav.navbar.bootsnav.white-link ul.nav > li.dropdown.on > a {
  color: rgba(0, 0, 0, 0.6);
}

header.sticky nav.navbar.header-dark.white-link .navbar-nav > li.dropdown.on > a, header.sticky nav.navbar.bootsnav.header-dark.white-link ul.nav > li.dropdown.on > a {
  color: rgba(255, 255, 255, 0.6);
}

header {
  width: 100%;
  z-index: 99;
}

.header-with-topbar .top-header-area {
  font-size: 11px;
  position: fixed;
  top: 0;
  z-index: 10005;
  width: 100%;
  transition: ease-in-out 0.3s;
  -webkit-transition: ease-in-out 0.3s;
  -moz-transition: ease-in-out 0.3s;
  -ms-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
}

.sticky.header-with-topbar .top-header-area {
  top: -45px;
}

.sticky.header-with-topbar.fixed-topbar .top-header-area {
  top: 0;
}

/*.header-with-topbar.fixed-topbar nav.navbar.bootsnav.navbar-fixed-top, .sticky.header-with-topbar.fixed-topbar nav.navbar.bootsnav.navbar-fixed-top, .sticky.header-with-topbar.header-appear.fixed-topbar nav.navbar.bootsnav.navbar-top {top: 36px;}*/
.navbar-fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.navbar-form.search-box {
  display: inline-block;
  margin-top: 8px;
  margin-bottom: 8px;
}

header .top-header-area .icon-social-very-small a:last-child i {
  margin-right: 0;
}

header nav .row {
  height: auto;
  padding: 0;
}

/*header nav .row > div:first-child { flex: 1 1 auto;}*/
header nav.navbar {
  border-radius: 0;
  padding: 0;
}

header nav.navbar-default, nav.navbar.bootsnav {
  border-bottom: 0;
}

header nav {
  width: 100%;
  top: 0;
  z-index: 99;
  margin-bottom: 0;
}

header nav .nav-header-container {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

header nav .navbar-nav > li > a {
  color: #232323;
  font-size: 13px;
  font-weight: 800;
  margin: 0 20px;
  padding: 5px 0 5px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
}

header nav .navbar-nav > li > a:hover, header nav .navbar-nav > li > a:focus, header nav .navbar-nav > li.active > a {
  background: transparent;
}

header nav .navbar-nav > li:last-child a {
  margin-right: 0;
}

.navbar-fixed-bottom, .navbar-fixed-top {
  z-index: 9999;
}

header nav.navbar-default .navbar-nav > li > a:hover, header nav.navbar-default .navbar-nav > li > a:focus, header nav.navbar-default .navbar-nav > li.active > a {
  border-bottom-color: #232323;
}

header nav .navbar-nav.text-normal > li > a {
  font-weight: 600;
  font-size: 12px;
}

.navbar-nav > li {
  position: inherit;
}

.navbar-nav > li.dropdown > .fas {
  display: none;
}

.navbar-nav > li ul {
  margin: 0;
  padding: 0;
}

.navbar-toggler {
  border-radius: 0;
  margin-right: 0;
  float: right;
  border: none;
}

.mobile-toggle {
  display: block;
}

nav.navbar.bootsnav .navbar-toggle {
  top: 2px;
}

.sidebar-nav .mobile-toggle {
  display: none;
}

.mobile-toggle span {
  display: block;
  width: 16px;
  height: 2px;
  background: #232323;
  content: "";
}

.mobile-toggle span:nth-child(2) {
  margin: 3px 0;
}

.mobile-toggle:hover span, .white-link .mobile-toggle:hover span {
  background-color: red;
}

.white-link .mobile-toggle span {
  background: #fff;
}

header nav .brand-logo {
  padding-top: 20px;
  padding-bottom: 20px;
}

header.sticky nav .brand-logo {
  padding-top: 15px;
  padding-bottom: 15px;
}

header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a {
  padding: 20px 0 20px;
}

/* mega menu */
nav .accordion-menu {
  position: initial;
}

nav.navbar.bootsnav li.dropdown ul li {
  list-style: none;
  padding: 0;
}

nav.navbar.bootsnav li.dropdown .mega-menu-full {
  width: 100%;
  box-sizing: border-box;
  background: rgb(35, 35, 35);
  padding: 45px 50px;
  box-shadow: none;
  border-radius: 0;
  border: 0;
  margin-top: 0;
}

nav.navbar.bootsnav li.dropdown .mega-menu-full ul {
  margin: 0;
  list-style: none;
}

nav.navbar.bootsnav li.dropdown .menu-back-div > ul {
  margin: 0 auto;
  width: 1070px;
  display: flex;
  flex-wrap: wrap;
  background: rgb(35, 35, 35);
}

nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li.dropdown-header {
  color: #fff;
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  margin-bottom: 8px;
  white-space: inherit;
  padding: 0 40px;
  border-bottom: none;
  text-transform: uppercase;
  line-height: 1.42857143;
}

nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a {
  text-align: left;
  font-size: 12px;
  color: #9d9d9d;
  padding: 3px 40px;
  text-transform: capitalize;
  margin: 0;
  display: block;
  position: relative;
  overflow: hidden;
  left: 0;
}

nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li.mega-menu-column:first-child a, nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li.mega-menu-column:first-child .dropdown-header {
  padding-left: 0;
}

nav.navbar.bootsnav li.dropdown.megamenu-fw .icon-list-menu li > a > i {
  font-size: 14px;
  vertical-align: middle;
  width: 24px;
  display: inline-block;
}

nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li {
  border-right: 1px solid rgba(255, 255, 255, 0.05);
}

nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li:last-child {
  border: 0;
}

nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li:last-child img {
  padding-left: 40px;
  background-size: cover;
  background-position: bottom right;
}

nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li > ul {
  margin-top: 18px;
}

nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li > ul:first-child {
  margin-top: 0;
}

nav.navbar.bootsnav li.dropdown .megamenu-fw .icon-list-menu li > a > i {
  font-size: 14px;
  vertical-align: middle;
  width: 24px;
}

nav.navbar.navbar-default ul li.dropdown .dropdown-menu .mega-menu-column li > a.menu-banner-image, nav.navbar.navbar-default ul li.dropdown .dropdown-menu .mega-menu-column li > a:hover.menu-banner-image {
  left: 0;
  padding: 0;
  margin-bottom: 20px;
}

nav.navbar.navbar-default ul li.dropdown .dropdown-menu .mega-menu-column li:last-child > a.menu-banner-image {
  margin-bottom: 0;
}

/* header center logo */
.nav-left, .nav-right, .nav-center {
  display: table-cell;
  vertical-align: middle;
  width: 33.33%;
}

header nav .justify-content-center .navbar-nav > li:last-child a {
  margin-right: 20px;
}

.social-icon a {
  margin: 0 15px;
}

.social-icon a:first-child {
  margin-left: 0;
}

.social-icon a:last-child {
  margin-right: 0;
}

header nav.nav-center-logo .row {
  min-height: 0;
  height: auto;
}

header nav.nav-center-logo .row {
  display: block;
}

header nav.nav-center-logo .row > div:first-child {
  flex: none;
}

.nav-center-logo .navbar-nav > li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.nav-center-logo .navbar-nav > li > a {
  display: flex;
}

.nav-center-logo .navbar-left {
  margin-left: -15px;
}

.nav-center-logo .navbar-left li:first-child a {
  margin-left: 0;
}

nav.nav-center-logo.navbar.bootsnav li.dropdown ul.dropdown-menu, nav.bootsnav.brand-center ul.nav > li.dropdown > ul.dropdown-menu {
  margin-top: 0;
}

.center-logo {
  left: 50%;
  position: absolute;
  margin-top: -14px;
  top: 50%;
  text-align: center;
  transform: translateX(-50%);
  z-index: 1;
  max-width: 20%;
}

nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a {
  text-align: left;
}

header nav.navbar-fixed .nav-header-container {
  width: 100%;
  float: left;
}

header .menu-logo-center .navbar-nav > li.social-links {
  padding: 26px 0;
}

header.sticky .menu-logo-center .navbar-nav > li.social-links {
  padding: 20px 0;
}

/* top logo */
.navbar.navbar-brand-top > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
  margin-left: 0;
}

.navbar-brand-top .navbar-brand {
  height: auto;
}

nav.navbar-brand-top.navbar.navbar-default ul.nav > li > a {
  padding: 20px 0;
}

.navbar-brand-top .navbar-collapse.collapse {
  flex-grow: inherit;
}

/* center navigation */
.center-nav {
  float: none;
  text-align: center;
}

.center-nav > li {
  float: none;
  display: inline-block;
}

nav.navbar.bootsnav.menu-center ul.nav.navbar-center {
  display: table;
  float: none;
  margin: 0 auto;
  table-layout: fixed;
}

/* simple dropdown menu */
.simple-dropdown.dropdown {
  position: relative;
}

.simple-dropdown .dropdown-menu {
  position: absolute;
  left: 0;
  background: rgb(35, 35, 35);
  min-width: 220px;
  padding: 13px 0 15px;
  box-shadow: none;
}

nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li {
  padding-left: 28px;
  padding-right: 28px;
}

.simple-dropdown .dropdown-menu > li > a {
  font-size: 12px;
  color: #9d9d9d;
}

.simple-dropdown .dropdown-menu > li a {
  padding: 9px 0 7px;
  overflow: hidden;
  position: relative;
  left: 0;
  font-weight: 500;
  display: block;
  line-height: 1.42857143;
}

.simple-dropdown .dropdown-menu > li a:hover {
  background-color: #000;
  color: #fff;
}

.simple-dropdown .dropdown-menu > li > a.dropdown-toggle .fas, nav.navbar.bootsnav.sidebar-nav .nav.navbar-left-sidebar li.dropdown > a > .fas {
  position: absolute;
  right: 0;
  font-size: 12px;
  margin-top: 0;
  height: 20px;
  width: 20px;
  line-height: 20px;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

nav.navbar.bootsnav.sidebar-nav .nav.navbar-left-sidebar li a .fas {
  font-size: 16px;
}

nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown > ul, nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown > ul > li.dropdown > ul {
  background: rgb(35, 35, 35);
  display: none;
  left: 220px;
  margin: -13px 0 0 1px;
  min-width: 220px;
  white-space: nowrap;
  position: absolute;
  top: 0;
  padding: 13px 0;
  font-weight: 500;
  text-transform: capitalize;
}

.simple-dropdown .dropdown-menu > li.dropdown > ul li a {
  color: #9d9d9d;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}

nav.navbar.bootsnav.navbar-default li.dropdown.simple-dropdown > ul.dropdown-menu > li.active > a {
  color: #fff;
}

/* light transparent navigation */
header.header-appear nav.header-light-transparent, header.sticky nav.navbar-fixed-top.header-light-transparent, header.sticky nav.navbar-scroll-fixed-top.header-light-transparent {
  background: rgb(255, 255, 255);
  box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.6);
}

header.header-appear nav.header-light-transparent .separator-line-verticle-small, header.header-appear nav.header-light .separator-line-verticle-small {
  background: rgba(0, 0, 0, 0.4);
}

header.header-appear nav.header-light-transparent .header-social-icon a, header.header-appear nav.header-light .header-social-icon a, header.header-appear nav.header-light.white-link .header-social-icon a, header.header-appear nav.header-light-transparent.white-link .header-social-icon a, header.header-appear nav.header-light-transparent.white-link .heder-menu-button a, header.header-appear nav.header-light-transparent .header-searchbar a, header.header-appear nav.header-light .header-searchbar a, header.header-appear nav.header-light.white-link .header-searchbar a, header.header-appear nav.header-light-transparent.white-link .header-searchbar a {
  color: #232323;
}

header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li > a, header.header-appear nav.bootsnav.header-light .navbar-nav > li > a {
  color: #232323;
}

header.header-appear nav.header-light-transparent .header-searchbar, header.header-appear.header-light-transparent .header-social-icon, header.header-appear nav.header-light .header-searchbar, header.header-appear nav.header-light-transparent.white-link .header-social-icon, header.sticky nav.header-light-transparent .header-searchbar, header.sticky nav.header-light-transparent .header-social-icon, header.sticky nav.header-light .header-searchbar, header.sticky nav.header-light .header-social-icon {
  border-left: 1px solid rgba(0, 0, 0, 0.25);
}

header.header-appear nav.nav-fixed-top.header-light-transparent.white-link .navbar-nav > li > a, header.header-appear nav.nav-fixed-top.header-light-transparent.white-link .header-social-icon a, header.header-appear nav.nav-fixed-top.header-light-transparent.white-link .header-searchbar a, header.header-appear nav.nav-scroll-fixed-top.header-light-transparent.white-link .navbar-nav > li > a, header.header-appear nav.nav-scroll-fixed-top.header-light-transparent.white-link .header-social-icon a, header.header-appear nav.nav-scroll-fixed-top.header-light-transparent.white-link .header-searchbar a {
  color: #232323;
}

header.sticky nav.header-light-transparent .heder-menu-button .mobile-toggle span, header.sticky nav.header-light .heder-menu-button .mobile-toggle span {
  background: #232323;
}

/* dark transparent navigation */
header.header-appear nav.header-dark-transparent, header.sticky nav.navbar-fixed-top.header-dark-transparent, header.sticky nav.navbar-scroll-fixed-top.header-dark-transparent {
  background: rgba(23, 23, 23, 0.85);
}

header.header-appear nav.header-dark-transparent .separator-line-verticle-small, header.header-appear nav.header-dark .separator-line-verticle-small {
  background: #ffffff;
}

header.header-appear nav.header-dark-transparent .navbar-nav > li > a, header.header-appear nav.header-dark .navbar-nav > li > a, header.sticky nav.header-dark .navbar-nav > li > a, header.sticky nav.header-dark-transparent .navbar-nav > li > a {
  color: #ffffff;
}

header.header-appear nav.header-dark-transparent .header-social-icon a, header.header-appear nav.header-dark .header-social-icon a, header.sticky nav.header-dark .header-social-icon a, header.sticky nav.header-dark-transparent .header-social-icon a {
  color: #ffffff;
}

header.header-appear nav.header-dark-transparent .search-button, header.header-appear nav.header-dark-transparent .right-menu-button, header.header-appear nav.header-dark .search-button, header.header-appear nav.header-dark .right-menu-button, header.sticky nav.header-dark .search-button, header.sticky nav.header-dark .right-menu-button, header.sticky nav.header-dark-transparent .search-button, header.sticky nav.header-dark-transparent .right-menu-button {
  color: #ffffff;
}

header.sticky nav.header-dark-transparent .header-social-icon, header.sticky nav.header-dark .header-social-icon, header.sticky nav.header-dark-transparent .header-searchbar, header.sticky nav.header-dark .header-searchbar {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
}

header.sticky nav.header-dark-transparent .mobile-toggle span, header.sticky .header-dark .mobile-toggle span {
  background: #fff;
}

header.sticky nav.header-dark-transparent .mobile-toggle:hover span, header.sticky .header-dark .mobile-toggle:hover span {
  background: red;
}

/* light navigation */
header.header-appear nav.header-light, header.sticky nav.navbar-fixed-top.header-light, header.sticky nav.navbar-scroll-fixed-top.header-light {
  background-color: #ffffff;
  box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.6);
}

/* dark navigation */
header.header-appear nav.header-dark, header.sticky nav.navbar-fixed-top.header-dark, header.sticky nav.navbar-scroll-fixed-top.header-dark {
  background-color: #000000;
}

/* collepsed menu icon */
.navbar-default .navbar-toggler .icon-bar, header.sticky .navbar-default.header-light .navbar-toggler .icon-bar, header.sticky .navbar-default.header-light-transparent .navbar-toggler .icon-bar {
  background: #232323;
}

.navbar-default.white-link .navbar-toggler .icon-bar, header.sticky .navbar-default.header-dark .navbar-toggler .icon-bar, header.sticky .navbar-default.header-dark-transparent .navbar-toggler .icon-bar {
  background: #fff;
}

/* hamburger menu */
nav.navbar.bootsnav .btn-hamburger {
  padding: 0;
}

nav.navbar.bootsnav .btn-hamburger .navbar-toggler {
  margin: 0;
  top: -2px;
  padding: 0;
}

.hamburger-menu-wrepper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: -10005;
  padding: 55px 80px;
  display: table;
  opacity: 0;
  visibility: collapse;
}

.menu-middle {
  display: table;
  height: 100%;
  width: 65%;
  margin: 0 auto;
  opacity: 0;
}

.hamburger-menu-links {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 52px;
  line-height: 55px;
  opacity: 0;
}

.hamburger-menu-links li {
  float: left;
  margin-bottom: 36px;
  width: 50%;
}

.hamburger-menu-links li a {
  color: #fff;
  position: relative;
}

.hamburger-menu-links li.show > a {
  color: #ff2149;
}

.hamburger-menu-links li a:hover, .follow-box a:hover {
  color: #ff2149;
}

.animation-box {
  position: absolute;
  top: 5%;
  height: 100%;
  width: 100%;
  left: 0;
  transform: perspective(600px) rotateX(-20deg);
  -weblit-transform: perspective(600px) rotateX(-20deg);
  -moz-transform: perspective(600px) rotateX(-20deg);
  -ms-transform: perspective(600px) rotateX(-20deg);
  -o-transform: perspective(600px) rotateX(-20deg);
}

.hamburger-menu.show-menu .hamburger-menu-wrepper {
  z-index: 10004;
  opacity: 1;
  visibility: visible;
}

.hamburger-menu.show-menu .animation-box {
  top: 0;
  transform: perspective(600px) rotateX(0deg);
  -webkit-transform: perspective(600px) rotateX(0deg);
  -moz-transform: perspective(600px) rotateX(0deg);
  -o-transform: perspective(600px) rotateX(0deg);
  -ms-transform: perspective(600px) rotateX(0deg);
  opacity: 1;
}

.hamburger-menu.show-menu .hamburger-menu-links, .hamburger-menu.show-menu .menu-middle {
  opacity: 1;
}

.hamburger-menu.show-menu .btn-hamburger .mobile-toggle, .hamburger-menu .btn-hamburger .close-menu {
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
}

.hamburger-menu.show-menu .btn-hamburger .close-menu, .hamburger-menu .btn-hamburger .mobile-toggle {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
}

.hamburger-menu .hamburger-menu-wrepper .btn-hamburger {
  border-color: #fff;
  height: 18px;
  position: absolute;
  width: 18px;
  z-index: 99;
  padding: 0;
  margin: -27px 0 0 -15px;
  opacity: 0;
}

.hamburger-menu.show-menu .hamburger-menu-wrepper .btn-hamburger {
  opacity: 1;
  right: 40px;
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
}

.hamburger-menu .close-button-menu {
  float: none;
  height: auto;
  margin: 0;
  padding: 0;
  position: inherit;
  right: -26px;
  top: 44px;
  width: auto;
}

.hamburger-menu .close-button-menu:after, .hamburger-menu .close-button-menu:before {
  background: #fff;
  width: 22px;
  right: 26px;
  top: -34px;
}

.hamburger-menu-links li.dropdown > a:after {
  content: "\f107";
  display: inline-block;
  position: absolute;
  right: -60px;
  top: 15px;
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  font-size: 42px;
}

/* header style two */
.header-with-topbar .navbar-top, .header-with-topbar .navbar-fixed-top {
  top: 36px;
  background: #fff;
  box-shadow: 0 4px 10px -10px rgba(0, 0, 0, 0.6);
}

.header-with-topbar.sticky .navbar-top {
  top: -160px;
}

.header-with-topbar.sticky.header-appear .navbar-top {
  top: 0;
}

/* full width light transparent navigation */
header nav.nav-full-width {
  width: 100%;
}

.close-button-menu {
  float: right;
  padding: 10px;
  background-color: transparent;
  color: #232323;
  border: 0;
  position: absolute;
  height: 40px;
  width: 40px;
  outline: none;
  top: 20px;
  right: 20px;
}

.full-width-pull-menu .dropdown-toggle {
  position: relative;
}

.full-width-pull-menu span.dropdown-toggle {
  position: absolute;
  right: 30px;
  width: 40px;
  height: 40px;
  text-align: center;
  top: 43px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.full-width-pull-menu .dropdown .dropdown-toggle:before {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: 15px;
  height: 11px;
  width: 1px;
  background: #232323;
}

.full-width-pull-menu .dropdown.show .dropdown-toggle:before {
  height: 0;
}

.full-width-pull-menu .dropdown .dropdown-toggle:after {
  content: "";
  display: block;
  position: absolute;
  right: 15px;
  top: 20px;
  height: 1px;
  width: 11px;
  background: #232323;
  border: none;
}

.full-width-pull-menu .dropdown ul {
  background-color: inherit;
}

/* full width navigation style 1 */
.full-width-pull-menu .link-style-1 .link-style-1 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.full-width-pull-menu .link-style-1 ul li {
  margin: 20px 0;
  display: table;
}

.full-width-pull-menu .link-style-1 ul li a {
  background: inherit;
  color: #232323;
  font-size: 22px;
  line-height: 26px;
  position: relative;
  padding-left: 35px;
}

.full-width-pull-menu .link-style-1 ul li:hover > a, .full-width-pull-menu .link-style-1 ul li.show > a {
  color: #ff214f;
}

.full-width-pull-menu .link-style-1 ul li:hover > a:after, .full-width-pull-menu .link-style-1 ul li.show > a:after {
  background: #ff214f;
}

.full-width-pull-menu .link-style-1 ul li a:after {
  background: #dbdbdb;
  content: "";
  display: inline-block;
  height: 4px;
  left: 0;
  position: absolute;
  top: 14px;
  width: 18px;
}

.full-width-pull-menu .link-style-1 .dropdown.show ul {
  display: block;
}

.full-width-pull-menu .link-style-1 .dropdown ul {
  position: inherit;
  left: 0;
  right: 0;
  padding: 10px 30px 0;
  background-color: inherit;
  border: 0;
  float: none;
  box-shadow: none;
  margin: 0;
}

.full-width-pull-menu .link-style-1 ul li li a {
  font-size: 18px;
  line-height: 22px;
  padding-left: 30px;
}

.full-width-pull-menu .link-style-1 .dropdown ul li a:hover, .dropdown ul li a:focus {
  background-color: inherit;
}

.full-width-pull-menu .link-style-1 .dropdown ul li {
  margin: 5px;
}

.full-width-pull-menu .link-style-1 .dropdown ul li:last-child {
  margin-bottom: 0;
}

/* full width navigation style 2 */
.full-width-pull-menu .link-style-2 .link-style-2 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.full-width-pull-menu .link-style-2 ul li {
  display: table;
  width: 90%;
}

.full-width-pull-menu .link-style-2 ul li a {
  background: inherit;
  color: #232323;
  font-size: 48px;
  line-height: 85px;
  position: relative;
}

.full-width-pull-menu .link-style-2 ul li:hover > a, .full-width-pull-menu .link-style-2 ul li.show > a {
  color: #ff214f;
}

.full-width-pull-menu .link-style-2 ul li.show > a:after {
  background: #ff214f;
}

.full-width-pull-menu .link-style-2 .dropdown ul {
  display: block !important;
  height: 0;
  overflow: hidden;
}

.full-width-pull-menu .link-style-2 .dropdown ul {
  position: inherit;
  left: 0;
  right: 0;
  padding: 0;
  background-color: inherit;
  border: 0;
  float: none;
  box-shadow: none;
  margin: 0;
}

.full-width-pull-menu .link-style-2 .dropdown.show ul {
  display: block;
  height: 100%;
}

.full-width-pull-menu .link-style-2 .dropdown ul li a {
  font-size: 14px;
  line-height: 18px;
  color: #757575;
  padding: 0;
  margin: 0;
  display: block;
  font-weight: 400;
}

.full-width-pull-menu .link-style-2 .dropdown ul li {
  border-bottom: 1px solid #e3e3e3;
  padding: 7px 0;
}

.full-width-pull-menu .link-style-2 .dropdown ul li:last-child {
  border-bottom: 1px solid transparent;
}

.full-width-pull-menu .link-style-2 .dropdown ul li a:hover, .dropdown ul li a:focus {
  background-color: inherit;
}

.full-width-pull-menu .link-style-2 .dropdown ul li ul.sub-menu {
  padding-left: 15px;
  padding-top: 2px;
}

.full-width-pull-menu .link-style-2 .dropdown ul li ul.sub-menu li {
  border-bottom: 0;
  padding: 5px 0 0 0;
}

.full-width-pull-menu .link-style-2 .dropdown ul li:last-child {
  margin-bottom: 0;
}

.full-width-pull-menu .link-style-2 .icon-social-medium a:first-child {
  margin-left: 0;
}

.full-width-pull-menu .link-style-2 .icon-social-medium a:last-child {
  margin-right: 0;
}

.close-button-menu:after, .close-button-menu:before {
  content: "";
  display: block;
  background: #000;
  height: 2px;
  width: 18px;
  position: absolute;
}

.close-button-menu:after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.close-button-menu:before {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}

/* full navigation */
.show-menu .menu-wrap, .menu-wrap {
  left: auto;
}

.show-menu .menu-wrap {
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  opacity: 1;
  visibility: visible;
  z-index: 10001;
}

.menu-wrap {
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  width: 100%;
  z-index: -10001;
  position: fixed;
  top: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
}

/* container fluid navigation padding */
header nav.nav-box-width {
  padding: 0 50px;
}

/* hamburger menu right side */
.big-menu-right {
  position: fixed;
  top: 0;
  right: 0;
  width: 40%;
  height: 100%;
  padding: 0 5%;
  opacity: 0;
  transform: translateX(30%) scaleX(0.6);
  -webkit-transform: translateX(30%) scaleX(0.6);
  -moz-transform: translateX(30%) scaleX(0.6);
  -o-transform: translateX(30%) scaleX(0.6);
  -ms-transform: translateX(30%) scaleX(0.6);
  transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  z-index: -1;
}

.big-menu-links {
  list-style: none;
  margin: 0;
  padding: 0;
}

.big-menu-links li {
  margin-bottom: 15px;
  display: block;
  width: 100%;
  float: left;
}

.big-menu-links li a {
  font-size: 50px;
  line-height: 1.5;
  color: #676767;
  float: left;
}

.big-menu-links li a:after {
  width: 0;
  background: #ff214f;
  height: 3px;
  content: "";
  display: block;
  transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
}

.big-menu-links li a:hover {
  color: #ddd;
}

.big-menu-links li a:hover:after {
  width: 100px;
  transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
}

.big-menu-right.show {
  transform: translateX(0) scaleX(1);
  -moz-transform: translateX(0) scaleX(1);
  -webkit-transform: translateX(0) scaleX(1);
  -o-transform: translateX(0) scaleX(1);
  -ms-transform: translateX(0) scaleX(1);
  opacity: 1;
  z-index: 9999;
}

.big-menu-close {
  background: #fff;
  position: absolute;
  right: 0;
  width: 40px;
  height: 40px;
  color: #232323;
}

/* dropdown menu */
nav.navbar.navbar-default ul.nav > li > a {
  padding: 26px 0;
  background: transparent;
  border-color: transparent;
  font-weight: 600;
  display: block;
}

nav.navbar.navbar-default ul.nav > li.dropdown > a.dropdown-toggle::after, nav.navbar.sidebar-nav ul.nav > li.dropdown > a.dropdown-toggle::after {
  content: "";
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-top: 0;
}

nav.navbar.navbar-default ul li.dropdown ul.dropdown-menu > li:last-child {
  border-bottom: 0;
  border-bottom: 0;
}

nav.navbar.navbar-default ul li.dropdown .dropdown-menu li > a:hover {
  color: #fff;
  background: transparent;
  left: 5px;
}

nav.navbar.navbar-default ul li.dropdown .dropdown-menu li.active > a {
  color: #fff;
}

nav.navbar.navbar-default ul.menu-links li.dropdown ul.dropdown-menu li > a:hover, nav.navbar.navbar-default ul.menu-links li.dropdown ul.dropdown-menu li.active > a {
  color: #232323;
}

.dropdown ul.second-level {
  left: 270px;
  top: 0;
  height: 100%;
}

.dropdown ul.third-level {
  left: 530px;
  top: 0;
  height: 100%;
}

nav.navbar ul.nav .dropdown-menu.second-level .dropdown-menu {
  margin-top: 0;
}

.navbar-default ul li li.dropdown ul {
  display: none;
}

.navbar-default ul li li.dropdown.on > ul {
  display: block;
  position: absolute;
  left: 100%;
  margin-top: 0;
  padding: 0;
  top: 0;
}

.navbar-default ul li li.dropdown.on > ul > li.dropdown.on > ul {
  display: block;
  position: absolute;
  left: 100%;
  margin-top: 0;
  padding: 0;
  top: 0;
}

.navbar-default ul li li.dropdown ul.dropdown-menu {
  position: absolute;
  left: 100%;
  margin-top: 0;
  padding: 0;
  top: 0;
  box-shadow: none;
}

.navbar-default ul li li.dropdown ul.dropdown-menu li {
  padding: 0;
}

.dropdown-menu .dropdown a {
  position: relative;
}

/* navigation left sidebar */
header .menu-wrap .widget {
  margin-bottom: 30px;
  display: inline-block;
  width: 100%;
}

.nav.navbar-left-sidebar {
  display: block;
  transition: all 0s ease-in-out 0s;
  -webkit-transition: all 0s ease-in-out 0s;
  -moz-transition: all 0s ease-in-out 0s;
  -ms-transition: all 0s ease-in-out 0s;
  -o-transition: all 0s ease-in-out 0s;
  overflow-y: auto;
}

.left-nav-on .sidebar-part2 .sidebar-middle .sidebar-middle-menu .nav {
  overflow-x: hidden;
  display: block;
}

.nav.navbar-left-sidebar li {
  display: inline-block;
  width: 100%;
  padding: 0 45px;
}

.nav.navbar-left-sidebar li a, nav.navbar.bootsnav.navbar-left-sidebar ul.nav > li > a {
  font-size: 11px;
  text-transform: uppercase;
  color: #939393;
  background: transparent !important;
  font-weight: 600;
  border-bottom: 1px solid #e5e5e5 !important;
  padding: 15px 0;
  margin: 0;
}

nav.navbar.sidebar-nav .navbar-left-sidebar li.dropdown .third-level a > [class^=ti-], nav.navbar.sidebar-nav .navbar-left-sidebar li.dropdown .third-level a > [class*=" ti-"] {
  margin-right: 5px;
}

.nav.navbar-left-sidebar li:last-child a {
  border-bottom: none;
}

.nav.navbar-left-sidebar li a:hover {
  color: #fff;
}

.nav.navbar-left-sidebar li a .nav-caret {
  height: 35px;
  text-align: right;
  width: 35px;
}

.nav.navbar-left-sidebar .dropdown .second-level {
  left: 290px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  /* display: block !important; visibility: hidden;*/
}

.nav.navbar-left-sidebar > li > a {
  line-height: 20px;
}

.nav.navbar-left-sidebar > li .second-level li a {
  line-height: 1.42857143;
}

.navbar-expand-lg .navbar-left-sidebar .dropdown-menu {
  position: fixed;
}

.nav.navbar-left-sidebar .dropdown.on .second-level {
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  /*  visibility: visible;*/
}

.nav.navbar-left-sidebar .second-level .dropdown .third-level {
  left: 570px;
  opacity: 0 !important;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  /*display: block !important; visibility: hidden;*/
}

.nav.navbar-left-sidebar .second-level .dropdown.on .third-level {
  opacity: 1 !important;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  opacity: 1 !important;
  /* visibility: visible;*/
}

.nav.navbar-left-sidebar .dropdown-menu .dropdown > a:after {
  display: none;
}

/* pull left sidebar */
.cbp-spmenu {
  background: #fff;
  position: fixed;
  z-index: 1;
}

.cbp-spmenu-vertical {
  width: 455px;
  height: 100%;
  top: 0;
  z-index: 10005;
}

.cbp-spmenu-right {
  right: -455px;
}

.cbp-spmenu-left {
  left: -100%;
}

.cbp-spmenu-left.cbp-spmenu-open {
  left: 0;
}

.cbp-spmenu-right.cbp-spmenu-open {
  right: 0;
  overflow-x: auto;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

.cbp-spmenu-push {
  overflow-x: hidden;
  position: relative;
  left: 0;
}

.cbp-spmenu, .cbp-spmenu-push {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* custome scrollbar */
.cbp-spmenu-right::-webkit-scrollbar, .navbar-left-sidebar::-webkit-scrollbar {
  width: 5px;
}

.cbp-spmenu-right::-webkit-scrollbar-track, .navbar-left-sidebar::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.cbp-spmenu-right::-webkit-scrollbar-thumb, .navbar-left-sidebar::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

/* sidebar navigation */
nav.navbar.sidebar-nav .container {
  display: table-cell;
  height: 75px;
  position: relative;
  vertical-align: top;
}

nav.navbar.bootsnav.sidebar-nav .navbar-left-sidebar > li > a {
  color: #626262;
  border-color: #ededed;
  padding: 15px 0;
  display: block;
  position: relative;
}

nav.navbar.sidebar-nav .navbar-left-sidebar li a:hover, nav.navbar.bootsnav.sidebar-nav ul.nav.navbar-left-sidebar li.active > a {
  color: #000;
}

.sidebar-nav .logo-holder {
  text-align: center;
  min-height: 107px;
}

.sidebar-nav .footer-holder {
  text-align: center;
}

nav.navbar .toggle-button {
  background: #000;
  border: medium none;
  height: auto;
  margin: 0;
  padding: 0;
  width: auto;
}

.sidebar-nav .dropdown-menu {
  box-shadow: none;
  height: 100%;
  left: 270px;
  padding: 0;
  position: fixed;
  top: 0;
  width: 240px;
  padding: 80px 0;
  /*overflow-y: auto; overflow: visible;*/
}

nav.navbar.sidebar-nav li.dropdown ul.dropdown-menu {
  border: none;
}

nav.navbar.bootsnav.sidebar-nav li.dropdown ul.dropdown-menu {
  padding-top: 160px;
}

.sidebar-nav .dropdown-menu li > a {
  margin: 0 45px;
}

nav.navbar.sidebar-nav {
  border: none;
  display: inline-table;
  width: 290px;
  border-radius: 0;
  position: fixed;
  top: 0;
  z-index: 10005;
  height: 100%;
  padding: 50px 0 25px;
  left: 0;
}

.sidebar-wrapper {
  padding-left: 290px;
}

/* sidebar navigation style 1 */
.sidebar-nav-style-1 .dropdown .second-level {
  top: 0;
  left: 290px;
  width: 280px;
}

.sidebar-nav-style-1 .dropdown .second-level {
  background: #fbfbfb;
}

.sidebar-nav-style-1 .dropdown .third-level {
  top: 0;
  left: 570px;
  width: 280px;
  background: #f3f3f3;
}

/*.sidebar-nav-style-1 .dropdown ul.second-level li ul { display: none; opacity: 0}*/
/* sidebar navigation style 2 */
.left-nav-sidebar {
  padding-left: 90px;
  transition: all 0.3s ease 0s;
}

.left-nav {
  position: fixed;
  top: 0;
  width: auto;
  left: 0;
  height: 100%;
  background-color: #fff;
  z-index: 99999;
  transition: all 0.3s ease 0s;
}

.sidebar-part1 {
  position: absolute;
  top: 0;
  width: 90px;
}

.sidebar-part1 .logo img {
  width: 100%;
}

.sidebar-part2 {
  padding: 0 0 0 115px;
  border-right: 1px solid #dfdfdf;
  width: 410px;
  height: 100%;
  position: fixed;
  background-color: #fff;
  z-index: -1;
  left: -370px;
}

.sidebar-part3 {
  position: absolute;
  bottom: 0;
}

.left-nav-on .sidebar-part2 {
  left: 0;
}

.sidebar-part2:before {
  width: 100%;
  height: 1px;
  background-color: #dfdfdf;
  content: "";
  position: absolute;
  bottom: 75px;
  left: 0;
  display: inline-block;
}

.sidebar-part2 .sidebar-middle {
  padding: 180px 0;
}

.sidebar-part2 .sidebar-middle-menu {
  display: table-cell;
  height: 100%;
  width: 100%;
  vertical-align: middle;
}

.bottom-menu-icon {
  width: 90px;
  padding: 22px 30px;
  text-align: center;
}

header .sidebar-part2 nav.navbar.bootsnav ul > li > a {
  font-size: 36px;
  display: block;
  padding: 0;
  color: #0f0f0f;
  text-transform: none;
  margin: 0;
  line-height: 40px;
  font-weight: 600;
  position: relative;
}

header .sidebar-part2 nav.navbar.bootsnav ul > li > a > .fas {
  font-size: 25px;
  top: 10px;
  position: absolute;
  right: 18px;
}

header .sidebar-part2 nav.navbar.bootsnav ul > li > .second-level > li > a > .fas {
  font-size: 14px;
  line-height: 30px;
}

.sidebar-part2 ul > li {
  margin: 0;
  float: none;
  padding: 15px 0;
  width: 291px;
  word-break: break-all;
  position: initial;
}

.sidebar-part2 ul li a:hover {
  background-color: inherit;
}

.sidebar-part2 nav.navbar.bootsnav {
  border-bottom: 0;
  position: inherit;
}

.sidebar-part2 .right-bg {
  position: fixed;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #fff;
  width: 90px;
}

.sidebar-part2 .right-bg:before {
  background-color: #dfdfdf;
  bottom: 75px;
  content: "";
  display: inline-block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}

.sidebar-part2 .right-bg img {
  position: absolute;
  top: 50%;
  left: 37px;
  transform: translateY(-100px);
  -webkit-transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  -o-transform: translateY(-100px);
}

header .sidebar-part2 nav.navbar.bootsnav ul li ul li a {
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  padding: 15px 0;
  border-bottom: 1px solid #f0f0f0;
  color: #939393;
  font-weight: 500;
}

header .sidebar-part2 nav.navbar.bootsnav ul li.dropdown > a, .sidebar-nav-style-1 .navbar-left-sidebar li.dropdown > a {
  padding-right: 40px;
}

header .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover {
  border-bottom: 1px solid #ff214f;
  background: inherit;
}

header .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a:hover {
  border-bottom: 0;
}

header .sidebar-part2 nav.navbar.bootsnav ul li ul li a > i {
  vertical-align: middle;
  margin-right: 5px;
}

header .sidebar-part2 nav.navbar.bootsnav ul li ul li a:hover {
  color: #ff214f;
}

header .sidebar-part2 nav.navbar.bootsnav ul li ul li {
  margin: 0;
  padding: 0 30px;
  width: 100%;
  word-break: normal;
}

header .sidebar-part2 nav.navbar.bootsnav ul li ul li.dropdown {
  border-left: 0;
}

.sidebar-part2 .dropdown ul.second-level, .sidebar-part2 .dropdown ul.third-level {
  border-left: 1px solid #eee !important;
}

.sidebar-part2 .dropdown ul.second-level {
  left: 405px;
  opacity: 0 !important;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.sidebar-part2 .dropdown.on ul.second-level {
  opacity: 1 !important;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.sidebar-part2 .dropdown ul.second-level .dropdown ul.third-level {
  left: 650px;
  opacity: 0 !important;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.sidebar-part2 .dropdown ul.second-level .dropdown.on ul.third-level {
  opacity: 1 !important;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
  box-shadow: none;
  height: 100%;
  position: fixed;
  top: 0;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  width: 250px;
  padding: 180px 0;
  background: #fff;
}

.bottom-menu-icon a {
  font-size: 24px;
  width: 23px;
  height: 18px;
  display: inline-block;
  position: relative;
}

header .sidebar-part2 nav.navbar.bootsnav ul.second-level li.active > a, header .sidebar-part2 nav.navbar.bootsnav ul.second-level li.active ul li.active > a {
  color: #ff214f;
}

.sidebar-part2 .navbar-collapse.collapse {
  overflow-y: auto !important;
}

.nav-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 23px;
  background: #232323;
  border-radius: 0;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.nav-icon:hover span, .nav-icon.active span {
  background-color: red;
}

.nav-icon span:nth-child(1) {
  top: 0;
}

.nav-icon span:nth-child(2), .nav-icon span:nth-child(3) {
  top: 8px;
}

.nav-icon span:nth-child(4) {
  top: 16px;
}

.nav-icon.active span:nth-child(1) {
  top: 8px;
  width: 0;
  left: 50%;
}

.nav-icon.active span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.nav-icon.active span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.nav-icon.active span:nth-child(4) {
  top: 8px;
  width: 0;
  left: 50%;
}

nav.navbar.brand-center ul.nav > li > a {
  padding: 26px;
  margin: 0;
}

header.sticky nav.navbar.brand-center ul.nav > li > a {
  padding: 20px;
  margin: 0 20px;
}

.sidebar-middle ::-webkit-scrollbar, .sidebar-nav-style-1 ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 4px;
  height: 4px;
}

.sidebar-middle ::-webkit-scrollbar-thumb, .sidebar-nav-style-1 ::-webkit-scrollbar-thumb {
  background-color: #9e9f9f;
}

.navbar-collapse, .sub-menu {
  -webkit-overflow-scrolling: auto;
  -moz--webkit-overflow-scrolling: auto;
  -ms--webkit-overflow-scrolling: auto;
  -o--webkit-overflow-scrolling: auto;
}

.left-menu-inner {
  overflow-y: auto;
  overflow-x: hidden;
}

.nav.navbar-left-sidebar > li > ul li a {
  display: block;
  font-weight: 500;
}

/* navigation widget */
.menu-wrap .widget {
  display: inline-block;
  width: 100%;
}

/* new-menu page */
.menu-new a:after {
  background: #ff214f none repeat scroll 0 0;
  color: #fff;
  font-size: 9px;
  margin-left: 8px;
  padding: 1px 5px 0 5px;
  line-height: 14px;
  position: absolute;
  content: "New";
  margin-top: 5px;
  text-transform: uppercase;
}

.nav.navbar-left-sidebar .menu-new a:after {
  margin-top: 0;
}

.sidebar-part2 .menu-new a:after {
  margin-top: 3px;
}

/* ===================================
    Page title
====================================== */
/* page title font size */
.page-title-extra-small h1 {
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
}

.page-title-small h1 {
  font-size: 20px;
  line-height: 26px;
}

.page-title-medium h1 {
  font-size: 32px;
  line-height: 37px;
}

.page-title-large h1 {
  font-size: 46px;
  line-height: 49px;
}

.page-title-extra-large h1 {
  font-size: 55px;
  line-height: 50px;
}

/* breadcrumb */
.breadcrumb {
  background: transparent;
  border-radius: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
}

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

.breadcrumb ul li {
  display: inline-block;
  line-height: normal;
}

.breadcrumb ul > li:after {
  content: "\f111";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  padding: 0 11px 0 14px;
  display: inline-block;
  vertical-align: middle;
  font-size: 5px;
  opacity: 0.6;
}

.breadcrumb ul > li:last-child:after {
  border-right: 0;
  content: "";
  padding: 0;
}

/* ===================================
    Portfolio
====================================== */
/* gutter type */
.portfolio-grid.gutter-very-small li, .blog-grid.gutter-very-small li {
  padding: 3px 3px;
}

.portfolio-grid.gutter-small li, .blog-grid.gutter-small li {
  padding: 5px 5px;
}

.portfolio-grid.gutter-medium li, .blog-grid.gutter-medium li {
  padding: 7px 7px;
}

.portfolio-grid.gutter-large li, .blog-grid.gutter-large li {
  padding: 10px 10px;
}

.portfolio-grid.gutter-extra-large li, .blog-grid.gutter-extra-large li {
  padding: 20px;
}

.portfolio-grid.gutter-extra-large, .blog-grid.gutter-extra-large {
  margin: 0 -20px;
}

.blog-grid.gutter-large {
  margin-left: 10px;
  margin-right: 10px;
}

.portfolio-grid.gutter-large {
  margin: 0 10px;
}

.portfolio-grid.gutter-very-small, .blog-grid.gutter-very-small {
  margin: 0 3px;
}

.portfolio-grid.gutter-small, .blog-grid.gutter-small {
  margin: 0 5px;
}

.portfolio-grid.gutter-medium, .blog-grid.gutter-medium {
  margin: 0 7px;
}

/* portfolio 6 column */
.portfolio-grid.work-6col li, .blog-grid.blog-6col li {
  width: 16.67%;
}

.portfolio-grid.work-6col li.grid-item-double, .blog-grid.blog-6col li.grid-item-double {
  width: 33.33%;
}

/* portfolio 5 column */
.portfolio-grid.work-5col li, .blog-grid.blog-5col li {
  width: 20%;
}

.portfolio-grid.work-5col li.grid-item-double, .blog-grid.blog-5col li.grid-item-double {
  width: 40%;
}

/* portfolio 4 column */
.portfolio-grid.work-4col li, .blog-grid.blog-4col li {
  width: 25%;
}

.portfolio-grid.work-4col li.grid-item-double, .blog-grid.blog-4col li.grid-item-double {
  width: 50%;
}

/* portfolio 3 column */
.portfolio-grid.work-3col li, .blog-grid.blog-3col li {
  width: 33.33%;
  float: left;
}

.portfolio-grid.work-3col li.grid-item-double, .blog-grid.blog-3col li.grid-item-double {
  width: 66.67%;
}

/* portfolio 2 column */
.portfolio-grid.work-2col li, .blog-grid.blog-2col li {
  width: 50%;
}

.portfolio-grid.work-2col li.grid-item-double, .blog-grid.blog-2col li.grid-item-double {
  width: 100%;
}

/* portfolio 1 column */
.portfolio-grid.work-1col li {
  width: 100%;
}

/* portfolio grid */
.portfolio-grid {
  list-style: none;
  padding: 0;
  margin: 0;
}

.portfolio-grid .grid-item figure {
  margin: 0;
  position: relative;
  overflow: hidden;
}

.portfolio-grid .grid-item figure img {
  display: block;
  width: 100%;
  cursor: pointer;
}

.portfolio-grid .grid-item {
  opacity: 1;
  overflow: hidden;
}

.portfolio-grid .grid-item figure img {
  cursor: pointer;
  display: block;
  opacity: 1;
  width: 100%;
  transition: all 0.3s ease 0s;
}

.portfolio-grid .grid-item figcaption {
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  width: 100%;
  height: 100%;
  padding: 45px;
  z-index: 1;
  text-align: center;
}

.portfolio-grid .grid-item figure:hover .portfolio-img {
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}

.portfolio-grid .grid-item figure .portfolio-img {
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}

.portfolio-grid .grid-item figure:hover img {
  opacity: 0.15;
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}

.portfolio-grid .grid-item figure:hover figcaption {
  opacity: 1;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}

.container .hover-option4 .grid-item figcaption {
  padding: 30px;
}

/* blog grid */
.blog-grid {
  list-style: none;
  padding: 0;
  margin: 0;
}

.blog-grid .grid-item a {
  position: relative;
  z-index: 11;
}

.blog-grid .grid-item a img {
  width: 100%;
}

/* justified gallery */
.justified-gallery > a > .caption, .justified-gallery > div > .caption {
  padding: 7px 15px;
  opacity: 0;
  display: initial !important;
  bottom: -20px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
}

.caption.caption-visible {
  opacity: 1;
  bottom: 0 !important;
}

/* portfolio hover style */
.grid-item .portfolio-hover-box {
  display: table-cell;
  height: 100%;
}

/* hover option 1 */
.hover-option1 .grid-item figcaption {
  height: 100%;
}

.hover-option1 .grid-item .portfolio-hover-main {
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  display: table;
  height: 100%;
  top: 0;
  width: 100%;
}

/* hover option 2 */
.hover-option2 .grid-item figcaption {
  height: 100%;
}

.hover-option2 .grid-item .portfolio-hover-main {
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  display: table;
  height: 100%;
  top: 0;
  width: 100%;
}

.hover-option2 .grid-item .portfolio-hover-content {
  bottom: -15px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}

.hover-option2 .grid-item:hover .portfolio-hover-content {
  bottom: 0;
}

.hover-option2 .separator-line-horrizontal-medium-light2 {
  opacity: 0.5;
}

.hover-option2 .grid-item figure:hover img {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -ms-filter: blur(5px);
  -o-filter: blur(5px);
  filter: blur(5px);
  opacity: 0.1;
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}

.container .hover-option2 .grid-item figcaption {
  padding: 30px;
}

/* hover option 3 */
.hover-option3 .grid-item .slide-hover-box {
  position: absolute;
  width: 100%;
  height: 100%;
}

.hover-option3 .grid-item .opacity-medium {
  opacity: 0;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}

.hover-option3 .grid-item .slide-hover-box:hover .opacity-medium {
  opacity: 0.5;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}

.hover-option3 .grid-item figure {
  bottom: 130px;
  z-index: 5;
  width: 100%;
  overflow: visible;
}

.hover-option3 .grid-item figure h6 {
  position: relative;
  bottom: -70px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}

.hover-option3 .grid-item .slide-hover-box:hover h6 {
  bottom: 0;
}

.hover-option3 .grid-item figure p {
  bottom: -40px;
  opacity: 0;
  position: relative;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}

.hover-option3 .grid-item .slide-hover-box:hover p {
  opacity: 0.6;
  bottom: 0;
}

.hover-option3 .grid-item figure figcaption {
  left: 0;
  right: 0;
  opacity: 1;
  padding: 0 60px;
  height: auto;
  text-align: left;
}

.hover-option3 .grid-item .separator-line-horrizontal-medium-light2 {
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  width: 20%;
}

.hover-option3 .grid-item .slide-hover-box:hover .separator-line-horrizontal-medium-light2 {
  width: 60%;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}

/* hover option 4 */
.hover-option4 .grid-item figcaption {
  height: 100%;
}

.hover-option4 .grid-item .portfolio-hover-main {
  transform: none;
  display: table;
  height: 100%;
  top: 0;
  width: 100%;
}

.hover-option4 .grid-item figure:hover img {
  opacity: 0.08;
  transform: scale(1, 1);
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  filter: blur(4px);
  -webkit-filter: blur(4px);
  -moz-filter: blur(4px);
  -ms-filter: blur(4px);
  -o-filter: blur(4px);
}

.hover-option4 .grid-item .portfolio-hover-content {
  bottom: -15px;
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
}

.hover-option4 .grid-item:hover .portfolio-hover-content {
  bottom: 0;
}

.hover-option4 .swiper-slide.grid-item figcaption {
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
}

.hover-option4 .swiper-slide.grid-item:hover figcaption {
  opacity: 1;
}

/* hover option 5 */
.hover-option5 .grid-item figcaption {
  height: 100%;
  padding: 20px;
}

.hover-option5 .grid-item .portfolio-hover-main {
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  display: table;
  height: 100%;
  top: 0;
  width: 100%;
}

.hover-option5 .grid-item .portfolio-hover-box {
  padding: 20px;
}

.hover-option5 .grid-item:hover .portfolio-hover-box {
  background: rgba(0, 0, 0, 0.8);
}

.hover-option5 .grid-item .separator-line-horrizontal-medium-light2 {
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  top: 5px;
  width: 100px;
}

.hover-option5 .grid-item:hover .separator-line-horrizontal-medium-light2 {
  transform: translateY(-30px);
  -webkit-transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  -o-transform: translateY(-30px);
}

.hover-option5 .grid-item figure:hover img {
  opacity: 0.8;
}

.container .hover-option5 .grid-item .portfolio-hover-box {
  padding: 10px;
}

/* hover option 6 */
.hover-option6 .grid-item figcaption {
  height: 100%;
  position: relative;
  opacity: 1;
  padding: 35px 10px;
  background: #fff;
}

.hover-option6 .grid-item .portfolio-hover-main {
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  display: table;
  height: 100%;
  top: 0;
  width: 100%;
}

.hover-option6 .grid-item .portfolio-icon {
  transition: all 0.3s ease 0s;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 55%;
  left: 0;
  right: 0;
  opacity: 0;
}

.hover-option6 .grid-item figure:hover .portfolio-icon {
  opacity: 1;
  top: 50%;
}

.hover-option6 .grid-item .portfolio-icon a {
  border-radius: 50%;
  border: 2px solid transparent;
  background: #fff;
  margin: 0 7px;
  height: 46px;
  width: 46px;
  display: inline-block;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

.hover-option6 .grid-item .portfolio-icon i.fa-link {
  font-size: 20px;
  position: relative;
  top: 11px;
}

.hover-option6 .grid-item .portfolio-icon i.fa-search {
  font-size: 16px;
  position: relative;
  top: 10px;
}

.hover-option6 .grid-item .portfolio-icon a:hover, .hover-option6 .grid-item .portfolio-icon a:hover i {
  background: transparent;
  color: #fff;
}

.hover-option6 .grid-item .portfolio-icon a:hover {
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
}

.hover-option6 .grid-item figure:hover img {
  cursor: default;
  opacity: 0.15;
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
}

.hover-option6 .grid-item figure:hover figcaption {
  cursor: default;
}

.hover-option6 .grid-item figure:hover .portfolio-img {
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}

.container .hover-option6 .grid-item figcaption {
  padding: 25px 10px;
}

/* hover option 7 */
.hover-option7 .grid-item figcaption {
  height: auto;
  position: absolute;
  opacity: 0;
  padding: 32px;
  bottom: -101px;
}

.hover-option7 .grid-item figure:hover figcaption {
  bottom: 0;
}

.hover-option7 .grid-item .portfolio-hover-main {
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  display: table;
  height: 100%;
  top: 0;
  width: 100%;
}

.hover-option7 .grid-item figure img {
  top: 0;
  position: relative;
}

.hover-option7 .grid-item figure:hover img {
  cursor: pointer;
  opacity: 1;
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  top: -101px;
}

.hover-option7 .grid-item figure:hover figcaption {
  cursor: pointer;
}

.hover-option7 .grid-item figure:hover .portfolio-img {
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  background: transparent;
}

.container .hover-option7 .grid-item figcaption {
  padding: 20px;
}

.container .hover-option7 .grid-item figure:hover img {
  top: -81px;
}

/* hover option 8 */
.hover-option8 .grid-item figure figcaption {
  opacity: 0;
  padding: 0;
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
}

.hover-option8 .grid-item figure:hover figcaption {
  opacity: 1;
  cursor: pointer;
}

.hover-option8 .grid-item .portfolio-hover-main {
  display: table;
  height: 100%;
  top: 0;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  width: 100%;
}

.hover-option8 .grid-item .portfolio-icon {
  position: absolute;
  right: 55px;
  top: 51px;
  transition: all 0.1s ease 0s;
  -webkit-transition: all 0.1s ease 0s;
  -moz-transition: all 0.1s ease 0s;
  -ms-transition: all 0.1s ease 0s;
  -o-transition: all 0.1s ease 0s;
}

.hover-option8 .grid-item figure:hover figcaption {
  padding: 25px;
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}

.hover-option8 .grid-item figure:hover figcaption .portfolio-hover-main {
  background: #fff;
}

.hover-option8.portfolio-grid .grid-item figure:hover img {
  opacity: 1;
  filter: blur(4px);
  -webkit-filter: blur(4px);
  -moz-filter: blur(4px);
  -ms-filter: blur(4px);
  -o-filter: blur(4px);
}

.container .hover-option8 .grid-item figure:hover figcaption {
  padding: 20px;
}

.container .hover-option8 .grid-item .portfolio-icon {
  top: 30px;
  right: 35px;
}

/* hover option 10 */
.hover-option10 .grid-item * {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.hover-option10 .grid-item figure .portfolio-img img {
  transform: scale(1.05, 1.05);
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
}

.hover-option10 .grid-item figure:hover .portfolio-img 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);
  opacity: 0.15;
}

.hover-option10 .grid-item figure figcaption {
  padding: 0;
}

.hover-option10 .grid-item figure .portfolio-hover-main {
  display: table;
  width: 100%;
  height: 100%;
  padding: 50px;
}

.hover-option10 .grid-item figure .portfolio-icon {
  margin-bottom: 30px;
  position: relative;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.hover-option10 .grid-item figure .portfolio-hover-content {
  position: relative;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -moz-transform: translateY(100%);
  transform: translateY(100%);
}

.hover-option10 .grid-item figure:hover .portfolio-icon, .hover-option10 .grid-item figure:hover .portfolio-hover-content {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: translateY(0);
}

.hover-option10 .grid-item .portfolio-icon a {
  margin: 0 7px;
  height: 50px;
  width: 50px;
  display: inline-block;
  border-radius: 100%;
  border: 2px solid rgb(255, 255, 255);
  box-sizing: border-box;
  vertical-align: top;
  text-align: center;
  color: #fff;
}

.hover-option10 .grid-item .portfolio-icon a:hover {
  color: #232323;
  background: #fff;
  border-radius: 5px;
}

.hover-option10 .grid-item .portfolio-icon a:hover i {
  color: #232323;
}

.hover-option10 .grid-item .portfolio-icon i.fa-link {
  font-size: 22px;
  position: relative;
  top: 14px;
}

.hover-option10 .grid-item .portfolio-icon i.fa-search {
  font-size: 20px;
  position: relative;
  top: 13px;
}

.hover-option10 .grid-item .portfolio-icon i.ti-zoom-in {
  font-size: 20px;
  position: relative;
  top: 13px;
}

.container .hover-option10 .grid-item .portfolio-icon i.fa-link {
  font-size: 16px;
  position: relative;
  top: 10px;
}

.container .hover-option10 .grid-item .portfolio-icon i.fa-search {
  font-size: 14px;
  position: relative;
  top: 8px;
}

.container .hover-option10 .grid-item .portfolio-icon a {
  width: 45px;
  height: 45px;
}

.container .hover-option10 .grid-item figure .portfolio-hover-main {
  padding: 30px;
}

/* hover option 11 */
.hover-option11 .grid-item figcaption {
  height: 100%;
}

.hover-option11 .grid-item .portfolio-hover-main {
  transform: none;
  display: table;
  height: 100%;
  top: 0;
  width: 100%;
}

.hover-option11 .grid-item figure:hover img {
  opacity: 0.05;
  transform: scale(1, 1);
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  filter: blur(4px);
  -webkit-filter: blur(4px);
  -moz-filter: blur(4px);
  -ms-filter: blur(4px);
  -o-filter: blur(4px);
}

.hover-option11 .grid-item .portfolio-hover-content {
  bottom: -15px;
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
}

.hover-option11 .grid-item:hover .portfolio-hover-content {
  bottom: 0;
}

.hover-option11 .swiper-slide.grid-item figcaption {
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
}

.hover-option11 .swiper-slide.grid-item:hover figcaption {
  opacity: 1;
}

.hover-option11 .grid-item .portfolio-item-title {
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
}

.hover-option11 .grid-item > a:hover .portfolio-item-title {
  color: #fff;
}

.hover-option11 .grid-item .portfolio-img {
  margin-bottom: 33px;
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
}

.hover-option11 .grid-item .portfolio-img img {
  box-shadow: 0 0 8px rgb(0, 0, 0);
}

.hover-option11 .grid-item:hover .portfolio-img img {
  opacity: 0.6;
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
}

.hover-option11 .grid-item > a {
  display: block;
  position: relative;
}

.hover-option11 .grid-item > a:hover .portfolio-img {
  box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.2);
  transform: translateY(-10px);
}

/* portfolio filter tab style 1 */
.portfolio-filter-tab-1 li {
  margin: 0 25px;
  display: inline-block;
  float: none;
}

.portfolio-filter-tab-1 li a {
  background: transparent;
  border: none;
  padding: 0 0 2px 0;
  display: inline;
  color: #6f6f6f;
  margin: 0;
  border-bottom: 1px solid transparent;
}

.portfolio-filter-tab-1 li a:hover, .portfolio-filter-tab-1 li a:focus {
  background: transparent;
  border-bottom: 1px solid #232323;
  color: #232323;
}

.portfolio-filter-tab-1 li.active a {
  background: transparent !important;
  border-bottom: 1px solid #232323;
  color: #232323;
}

/* portfolio filter tab style 2 */
.portfolio-filter-tab-2 li.nav-item {
  display: inline-block;
  float: none;
}

.portfolio-filter-tab-2 li.nav-item a.nav-link {
  border: none;
  border-radius: 50px !important;
  padding: 7px 24px;
  margin-right: 4px;
  border-color: transparent !important;
}

.portfolio-filter-tab-2 li.nav-item a.nav-link:hover, .portfolio-filter-tab-2 li.nav-item > a.nav-link:focus {
  background: rgba(144, 144, 144, 0.22);
  color: #fff;
  border-color: transparent !important;
}

.portfolio-filter-tab-2.nav-tabs li.nav-item.active a.nav-link, .portfolio-filter-tab-2.nav-tabs li.nav-item.active a.nav-link:focus, .portfolio-filter-tab-2.nav-tabs li.nav-item.active a.nav-link:hover {
  border: none;
  background: rgba(144, 144, 144, 0.22);
  color: #fff;
  border: none;
}

/* blog and portfolio next pagination */
.blog-nav-link {
  padding: 30px 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  position: relative;
}

.blog-nav-link-prev .blog-nav-icon, .blog-nav-link-next .blog-nav-icon {
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  position: absolute;
}

.blog-nav-link-next {
  padding-right: 50px;
}

.blog-nav-link-next .blog-nav-icon {
  right: 0;
}

.blog-nav-link-prev {
  padding-left: 50px;
}

.blog-nav-link-prev .blog-nav-icon {
  left: 0;
}

/* ===================================
    Footer
====================================== */
/* scroll to top */
.scroll-top-arrow, .scroll-top-arrow:focus {
  color: #fff;
  background: #878787;
  line-height: 38px;
  display: none;
  height: 40px;
  width: 40px;
  padding: 0;
  position: fixed;
  right: 45px;
  text-align: center;
  text-decoration: none;
  top: 91%;
  z-index: 10006;
  border-radius: 100%;
}

.scroll-top-arrow:hover {
  background: #000;
  opacity: 0.8;
  color: #fff;
  border-color: #ff214f;
}

.scroll-top-arrow i {
  line-height: 30px;
  position: relative;
}

.bg-dark-footer {
  background-color: #141414;
}

.footer-logo {
  max-height: 60px;
}

/* footer input */
footer input::-webkit-input-placeholder {
  color: #6f6f6f;
  text-overflow: ellipsis;
  font-size: 11px;
  font-weight: 400;
  opacity: 1;
}

footer input::-moz-placeholder {
  color: #6f6f6f;
  text-overflow: ellipsis;
  font-size: 11px;
  font-weight: 400;
  opacity: 1;
}

footer input:-ms-input-placeholder {
  color: #6f6f6f;
  text-overflow: ellipsis;
  font-size: 11px;
  font-weight: 400;
  opacity: 1;
}

footer .newsletter input {
  color: #6f6f6f;
  letter-spacing: normal;
}

/* latest post */
.latest-post {
  list-style: none;
  padding: 0;
  margin: 0;
}

.latest-post li {
  /*display: table;*/
  padding: 15px 0;
}

aside .latest-post li {
  padding: 9px 0 10px;
}

aside .latest-post li:last-child {
  padding-bottom: 0;
}

.latest-post li:first-child {
  padding-top: 0;
}

.latest-post li:last-child {
  border-bottom: none;
}

.latest-post li figure {
  /*height:33px;*/
  width: 60px;
  float: left;
}

.latest-post li figure, footer .latest-post li div {
  /*display: table-cell; vertical-align: top;*/
  margin-bottom: 0;
}

aside .latest-post li figure {
  width: 75px;
}

.latest-post li div {
  line-height: normal;
  padding-left: 22px;
  position: relative;
  top: -1px;
}

.latest-post li figure:hover img, .latest-post li figure:focus img {
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
}

/* newsletter */
.newsletter input {
  float: left;
  font-size: 12px;
  color: #fff;
  width: 100%;
  height: 100%;
  padding: 0 38px 0 12px;
}

.newsletter .btn.btn-arrow-small {
  background: transparent none repeat scroll 0 0;
  margin-right: 0;
  height: 100%;
  padding-top: 0;
  padding-bottom: 5px;
  text-align: center;
  right: 0;
  border-width: 0 0 0 1px;
}

.newsletter .btn.btn-arrow-small i {
  color: #626262;
  font-size: 18px;
  display: block;
  margin-top: 6px;
}

.newsletter {
  width: 100%;
  height: 33px;
}

.newsletter .btn.border-color-white {
  border-color: #fff;
}

.newsletter .btn.border-color-black {
  border-color: #000;
}

.newsletter .btn.border-color-extra-dark-gray {
  border-color: #232323;
}

.newsletter .btn.border-color-medium-dark-gray {
  border-color: #363636;
}

.newsletter .btn.border-color-dark-gray {
  border-color: #939393;
}

.newsletter .btn.border-color-extra-medium-gray {
  border-color: #dbdbdb;
}

.newsletter .btn.border-color-medium-gray {
  border-color: #e4e4e4;
}

.newsletter .btn.border-color-extra-light-gray {
  border-color: #ededed;
}

.newsletter .btn.border-color-light-gray {
  border-color: #f5f5f5;
}

.newsletter .btn.border-color-light-pink {
  border-color: #862237;
}

.newsletter .btn.border-color-deep-pink {
  border-color: #ff214f;
}

.newsletter .btn.border-color-transparent-pink {
  border-color: rgba(255, 33, 79, 0.45);
}

@media (min-width: 992px) {
  .feature-box-14 > div:nth-child(even) {
    border-bottom: 0;
  }

  .feature-box-14 > div:nth-child(odd) {
    border-bottom: 0;
  }

  /*top logo*/
  .navbar-brand-top .navbar-collapse.collapse.display-inline-block {
    display: inline-block !important;
    vertical-align: middle;
  }

  .navbar-brand-top .nav-header-container {
    text-align: center;
  }

  .navbar-brand-top .nav-header-container .row {
    display: block !important;
  }

  .navbar-brand-top .brand-top-menu-right {
    vertical-align: middle;
    position: relative;
  }
}
@media (min-width: 768px) {
  .feature-box-14 > div:nth-last-child(2) {
    border-bottom: 0;
  }
}
@media (max-width: 1500px) {
  /* sidebar navigation */
  .sidebar-wrapper .container {
    width: 1000px;
  }

  /* blog post style 2 */
  .blog-post.blog-post-style2 .author span {
    padding-left: 10px;
  }
}
@media (max-width: 1400px) {
  .head-text {
    font-size: 60px;
    line-height: 70px;
  }

  .banner-style2 figcaption {
    width: 70%;
  }

  .banner-style1 figure figcaption img {
    width: 100px;
  }

  .banner-style1 figure:hover figcaption p {
    height: 150px;
  }

  .feature-box.feature-box-17 .box .content {
    top: 40px;
  }

  /* tab-style5 */
  .tab-style5 .tab-box {
    left: 27%;
  }

  .tab-style5 .nav-tabs li {
    font-size: 24px;
    line-height: 52px;
  }
}
@media (max-width: 1300px) {
  /* sidebar navigation */
  .sidebar-wrapper .container {
    width: 830px;
  }

  /* feature box style 7 */
  .feature-box.feature-box-7 div:first-child .box {
    border-left: medium none;
  }

  /* feature box style 4 */
  .grid-item.feature-box-4 figure figcaption {
    width: 90%;
    padding: 0 0 15px 30px;
  }

  /* menu center */
  .menu-center .header-social-icon a i, .menu-center .header-searchbar a i {
    margin: 0 8px;
  }

  .menu-center .header-social-icon {
    padding-left: 10px;
  }

  .menu-center .header-searchbar {
    padding-left: 0;
    padding-right: 5px;
  }

  .menu-center .header-social-icon {
    margin-left: 0;
  }

  /* sidebar nav style 2 */
  .left-nav-sidebar .container {
    width: 1070px;
  }

  /* small box-layout */
  .box-layout.box-layout-md {
    padding: 0;
  }
}
@media (max-width: 1250px) {
  /*skillbar bar style2*/
  .box-layout .skillbar-bar-style2 .skillbar {
    width: 75%;
  }
}
@media (max-width: 1199px) {
  .panel-group * {
    transition-timing-function: none;
    -moz-transition-timing-function: none;
    -webkit-transition-timing-function: none;
    -o-transition-timing-function: none;
    transition-duration: 0s;
    -ms-transition-timing-function: none;
    -moz-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
  }

  section {
    padding: 90px 0;
  }

  /* typography */
  h1, h2, h3, h4, h5, h6 {
    margin: 0 0 22px;
    padding: 0;
    letter-spacing: 0;
    font-weight: 400;
  }

  h1 {
    font-size: 65px;
    line-height: 65px;
  }

  h2 {
    font-size: 50px;
    line-height: 55px;
  }

  h3 {
    font-size: 42px;
    line-height: 48px;
  }

  h4 {
    font-size: 35px;
    line-height: 41px;
  }

  h5 {
    font-size: 27px;
    line-height: 32px;
  }

  h6 {
    font-size: 22px;
    line-height: 27px;
  }

  /* header padding top */
  .lg-header-padding-top {
    padding-top: 82px;
  }

  .lg-header-margin-top {
    margin-top: 80px;
  }

  /* owl slider height */
  .slider-half-screen {
    min-height: 650px;
  }

  /* box layout */
  .box-layout {
    padding: 0 0;
  }

  .lg-no-background-img {
    background-image: none !important;
  }

  /* navigation */
  header nav .navbar-nav > li > a {
    margin: 0 18px;
  }

  /* nav box width */
  header nav.nav-box-width {
    padding: 0;
  }

  /* skillbar bar style */
  .box-layout .skillbar-bar-style2 .skillbar {
    width: 88%;
  }

  /* sidebar menu */
  nav.navbar.sidebar-nav ul.nav > li > a {
    padding: 10px 5px;
  }

  .nav.navbar-right-sidebar .dropdown.on .second-level {
    left: 230px;
  }

  .sidebar-wrapper {
    padding-left: 230px;
  }

  nav.navbar.sidebar-nav {
    width: 230px;
    padding-left: 0;
    padding-right: 0;
  }

  .nav.navbar-left-sidebar li {
    padding: 0 20px;
  }

  .sidebar-nav .dropdown-menu li > a {
    margin: 0 15px;
  }

  .sidebar-nav-style-1 .nav.navbar-left-sidebar .dropdown.on .second-level {
    left: 230px;
    width: 230px;
  }

  .sidebar-nav-style-1 .nav.navbar-left-sidebar .second-level .dropdown.on .third-level {
    left: 460px;
    width: 230px;
  }

  .sidebar-wrapper .portfolio-grid.work-4col li, .sidebar-wrapper .blog-grid.work-4col li {
    width: 33.33%;
  }

  /* feature-box-4 */
  .feature-box-4 figure figcaption {
    padding: 20px;
  }

  .feature-box-4 figure figcaption .btn {
    opacity: 1;
  }

  .feature-box-4 figure:hover figcaption {
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
  }

  /* feature-box-10 */
  .feature-box-10 .number-center::before {
    width: 180%;
  }

  .feature-box-10 .number-center::after {
    width: 180%;
  }

  /* feature-box-12 */
  .feature-box-12 .hover-content-box {
    width: 100%;
  }

  /* footer */
  .social-style-2 ul li {
    margin: 0 10px 5px 0;
  }

  /* hamburg menu */
  .hamburger-menu-links {
    font-size: 40px;
    line-height: 45px;
  }

  .menu-middle {
    width: 85%;
  }

  .side-left-menu-close.active {
    display: block;
  }

  /* sidebar nav style 2 */
  .left-nav-sidebar .container {
    width: 850px;
  }

  /* next prev button style 3 */
  .swiper-button-prev.swiper-prev-style3, .swiper-button-next.swiper-next-style3 {
    left: 57.8%;
  }

  /*tab style 4*/
  .tab-style4 .nav-tabs li a {
    padding: 0 15px;
  }

  /* tab-style5 */
  .tab-style5 .tab-box {
    left: 28%;
  }

  .tab-style5 .nav-tabs li {
    font-size: 22px;
    line-height: 48px;
  }

  .tab-style5 .nav-tabs .nav-link.active {
    padding-left: 30px;
  }

  /* homepage 14 */
  .box-separator-line {
    left: -60px;
    top: 86px;
  }

  .right-image {
    bottom: -250px;
    width: 70%;
    right: -130px;
  }

  .content-right-slider .swiper-button-next {
    right: 20px;
  }

  .content-right-slider .swiper-button-prev {
    left: 20px;
  }

  /* font size */
  .title-large {
    font-size: 90px;
    line-height: 90px;
  }

  .text-extra-large {
    font-size: 18px;
    line-height: 24px;
  }

  .percent {
    line-height: 125px;
  }

  /* portfolio grid */
  .portfolio-grid.work-6col li, .blog-grid.blog-6col li {
    width: 25%;
  }

  .portfolio-grid.work-6col li.grid-item-double, .blog-grid.blog-6col li.grid-item-double {
    width: 50%;
  }

  /* portfolio 5 column */
  .portfolio-grid.work-5col li, .blog-grid.blog-5col li {
    width: 33.333%;
  }

  .portfolio-grid.work-5col li.grid-item-double, .blog-grid.blog-5col li.grid-item-double {
    width: 50%;
  }

  .portfolio-grid.work-4col li, .blog-grid.blog-4col li {
    width: 33.333%;
  }

  .portfolio-grid.work-4col li.grid-item-double, .blog-grid.blog-4col li.grid-item-double {
    width: 66.667%;
  }

  .portfolio-grid.work-4col li.grid-item-double:last-child, .blog-grid.blog-4col li.grid-item-double:last-child {
    width: 100%;
  }

  /*mega menu*/
  nav.navbar.bootsnav li.dropdown .mega-menu-full {
    padding: 25px;
  }

  nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li {
    border-right: none;
  }

  nav.navbar.bootsnav li.dropdown ul li ul li:last-child {
    border-bottom: none;
  }

  nav.navbar.bootsnav li.dropdown .menu-back-div > ul {
    width: 920px;
  }

  nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a, nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li.dropdown-header {
    padding: 2px 0;
  }

  /*counter-box*/
  .counter-box-3 .counter-box {
    display: inline-block;
    width: 100px;
  }

  /*banner style 01*/
  .banner-style1 figure:hover figcaption p {
    height: 80px;
  }

  .banner-style1 figure figcaption img {
    width: 130px;
  }

  .swiper-pagination-bottom.swiper-container-horizontal .swiper-wrapper {
    margin-bottom: 50px;
  }

  .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
  }

  .swiper-slider-third .swiper-pagination-bullets {
    bottom: 25px;
  }

  .swiper-full-screen .swiper-pagination, .hover-option3 .swiper-pagination {
    bottom: 30px;
  }

  /* hover option 3 */
  .hover-option3 .grid-item a:hover p {
    bottom: 0;
    opacity: 1;
  }

  .hover-option3 .grid-item figure p {
    bottom: 0;
    opacity: 1;
    margin-bottom: 30px;
  }

  .hover-option3 .grid-item figure h6 {
    bottom: 0;
  }

  .hover-option3 .grid-item figure figcaption {
    padding: 0 30px;
  }

  /*next prev button style 2*/
  .swiper-next-style2 {
    right: 5%;
  }

  .swiper-prev-style2 {
    left: 5%;
  }

  .swiper-auto-slide .swiper-scrollbar {
    left: 15%;
    width: 70%;
  }

  .swiper-auto-slide .swiper-slide.swiper-slide-active .absolute-middle-center h2 {
    transition: all 0.4s ease-in-out 0.4s;
    -webkit-transition: all 0.4s ease-in-out 0.4s;
    -moz-transition: all 0.4s ease-in-out 0.4s;
    -ms-transition: all 0.4s ease-in-out 0.4s;
    -o-transition: all 0.4s ease-in-out 0.4s;
  }

  /* swiper-bottom-scrollbar-full */
  .swiper-bottom-scrollbar-full .swiper-slide img {
    max-height: 450px;
    opacity: 1;
    filter: contrast(130%);
    -webkit-filter: contrast(130%);
    -moz-filter: contrast(130%);
    -ms-filter: contrast(130%);
    -o-filter: contrast(130%);
  }

  .swiper-bottom-scrollbar-full .swiper-slide:hover img {
    max-height: 450px;
  }

  .swiper-bottom-scrollbar-full .bottom-text {
    opacity: 1;
    letter-spacing: 3px;
  }

  .swiper-bottom-scrollbar-full .swiper-slide:hover .bottom-text {
    opacity: 1;
    letter-spacing: 3px;
    left: 0;
  }

  .swiper-bottom-scrollbar-full .swiper-slide:hover .hover-title-box {
    right: 0;
    opacity: 1;
  }

  .hover-title-box {
    opacity: 1;
    right: 0;
    text-align: center;
    top: inherit;
    bottom: 50%;
    transform: translateY(160px);
    -moz-transform: translateY(160px);
    -webkit-transform: translateY(160px);
    -o-transform: translateY(160px);
    -ms-transform: translateY(160px);
    z-index: 99;
    width: 100%;
  }

  .swiper-bottom-scrollbar-full .swiper-slide .hover-title-box {
    visibility: visible;
  }

  /* portfolio grid */
  .portfolio-grid.portfolio-metro-grid.work-4col li {
    width: 50%;
  }

  .portfolio-grid.portfolio-metro-grid.work-4col li.grid-item-double {
    width: 50%;
  }

  .portfolio-grid.portfolio-metro-grid.work-4col li.grid-item-double:last-child {
    width: 50%;
  }

  .portfolio-grid.portfolio-metro-grid.work-6col li {
    width: 50%;
  }

  .portfolio-grid.portfolio-metro-grid.work-6col li.grid-item-double {
    width: 50%;
  }

  .portfolio-grid.portfolio-metro-grid.work-6col li.grid-item-double:last-child {
    width: 50%;
  }

  .portfolio-grid.portfolio-metro-grid.work-3col li {
    width: 50%;
  }

  .portfolio-grid.portfolio-metro-grid.work-3col li.grid-item-double {
    width: 50%;
  }

  .portfolio-grid.portfolio-metro-grid.work-3col li.grid-item-double:last-child {
    width: 50%;
  }

  /* blog header style1 */
  .blog-header-style1 li figure figcaption {
    padding: 30px;
  }

  .demo-heading {
    font-size: 35px;
    line-height: 41px;
  }
}
@media (max-width: 1150px) {
  /* sidebar navigation */
  .sidebar-wrapper .container {
    width: 750px;
  }
}
@media (max-width: 1050px) {
  /* sidebar navigation */
  .sidebar-wrapper .container {
    width: 100%;
    max-width: 100%;
  }

  .parallax {
    background-attachment: inherit;
  }

  .feature-box.feature-box-17 .box .content {
    top: 50px;
  }

  .sidebar-nav .logo-holder {
    min-height: 60px;
  }

  nav.navbar.bootsnav.sidebar-nav li.dropdown ul.dropdown-menu {
    padding-top: 112px;
  }

  .nav.navbar-left-sidebar li a {
    padding: 17px 0;
  }

  .sidebar-part2 .sidebar-middle {
    padding: 90px 0 90px;
  }

  .sidebar-part2 .sidebar-middle {
    padding: 110px 0;
  }
}
@media (max-width: 1024px) and (min-width: 992px) {
  .sidebar-part2 .sidebar-middle, .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
    padding: 90px 0 220px;
  }

  header .sidebar-part2 nav.navbar.bootsnav ul > li > a {
    font-size: 30px;
    line-height: 37px;
  }

  .sidebar-part2 ul > li {
    padding: 7px 20px 7px 0;
  }
}
@media (max-width: 991px) {
  /* typography */
  h1, h2, h3, h4, h5, h6 {
    margin: 0 0 18px;
    padding: 0;
    letter-spacing: 0;
    font-weight: 400;
  }

  h1 {
    font-size: 57px;
    line-height: 58px;
  }

  h2 {
    font-size: 43px;
    line-height: 48px;
  }

  h3 {
    font-size: 36px;
    line-height: 41px;
  }

  h4 {
    font-size: 30px;
    line-height: 35px;
  }

  h5 {
    font-size: 24px;
    line-height: 30px;
  }

  h6 {
    font-size: 22px;
    line-height: 26px;
  }

  p {
    margin: 0 0 20px;
  }

  .title-large {
    font-size: 70px;
    line-height: 65px;
  }

  .title-extra-large {
    font-size: 100px;
    line-height: 95px;
  }

  .percent {
    line-height: 125px;
  }

  /* custom */
  section {
    padding: 75px 0;
  }

  section.big-section {
    padding: 120px 0;
  }

  section.extra-big-section {
    padding: 150px 0;
  }

  section.half-section {
    padding: 40px 0;
  }

  /* header style */
  header * {
    transition-timing-function: none;
    -moz-transition-timing-function: none;
    -webkit-transition-timing-function: none;
    -o-transition-timing-function: none;
    -ms-transition-timing-function: none;
    transition-duration: 0s;
    -moz-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
  }

  .dropdown-menu {
    box-shadow: none;
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
  }

  .navbar-collapse {
    left: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    backface-visibility: hidden;
  }

  nav.navbar.bootsnav ul.nav > li.dropdown > ul.dropdown-menu, nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu.mega-menu {
    padding: 10px 15px 0 !important;
    margin: 0;
    float: left;
    top: 0 !important;
  }

  nav.navbar.bootsnav .navbar-nav {
    margin: 0;
    padding: 0;
    background-color: rgba(23, 23, 23, 0.95);
    padding-right: 1px;
  }

  nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li {
    border-bottom: none;
    margin-bottom: 10px;
  }

  nav.navbar.bootsnav li.dropdown.show .mega-menu-full {
    padding-top: 10px;
  }

  nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li:last-child {
    margin-bottom: 0;
  }

  nav.navbar.bootsnav .navbar-nav li, nav.navbar.bootsnav li.dropdown ul.mega-menu-full li.dropdown-header {
    display: block;
    clear: both;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    border-top: 0;
  }

  .navbar-nav li > a, nav.navbar.navbar-default ul.nav > li > a, nav.navbar-brand-top.navbar.navbar-default ul.nav > li > a, header .navbar-nav li > a, header nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li > a, header nav.navbar-fixed-top.header-light.white-link .navbar-nav > li > a, nav.navbar.bootsnav li.dropdown ul.mega-menu-full li > a, header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a, nav.navbar.bootsnav li.dropdown ul.mega-menu-full li.dropdown-header {
    margin: 0;
    padding: 9px 15px 8px;
    color: #939393;
    display: block;
    line-height: normal;
  }

  .navbar-nav li > a, nav.navbar.navbar-default ul.nav > li > a, header .navbar-nav li > a, header nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li > a, header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li > a, header.header-appear nav.bootsnav.header-light .navbar-nav > li > a {
    color: #fff;
  }

  nav.navbar.bootsnav ul.nav > li.dropdown > ul.dropdown-menu li a, nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu.mega-menu li a, nav.navbar.bootsnav li.dropdown ul.mega-menu-full li.dropdown-header {
    padding-left: 0;
    padding-right: 0;
  }

  .simple-dropdown.show > ul > li {
    border: 0 !important;
  }

  nav.navbar.bootsnav li.dropdown ul.mega-menu-full li.dropdown-header {
    color: #fff;
  }

  nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a, nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li.dropdown-header {
    padding: 0;
    margin: 0;
  }

  nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li > ul {
    margin-top: 0;
  }

  nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
    color: #939393;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown ul.dropdown-menu > li.active > a {
    background-color: transparent;
    color: #fff;
  }

  nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li:hover > a {
    color: #fff;
  }

  nav.navbar.bootsnav li.dropdown ul.mega-menu-full li ul {
    margin-top: 0;
  }

  .navbar-nav > li.simple-dropdown ul.dropdown-menu {
    top: 0;
    min-width: 0;
  }

  nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown > .dropdown-menu {
    background-color: #232323;
  }

  nav.navbar.bootsnav .navbar-toggler {
    top: 3px;
  }

  .navbar-nav > li.dropdown > .fas {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    padding: 9px 15px 8px;
  }

  nav.navbar.bootsnav .navbar-nav > li.dropdown.show > ul, nav.navbar.bootsnav .navbar-nav > li.dropdown.on > ul {
    display: block !important;
    opacity: 1 !important;
  }

  nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
    border: 0;
    padding: 10px 0;
  }

  nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown ul.dropdown-menu > li > a {
    padding: 7px 0;
    left: 0;
  }

  .dropdown.simple-dropdown.show .dropdown-menu .dropdown .dropdown-menu {
    display: block !important;
    opacity: 1 !important;
  }

  nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown.show ul.dropdown-menu li > a.dropdown-toggle {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    color: #fff;
  }

  nav.navbar.bootsnav ul.nav .simple-dropdown ul.dropdown-menu li.dropdown ul.dropdown-menu {
    padding-left: 0 !important;
  }

  nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown > ul, nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown > ul > li.dropdown > ul {
    left: 0;
  }

  .simple-dropdown .dropdown-menu > li > a.dropdown-toggle .fas {
    display: none;
  }

  nav .accordion-menu {
    padding: 26px 15px 26px 15px;
  }

  .sticky nav .accordion-menu {
    padding: 26px 15px 26px 15px;
  }

  nav.navbar.bootsnav.menu-center ul.nav.navbar-center {
    width: 100%;
  }

  .center-logo {
    left: 0;
    position: relative;
    max-width: 100%;
    margin: 0;
    top: 0;
    transform: none;
    padding: 26px 15px;
  }

  .navbar-nav li {
    position: relative;
  }

  nav.navbar.bootsnav li.dropdown ul.mega-menu-full > li {
    padding: 0;
    border: 0;
  }

  nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li {
    padding-left: 0;
    padding-right: 0;
  }

  nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown {
    margin-bottom: 10px;
  }

  nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown > ul:before {
    display: none;
  }

  nav.navbar.bootsnav ul.navbar-nav.navbar-left > li:last-child > ul.dropdown-menu {
    border: 0;
  }

  header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li > a:hover, header.header-appear nav.bootsnav.header-light .navbar-nav > li > a:hover, header.header-appear nav.header-light-transparent .header-social-icon a:hover, header.header-appear nav.header-light .header-social-icon a:hover, header.header-appear nav.header-light.white-link .header-social-icon a:hover, header.header-appear nav.header-light-transparent.white-link .header-social-icon a:hover, header.header-appear nav.header-light-transparent.white-link .heder-menu-button a:hover, header.header-appear nav.header-light-transparent.white-link .header-searchbar a:hover, header nav.navbar .navbar-nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover, header.sticky nav.navbar.white-link .navbar-nav > li.active > a, header.sticky nav.navbar.bootsnav.white-link ul.nav > li.active > a {
    color: rgba(255, 255, 255, 0.6);
  }

  header nav.navbar.white-link .navbar-nav > li > a:hover, nav.navbar.bootsnav.white-link ul.nav > li > a:hover, header nav.navbar.white-link .header-social-icon a:hover, nav.navbar.bootsnav.white-link .header-social-icon a:hover, header nav.navbar.white-link .header-searchbar a:hover, nav.navbar.bootsnav.white-link .header-searchbar a:hover, header nav.navbar.bootsnav ul.nav.white-link > li > a:hover, header.header-appear nav.header-dark-transparent .navbar-nav > li > a:hover, header.header-appear nav.header-dark .navbar-nav > li > a:hover, header.sticky nav.header-dark .navbar-nav > li > a:hover, header.sticky nav.header-dark-transparent .navbar-nav > li > a:hover, header.header-appear nav.header-dark-transparent .search-button:hover, header.header-appear nav.header-dark .search-button:hover, header.sticky nav.header-dark .search-button:hover, header.sticky nav.header-dark-transparent .search-button:hover {
    color: rgba(255, 255, 255, 0.6);
  }

  header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .header-searchbar a:hover, header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .header-social-icon a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .header-searchbar a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .header-social-icon a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a:hover {
    color: rgba(255, 255, 255, 0.6);
  }

  header.sticky nav.navbar.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar.bootsnav.white-link ul.nav > li > a:hover, header.sticky nav.navbar.white-link .navbar-nav > li > a.active, header.sticky nav.navbar.bootsnav.white-link ul.nav > li > a.active {
    color: rgba(255, 255, 255, 0.6);
  }

  header.sticky nav.navbar.header-dark.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar.bootsnav.header-dark.white-link ul.nav > li > a:hover, header.sticky nav.header-dark .header-social-icon a:hover {
    color: rgba(255, 255, 255, 0.6);
  }

  nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li.dropdown-header {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  }

  nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li:last-child img {
    display: none;
  }

  nav.navbar.navbar-default ul li.dropdown .dropdown-menu li > a:hover {
    left: 0;
  }

  .dropdown.show > div {
    display: block !important;
    opacity: 1 !important;
  }

  header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a {
    color: #fff;
  }

  header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a:hover, header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li.active > a {
    color: #939393;
  }

  nav.menu-logo-center .accordion-menu {
    padding: 26px 15px;
  }

  .sticky nav.menu-logo-center .accordion-menu {
    padding: 26px 15px;
  }

  nav.navbar.sidebar-nav.bootsnav .navbar-left-sidebar li a:hover, nav.navbar.sidebar-nav.bootsnav .navbar-left-sidebar li.active > a {
    color: #000 !important;
  }

  header .sidebar-part2 nav.navbar.bootsnav ul > li > a:hover, header .sidebar-part2 nav.navbar.bootsnav ul > li.active > a {
    color: rgba(0, 0, 0, 0.6);
  }

  header .sidebar-part2 nav.navbar.bootsnav ul > li > a > .fas {
    top: -4px;
  }

  nav.navbar .container-fluid {
    padding-left: 24px;
    padding-right: 24px;
  }

  .header-with-topbar .navbar-top {
    top: 34px;
  }

  #search-header {
    width: 75%;
  }

  /* sidebar nav style 1 */
  .sidebar-wrapper {
    padding-left: 0;
  }

  nav.navbar.sidebar-nav {
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-property: display;
    -webkit-transition-property: display;
    -moz-transition-property: display;
    -ms-transition-property: display;
    -o-transition-property: display;
    left: -280px;
    width: 280px;
    z-index: 10005;
    padding: 60px 15px 15px;
    display: inline-block;
  }

  nav.navbar.sidebar-nav.sidebar-nav-style-1 .sidenav-header {
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 1;
  }

  nav.navbar.sidebar-nav.sidemenu-open {
    left: 0;
  }

  nav.navbar.sidebar-nav .navbar-toggler .icon-bar {
    background: #232323;
  }

  nav.navbar.bootsnav.sidebar-nav .navbar-collapse.collapse, .sidebar-part2 nav.navbar.bootsnav .navbar-collapse.collapse {
    display: block !important;
    max-height: 100%;
    position: relative;
    top: 0;
  }

  nav.navbar.bootsnav.sidebar-nav .mobile-scroll {
    display: block;
    max-height: 80%;
    overflow-y: auto;
    position: absolute;
  }

  .sidebar-nav .logo-holder, .sidebar-nav .footer-holder {
    padding: 0;
    text-align: left;
    display: inline-block;
  }

  .sidebar-nav .logo-holder {
    min-height: 0;
    padding: 15px 0;
  }

  .sidebar-nav.sidemenu-open .footer-holder {
    width: 100%;
    padding: 0;
    margin-right: 0;
  }

  .sidebar-nav .footer-holder {
    margin-right: 15px;
  }

  .sidebar-nav .footer-holder .navbar-form {
    margin: 0 auto;
  }

  nav.navbar.bootsnav.sidebar-nav .navbar-toggler {
    margin-bottom: 0;
    position: absolute;
    top: auto;
    vertical-align: middle;
    height: 100%;
    right: 15px;
  }

  nav.navbar.bootsnav.sidebar-nav .nav.navbar-left-sidebar .dropdown li:first-child {
    margin-top: 0;
  }

  nav.navbar.bootsnav.sidebar-nav ul.nav li.dropdown ul.dropdown-menu li {
    opacity: 1;
    visibility: visible;
  }

  nav.navbar.bootsnav.sidebar-nav ul.nav li.dropdown ul.dropdown-menu > li > a {
    color: #232323;
    margin: 0;
  }

  nav.navbar.bootsnav.sidebar-nav ul.nav li.dropdown ul.dropdown-menu > li.active > ul > li.active > a {
    color: #ff214f;
  }

  nav.navbar.bootsnav.sidebar-nav ul.nav li.dropdown ul.dropdown-menu > li > a .fas {
    display: none;
  }

  nav.navbar.bootsnav.sidebar-nav ul.nav li.dropdown.show ul.dropdown-menu > li > a {
    border-bottom: 1px solid #ededed !important;
  }

  nav.navbar.bootsnav.sidebar-nav ul.nav li.dropdown.show ul.dropdown-menu > li > ul.third-level > li > a {
    border-bottom: 0 !important;
    font-size: 11px;
    padding: 6px 0 0 0;
  }

  nav.navbar.bootsnav.sidebar-nav ul.nav li.dropdown.show ul.dropdown-menu > li > ul.third-level > li:first-child > a {
    padding-top: 10px;
  }

  nav.navbar.bootsnav.sidebar-nav ul.nav li.dropdown.show ul.dropdown-menu > li:last-child > ul.third-level > li:last-child > a {
    margin-bottom: 15px;
  }

  nav.navbar.bootsnav.sidebar-nav ul.nav li.dropdown.show ul.dropdown-menu li {
    margin-bottom: 5px;
  }

  .sidebar-nav-style-1 .nav.navbar-left-sidebar li {
    padding: 0;
  }

  .sidemenu-open .mobile-toggle span:first-child {
    transform: rotate(45deg) translate(7px);
    -webkit-transform: rotate(45deg) translate(7px);
    -moz-transform: rotate(45deg) translate(7px);
    -o-transform: rotate(45deg) translate(7px);
    -ms-transform: rotate(45deg) translate(7px);
  }

  .sidemenu-open .mobile-toggle span:nth-child(2) {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
  }

  .sidemenu-open .mobile-toggle span:last-child {
    transform: rotate(-45deg) translate(7px);
    -webkit-transform: rotate(-45deg) translate(7px);
    -moz-transform: rotate(-45deg) translate(7px);
    -o-transform: rotate(-45deg) translate(7px);
    -ms-transform: rotate(-45deg) translate(7px);
  }

  .sidebar-part2 nav.navbar.bootsnav li.dropdown.show > a > i {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
  }

  nav.navbar.bootsnav.sidebar-nav .nav.navbar-left-sidebar li.dropdown.show > a > i {
    transform: translateY(-50%) rotate(90deg);
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
  }

  /* mega menu */
  nav.navbar.bootsnav li.dropdown .menu-back-div > ul {
    width: 100%;
  }

  nav.navbar.bootsnav li.dropdown .mega-menu-full {
    padding: 0 15px;
  }

  nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a {
    padding: 8px 0;
    margin: 0;
  }

  header nav.navbar .navbar-nav > li.active > a, nav.navbar.bootsnav ul.nav > li.active > a, .dropdown-menu, header.header-appear nav.bootsnav.header-light .navbar-nav > li.active > a, header nav.navbar .navbar-nav > li.active > a, nav.navbar.bootsnav ul.nav > li.active > a {
    color: rgba(255, 255, 255, 0.6) !important;
  }

  header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li.dropdown.on > a, header.header-appear nav.bootsnav.header-light .navbar-nav > li.dropdown.on > a, header nav.navbar .navbar-nav > li.dropdown.on > a, nav.navbar.bootsnav ul.nav > li.dropdown.on > a {
    color: #fff;
  }

  nav.navbar.bootsnav li.dropdown .mega-menu-full {
    position: relative;
    top: 0;
  }

  /* sidebar nav style 2 */
  .left-nav-sidebar {
    padding-left: 0;
  }

  .left-nav-sidebar .fullscreenbanner {
    padding-left: 0 !important;
  }

  .sidebar-part2 .sidebar-middle {
    padding: 30px 0;
    display: block;
  }

  .sidebar-part2 .sidebar-middle-menu {
    display: block;
    overflow-y: auto;
    max-height: calc(100% - 10px);
  }

  .sidebar-part1 {
    width: 50px;
  }

  .sidebar-part2 nav.navbar.bootsnav .navbar-nav {
    background: transparent;
    padding: 0;
  }

  .sidebar-part2 ul > li {
    width: 100%;
    padding: 5px 30px 5px 0;
  }

  header .sidebar-part2 nav.navbar.bootsnav ul > li > a > .fas {
    right: -20px;
    top: 0;
    font-size: 22px;
  }

  .bottom-menu-icon a, .nav-icon span {
    width: 20px;
  }

  .bottom-menu-icon a {
    margin-top: 2px;
  }

  .bottom-menu-icon {
    width: 50px;
    padding: 13px 10px 11px;
  }

  .sidebar-part2:before {
    bottom: 55px;
    display: none;
  }

  .sidebar-part2 {
    background-color: #fff;
    border-right: 0 solid #dfdfdf;
    height: calc(100% - 50px);
    left: -300px;
    padding: 0 20px;
    overflow: auto;
    position: fixed;
    top: 50px;
    text-align: center;
    width: 300px;
    z-index: -1;
    transition: ease-in-out 0.5s;
  }

  .sidebar-part2 .right-bg {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
  }

  .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu:before {
    display: none;
  }

  .sidebar-part2 nav.navbar.bootsnav li.dropdown.show ul.dropdown-menu {
    display: block !important;
    opacity: 1 !important;
  }

  .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu, .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu .third-level {
    top: 0;
    transform: translateY(0);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    left: 0;
    background-color: transparent !important;
    padding-left: 10px !important;
  }

  header .sidebar-part2 nav.navbar.bootsnav ul li ul li {
    padding: 0;
  }

  .sidebar-part2 .dropdown ul.second-level, .sidebar-part2 .dropdown ul.third-level {
    border-left: none !important;
  }

  .sidebar-part2 nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
    color: #232323;
    padding: 0;
    margin-bottom: 2px;
  }

  .sidebar-part2 nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a > .fas {
    display: none;
  }

  header .sidebar-part2 nav.navbar.bootsnav ul > li > a {
    font-size: 20px;
    line-height: 24px;
    border: 0;
  }

  .sidebar-part2 nav.navbar.bootsnav li.dropdown.show ul.dropdown-menu .third-level {
    display: inherit;
  }

  .left-nav-sidebar .container {
    width: 700px;
  }

  .sidebar-part2 nav.navbar {
    text-align: left;
  }

  header .sidebar-part2 nav.navbar.bootsnav ul li.dropdown .dropdown-menu.second-level > li > a {
    font-weight: 500;
    margin-top: 8px;
    margin-bottom: 0;
  }

  header .sidebar-part2 nav.navbar.bootsnav ul li.dropdown .dropdown-menu.second-level > li:last-child {
    margin-bottom: 8px;
  }

  header .sidebar-part2 nav.navbar.bootsnav ul li.dropdown .dropdown-menu.second-level > li > .dropdown-menu.third-level > li:first-child > a {
    margin-top: 8px;
  }

  /* sidebar nav style 1-2 */
  nav.navbar.bootsnav.sidebar-nav .navbar-nav, .sidebar-part2 nav.navbar.bootsnav .navbar-nav {
    background-color: transparent;
    padding: 0 0px 0 0;
  }

  nav.navbar.bootsnav.sidebar-nav .navbar-nav {
    padding: 0;
    margin-right: 50px;
  }

  nav.navbar.bootsnav.sidebar-nav.sidemenu-open .navbar-nav {
    margin-right: 0;
  }

  nav.navbar.bootsnav.sidebar-nav .nav.navbar-left-sidebar .dropdown .second-level, .sidebar-part2 nav.navbar.bootsnav .nav.navbar-left-sidebar .dropdown .second-level {
    display: none !important;
  }

  nav.navbar.bootsnav.sidebar-nav .navbar-left-sidebar > li > a, .sidebar-part2 nav.navbar.bootsnav .navbar-left-sidebar > li > a {
    margin: 0;
    padding: 15px 15px 15px 0;
  }

  nav.navbar.bootsnav.sidebar-nav .nav.navbar-left-sidebar li a, .sidebar-part2 nav.navbar.bootsnav .nav.navbar-left-sidebar li a {
    border-bottom: 0 !important;
  }

  nav.navbar.bootsnav.sidebar-nav .nav.navbar-left-sidebar .dropdown.show .second-level, nav.navbar.bootsnav.sidebar-nav .nav.navbar-left-sidebar .dropdown.show .second-level .dropdown .third-level, .sidebar-part2 nav.navbar.bootsnav .nav.navbar-left-sidebar .dropdown.show .second-level, .sidebar-part2 nav.navbar.bootsnav .nav.navbar-left-sidebar .dropdown.show .second-level .dropdown .third-level {
    display: block !important;
    left: 0;
    width: 100%;
    height: auto;
    visibility: visible;
    opacity: 1 !important;
    background: transparent;
    padding: 0 0 0 8px !important;
  }

  header .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover {
    border: 0;
    color: #ff214f;
  }

  .sidebar-part1 {
    position: inherit;
    width: 50px;
    float: left;
  }

  .sidebar-part3 {
    position: absolute;
    right: 0;
    bottom: inherit;
    top: 0;
  }

  .left-nav {
    height: 50px;
    width: 100%;
  }

  /* new-menu page */
  .menu-new a:after {
    margin-top: 0;
  }

  .nav.navbar-left-sidebar .menu-new a:after {
    margin-top: 3px;
  }

  /* top logo */
  .navbar.navbar-brand-top.bootsnav .navbar-toggler {
    top: 5px;
  }

  .navbar-brand-top .brand-top-menu-right {
    margin-left: 10px;
  }

  .navbar-brand-top .navbar-brand {
    text-align: left;
  }

  .navbar-brand-top .navbar-nav {
    text-align: left;
  }

  /*brand center*/
  .brand-center .accordion-menu {
    float: right;
  }

  .brand-center .center-logo {
    max-width: 100%;
  }

  /* header padding top */
  .md-header-padding-top {
    padding-top: 82px;
  }

  .md-header-margin-top {
    margin-top: 80px;
  }

  /* parallax */
  .parallax {
    background-position: center;
  }

  .portfolio-filter-tab-1 li {
    margin: 10px 20px;
  }

  .portfolio-filter-tab-2 li.nav-item a.nav-link {
    padding: 7px 18px;
  }

  .portfolio-grid.work-6col li, .blog-grid.blog-6col li {
    width: 50%;
  }

  .portfolio-grid.work-4col li, .blog-grid.blog-4col li {
    width: 50%;
  }

  .sidebar-wrapper .portfolio-grid.work-4col li, .sidebar-wrapper .blog-grid.work-4col li {
    width: 50%;
  }

  .portfolio-grid.work-4col li.grid-item-double, .blog-grid.blog-4col li.grid-item-double {
    width: 50%;
  }

  .portfolio-grid.work-4col li.grid-item-double:last-child, .blog-grid.blog-4col li.grid-item-double:last-child {
    width: 50%;
  }

  .portfolio-grid.work-3col li, .blog-grid.blog-3col li {
    width: 50%;
  }

  .portfolio-grid.work-3col li.grid-item-double, .blog-grid.blog-3col li.grid-item-double {
    width: 50%;
  }

  /* feature-box-4 */
  .feature-box-4 figure figcaption {
    width: 100%;
    display: table-cell;
    margin: 0;
    padding: 15px;
    top: 0;
    height: 100%;
  }

  .grid-item.feature-box-4 figure figcaption .btn {
    opacity: 1;
  }

  .feature-box-4 figure:hover figcaption {
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
  }

  /* homepage option-1 */
  .bg-transparent-white {
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 96%, rgb(255, 255, 255) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(96%, rgb(255, 255, 255)), color-stop(100%, rgb(255, 255, 255)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 96%, rgb(255, 255, 255) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 96%, rgb(255, 255, 255) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 96%, rgb(255, 255, 255) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 96%, rgb(255, 255, 255) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
  }

  /* homepage option-3 */
  .md-swap-block {
    display: flex;
    flex-flow: column;
  }

  .md-swap-block > div:first-child {
    order: 2;
  }

  .md-swap-block .arrow-bottom::after {
    top: -29px;
    border: solid transparent;
    border-bottom-color: #f5f5f5;
    border-width: 15px;
    margin-left: -15px;
  }

  /* blog post style 3 */
  .md-no-background-img {
    background-image: none !important;
  }

  /* blog post style 3 */
  .blog-post-style3 .grid-item .blog-post .blog-post-images .blog-hover-icon i {
    font-size: 36px;
  }

  /*swiper button 3*/
  .swiper-button-prev.swiper-prev-style3, .swiper-button-next.swiper-next-style3 {
    left: 64.5%;
  }

  /* Homepage 13 */
  .gridblock-main {
    padding: 60px 30px;
  }

  /* feature box style 8 */
  .parallax-feature-box-bottom {
    position: relative;
  }

  /* Homepage 14 */
  .right-image {
    position: relative;
    width: 100%;
    bottom: 0;
    padding: 0 15px 0;
    right: 0;
    clear: both;
  }

  .box-separator-line {
    left: -45px;
    top: 66px;
  }

  .content-right-slider .swiper-button-next, .content-right-slider .swiper-button-prev, .swiper-button-prev.slider-long-arrow-white, .swiper-container-rtl .swiper-button-next.slider-long-arrow-white, .swiper-button-next.slider-long-arrow-white, .swiper-container-rtl .swiper-button-prev.slider-long-arrow-white {
    background-size: 25px auto;
    width: 30px;
  }

  /* full width menu nav */
  .full-width-pull-menu .link-style-2 ul li a {
    font-size: 36px;
    line-height: 70px;
  }

  .full-width-pull-menu .dropdown .dropdown-toggle {
    top: 35px;
  }

  /* feature box 10 */
  .feature-box-10 .number-center::before {
    width: 100%;
  }

  .feature-box-10 .number-center::after {
    width: 100%;
  }

  /* feature box 4 */
  .grid-item.feature-box-4 figure:hover figcaption {
    transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
  }

  /* hamburger menu */
  .hamburger-menu-wrepper {
    padding: 35px 36px;
  }

  .hamburger-menu-links {
    font-size: 32px;
    line-height: 32px;
  }

  .menu-middle {
    width: 95%;
  }

  /* Homepage 10 */
  .swiper-auto-slide {
    padding: 0 15px;
  }

  .swiper-auto-slide .swiper-slide {
    width: 100%;
  }

  /* feature-box-11 */
  .feature-box-11:nth-child(2) .progress-line:after {
    visibility: hidden;
  }

  /* skillbar bar style 1  */
  .skillbar-bar-style1 .skillbar {
    width: 86%;
  }

  /* feature box style 14 */
  .feature-box-14 > div:nth-child(even) {
    border-right: 0;
  }

  .feature-box-14 > div {
    border-bottom-width: 1px;
  }

  .feature-box-14 > div:last-child {
    border-bottom-width: 0;
  }

  /* homepage 6 */
  .icon-box .icon-box-holder {
    height: 90px;
  }

  .icon-box .icon-box-holder i {
    padding-top: 5px;
  }

  /* swiper pagination */
  .swiper-vertical-pagination > .swiper-pagination-bullets {
    right: 30px;
  }

  .right-image img {
    max-width: 100%;
  }

  .banner-style2 figcaption {
    width: 80%;
  }

  /*banner style 01*/
  .banner-style1 figure:hover figcaption p {
    height: 100px;
  }

  .counter-box-5 .counter-box .number {
    font-size: 50px;
    line-height: 50px;
  }

  .left-sidebar, .right-sidebar {
    padding: 15px;
  }

  /*scroll to top*/
  .scroll-top-arrow {
    display: none !important;
    opacity: 0 !important;
  }

  /* text property */
  .md-text-middle-line::before {
    display: none;
  }

  /* hover-option 3 */
  .hover-option3 .grid-item figure figcaption {
    padding: 0 30px;
  }

  .banner-style2 figcaption {
    width: 50%;
  }

  .list-style-6 li {
    padding: 0 0 8px 0;
  }

  .search-form .search-input {
    font-size: 24px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .search-form .search-button {
    font-size: 15px;
  }

  /*next prev button style 2*/
  .swiper-next-style2 {
    right: 15px;
  }

  .swiper-prev-style2 {
    left: 15px;
  }

  .swiper-auto-slide .swiper-scrollbar {
    left: 12%;
    width: 76%;
  }

  /* portfolio 5 column */
  .portfolio-grid.work-5col li, .blog-grid.blog-5col li {
    width: 50%;
  }

  .portfolio-grid.work-5col li.grid-item-double, .blog-grid.blog-5col li.grid-item-double {
    width: 50%;
  }

  /* blog comments list */
  .blog-comment li {
    padding: 30px 0;
  }

  /* blog post style4 */
  .blog-post-style4 figure figcaption {
    padding: 30px;
  }

  .blog-header-style1 {
    display: block;
  }

  .blog-header-style1 li {
    width: 100%;
  }

  .blog-header-style1 li.blog-column-active {
    width: 100%;
  }

  /* feature box */
  .feature-box.feature-box-17 .box .content {
    top: 30px;
  }

  /* icon type */
  .elements-social .extra-small-icon li, .elements-social .small-icon li, .elements-social .medium-icon li, .elements-social .large-icon li, .elements-social .extra-large-icon li {
    margin-bottom: 10px;
  }

  /* pricing table */
  .highlight .pricing-box {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }

  .demo-heading {
    font-size: 30px;
    line-height: 35px;
  }

  .nav.navbar-left-sidebar > li > a {
    line-height: normal;
  }

  .nav.navbar-left-sidebar > li .second-level li a {
    line-height: 20px;
  }

  /* latest post */
  aside .latest-post li {
    padding: 0 0 5px;
  }

  div .counter-box-4:nth-child(2n) .timer:after {
    display: none;
  }

  /*tab style 5*/
  .tab-style5 .nav-tabs li {
    font-size: 19px;
    line-height: 40px;
  }

  .tab-style5 .nav-tabs .nav-link.active {
    padding-left: 25px;
  }

  .tab-style5 .tab-box {
    left: 30px;
    transform: translate(0, -50%);
  }

  /* play icon */
  .icon-play-style-2 {
    left: 50%;
  }
}
@media (max-width: 767px) {
  body {
    font-size: 12px;
    line-height: 20px;
  }

  h1, h2, h3, h4, h5, h6 {
    margin: 0 0 17px;
    padding: 0;
    letter-spacing: 0;
    font-weight: 400;
  }

  h1 {
    font-size: 37px;
    line-height: 42px;
  }

  h2 {
    font-size: 30px;
    line-height: 36px;
  }

  h3 {
    font-size: 28px;
    line-height: 34px;
  }

  h4 {
    font-size: 24px;
    line-height: 30px;
  }

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

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

  /* image position*/
  .sm-background-image-left {
    background-position: left !important;
  }

  .sm-background-image-right {
    background-position: right !important;
  }

  .sm-background-image-center {
    background-position: center !important;
  }

  /* header padding top */
  .sm-header-padding-top {
    padding-top: 82px;
  }

  .sm-header-margin-top {
    margin-top: 80px;
  }

  .page-title-large h1 {
    font-size: 35px;
    line-height: 35px;
  }

  .page-title-medium h1 {
    font-size: 25px;
    line-height: 30px;
  }

  .title-large {
    font-size: 38px;
    line-height: 44px;
  }

  .title-extra-large {
    font-size: 35px;
    line-height: 40px;
  }

  /* feature box style 14 */
  .feature-box-14 > div:nth-child(even) {
    border-right: 0;
  }

  .feature-box-14 > div:nth-child(odd) {
    border-right: 0;
  }

  /* custom */
  section {
    padding: 50px 0;
  }

  section.big-section {
    padding: 80px 0;
  }

  section.extra-big-section {
    padding: 100px 0;
  }

  section.half-section {
    padding: 25px 0;
  }

  .sm-col-2-nth .col-sm-6:nth-child(2n+1) {
    clear: left;
  }

  .sm-col-3-nth .col-sm-4:nth-child(3n+1) {
    clear: left;
  }

  .sm-col-4-nth .col-sm-3:nth-child(4n+1) {
    clear: left;
  }

  /*.sm-mx-auto {float: none; margin: 0 auto;}*/
  .mobile-height, .swiper-full-screen {
    height: auto !important;
  }

  .mobile-height .full-screen, .swiper-full-screen .full-screen {
    height: 480px !important;
    min-height: 480px !important;
  }

  .overlap-section {
    margin-top: 0;
  }

  .gridblock-main {
    padding: 15px;
  }

  .gridblock-list li {
    width: 100%;
  }

  /*blockquote*/
  .blog-image blockquote {
    padding: 20px;
  }

  /* slider */
  .slider-half-small-screen {
    min-height: 330px;
  }

  .slider-half-screen {
    min-height: 420px;
  }

  /* portfolio grid */
  .portfolio-grid.work-6col li, .blog-grid.blog-6col li {
    width: 100%;
  }

  .portfolio-grid.work-6col li.grid-item-double, .blog-grid.blog-6col li.grid-item-double {
    width: 100%;
  }

  .portfolio-grid.work-4col li, .blog-grid.work-4col li {
    width: 100%;
  }

  .portfolio-grid.work-4col li.grid-item-double, .blog-grid.blog-4col li.grid-item-double {
    width: 100%;
  }

  .portfolio-grid.work-4col li.grid-item-double:last-child, .blog-grid.blog-4col li.grid-item-double:last-child {
    width: 100%;
  }

  .portfolio-grid.work-3col li, .blog-grid.work-3col li {
    width: 100%;
  }

  .portfolio-grid.work-3col li.grid-item-double, .blog-grid.work-3col li.grid-item-double {
    width: 100%;
  }

  .portfolio-grid.gutter-small, .blog-grid.gutter-small {
    margin: 0 7px;
  }

  .portfolio-grid.gutter-small li, .blog-grid.gutter-small li {
    padding: 7px 7px;
  }

  .portfolio-grid.gutter-extra-large li, .blog-grid.gutter-extra-large li {
    padding: 15px;
  }

  .portfolio-grid.gutter-extra-large, .blog-grid.gutter-extra-large {
    margin: 0 -15px;
  }

  .hover-option8 .grid-item .portfolio-icon {
    right: 39px;
    top: 34px;
  }

  .portfolio-grid.gutter-medium, .blog-grid.gutter-medium, .portfolio-grid.gutter-large, .portfolio-grid.gutter-large, .blog-grid.gutter-large {
    margin: 0;
  }

  .portfolio-grid.gutter-medium li, .blog-grid.gutter-medium li, .portfolio-grid.gutter-large li, .blog-grid.gutter-large li {
    padding: 7px 0;
  }

  .portfolio-grid.work-5col li, .blog-grid.blog-5col li {
    width: 100%;
  }

  .portfolio-grid.work-5col li.grid-item-double, .blog-grid.blog-5col li.grid-item-double {
    width: 100%;
  }

  /* portfolio 2 column */
  .portfolio-grid.work-2col li, .blog-grid.work-2col li {
    width: 100%;
  }

  .portfolio-grid.work-2col li.grid-item-double, .blog-grid.work-2col li.grid-item-double {
    width: 100%;
  }

  /* portfolio grid */
  .portfolio-grid.portfolio-metro-grid.work-4col li {
    width: 100%;
  }

  .portfolio-grid.portfolio-metro-grid.work-4col li.grid-item-double {
    width: 100%;
  }

  .portfolio-grid.portfolio-metro-grid.work-4col li.grid-item-double:last-child {
    width: 100%;
  }

  .portfolio-grid.portfolio-metro-grid.work-6col li {
    width: 100%;
  }

  .portfolio-grid.portfolio-metro-grid.work-6col li.grid-item-double {
    width: 100%;
  }

  .portfolio-grid.portfolio-metro-grid.work-6col li.grid-item-double:last-child {
    width: 100%;
  }

  .portfolio-grid.portfolio-metro-grid.work-3col li {
    width: 100%;
  }

  .portfolio-grid.portfolio-metro-grid.work-3col li.grid-item-double {
    width: 100%;
  }

  .portfolio-grid.portfolio-metro-grid.work-3col li.grid-item-double:last-child {
    width: 100%;
  }

  /* swiper-bottom-scrollbar-full */
  .swiper-bottom-scrollbar-full .swiper-slide img {
    max-height: 100%;
  }

  .swiper-bottom-scrollbar-full .swiper-slide:hover img {
    max-height: 100%;
  }

  /* verticle align */
  .sm-clear-both {
    clear: both;
  }

  /* feature box style 4 */
  .grid-item.feature-box-4 figure figcaption {
    padding-bottom: 30px;
  }

  /* swipe carousel  */
  .swiper-full-screen .swiper-pagination {
    bottom: 20px;
  }

  /* counter box style 3 */
  .counter-box-3 .counter-box {
    width: 25%;
  }

  .counter-box-3 .counter-box .number {
    font-size: 16px;
    line-height: 16px;
  }

  .counter-box-3 .counter-box span {
    font-size: 12px;
    line-height: 24px;
  }

  .counter-box-3 .counter-box:after {
    top: -1px;
  }

  /* counter box style 4 */
  .counter-box-4 .timer::after {
    display: none;
  }

  .icon-box .icon-box-holder i {
    padding-top: 0;
  }

  /*feature box 4*/
  .feature-box-4 .grid-item figcaption {
    padding: 0 20px;
  }

  .feature-box-4 figure figcaption {
    padding: 10% 5%;
    text-align: center;
  }

  /*feature box 5*/
  .feature-box-5 {
    padding-left: 0;
    text-align: center;
  }

  .feature-box-5 i {
    display: block;
    width: 100%;
    position: inherit;
    margin-bottom: 15px;
  }

  /*feature box 7*/
  .feature-box.feature-box-7 .box, .feature-box.feature-box-7 div:first-child .box {
    border: 1px solid #ededed !important;
  }

  /*feature box 9 */
  .feature-box-9:nth-child(3) {
    clear: left;
  }

  /*feature box 10 */
  .feature-box-10 .number-center::before, .feature-box-10 .number-center::after {
    height: 0;
  }

  /* feature box style 12 */
  .feature-box-12 .hover-content-box {
    width: calc(100% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  /* feature box style 17 */
  .feature-box.feature-box-17 .box .content {
    top: 25px;
  }

  /* hover option3 */
  .hover-option3 .grid-item figure {
    bottom: 80px;
  }

  .hover-option3 .grid-item figure figcaption {
    padding: 0 30px;
  }

  /* header social icon */
  .header-searchbar {
    padding-left: 5px;
  }

  .header-searchbar a i {
    margin-right: 0;
  }

  .header-right {
    margin-left: 0;
  }

  /* header with sticky topbar */
  .header-with-topbar.fixed-topbar nav.navbar.bootsnav.navbar-fixed-top, .sticky.header-with-topbar.fixed-topbar nav.navbar.bootsnav.navbar-fixed-top, .sticky.header-with-topbar.header-appear.fixed-topbar nav.navbar.bootsnav.navbar-top {
    top: 30px;
  }

  /* home-page-7 */
  .head-text {
    font-size: 30px;
    line-height: 36px;
  }

  .sidebar-wrapper .portfolio-grid.work-4col li, .blog-grid.blog-4col li, .blog-grid.blog-3col li {
    width: 100%;
  }

  .special-char-extra-large {
    font-size: 130px;
    line-height: 110px;
  }

  /* home-page-7 */
  .hover-option11.gutter-small .grid-item {
    padding: 0;
    margin-bottom: 25px;
  }

  /* swiper pagination */
  .swiper-pagination-square-bottom.swiper-pagination-bullets {
    bottom: -35px;
  }

  .swiper-number-pagination .swiper-pagination-bullets {
    bottom: auto;
    top: 25% !important;
  }

  .swiper-vertical-pagination > .swiper-pagination-bullets {
    right: 15px;
  }

  /*verticle slder homepage 12*/
  .swiper-container-autoheight .swiper-slide {
    height: auto;
  }

  .swiper-container-autoheight .swiper-slide:last-child {
    margin-bottom: 0;
  }

  .swiper-bottom-scrollbar-full .swiper-slide img {
    opacity: 1;
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: contrast(130%);
    -webkit-filter: contrast(130%);
    -moz-filter: contrast(130%);
    -ms-filter: contrast(130%);
    -o-filter: contrast(130%);
    width: 100%;
    max-height: 100%;
  }

  .hover-title-box .separator {
    position: relative;
    left: 0;
    top: 70px;
  }

  .swiper-bottom-scrollbar-full .bottom-text {
    opacity: 1;
  }

  .swiper-auto-slide.swiper-container {
    height: calc(100% - 93px);
    top: 78px;
  }

  .swiper-bottom-scrollbar-full .bottom-text {
    bottom: 25px;
  }

  .hover-title-box {
    opacity: 1;
    text-align: center;
    top: inherit;
    transform: translate(-50%, -30px);
    -moz-transform: translate(-50%, -30px);
    -webkit-transform: translate(-50%, -30px);
    -o-transform: translate(-50%, -30px);
    -ms-transform: translate(-50%, -30px);
    bottom: 0;
    left: 50%;
    right: 0;
    display: block;
  }

  /* swiper button style3 */
  .swiper-button-prev.swiper-prev-style3, .swiper-button-next.swiper-next-style3 {
    position: relative;
    bottom: 24px;
    display: inline-block;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    left: 50%;
    margin: 0;
  }

  .swiper-button-prev.swiper-prev-style3 {
    left: 50%;
    margin: 0 0 0 -85px;
  }

  /* left nav */
  .sidebar-part1, .bottom-menu-icon {
    width: 50px;
  }

  .bottom-menu-icon {
    padding: 8px 15px;
  }

  /* testimonial-style2 */
  .testimonial-style2 .profile-box {
    margin-top: -25px;
  }

  /* left-sidebar style 2 */
  .sidebar-part2 {
    width: 280px;
    left: -280px;
  }

  .sidebar-part2 .right-bg {
    right: 15px;
  }

  /* link style 2 */
  .full-width-pull-menu .link-style-2 ul li a {
    font-size: 26px;
    line-height: 60px;
  }

  .full-width-pull-menu .link-style-2 ul li a {
    line-height: 42px;
    font-size: 22px;
  }

  .full-width-pull-menu .link-style-2 .icon-social-medium a:first-child .fab {
    margin-left: 0;
  }

  .full-width-pull-menu .link-style-2 .dropdown ul li a {
    line-height: 16px;
    font-size: 12px;
    padding: 3px 0;
  }

  .link-style-2 .dropdown-backdrop {
    display: none;
  }

  /* close button */
  .close-button-menu {
    top: 5px;
    right: 5px;
  }

  /* full width pull menu */
  .full-width-pull-menu .dropdown span.dropdown-toggle {
    width: 30px;
    height: 30px;
    top: 21px;
  }

  .full-width-pull-menu .dropdown .dropdown-toggle:before {
    right: 15px;
    top: 10px;
  }

  .full-width-pull-menu .dropdown .dropdown-toggle:after {
    right: 10px;
    top: 15px;
  }

  /* btn */
  .btn-dual .btn {
    margin: 10px auto !important;
    display: table;
    min-width: 160px;
  }

  /* search form style */
  .search-form {
    width: 100%;
  }

  /*hamburger menu*/
  .animation-box {
    padding: 90px 0 30px;
  }

  .animation-box .menu-middle {
    overflow-y: auto;
    display: inherit;
  }

  .hamburger-menu-links {
    margin-bottom: 15px;
  }

  .hamburger-menu-links li {
    width: 100%;
    margin-bottom: 15px;
  }

  .hamburger-menu-links {
    font-size: 30px;
  }

  .hamburger-menu .hamburger-menu-wrepper .btn-hamburger {
    right: 15px;
  }

  .hamburger-menu-wrepper {
    padding: 20px 15px;
  }

  .menu-middle {
    width: 100%;
  }

  .hamburger-menu-links {
    font-size: 20px;
    line-height: 24px;
  }

  /* footer */
  .social-style-2 ul li {
    margin: 2px 5px;
  }

  .latest-post li div {
    float: left;
    width: 70%;
  }

  .latest-post li {
    width: 100%;
  }

  .footer-widget-area .list-unstyled {
    margin-bottom: 0;
  }

  .instagram-follow-api li {
    padding: 0 5px 10px;
  }

  .list-style-7 li {
    padding-bottom: 8px;
    margin-bottom: 5px;
  }

  /* feature-box-11 */
  .feature-box-11 .progress-line:after {
    visibility: hidden;
  }

  /* sidebar nav style 2 */
  .left-nav-sidebar .container {
    width: 100%;
  }

  .sidebar-part2 .sidebar-middle {
    padding: 15px 0 100px;
  }

  .sidebar-part2 .widget ul {
    bottom: -12px;
  }

  /* homepage 14 */
  .content-right-slider .swiper-button-next, .swiper-button-next.slider-long-arrow-white, .swiper-container-rtl .swiper-button-prev.slider-long-arrow-white {
    right: 5px;
  }

  .content-right-slider .swiper-button-prev, .swiper-button-prev.slider-long-arrow-white, .swiper-container-rtl .swiper-button-next.slider-long-arrow-white {
    left: 5px;
  }

  .content-right-slider .swiper-button-next, .content-right-slider .swiper-button-prev, .swiper-button-prev.slider-long-arrow-white, .swiper-container-rtl .swiper-button-next.slider-long-arrow-white, .swiper-button-next.slider-long-arrow-white, .swiper-container-rtl .swiper-button-prev.slider-long-arrow-white {
    background-size: 20px auto;
    width: 25px;
  }

  /*swiper bootom scroll bar for portfoio personal*/
  .swiper-bottom-scrollbar-full.swiper-container {
    height: 100%;
    top: 0;
    padding-top: 50px;
    overflow: hidden;
    float: left;
    display: block;
    position: relative;
  }

  .swiper-bottom-scrollbar-full .swiper-wrapper {
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
  }

  body.xs-overflow-hidden {
    overflow: auto !important;
  }

  /* homepage 19 */
  .swiper-vertical-pagination .box-arrow {
    height: 50px;
    position: absolute;
    right: -35px;
    bottom: 0;
    width: 50px;
  }

  .down-section {
    bottom: 40px;
  }

  .after-before-separator::before, .after-before-separator::after {
    margin: 0 10px;
    width: 25px;
  }

  /* social media icon style 3*/
  .social-style-3 ul li {
    margin: 0 8px;
  }

  /* tab */
  .nav-tabs {
    text-align: center;
  }

  .portfolio-filter-tab-1 li {
    margin: 5px 0;
    width: 100%;
  }

  .portfolio-filter-tab-2 li.nav-item {
    width: 100%;
    margin-bottom: 5px;
  }

  /* tab style 2 */
  .tab-style2 .nav-tabs > li > a.active {
    top: 0;
  }

  /*tab style 1*/
  .tab-style1 .nav-tabs li {
    width: 100%;
    margin-bottom: 30px;
  }

  .tab-style1 .nav-tabs li a {
    padding: 0;
  }

  /* team style 2 */
  .team-style-2 figure:hover figcaption .overlay-content {
    top: 20px;
  }

  /*tab style 2*/
  .tab-style2 .tab-content {
    padding: 30px 0 0;
  }

  .tab-style2 .nav-tabs li {
    display: block;
    margin-right: 0;
    width: 100%;
  }

  /*tab style 3*/
  .tab-style3 .tab-content {
    padding: 30px 0 0;
  }

  .tab-style3 .nav-tabs li {
    display: block;
    text-align: left;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

  .tab-style3 .nav-tabs li a {
    padding: 8px 0 !important;
  }

  /*tab style 3*/
  .tab-style4 .nav-tabs li {
    float: none;
  }

  /*tab style 5*/
  .tab-style5 .tab-box {
    position: inherit;
    transform: inherit;
    left: 0;
    top: 0;
    width: 100%;
    margin-bottom: 25px;
  }

  .tab-style5 .nav-tabs li {
    font-size: 17px;
  }

  .tab-style5 .nav-tabs .nav-link {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
    width: 100%;
  }

  .tab-style5 .nav-tabs .nav-link.active {
    padding-left: 0;
    width: 100%;
    border-bottom-width: 1px !important;
  }

  /* skillbar bar style 3  */
  .skillbar-bar-style3 .skillbar {
    width: 100%;
  }

  .team-image img {
    width: 100%;
  }

  .banner-style2 figure:hover figcaption {
    right: 10%;
  }

  .banner-style2 figcaption {
    width: 80%;
  }

  .text-decoration-line-through-black::before, .text-decoration-line-through-deep-pink:before {
    display: none;
  }

  .counter-box-5 .counter-box .number {
    font-size: 30px;
    line-height: 30px;
  }

  .counter-box-5 .counter-box {
    width: 20%;
  }

  .counter-box-5 .counter-box span {
    letter-spacing: 1px;
    font-size: 11px;
  }

  .navigation-area {
    right: 0;
  }

  .swiper-button-prev.swiper-prev-style4, .swiper-button-next.swiper-next-style4 {
    transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    top: 5px;
    right: -4px;
  }

  .swiper-button-next.swiper-next-style4 {
    top: 14px;
  }

  .blog-nav-link {
    padding: 10px 0;
    font-size: 12px;
  }

  .blog-nav-link-next {
    padding-right: 30px;
  }

  .blog-nav-link-prev {
    padding-left: 30px;
  }

  .blog-listing-comment {
    width: 100%;
    text-align: center;
  }

  .blog-listing-comment li {
    display: inline-block;
    float: none;
  }

  .blog-text .name {
    width: 100%;
    text-align: center;
  }

  .text-outside-line:after {
    display: none;
  }

  .text-outside-line:before {
    display: none;
  }

  .input-border-bottom {
    margin-bottom: 10px;
  }

  .sidebar-part3 {
    top: 6px;
  }

  .blog-text .name:nth-child(2) {
    padding-top: 0;
    padding-bottom: 0;
  }

  /* top logo */
  .navbar.navbar-brand-top.bootsnav .navbar-toggler {
    top: 4px;
  }

  .navbar-brand-top .brand-top-menu-right {
    margin-top: 1px;
    margin-left: 0;
  }

  /* slider image */
  .parallax-category-text {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    opacity: 1;
    padding: 5px 18px;
  }

  /* hover option 6 */
  .hover-option6 .grid-item .portfolio-icon i.fa-search {
    top: 12px;
  }

  /* header style */
  nav.navbar .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }

  #search-header {
    width: 90%;
    margin: 0 auto;
  }

  .search-form .search-input {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 34px;
  }

  .search-form .search-button {
    font-size: 12px;
    top: 20px;
  }

  /* social style */
  .social-style-5 ul li {
    margin: 5px;
  }

  .social-style-1 ul li {
    margin: 0 5px;
  }

  /* blog comment */
  .child-comment {
    padding-left: 20px;
  }

  .blog-comment li ul.child-comment {
    margin-left: 0;
  }

  .blog-comment li ul.child-comment li {
    margin-top: 30px;
  }

  img.alignleft, img.alignright {
    margin: 0 auto 15px;
    float: none;
    width: 100%;
  }

  blockquote {
    margin: 30px 0;
    padding: 15px 25px;
  }

  blockquote p {
    font-size: 14px;
    line-height: 24px;
  }

  /* blog caption */
  .wp-caption {
    max-width: 100%;
  }

  .wp-caption.alignleft, .wp-caption.alignright {
    float: none;
    margin: 5px 0 30px;
  }

  /* icon type */
  .icon-medium {
    font-size: 30px;
  }

  .icon-extra-medium {
    font-size: 30px;
  }

  .icon-large {
    font-size: 40px;
  }

  .extra-small-icon li, .small-icon li, .medium-icon li, .large-icon li, .extra-large-icon li {
    margin-bottom: 10px;
  }

  .uranus.tparrows:before {
    font-size: 20px;
  }

  .demo-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .tab-style4 .tab-content {
    padding-left: 15px;
  }

  .tab-style4 .nav-tabs {
    display: block !important;
    padding-right: 15px;
    margin-bottom: 30px;
  }

  .tab-style4 .nav-tabs li {
    border-right: 1px solid #e5e5e5;
  }

  /* latest post */
  aside .latest-post li {
    padding: 10px 0;
  }

  /*custome large icon size for mobile*/
  .large-icon.mobile-small li {
    margin: 0 6px 8px;
  }

  .large-icon.mobile-small a {
    font-size: 20px;
    width: 50px;
    height: 50px;
    line-height: 48px;
  }

  .text-outside-line-left {
    padding-left: 90px;
  }

  .text-outside-line-left:before {
    left: 0;
    width: 80px;
  }

  /* scroll down */
  .scroll-down-section {
    bottom: -35px;
  }

  .scroll-down-section div {
    height: 70px;
  }

  /* small arrow */
  .swiper-button-prev.slider-small-arrow-white, .swiper-button-prev.slider-small-arrow-black {
    left: 0;
  }

  .swiper-button-next.slider-small-arrow-white, .swiper-button-next.slider-small-arrow-black {
    right: 0;
  }

  /* play icon */
  .icon-play-style-2 .video-icon {
    width: 90px;
    height: 90px;
    margin-top: 0;
  }
}
@media (max-width: 640px) {
  /* special character */
  .special-char-medium {
    font-size: 60px;
  }

  /* feature box 7 */
  .feature-box {
    padding: 0 15px;
  }

  .feature-box.feature-box-7 .box, .feature-box.feature-box-7 div:first-child .box {
    border: 1px solid #ededed;
  }

  /* accordion-style2 */
  .accordion-style2 .panel-body {
    padding: 20px 10px;
  }

  .accordion-style2 .panel .panel-heading {
    padding: 15px 10px 16px 10px;
  }

  .accordion-style2 .tab-tag {
    margin-right: 3px;
  }

  /* accordion-style3 */
  .accordion-style3 .panel-body {
    padding: 20px 10px;
  }

  .accordion-style3 .panel .panel-heading {
    padding: 15px 10px 16px 10px;
  }

  .accordion-style3 .tab-tag {
    margin-right: 3px;
  }

  /* hover style 7 */
  .hover-option7 .grid-item figcaption {
    padding: 20px;
  }

  .hover-option7 .grid-item figure:hover img {
    top: -83px;
  }

  /* breadcrumb */
  .breadcrumb ul > li:after {
    padding: 0 3px 0 5px;
  }

  .skillbar-bar-style1 .skill-bar-percent {
    right: -30px;
  }

  .skillbar-bar-style2 .skill-bar-percent {
    right: -30px;
  }
}
/* ipad Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  /* slider image */
  .parallax {
    background-attachment: inherit;
    background-position: center;
  }
}
/* ipad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  /* slider image */
  .parallax {
    background-attachment: inherit;
    background-position: center;
  }
}
@media screen and (max-width: 55.1875em) {
  .cbp-spmenu-horizontal {
    font-size: 75%;
    height: 110px;
  }

  .cbp-spmenu-top {
    top: -110px;
  }

  .cbp-spmenu-bottom {
    bottom: -110px;
  }
}
@media screen and (max-height: 26.375em) {
  .cbp-spmenu-vertical {
    font-size: 90%;
    width: 190px;
  }

  .cbp-spmenu-left, .cbp-spmenu-push-toleft {
    left: -190px;
  }

  .cbp-spmenu-right {
    right: -190px;
  }

  .cbp-spmenu-push-toright {
    left: 190px;
  }
}
@media screen and (max-height: 320px) {
  nav.navbar.bootsnav.no-full .navbar-collapse {
    max-height: 240px;
  }
}

/*# sourceMappingURL=style.css.map */