/**
 * -----------------------------------------------------------------------------------
 *
 * Theme Name: Awam
 * Theme URI: https://ninetheme.com/wordpress-themes/
 * Description: Elementor Portfolio WordPress Theme
 * Author: Ninetheme
 * Author URI: https://ninetheme.com
 * Version: 1.0
 *
 * Main Color : #24d5b4
 * Main Font : Poppins , Roboto
 *
 * -----------------------------------------------------------------------------------
 */


/* ====================== [ 01 Start Basics ] ====================== */

:root {
  --font-size            : 16px;
  --font-weight          : 400;
  --line-height          : 1.3;
  --color-white          : #fff;
  --color-dark           : #000;
  --color-text           : #565656;
  --color-primary        : #de3315;
  --color-secondary      : #de3315;
  --listStyleCounterType : decimal-leading-zero;
}

* {
  -webkit-box-sizing : border-box;
  box-sizing         : border-box;
  margin             : 0;
  padding            : 0;
  outline            : none;
  word-wrap          : break-word;
  list-style         : none;
}

body,
html {
  position    : relative;
  margin      : 0;
  padding     : 0;
  color       : #000;
  overflow-x  : hidden;
  font-family : 'Poppins',
                sans-serif;
  font-size   : 15px;
  font-weight : 400;
  line-height : 1.8;
  word-break  : break-word;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin      : 20px auto;
  font-family : 'Jost',
                sans-serif;
  font-weight : 700;
}

h1,
h1.elementor-heading-title {
  font-size   : 61px;
  line-height : 69.3px;
}

h2,
h2.elementor-heading-title {
  font-size   : 48.82px;
  line-height : 55.03px;
}

h3,
h3.elementor-heading-title {
  font-size   : 39.1px;
  line-height : 49.8px;
}

h4,
h4.elementor-heading-title {
  font-size   : 31.25px;
  line-height : 41.87px;
}

h5,
h5.elementor-heading-title {
  font-size   : 25px;
  line-height : 35.5px;
}

h6,
h6.elementor-heading-title {
  font-size   : 20px;
  line-height : 27px;
}

p,
p.elementor-heading-title.elementor-size-default {
  margin      : 0;
  color       : var(--color-text);
  font-family : 'Poppins',
                sans-serif;
  font-size   : 15px;
  font-weight : 300;
  line-height : 1.8;
}

p+p {
  margin : 20px auto;
}

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

a {
  display         : inline-block;
  color           : inherit;
  text-decoration : none;
}

a:hover {
  color           : var(--color-secondary);
  text-decoration : none;
}

.elementor-text-editor p > a {
  color       : #de351a;
  font-weight : 400;
}

p > b {
  color       : #333;
  font-weight : 600;
}

span {
  color : inherit;
}

/* ====================== [ End Basics ] ====================== */

/* ====================== [ 02 Start Helper Classes ] ====================== */

.section-padding {
  padding : 120px 0;
}

.page-title {
  font-size   : 38px;
  font-weight : 800;
  line-height : 1.4;
}

.section-heading {
  margin-bottom : 80px;
}

.section-heading h6 {
  margin-bottom  : 10px;
  color          : #212529;
  text-transform : uppercase;
  font-size      : 13px;
  font-weight    : 500;
  letter-spacing : 3px;
}

.section-heading h3 {
  font-weight : 700;
  line-height : 1.5;
}

.bg-cover {
  background-repeat : no-repeat;
  background-size   : cover;
}

.bg-fixed {
  background-attachment : fixed;
}

.full-width {
  width : 100% !important;
}

.vert-align {
  display           : -webkit-box;
  display           : -ms-flexbox;
  display           : flex;
  -webkit-box-align : center;
  align-items       : center;
  -ms-flex-align    : center;
}
.clr-white{
    color: #fff!important;
}
/* smooth scrollbar */

/* width */

.has-custom--scrollbar::-webkit-scrollbar {
  width : 10px;
}

/* Track */

.has-custom--scrollbar::-webkit-scrollbar-track {
  background : #f1f1f1;
}

/* Handle */

.has-custom--scrollbar::-webkit-scrollbar-thumb {
  border-radius : 10px;
  background    : #888;
}

/* Handle on hover */

.has-custom--scrollbar::-webkit-scrollbar-thumb:hover {
  background : #555;
}

.button-slide span,
.content .img span,
.popup-video .vid-btn .icon,
.quote-icon,
.services-container .items .arrow-icon span,
.splitting span {
  display : inline-block;
}

/* ====================== [ End Helper Classes ] ====================== */

/* ====================== [ 03 Start Preloader ] ====================== */

.pace {
  z-index             : 99999999999999;
  position            : fixed;
  top                 : 0;
  right               : 0;
  bottom              : 0;
  left                : 0;
  width               : 400px;
  height              : 1px;
  margin              : auto;
  overflow            : hidden;
  border              : 0px;
  background          : #ccc;
  -webkit-transition  : all 1s;
  transition          : all 1s;
  -moz-user-select    : none;
  -ms-user-select     : none;
  -webkit-user-select : none;
  user-select         : none;
  pointer-events      : none;
}

.pace .pace-progress {
  z-index           : 99999999999999;
  display           : block;
  position          : fixed;
  position          : absolute;
  top               : 0;
  right             : 100%;
  width             : 100%;
  max-width         : 400px;
  height            : 100%;
  background        : #212529;
  -webkit-transform : translate3d(0, 0, 0);
  transform         : translate3d(0, 0, 0);
}

.pace.pace-inactive {
  width   : 100vw;
  opacity : 0;
}

.pace.pace-inactive .pace-progress {
  max-width : 100vw;
}

.preloader-off .pace {
  display : none!important;
}

#preloader {
  z-index  : 999999999;
  position : fixed;
  width    : 100%;
  height   : 100vh;
  overflow : hidden;
}

#preloader:after,
#preloader:before {
  content                            : '';
  position                           : fixed;
  width                              : 50%;
  height                             : 100vh;
  background                         : #f1f1f1;
  -webkit-transition-timing-function : cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function         : cubic-bezier(0.19, 1, 0.22, 1);
}

#preloader:before {
  top  : 0;
  left : 0;
}

#preloader:after {
  right : 0;
}

#preloader.isdone {
  visibility               : hidden;
  -webkit-transition-delay : 1.5s;
  transition-delay         : 1.5s;
}

#preloader.isdone:after,
#preloader.isdone:before {
  width                    : 0;
  -webkit-transition       : all 0.7s cubic-bezier(1, 0, 0.55, 1);
  transition               : all 0.7s cubic-bezier(1, 0, 0.55, 1);
  -webkit-transition-delay : 1s;
  transition-delay         : 1s;
}

.loading-text {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 10px;
    position: absolute;
    top: 45%;
    left: 50%;
    z-index: 10;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 60px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.3;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000;
    color: transparent!important;
}

@keyframes loading {
  from {
    max-width : 0;
  }
}

.loading-text:before {
  content   : attr(data-content);
  position  : absolute;
  max-width : 4em;
  color     : #000;
  overflow  : hidden;
  animation : loading 1.5s linear;
}

.has-sidebar-menu:not(.elementor-template-canvas) .loading-text {
  margin-left : -80px;
}

.has-sidebar-menu.sidebar-menu-right:not(.elementor-template-canvas) .loading-text {
  margin-right : -80px;
  margin-left  : auto;
}

.loading-text.isdone {
  top                      : 40%;
  opacity                  : 0;
  -webkit-transition       : all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition               : all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-delay : .5s;
  transition-delay         : .5s;
}

#preloader .loading-text-overlay {
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 0;
  color    : #000;
  overflow : hidden;
}

/* ====================== [ End Preloader ] ====================== */

/* ====================== [ 06 Start backtotop-wrap ] ====================== */

.backtotop-wrap {
  z-index            : 100;
  display            : block;
  visibility         : hidden;
  position           : fixed;
  right              : 30px;
  bottom             : 30px;
  width              : 44px;
  height             : 44px;
  opacity            : 0;
  border-radius      : 50px;
  -webkit-box-shadow : inset 0 0 0 2px rgba(130, 130, 130, 0.2);
  box-shadow         : inset 0 0 0 2px rgba(130, 130, 130, 0.2);
  -webkit-transform  : translateY(20px);
  transform          : translateY(20px);
  -webkit-transition : all 400ms linear;
  transition         : all 400ms linear;
  cursor             : pointer;
}

.backtotop-wrap.active-progress {
  visibility        : visible;
  opacity           : 1;
  -webkit-transform : translateY(0);
  transform         : translateY(0);
}

.backtotop-wrap::after {
  z-index            : 1;
  content            : '\f077';
  display            : block;
  position           : absolute;
  top                : 0;
  left               : 0;
  width              : 44px;
  height             : 44px;
  color              : #6c6d6d;
  text-align         : center;
  font-family        : 'Font Awesome 5 Free';
  font-size          : 13px;
  font-weight        : 900;
  line-height        : 44px;
  -webkit-transition : all 400ms linear;
  transition         : all 400ms linear;
  cursor             : pointer;
}

.backtotop-wrap svg path {
  fill : none;
}

.backtotop-wrap svg.progress-circle path {
  -webkit-box-sizing : border-box;
  box-sizing         : border-box;
  stroke             : #de3315;
  stroke-width       : 4;
  -webkit-transition : all 400ms linear;
  transition         : all 400ms linear;
}

.backtotop-wrap {
  -webkit-box-shadow : inset 0 0 0 2px rgba(130, 130, 130, 0.2);
  box-shadow         : inset 0 0 0 2px rgba(130, 130, 130, 0.2);
}

.backtotop-wrap::after {
  color : #6c6d6d;
}

/* ====================== [ End backtotop-wrap ] ====================== */

/* ====================== [ 04 Start Button Style ] ====================== */

.button-slide {
  position      : relative;
  padding       : 14px 35px;
  overflow      : hidden;
  border        : 2px solid #1e1e1e;
  border-radius : 4px;
  background    : transparent;
  cursor        : pointer;
}

.button-slide:hover:after {
  right : -10px;
}

.button-slide:hover i {
  padding-left       : 5px !important;
  -webkit-transition : all 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
  transition         : all 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
}

.awam-button i {
  -webkit-transition : all 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
  transition         : all 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
}

.button-slide:after {
  content            : '';
  position           : absolute;
  top                : -10px;
  right              : 100%;
  bottom             : -10px;
  left               : -10px;
  background         : #1e1e1e;
  -webkit-transition : all 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
  transition         : all 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
}

.button-slide span {
  z-index            : 2;
  position           : relative;
  text-transform     : uppercase;
  font-size          : 13px;
  letter-spacing     : 2px;
  -webkit-transition : all .1s;
  transition         : all .1s;
}

.button-slide:hover span {
  color              : #fff;
  -webkit-transition : all .8s;
  transition         : all .8s;
}

.button-slide.c-light {
  color        : #fff;
  border-color : #fff;
}

.button-slide.c-light:hover span {
  color : #1e1e1e;
}

.button-slide.c-light:after {
  background : #fff;
}

.button-slide.c-light:hover {
  color : var(--color-dark);
}

.button-slide.btn-radius {
  border-radius : 4px;
}

.button-slide.c-black {
  background : #1e1e1e;
}

.button-slide.c-black:after {
  background : #fff;
}

.button-slide.c-black span {
  color : #fff;
}

.button-slide.c-black:hover span {
  color : #1e1e1e;
}

.button-slide.c-white span {
  color : #1e1e1e;
}

.button-slide.c-white:hover span {
  color : #fff;
}

.button-slide.c-white {
  border-color : #fff;
  background   : #fff;
}

.button-slide.c-white:after {
  background : #090909;
}

.button-slide.size-lg {
  padding : 14px 40px;
}

.button-slide.size-lg span {
  font-size : 14px;
}

.button-slide.is-block {
  display         : flex;
  width           : 100%;
  justify-content : center;
}

/* ====================== [ End Button Style ] ====================== */

/* ====================== [ 07 Start Text Animation & Images ] ====================== */

.splitting.animated .char {
  -webkit-animation       : fadeInUp2 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
  animation               : fadeInUp2 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
  -webkit-animation-delay : calc(30ms * var(--char-index));
  animation-delay         : calc(30ms * var(--char-index));
}

.splitting.animated .word {
  -webkit-animation       : fadeInUp2 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
  animation               : fadeInUp2 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
  -webkit-animation-delay : calc(30ms * var(--word-index));
  animation-delay         : calc(30ms * var(--word-index));
}

.splitting.txt.animated .char,
.splitting.txt.animated .word {
  -webkit-animation       : fadeIn2 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
  animation               : fadeIn2 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
  -webkit-animation-delay : calc(10ms * var(--char-index));
  animation-delay         : calc(10ms * var(--char-index));
}

.splitting.txt .whitespace {
  width : 5px;
}
.elementor-heading-title.splitting .whitespace {
    width: 7px;
}

@-webkit-keyframes fadeInUp2 {
  0% {
    opacity           : 0;
    -webkit-transform : translateY(20px);
    transform         : translateY(20px);
  }

  100% {
    opacity           : 1;
    -webkit-transform : translateY(0);
    transform         : translateY(0);
  }
}

@keyframes fadeInUp2 {
  0% {
    opacity           : 0;
    -webkit-transform : translateY(20px);
    transform         : translateY(20px);
  }

  100% {
    opacity           : 1;
    -webkit-transform : translateY(0);
    transform         : translateY(0);
  }
}

@-webkit-keyframes fadeIn2 {
  0% {
    opacity : 0;
  }

  100% {
    opacity : 1;
  }
}

@keyframes fadeIn2 {
  0% {
    opacity : 0;
  }

  100% {
    opacity : 1;
  }
}

.imgover {
  position : relative;
}

.imgover .imgoverlay {
  visibility               : visible !important;
  position                 : absolute;
  right                    : 0;
  bottom                   : 0;
  width                    : 100%;
  height                   : 100%;
  background               : #fff;
  -webkit-transition       : all .5s linear;
  transition               : all .5s linear;
  -webkit-transition-delay : .2s;
  transition-delay         : .2s;
}

.imgover .animated {
  height : 0;
}

.imgoverlay[data-delay="100"] {
  -webkit-transition-delay : .1s;
  transition-delay         : .1s;
}

.imgoverlay[data-delay="200"] {
  -webkit-transition-delay : .2s;
  transition-delay         : .2s;
}

.imgoverlay[data-delay="300"] {
  -webkit-transition-delay : .3s;
  transition-delay         : .3s;
}

.imgoverlay[data-delay="400"] {
  -webkit-transition-delay : .4s;
  transition-delay         : .4s;
}

.imgoverlay[data-delay="500"] {
  -webkit-transition-delay : .5s;
  transition-delay         : .5s;
}

.imgoverlay[data-delay="600"] {
  -webkit-transition-delay : .6s;
  transition-delay         : .6s;
}

.imgoverlay[data-delay="700"] {
  -webkit-transition-delay : .7s;
  transition-delay         : .7s;
}

.imgoverlay[data-delay="800"] {
  -webkit-transition-delay : .8s;
  transition-delay         : .8s;
}

.imgoverlay[data-delay="900"] {
  -webkit-transition-delay : .9s;
  transition-delay         : .9s;
}

.imgoverlay[data-delay="1s"] {
  -webkit-transition-delay : 1s;
  transition-delay         : 1s;
}

/* ====================== [ End Text Animation & Images ] ====================== */

/* ====================== [ 08 Start Menu & Navbar ] ====================== */
.main-overlaymenu.open {
  z-index  : 99999;
  position : fixed;
  top: 0;
}
.main-overlaymenu .menu-wrapper {
  margin-top : 25px;
  color      : #fff;
}

.main-overlaymenu .link:before {
  z-index                    : 0;
  content                    : '';
  position                   : absolute;
  bottom                     : 12px;
  left                       : 0;
  width                      : 100%;
  height                     : 8px;
  background                 : #000000;
  transform                  : translate3d(-100%,0,0) translate3d(-1px,0,0);
  transition                 : transform 0.7s;
  transition-timing-function : cubic-bezier(0.7,0,0.3,1);
}

.main-overlaymenu .sub-menu .link:before {
  bottom : 5px;
  height : 10px;
}
.has-sidebar-menu .link:before {
  content : none;
}

.main-overlaymenu .link:hover:before {
  transform : translate3d(100%,0,0) translate3d(1px,0,0);
}

.hidden-item > .link,
.hidden-item > a {
  display     : flex;
  align-items : center;
}

.main-overlaymenu .menu-wrapper .main-menu > li span.nm {
  z-index        : -1;
  display        : inline-block;
  position       : absolute;
  left           : 2px;
  width          : 100%;
  margin-top     : 18px;
  margin-right   : 10px;
  padding        : 4px;
  background     : #de3315;
  vertical-align : bottom;
  font-size      : 11px;
}

.main-overlaymenu .menu-wrapper .main-menu > li .link i {
  margin-top  : -15px;
  margin-left : 8px;
  font-size   : 15px;
}
.has-sidebar-menu .main-overlaymenu .menu-wrapper .main-menu > li .link i {
  margin-top  : 0px;
}

.main-overlaymenu .menu-wrapper .main-menu .sub-menu {
  visibility : hidden;
  position   : absolute;
  top        : 0;
  left       : 0;
  opacity    : 0;
}

.main-overlaymenu .menu-wrapper .main-menu a:hover {
  color : #fff;
}

.admin-bar .main-overlaymenu .menu-header {
  top : 32px;
}

.admin-bar .main-overlaymenu.open .menu-header {
  top : 0px;
}


.menu-header,
.overlaybg,
.overlaymenu-content {
  display             : flex;
  position            : fixed;
  width               : 100%;
  background-repeat   : no-repeat;
  background-position : center;
  background-size     : cover;
  align-items         : center;
  -webkit-transition  : all 0s cubic-bezier(1, 0, 0.55, 1);
  transition          : all 0s cubic-bezier(1, 0, 0.55, 1);
}
.sticky-header-off:not(.open) .menu-header {
  position            : absolute;
}

.main-overlaymenu .container-fluid {
  padding : 0 45px;
}
.overlaymenu-content {
  z-index    : 99999;
  height     : 100vh;
  background-color : #000;
  left       : -100%;
}
/* menu header */

.menu-header {
  z-index            : 9999;
  padding            : 20px 0;
  color              : #fff;
  -webkit-transition : all .7s;
  transition         : all .7s;
}
.main-overlaymenu.open .menu-header {
  z-index : 999999;
}

.scroll-start .main-overlaymenu:not(.sticky-header-off) .menu-header {
  background-color : #000;
}

.menu-header .container-fluid {
  display     : flex;
  align-items : center;
}

.hamburger {
  display         : flex;
  align-items     : center;
  justify-content : center;
}

.logo-type-text {
  display            : flex;
  position           : relative;
  padding            : 3px 15px;
  overflow           : hidden;
  border             : 1px solid #dddddd4a;
  border-radius      : 4px;
  text-transform     : uppercase;
  font-family        : inherit;
  font-size          : 28px;
  font-weight        : 500;
  letter-spacing     : 3px;
  -webkit-transition : all 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
  transition         : all 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.has-sidebar-menu .logo-type-text {
  display            : inline-block;
}

.logo-type-text:after {
  z-index            : -1;
  content            : '';
  position           : absolute;
  top                : -10px;
  right              : 100%;
  bottom             : -10px;
  left               : -10px;
  background         : #de3418;
  -webkit-transition : all 0.5s cubic-bezier(0.39, 0.58, 0.57, 1);
  transition         : all 0.5s cubic-bezier(0.39, 0.58, 0.57, 1);
}

.logo-type-text:hover {
  color              : #fff;
  border-color       : #de3418;
  -webkit-transition : all 0.5s cubic-bezier(0.39, 0.58, 0.57, 1);
  transition         : all 0.5s cubic-bezier(0.39, 0.58, 0.57, 1);
}

.logo-type-text:hover:after {
  right : -10px;
}

.lang-select {
  z-index     : 1;
  display     : flex;
  position    : absolute;
  right       : 120px;
  margin      : 0;
  align-items : center;
}
.has-menu-title .lang-select {
    right: 160px;
}
.lang-select.lang-active .lang-arrow {
  margin-top         : -4px;
  -webkit-transform  : rotate(180deg);
  transform          : rotate(180deg);
  -webkit-transition : all .3s;
  transition         : all .3s;
}

.scroll-start .lang-select .sub-list {
  background : #000;
}

.lang-select .sub-list {
  position : absolute;
  top      : 100%;
  left     : 6px;
  opacity  : 0;
  border   : 1px solid rgb(255 255 255 / 28%);
}

.lang-select .sub-list.show {
  opacity : 1;
}

.lang-item.active {
  display     : flex;
  height      : 100%;
  align-items : center;
  cursor      : pointer;
}

.sub-lang-item a {
  display            : flex;
  position           : relative;
  width              : 50px;
  height             : 0px;
  overflow           : hidden;
  align-items        : center;
  justify-content    : center;
  -webkit-transition : all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
  transition         : all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
}

.show .sub-lang-item a {
  height : 30px;
}

.sub-lang-item a:before {
  z-index            : -1;
  content            : '';
  position           : absolute;
  top                : 0px;
  left               : -100%;
  width              : 100%;
  height             : 100%;
  background         : #de3315;
  -webkit-transition : all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
  transition         : all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
}

.sub-lang-item a:hover:before {
  left : 0px;
}

.sub-lang-item:hover a {
  z-index : 1;
  color   : #fff;
}

.lang-item.active img {
  margin-right : 6px;
}

.lang-select .lang-icon {
  margin-right : 8px;
  color        : #fff;
  font-size    : 16px;
}

.lang-select .lang-arrow {
  margin-left        : 5px;
  color              : #fff;
  font-size          : 12px;
  -webkit-transition : all .3s;
  transition         : all .3s;
}

.lang-select .uppercase {
  margin-top     : 1px;
  text-transform : uppercase;
  font-size      : 16px;
  font-weight    : 500;
  letter-spacing : 1px;
}

/* menu content */

.main-overlaymenu .menu-wrapper .main-menu {
  position : relative;
}

.main-overlaymenu .main-menu {
  position : relative;
}
.sub-menu.opened {
    z-index: 1;
}
.main-overlaymenu .main-menu > li {
  display        : block;
  visibility     : visible;
  width          : 100%;
  max-width      : 100%;
  margin         : 0px;
  color          : #fff;
  overflow       : hidden;
  text-transform : uppercase;
  vertical-align : middle;
  font-size      : 28px;
  font-weight    : 500;
  letter-spacing : 1px;
  list-style     : none;
  line-height    : 1.8;
}

.has-sidebar-menu .main-overlaymenu .main-menu > li {
  font-size      : 24px;
}
.main-menu .sub-menu li {
    font-size: 21px;
}
.main-overlaymenu .main-menu span.nm {
  z-index        : -1;
  display        : inline-block;
  position       : absolute;
  left           : 2px;
  width          : 100%;
  margin-top     : 18px;
  margin-right   : 10px;
  padding        : 4px;
  background     : #de3315;
  vertical-align : bottom;
  font-size      : 11px;
}

.main-overlaymenu .main-menu a {
  display     : inline-flex;
  align-items : center;
  cursor      : pointer;
}

.main-overlaymenu .link:after {
  z-index                    : 0;
  content                    : '';
  position                   : absolute;
  bottom                     : 12px;
  left                       : 0;
  width                      : 100%;
  height                     : 8px;
  background                 : #de3315;
  transform                  : translate3d(-100%,0,0) translate3d(-1px,0,0);
  transition                 : transform 0.7s;
  transition-timing-function : cubic-bezier(0.7,0,0.3,1);
}
.has-sidebar-menu .main-overlaymenu .link:after {
  content : none;
}

.main-overlaymenu .main-menu .hidden-item {
  display        : inline-block;
  position       : relative;
  overflow       : hidden;
  vertical-align : middle;
}

.main-overlaymenu .main-menu .goback .hidden-item {
  color       : #fff;
  font-size   : 14px;
  font-weight : 600;
  cursor      : pointer;
}

.main-overlaymenu .main-menu .goback i {
  margin-right : 10px;
}

.main-overlaymenu .main-menu .sub-menu {
  visibility : hidden;
  position   : absolute;
  top        : 0;
  left       : 0;
  opacity    : 0;
}


/* menu info */

.header-column {
  overflow : hidden;
}

.main-overlaymenu .menu-info {
  position   : relative;
  margin-top : 50px;
  color      : #fff;
}

.main-overlaymenu .menu-info #contentsearchsubmit {
  border-radius : 0px 4px 4px 0px;
}
.main-overlaymenu .menu-info .search_input {
    max-width: 500px;
    -webkit-transition: all 0s cubic-bezier(1, 0, 0.55, 1);
    transition: all 0s cubic-bezier(1, 0, 0.55, 1);
}
.main-overlaymenu .menu-info .search_input:focus {
    background-color: #fff;
}
.main-overlaymenu .menu-info .item {
  max-width     : 95%;
  margin-bottom : 15px;
  font-weight   : 300;
}

.main-overlaymenu .menu-info .item:last-of-type {
  margin-bottom : 0;
}

.main-overlaymenu .menu-info .item h6 {
  display       : block;
  margin-right  : 5px;
  margin-bottom : 10px;
  font-weight   : 700;
}

.main-overlaymenu .menu-info .item div {
  color : #888888;
}

.main-overlaymenu .cont-inner-second-area .item {
  -webkit-transition-delay : 0s;
  transition-delay         : 0s;
}

.main-overlaymenu .cont-inner-second-area .item h6 {
  display       : block;
  margin-bottom : 20px;
}

.main-overlaymenu .cont-inner-second-area .item p {
  color : #fff;
}

.main-overlaymenu.open .cont-inner-second-area .item {
  -webkit-transition-delay : 0.7s;
  transition-delay         : 0.7s;
}

/* menu copyright */

.item.header-footer {
  position                 : fixed;
  bottom                   : -45px;
  left                     : 45px;
  padding                  : 5px 15px;
  color                    : var(--color-white);
  opacity                  : 0;
  background               : var(--color-primary);
  -webkit-transition       : all .7s;
  transition               : all .7s;
  -webkit-transition-delay : 0.2s;
  transition-delay         : 0.2s;
}

.main-overlaymenu.open .item.header-footer {
  bottom                   : 0px;
  opacity                  : 1;
  -webkit-transition-delay : 1s;
  transition-delay         : 1s;
}

.item.header-footer p {
  color      : var(--color-white);
  text-align : left;
  font-size  : 13px;
}

.main-overlaymenu.has-internal-link {
  -webkit-transition : none;
  transition         : none;
}

/* ====================== [ End Menu & Navbar ] ====================== */

/**
 * ====================== [ 09 Sidebar Menu
 *
 * ] ======================
 */

/* SIDEBAR MENU */

.has-sidebar-menu:not(.elementor-template-canvas) {
  padding-left : 80px;
}

.has-sidebar-menu.sidebar-menu-right:not(.elementor-template-canvas) {
  padding-right : 80px;
  padding-left  : 0px;
}

.sidebarmenu--navigation {
  z-index    : 9;
  visibility : hidden;
  position   : fixed;
  top        : 0;
  left       : 80px;
  width      : 400px;
  height     : 100%;
  overflow   : hidden;
  background : #1c1b21;
  transform  : translateX(-100%);
}

.sidebar-menu-right .sidebarmenu--navigation {
  right     : 80px;
  left      : auto;
  transform : translateX(100%);
}

.sidebarmenu--navigation:before {
  content               : "";
  position              : absolute;
  top                   : 0;
  left                  : 0;
  width                 : 100%;
  height                : 100%;
  opacity               : 0.05;
  background-repeat     : no-repeat;
  background-attachment : fixed;
  background-position   : left;
}

.sidebarmenu--navigation {
  -webkit-transition-duration        : 500ms;
  transition-duration                : 500ms;
  -webkit-transition-timing-function : cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function         : cubic-bezier(0.86, 0, 0.07, 1);
}

.sidebarmenu--navigation.open {
  visibility : visible;
  transform  : translateX(0);
}

.sidebarmenu--navigation .main-overlaymenu {
  display         : flex;
  position        : relative;
  left            : 0;
  margin-top      : 120px;
  padding         : 0;
  background      : transparent;
  align-items     : flex-start;
  justify-content : center;
}

.sidebarmenu--navigation .main-overlaymenu .menu-wrapper {
  width      : 100%;
  margin-top : 0;
  padding    : 0 10%;
}

.sidebarmenu--navigation .main-overlaymenu .menu-wrapper .main-menu {
  position      : relative;
  margin-bottom : 0;
}

.sidebarmenu--navigation .logo {
  width      : 100%;
  margin-top : 20px;
  padding    : 0 10%;
}

/* HAMBURGER MENU */

.sidebarmenu--hamburger-menu {
  position                           : relative;
  width                              : 20px;
  height                             : 20px;
  margin                             : 30px;
  -moz-transform                     : rotate(0deg);
  -o-transform                       : rotate(0deg);
  -webkit-transform                  : rotate(0deg);
  transform                          : rotate(0deg);
  -webkit-transition-duration        : 500ms;
  transition-duration                : 500ms;
  -webkit-transition-timing-function : cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function         : cubic-bezier(0.86, 0, 0.07, 1);
  cursor                             : pointer;
}

.sidebarmenu--hamburger-menu span {
  display            : block;
  position           : absolute;
  left               : 0;
  width              : 20px;
  height             : 2px;
  opacity            : 1;
  background         : #1c1b21;
  -moz-transform     : rotate(0deg);
  -o-transform       : rotate(0deg);
  -webkit-transform  : rotate(0deg);
  transform          : rotate(0deg);
  -moz-transition    : .25s ease-in-out;
  -o-transition      : .25s ease-in-out;
  -webkit-transition : .25s ease-in-out;
  transition         : .25s ease-in-out;
}

.sidebarmenu--hamburger-menu span:nth-child(1) {
  top   : 0px;
  width : 13px;
}

.sidebarmenu--hamburger-menu span:nth-child(2) {
  top : 5px;
}

.sidebarmenu--hamburger-menu span:nth-child(3) {
  top   : 10px;
  width : 18px;
}

.sidebarmenu--hamburger-menu:hover span {
  width : 20px !important;
}

.sidebarmenu--hamburger-menu.open span {
  width : 20px !important;
}

.sidebarmenu--hamburger-menu.open span:nth-child(1) {
  top               : 5px;
  -moz-transform    : rotate(135deg);
  -o-transform      : rotate(135deg);
  -webkit-transform : rotate(135deg);
  transform         : rotate(135deg);
}

.sidebarmenu--hamburger-menu.open span:nth-child(2) {
  left    : -20px;
  opacity : 0;
}

.sidebarmenu--hamburger-menu.open span:nth-child(3) {
  top               : 5px;
  -moz-transform    : rotate(-135deg);
  -o-transform      : rotate(-135deg);
  -webkit-transform : rotate(-135deg);
  transform         : rotate(-135deg);
}

.sidebarmenu--hamburger-menu span:nth-child(1) {
  top   : 0px;
  width : 13px;
}

.sidebarmenu--hamburger-menu span:nth-child(2) {
  top : 5px;
}

.sidebarmenu--hamburger-menu span:nth-child(3) {
  top   : 10px;
  width : 18px;
}

.sidebarmenu--hamburger-menu:hover span {
  width : 20px !important;
}

.sidebarmenu--hamburger-menu.open span {
  width : 20px !important;
}

.sidebarmenu--hamburger-menu.open span:nth-child(1) {
  top               : 5px;
  -moz-transform    : rotate(135deg);
  -o-transform      : rotate(135deg);
  -webkit-transform : rotate(135deg);
  transform         : rotate(135deg);
}

.sidebarmenu--hamburger-menu.open span:nth-child(2) {
  left    : -20px;
  opacity : 0;
}

.sidebarmenu--hamburger-menu.open span:nth-child(3) {
  top               : 5px;
  -moz-transform    : rotate(-135deg);
  -o-transform      : rotate(-135deg);
  -webkit-transform : rotate(-135deg);
  transform         : rotate(-135deg);
}

/* SEARCH BOX */

.sidebarmenu--search-box {
  z-index         : 9998;
  display         : flex;
  position        : fixed;
  bottom          : -100%;
  left            : 80px;
  width           : calc(100% - 80px );
  height          : 100%;
  color           : #fff;
  background      : #1c1b21;
  align-items     : center;
  flex-direction  : column;
  justify-content : center;
}

.sidebar-menu-right .sidebarmenu--search-box {
  right : 80px;
  left  : auto;
}

.sidebarmenu--search-box {
  -webkit-transition-duration        : 500ms;
  transition-duration                : 500ms;
  -webkit-transition-timing-function : cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function         : cubic-bezier(0.86, 0, 0.07, 1);
}

body .sidebarmenu--search-box h2 {
  margin-bottom : 5%;
  color         : #fff;
  font-size     : 90px;
  font-weight   : 700;
}

.sidebarmenu--search-box form {
  width     : 100%;
  max-width : 800px;
}

.sidebarmenu--search-box form input[type="text"] {
  width      : 80%;
  height     : 60px;
  float      : left;
  padding    : 0 20px;
  border     : 1px solid rgba(255, 255, 255, 0.10);
  background : transparent;
  font-size  : 17px;
}

.sidebarmenu--search-box form button[type="submit"] {
  width  : 20%;
  height : 60px;
  color  : #1c1b21;
  border : none;
}

.sidebarmenu--search-box.open {
  bottom : 0;
}

.sidebarmenu--search-box #nt-logo {
  position : absolute;
  top      : 100px;
}

/* MAIN SIDE */

.sidebarmenu--main-side {
  z-index      : 9999;
  position     : fixed;
  top          : 0;
  left         : 0;
  width        : 80px;
  height       : 100%;
  border-right : 1px solid rgba(0, 0, 0, 0.05);
  background   : #fff;
}

.sidebar-menu-right .sidebarmenu--main-side {
  right       : 0;
  left        : auto;
  border-left : 1px solid rgba(0, 0, 0, 0.05);
}

.sidebarmenu--main-side .sidebarmenu--social-media {
  position   : absolute;
  top        : 50%;
  left       : 0;
  width      : 80px;
  margin     : 0;
  margin-top : -60px;
  padding    : 0;
  text-align : center;
}

.sidebarmenu--main-side .sidebarmenu--social-media li {
  width         : 100%;
  float         : left;
  margin-bottom : 15px;
  list-style    : none;
}

.sidebarmenu--main-side .sidebarmenu--social-media li:last-child {
  margin-bottom : 0;
}

.sidebarmenu--main-side .sidebarmenu--social-media li a {
  width     : 100%;
  float     : left;
  color     : #999;
  font-size : 13px;
}

.sidebarmenu--main-side .sidebarmenu--social-media li a:hover {
  color : #1c1b21;
}

.sidebarmenu--main-side .sidebarmenu--search {
  position    : absolute;
  bottom      : 30px;
  left        : 30px;
  width       : 20px;
  height      : 20px;
  font-size   : 18px;
  font-weight : 700;
}

.sidebarmenu--main-side .sidebarmenu--search .sidebarmenu--search-open {
  cursor : pointer;
}

.sidebarmenu--main-side .sidebarmenu--search .sidebarmenu--search-close {
  display : none;
  width   : 20px;
  height  : 20px;
  float   : left;
  cursor  : pointer;
}

.mobile--hamburger {
  z-index  : 99999;
  display  : none;
  position : absolute;
  top      : 0px;
  right    : 20px;
  margin   : 0;
}

.sidebarmenu--hamburger-menu.mobile--hamburger span {
  background : #ffffff;
}

.admin-bar .sidebarmenu--main-side,
.admin-bar .sidebarmenu--navigation {
  top    : 32px;
  height : calc(100% - 32px );
}

.admin-bar .sidebarmenu--headertop {
  top : 32px;
}

.sidebarmenu--headertop.mobile--header {
  z-index            : 9999;
  position           : absolute;
  width              : calc(100% - 80px );
  padding            : 20px 40px;
  color              : #fff;
  -o-transition      : all cubic-bezier(.4,0,.2,1) .4s;
  -webkit-transition : all cubic-bezier(.4,0,.2,1) .4s;
  transition         : all cubic-bezier(.4,0,.2,1) .4s;
}

/* ====================== [ End Sidebar Menu ] ====================== */

/**
 * ====================== [ 09 Page Hero
 *
 * ] ======================
 */

/* page hero */

.page-header {
  color      : #fff;
  background : #000000;
}

.page-header .cont-inner {
  padding : 240px 0 120px;
}

.page-header .cont-inner h4 {
  line-height : 1.6;
}

.page-header .cont-inner h4 .stroke {
  font-weight : 900;
}

.page-header .img-wrapper {
  position   : relative;
  min-height : 70vh;
}

.page-header .img-wrapper .title {
  z-index           : 3;
  position          : absolute;
  top               : 0;
  right             : 0px;
  width             : 100%;
  text-align        : right;
  -webkit-transform : translateY(-55%);
  transform         : translateY(-55%);
}

.page-header .img-wrapper .title .head-title {
  font-size   : 100px;
  font-weight : 900;
}

.page-header .img-wrapper .map {
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 100%;
}

.page-header.type-project .img-wrapper {
  min-height : 50vh;
}

.page-header.type-blog .cont-inner {
  padding : 220px 0;
}

.page-header.type-blog .cont-inner h2 {
  margin-bottom : 10px;
  line-height   : 1.6;
}

.page-header.type-blog .cont-inner .info a {
  margin         : 0 0 0 10px;
  color          : #aaa;
  text-transform : capitalize;
  font-size      : 12px;
}

/* ====================== [ End Page Hero ] ====================== */

/* ====================== [ 09 Start Slider ] ====================== */

.slider.fixed-slider {
  position : fixed;
  top      : 0;
  right    : 0;
  left     : 0;
}

.slider .parallax-slider {
  position : relative;
}

.slider .parallax-slider .swiper-slide {
  position       : relative;
  width          : 100%;
  min-height     : 100vh;
  padding-bottom : 50px;
  overflow       : hidden;
}

.slider .parallax-slider .swiper-slide .bg-cover {
  position        : absolute;
  top             : 0;
  right           : 0;
  bottom          : 0;
  left            : 0;
  background-size : cover;
}

.slider .parallax-slider .splitting .whitespace {
  margin-right : 20px;
}

.home-slider .parallax-slider .splitting.btn-stext .whitespace {
  margin-right : 6px;
}

.slider .parallax-slider .swiper-slide-active .caption .slider_hero_title {
  -webkit-transition : all 0s;
  transition         : all 0s;
}

.slider .parallax-slider .swiper-slide-active .caption .slider_hero_subtitle {
  clear          : both;
  margin-bottom  : 10px;
  color          : #fff;
  text-transform : uppercase;
  font-family    : 'Jost',
                   sans-serif;
  font-size      : 14px;
  font-weight    : 900;
  line-height    : 1.5em;
  letter-spacing : 2px;
}

.slider .parallax-slider .swiper-slide-active .caption .slider_hero_subtitle .whitespace {
  margin-right : 5px;
}

.slider .parallax-slider .swiper-slide-active .caption p {
  max-width  : 550px;
  margin-top : 20px;
  color      : #fff;
}

.slider .parallax-slider .container {
  width     : 100%;
  max-width : 100%;
  padding   : 0 50px;
}

.slider .parallax-slider .swiper-slide-active .caption .slider_hero_title .char {
  -webkit-animation       : fadeInUp2 0.5s cubic-bezier(0.3, 0, 0.7, 1) both;
  animation               : fadeInUp2 0.5s cubic-bezier(0.3, 0, 0.7, 1) both;
  -webkit-animation-delay : calc(60ms * var(--char-index));
  animation-delay         : calc(60ms * var(--char-index));
}

.slider .parallax-slider .swiper-slide-active .caption .btn-stext,
.slider .parallax-slider .swiper-slide-active .caption .slider_hero_title {
  visibility        : visible;
  opacity           : 1;
  -webkit-transform : translateY(0px);
  transform         : translateY(0px);
}

.slider .parallax-slider .swiper-slide-active .caption .btn-stext {
  -webkit-transition-delay : .8s;
  transition-delay         : .8s;
}

.slider .parallax-slider .caption .slider_hero_title {
  visibility         : hidden;
  color              : #fff;
  opacity            : 0;
  text-transform     : uppercase;
  font-family        : 'Jost',
                       sans-serif;
  font-size          : 60px;
  font-weight        : 900;
  line-height        : 1.3;
  letter-spacing     : 2px;
  -webkit-transition : opacity .5s,
                       visibility .5s;
  transition         : opacity .5s,
                       visibility .5s;
}

.slider .parallax-slider .caption.clasc h1 {
  font-size   : 55px;
  font-weight : 600;
}

.slider .parallax-slider .caption.clasc p {
  visibility               : hidden;
  margin-top               : 20px;
  color                    : #eee;
  opacity                  : 0;
  -ms-transform            : translateY(20px);
  -webkit-transform        : translateY(20px);
  transform                : translateY(20px);
  -o-transition            : all .7s;
  -webkit-transition       : all .7s;
  transition               : all .7s;
  -o-transition-delay      : .4s;
  -webkit-transition-delay : .4s;
  transition-delay         : .4s;
}

.slider .parallax-slider .swiper-slide-active .caption.clasc .button-slide,
.slider .parallax-slider .swiper-slide-active .caption.clasc p {
  visibility        : visible;
  opacity           : 1;
  -ms-transform     : translateY(0px);
  -webkit-transform : translateY(0px);
  transform         : translateY(0px);
}

.slider .parallax-slider .caption.clasc .button-slide {
  visibility               : hidden;
  opacity                  : 0;
  -ms-transform            : translateY(20px);
  -webkit-transform        : translateY(20px);
  transform                : translateY(20px);
  -o-transition            : all .7s;
  -webkit-transition       : all .7s;
  transition               : all .7s;
  -o-transition-delay      : .7s;
  -webkit-transition-delay : .7s;
  transition-delay         : .7s;
}

.slider .parallax-slider .caption .btn-stext {
  visibility               : hidden;
  position                 : relative;
  margin-top               : 30px;
  padding-left             : 0;
  color                    : #fff;
  opacity                  : 0;
  text-transform           : uppercase;
  font-size                : 12px;
  letter-spacing           : 3px;
  -webkit-transform        : translateY(20px);
  transform                : translateY(20px);
  -webkit-transition       : all .7s;
  transition               : all .7s;
  -webkit-transition-delay : .2s;
  transition-delay         : .2s;
}

.slider .parallax-slider .caption .btn-stext:after {
  z-index    : -1;
  content    : '';
  position   : absolute;
  top        : 69%;
  left       : 0;
  width      : 100%;
  height     : 7px;
  background : #d63116;
}

.slider .parallax-slider .caption .btn-stext:hover .char {
  -webkit-animation       : fadeIn 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
  animation               : fadeIn 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
  -webkit-animation-delay : calc(30ms * var(--char-index));
  animation-delay         : calc(30ms * var(--char-index));
}

.caption .button-slide.btn-icon-left i {
  margin-right : 5px;
}

.caption .button-slide.btn-icon-right i {
  margin-left : 20px;
}

.slider .parallax-slider .button-slide.c-light:after {
  z-index : -1;
}

.slider .swiper-slide .caption .slider_hero_desc {
  visibility         : hidden;
  max-width          : 550px;
  opacity            : 0;
  -webkit-transition : opacity 1s,
                       visibility 1s;
  transition         : opacity 1s,
                       visibility 1s;
}

.slider .swiper-slide-active .caption .slider_hero_desc {
  visibility               : visible;
  opacity                  : 1;
  -webkit-transition-delay : 1s;
  transition-delay         : 1s;
}

.slider .swiper-slide-active .caption .slider_hero_desc .char {
  -webkit-animation       : fadeIn2 0.5s cubic-bezier(0.3, 0, 0.7, 1) both;
  animation               : fadeIn2 0.5s cubic-bezier(0.3, 0, 0.7, 1) both;
  -webkit-animation-delay : calc(30ms * var(--char-index));
  animation-delay         : calc(30ms * var(--char-index));
}

.slider .parallax-slider .slider_hero_desc.splitting .whitespace {
  margin-right : 5px;
}

.slider .swiper-slide-active .button-slide {
  -webkit-animation       : fadeInUp2 0.5s cubic-bezier(0.3, 0, 0.7, 1) both;
  animation               : fadeInUp2 0.5s cubic-bezier(0.3, 0, 0.7, 1) both;
  -webkit-animation-delay : 1.2s;
  animation-delay         : 1.2s;
}

.slider .parallax-slider .social {
  z-index  : 6;
  position : absolute;
  bottom   : 20px;
  left     : 50px;
}

.slider .parallax-slider .social.active a {
  visibility        : visible;
  opacity           : 1;
  -webkit-transform : translateY(0);
  transform         : translateY(0);
}

.slider .parallax-slider .social .icon {
  width        : 20px;
  height       : 20px;
  margin-right : 10px;
  color        : #fff;
  cursor       : pointer;
}

.slider .parallax-slider .social a {
  visibility         : hidden;
  margin-right       : 7px;
  color              : #fff;
  opacity            : 0;
  font-size          : 11px;
  -webkit-transform  : translateY(10px);
  transform          : translateY(10px);
  -webkit-transition : all .3s;
  transition         : all .3s;
}

.slider .parallax-slider .social,
.slider .parallax-slider .social .icon {
  display         : flex;
  align-items     : center;
  justify-content : center;
}

.slide-controls .swiper-pagination-fraction {
  position : absolute;
  top      : auto;
  right    : 116px;
  bottom   : 30px;
  left     : auto;
  width    : auto;
  color    : #fff;
}

.slide-controls .swiper-pagination-fraction .swiper-pagination-current {
  position  : relative;
  color     : #de3315;
  font-size : 15px;
}

.slide-controls .swiper-pagination-fraction .swiper-pagination-current:after {
  content   : '-';
  position  : relative;
  margin    : 0 9px;
  font-size : 12px;
}

.slide-controls .swiper-button-next,
.slide-controls .swiper-button-prev {
  position           : absolute;
  top                : auto;
  right              : 70px;
  bottom             : 21px;
  left               : auto;
  width              : 40px;
  height             : 37px;
  color              : #ffffff;
  border-radius      : 0;
  font-size          : 14px;
  -webkit-transition : all 0.7s cubic-bezier(1, 0, 0.25, 1);
  transition         : all 0.7s cubic-bezier(1, 0, 0.25, 1);
}

.slide-controls .swiper-button-next:after,
.slide-controls .swiper-button-prev:after {
  display : none;
}

.slide-controls .swiper-button-next:hover,
.slide-controls .swiper-button-prev:hover {
  width        : 50px;
  border-color : #de3315;
  background   : #de3315;
}

.slide-controls .swiper-button-next i,
.slide-controls .swiper-button-prev i {
  position           : absolute;
  top                : 9px;
  left               : 54px;
  font-size          : 18px;
  -webkit-transition : all 0.7s cubic-bezier(1, 0, 0.25, 1);
  transition         : all 0.7s cubic-bezier(1, 0, 0.25, 1);
}

.slide-controls .swiper-button-next i:after,
.slide-controls .swiper-button-prev i:after {
  content            : '';
  position           : absolute;
  width              : 45px;
  height             : 2px;
  background         : rgb(255, 255, 255);
  -webkit-transition : all 0.7s cubic-bezier(1, 0, 0.25, 1);
  transition         : all 0.7s cubic-bezier(1, 0, 0.25, 1);
}

.slide-controls .swiper-button-next:hover {
  right : 45px;
}

.slide-controls .swiper-button-next:hover i {
  left : 30px;
}

.slide-controls .swiper-button-next:hover i:after {
  width : 20px;
}

.slide-controls .swiper-button-next i:after {
  top   : 8px;
  right : 5px;
}

.slide-controls .swiper-button-prev {
  right : 165px;
  left  : auto;
}

.slide-controls .swiper-button-prev:hover i {
  left : 10px;
}

.slide-controls .swiper-button-prev:hover i:after {
  width : 20px;
}

.slide-controls .swiper-button-prev i {
  left : -18px;
}

.slide-controls .swiper-button-prev i:after {
  top  : 8px;
  left : 5px;
}

.has-sidebar-menu:not(.elementor-template-canvas) .slider.fixed-slider {
  left : 80px;
}

.has-sidebar-menu.sidebar-menu-right:not(.elementor-template-canvas) .slider.fixed-slider {
  right : 80px;
  left  : 0;
}

.slider-destroyed + .swiper-container.gallery-text {
  display : none!important;
}

/* ====================== [ End Slider ] ====================== */

/* ====================== [ 10 Vegas Slider ] ====================== */

/* vegas slider */

.home-slider-vegas-wrapper {
  position : relative;
  width    : 100%;
  height   : 100vh;
  overflow : hidden;
}

.nt-home-slider-vegas {
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 100%!important;
}

.nt-vegas-slide-content {
  display         : flex;
  visibility      : hidden;
  position        : absolute;
  top             : 0;
  right           : 0;
  left            : 0;
  height          : 100%;
  padding         : 150px 0;
  color           : #fff;
  opacity         : 0;
  text-align      : left;
  align-items     : center;
  justify-content : center;
}

.nt-vegas-slide-content.text-right {
  text-align : right;
}

.nt-vegas-slide-content.text-center {
  text-align : center;
}

.nt-vegas-slide-content.active {
  visibility : visible;
  position   : relative;
  top        : auto;
  right      : auto;
  left       : auto;
  opacity    : 1;
}

.nt-vegas-slide-content.active h1 {
  -webkit-transition : all 0s;
  transition         : all 0s;
}

.nt-vegas-slide-content.active h1 .char {
  -webkit-animation       : fadeInUp2 0.5s cubic-bezier(0.3, 0, 0.7, 1) both;
  animation               : fadeInUp2 0.5s cubic-bezier(0.3, 0, 0.7, 1) both;
  -webkit-animation-delay : calc(60ms * var(--char-index));
  animation-delay         : calc(60ms * var(--char-index));
}

.nt-vegas-slide-content.active .btn-stext,
.nt-vegas-slide-content.active h1 {
  visibility        : visible;
  opacity           : 1;
  -webkit-transform : translateY(0px);
  transform         : translateY(0px);
}

.nt-vegas-slide-content.active .btn-stext {
  -webkit-transition-delay : .8s;
  transition-delay         : .8s;
}

.nt-vegas-slide-content h1 {
  visibility         : hidden;
  color              : #fff;
  opacity            : 0;
  font-size          : 80px;
  font-weight        : 700;
  letter-spacing     : 2px;
  -webkit-transition : opacity .5s,
                       visibility .5s;
  transition         : opacity .5s,
                       visibility .5s;
}

body:not(.elementor-msie) .nt-vegas-slide-content h1 .stroke {}

body:not(.elementor-msie) .nt-vegas-slide-content h1 .stroke span {}

.nt-vegas-slide-content .btn-stext {
  display                  : inline-flex;
  visibility               : hidden;
  position                 : relative;
  margin-top               : 30px;
  color                    : #fff;
  opacity                  : 0;
  text-transform           : uppercase;
  align-items              : center;
  font-size                : 12px;
  letter-spacing           : 4px;
  -webkit-transform        : translateY(20px);
  transform                : translateY(20px);
  -webkit-transition       : all .7s;
  transition               : all .7s;
  -webkit-transition-delay : .2s;
  transition-delay         : .2s;
}

.nt-vegas-slide-content .line {
  position     : relative;
  width        : 60px;
  height       : 1px;
  margin-right : 15px;
  background   : #eee;
}

.nt-vegas-slide-content:hover .char {
  -webkit-animation       : fadeIn 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
  animation               : fadeIn 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
  -webkit-animation-delay : calc(30ms * var(--char-index));
  animation-delay         : calc(30ms * var(--char-index));
}

.home-slider-vegas-wrapper .social {
  z-index  : 6;
  position : absolute;
  bottom   : 20px;
  left     : 50px;
}

.home-slider-vegas-wrapper .social.active a {
  visibility        : visible;
  opacity           : 1;
  -webkit-transform : translateY(0);
  transform         : translateY(0);
}

.home-slider-vegas-wrapper .social .icon {
  margin-right : 10px;
  color        : #fff;
  cursor       : pointer;
}

.home-slider-vegas-wrapper .social a {
  visibility         : hidden;
  margin-right       : 7px;
  color              : #fff;
  opacity            : 0;
  font-size          : 11px;
  -webkit-transform  : translateY(10px);
  transform          : translateY(10px);
  -webkit-transition : all .3s;
  transition         : all .3s;
}

.nt-vegas-overlay {
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 100%;
}

.vegas-control .vegas-control-next,
.vegas-control .vegas-control-prev {
  display            : flex;
  position           : absolute;
  right              : 30px;
  bottom             : auto;
  bottom             : 30px;
  left               : auto;
  width              : 48px;
  height             : 28px;
  color              : #fff;
  border             : 1px solid rgba(255, 255, 255, 0.5);
  border-radius      : 0;
  align-items        : center;
  font-size          : 14px;
  justify-content    : center;
  -webkit-transition : all 0.7s cubic-bezier(1, 0, 0.25, 1);
  transition         : all 0.7s cubic-bezier(1, 0, 0.25, 1);
  cursor             : pointer;
}

.vegas-control .vegas-control-next:after,
.vegas-control .vegas-control-prev:after {
  display : none;
}

.vegas-control .vegas-control-next:hover,
.vegas-control .vegas-control-prev:hover {
  background : rgba(255, 255, 255, 0.1);
}

.vegas-control .vegas-control-btn i {
  z-index            : 1;
  -webkit-transition : all 0.7s cubic-bezier(1, 0, 0.25, 1);
  transition         : all 0.7s cubic-bezier(1, 0, 0.25, 1);
}

.vegas-control .vegas-control-btn:before {
  z-index            : 0;
  content            : '';
  position           : absolute;
  top                : 0;
  left               : 0;
  width              : 45px;
  width              : 0;
  height             : 2px;
  height             : 100%;
  background         : rgba(255, 255, 255, 1);
  -webkit-transition : all 0.7s cubic-bezier(1, 0, 0.25, 1);
  transition         : all 0.7s cubic-bezier(1, 0, 0.25, 1);
}

.vegas-control .vegas-control-prev {
  right : 150px;
}

.vegas-control .vegas-control-next:hover:before,
.vegas-control .vegas-control-prev:hover:before {
  width : 100%;
}

.vegas-control .vegas-control-btn:hover i {
  color : #000;
}

.nt-vegas-slide-counter {
  display     : flex;
  position    : absolute;
  right       : 90px;
  bottom      : 30px;
  color       : #fff;
  align-items : center;
  font-size   : 24px;
  font-weight : 600;
}

.nt-vegas-slide-counter .separator {
  margin      : 0 5px;
  font-size   : 20px;
  font-weight : 400;
}

body:not(.elementor-msie) .nt-vegas-slide-counter .current,
body:not(.elementor-msie) .nt-vegas-slide-counter .total {}

.nt-vegas-slide-counter .current {
  font-size : 30px;
}

@media
  (min-width : 992px) {
  .nt-vegas-slide-content {
    padding-right : 120px;
    padding-left  : 120px;
  }
}

@media
  (max-width : 991px) {
  .nt-vegas-slide-content {
    text-align : center;
  }

  .nt-vegas-slide-content h1 {
    font-size : 50px;
  }

  .vegas-control .vegas-control-prev {
    right : 25px;
  }

  .home-slider-vegas-wrapper .social {
    left : 25px;
  }

  .vegas-control .vegas-control-next:hover {
    right : 15px;
  }

  .vegas-control .vegas-control-prev:hover {
    left : 15px;
  }
}

@media
  (max-width : 767px) {
  .nt-vegas-slide-content h1 {
    font-size : 40px;
  }
}

@media
  (max-width : 480px) {
  .nt-vegas-slide-content h1 {
    font-size : 28px;
  }

  .vegas-control .vegas-control-next,
  .vegas-control .vegas-control-prev {
    -webkit-transform : scale(.8);
    transform         : scale(.8);
  }

  .vegas-control .vegas-control-next {
    right : 5px;
  }

  .vegas-control .vegas-control-next i {
    right : 30px;
  }

  .vegas-control .vegas-control-prev {
    left : 5px;
  }

  .vegas-control .vegas-control-next i {
    right : 11px;
    left  : auto;
  }

  .vegas-control .vegas-control-prev i {
    left : 11px;
  }

  .vegas-control .vegas-control-next i:after,
  .vegas-control .vegas-control-prev i:after {
    width : 20px;
  }

  .vegas-control .vegas-control-next:hover {
    right : 0px;
  }

  .vegas-control .vegas-control-prev:hover {
    left : 0px;
  }
}

.has-bg-video .equaliser-container {
  position : absolute;
  right    : 62px;
  bottom   : 70px;
  left     : auto;
  width    : 26px;
  height   : 10px;
  margin   : 0 0;
  padding  : 0 0 0 0;
}

.has-bg-video .colour-bar {
  position   : absolute;
  right      : 0;
  bottom     : 0;
  left       : 0;
  height     : 10px;
  background : #fff;
}

.has-bg-video .equaliser-column {
  position        : relative;
  width           : 2px;
  height          : 10px;
  float           : left;
  margin          : 0 1px 0 0;
  padding         : 0;
  list-style-type : none;
}

.has-bg-video .equaliser-column:nth-child(1) .colour-bar {
  animation : color-bar2 2s 1s ease-out alternate infinite;
}

.has-bg-video .equaliser-column:nth-child(2) .colour-bar {
  animation : color-bar2 2s 0.5s ease-out alternate infinite;
}

.has-bg-video .equaliser-column:nth-child(3) .colour-bar {
  animation : color-bar2 2s 1.5s ease-out alternate infinite;
}

.has-bg-video .equaliser-column:nth-child(4) .colour-bar {
  animation : color-bar2 2s 0.25s ease-out alternate infinite;
}

.has-bg-video .equaliser-column:nth-child(5) .colour-bar {
  animation : color-bar2 2s 2s ease-out alternate infinite;
}

.has-bg-video .equaliser-column:nth-child(6) .colour-bar {
  animation : color-bar2 2s 1s ease-out alternate infinite;
}

.has-bg-video .equaliser-column:nth-child(7) .colour-bar {
  animation : color-bar2 2s 0.75s ease-out alternate infinite;
}

.has-bg-video .equaliser-column:nth-child(8) .colour-bar {
  animation : color-bar2 2s 2s ease-out alternate infinite;
}

.has-bg-video .equaliser-column:nth-child(9) .colour-bar {
  animation : color-bar2 2s 2.5s ease-out alternate infinite;
}

.has-bg-video .equaliser-column:last-child {
  margin-right : 0;
}

@keyframes color-bar2 {
  0% {
    height     : 1px;
    background : #fff;
  }

  10% {
    height     : 3px;
    background : #fff;
  }

  20% {
    height     : 5px;
    background : #fff;
  }

  30% {
    height     : 2px;
    background : #fff;
  }

  40% {
    height     : 7px;
    background : #fff;
  }

  50% {
    height     : 9px;
    background : #fff;
  }

  60% {
    height     : 3px;
    background : #fff;
  }

  70% {
    height     : 8px;
    background : #fff;
  }

  80% {
    height     : 5px;
    background : #fff;
  }

  90% {
    height     : 3px;
    background : #fff;
  }

  100% {
    height     : 1px;
    background : #fff;
  }
}

/* vegas slider for template type */

.elementor-top-section.vegas-slide-template-section {
  display         : flex;
  visibility      : hidden;
  position        : absolute;
  top             : 0;
  right           : 0;
  left            : 0;
  height          : 100vh;
  color           : #fff;
  opacity         : 0;
  overflow        : hidden;
  background      : transparent;
  text-align      : left;
  align-items     : center;
  justify-content : center;
  transition      : none;
}

.elementor-top-section.vegas-slide-template-section.active {
  visibility : visible;
  position   : relative;
  top        : auto;
  right      : auto;
  left       : auto;
  opacity    : 1;
}

.elementor-top-section.vegas-slide-template-section.active .splitting.animated .char {
  -webkit-animation       : fadeInUp2 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
  animation               : fadeInUp2 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
  -webkit-animation-delay : calc(30ms * var(--char-index));
  animation-delay         : calc(30ms * var(--char-index));
}

.slider-vegas-template .vegas-control .vegas-control-next,
.slider-vegas-template .vegas-control .vegas-control-prev {
  z-index : 99;
}

/* ====================== [ End Vegas Slider ] ====================== */

/* ====================== [ 10 Start Services Section ] ====================== */

.services-container {
  color            : #fff;
  background-color : #080808;
  box-shadow       : 10px -10px #000000;
}

.services-container:hover {
  box-shadow : 10px -10px #de3418;
}

.services-container .items {
  padding            : 60px 40px 30px;
  -webkit-transition : border .3s;
  transition         : border .3s;
}

.services-container .items .icon {
  margin-bottom      : 30px;
  font-size          : 60px;
  -webkit-transition : all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
  transition         : all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
}

.services-container:hover .icon {
  padding-left       : 5px;
  -webkit-transition : all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
  transition         : all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
}

.services-container .items .icon svg {
  width  : 1em;
  height : 1em;
}

.services-container .items h5 {
  margin-bottom : 20px;
  font-size     : 22px;
  line-height   : 1.5;
}

.services-container .items .arrow-icon {
  margin-top : 30px;
}

.services-container .items .arrow-icon span {
  position      : relative;
  width         : 0;
  height        : 2px;
  margin-bottom : 3px;
  margin-left   : 10px;
  background    : #fff;
}

.services-container .items .arrow-icon span:after,
.services-container .items .arrow-icon span:before {
  content    : '';
  position   : absolute;
  right      : -1px;
  width      : 0;
  height     : 2px;
  background : #fff;
}

.services-container .items .arrow-icon span:after {
  top               : -4px;
  -webkit-transform : rotate(40deg);
  transform         : rotate(40deg);
}

.services-container .items .arrow-icon span:before {
  top               : 4px;
  -webkit-transform : rotate(-40deg);
  transform         : rotate(-40deg);
}

.services-container .items:hover {
  background         : #080808;
  -webkit-transition : border .4s,
                       background .2s;
  transition         : border .4s,
                       background .2s;
}

.services-container .items:hover .arrow-icon span {
  width : 0px;
}

.services-container .items:hover .arrow-icon span {
  width              : 30px;
  -webkit-transition : width .3s;
  transition         : width .3s;
}

.services-container .items:hover .arrow-icon span:after,
.services-container .items:hover .arrow-icon span:before {
  width : 0px;
}

.services-container .items:hover .arrow-icon span:after,
.services-container .items:hover .arrow-icon span:before {
  width                    : 12px;
  -webkit-transition       : width .3s;
  transition               : width .3s;
  -webkit-transition-delay : .3s;
  transition-delay         : .3s;
}

.service_summary {
  color : #fff;
}

/* ====================== [ End About Section ] ====================== */

/* ====================== [ 11 Start Projects ] ====================== */

.project-carousel .swiper-slide {
  padding : 0px 0px 50px;
}

.project-carousel .swiper-slide .img {
  overflow           : hidden;
  border-radius      : 3px;
  -webkit-transition : all .8s;
  transition         : all .8s;
}

.project-carousel .swiper-slide-active .img {
  -webkit-box-shadow : 0px 40px 30px -40px rgba(0, 0, 0, 0.3);
  box-shadow         : 0px 40px 30px -40px rgba(0, 0, 0, 0.3);
}

.project-carousel .swiper-slide-active .img:after {
  opacity : 1 !important;
}

.project-carousel .swiper-slide-active .cont-inner h4,
.project-carousel .swiper-slide-active .cont-inner h6 {
  visibility        : visible !important;
  opacity           : 1 !important;
  -webkit-transform : translateY(0px) !important;
  transform         : translateY(0px) !important;
}

.project-carousel .swiper-pagination-progressbar {
  position      : absolute;
  top           : auto;
  right         : auto;
  bottom        : 0;
  left          : calc(50% - 120px);
  width         : 240px;
  height        : 6px;
  border-radius : 10px;
  background    : #eee;
}

.project-carousel .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  border-radius : 10px;
  background    : #1e1e1e;
}

.project-carousel .swiper-button-next,
.project-carousel .swiper-button-prev {
  top                : 40%;
  width              : 50px;
  height             : 50px;
  color              : #1f1f1f;
  opacity            : 0;
  border             : 0;
  border-radius      : 4px;
  background         : #fff;
  -webkit-transition : all .3s;
  transition         : all .3s;
}

.project-carousel .swiper-button-next {
  top    : 79%;
  right  : 18px;
  bottom : 10px;
}

.project-carousel .swiper-button-prev {
  top    : 79%;
  right  : 74px;
  bottom : 0px;
  left   : inherit;
}

.project-carousel:hover .swiper-button-next,
.project-carousel:hover .swiper-button-prev {
  opacity : 1;
}

.project-carousel .swiper-button-next:hover,
.project-carousel .swiper-button-prev:hover {
  color      : #fff;
  background : #de351a;
}

.project-carousel .swiper-button-next:after,
.project-carousel .swiper-button-prev:after {
  display : none;
}

.project-carousel .content {
  position : relative;
}

.project-carousel .content .img {
  position : relative;
}

.project-carousel .content .img:after {
  content            : '';
  position           : absolute;
  top                : 0;
  left               : 0;
  width              : 100%;
  height             : 100%;
  opacity            : 0;
  background         : -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(transparent));
  background         : linear-gradient(
                         to top,
                         rgba(0, 0, 0, 0.7),
                         transparent
                       );
  -webkit-transition : all .5s;
  transition         : all .5s;
}

.project-carousel .content .cont-inner {
  position : absolute;
  bottom   : 40px;
  left     : 40px;
  color    : #fff;
}

.project-carousel .content .cont-inner h6 {
  visibility               : hidden;
  margin-bottom            : 0px;
  opacity                  : 0;
  text-transform           : uppercase;
  font-size                : 14px;
  font-weight              : 400;
  letter-spacing           : 3px !important;
  -webkit-transform        : translateY(-20px);
  transform                : translateY(-20px);
  -webkit-transition       : all .7s;
  transition               : all .7s;
  -webkit-transition-delay : .5s;
  transition-delay         : .5s;
}

.project-carousel .content .cont-inner h4 {
  visibility               : hidden;
  margin                   : 10px 0 30px;
  opacity                  : 0;
  font-weight              : 700;
  -webkit-transform        : translateY(20px);
  transform                : translateX(20px);
  -webkit-transition       : all .7s;
  transition               : all .4s;
  -webkit-transition-delay : .5s;
  transition-delay         : .3s;
}

.portfolio .filtering {
  margin-bottom : 20px;
  padding       : 0;
  text-align    : center;
}

.portfolio .filtering span {
  position    : relative;
  margin      : 0 20px;
  font-weight : 500;
  cursor      : pointer;
}

.portfolio .filtering span.active {
  color : #24d5b4;
}

.portfolio .filtering span:after {
  content       : '';
  position      : absolute;
  top           : 40%;
  right         : -24px;
  width         : 7px;
  height        : 7px;
  border-radius : 50%;
  background    : #eee;
}

.portfolio .filtering span:last-of-type:after {
  display : none;
}

.portfolio .gallery .items {
  margin-top : 40px;
  padding    : 0 20px;
}

.portfolio .gallery .items .item-img {
  position      : relative;
  overflow      : hidden;
  border-radius : 5px;
}

.portfolio .gallery .items .item-img > a {
  display : block;
}

.portfolio .gallery .items .item-img:hover .item-img-overlay {
  visibility : visible;
  opacity    : 1;
}

.portfolio .gallery .items .item-img:hover .overlay-info {
  opacity : 1;
}

.portfolio .gallery .items .item-img:hover .overlay-info .char {
  -webkit-animation       : fadeInUp2 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
  animation               : fadeInUp2 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
  -webkit-animation-delay : calc(20ms * var(--char-index));
  animation-delay         : calc(20ms * var(--char-index));
}

.portfolio .gallery .items .item-img img {
  -webkit-transition : all .5s;
  transition         : all .5s;
}

.portfolio .gallery .items .item-img-overlay {
  visibility         : hidden;
  position           : absolute;
  top                : 0;
  left               : 0;
  width              : 100%;
  height             : 100%;
  opacity            : 0;
  background         : rgba(38, 38, 40, 0.5);
  text-align         : center;
  -webkit-transition : all .5s;
  transition         : all .5s;
}

.portfolio .gallery .items .overlay-info {
  opacity : 0;
}

.portfolio .gallery .items .overlay-info h5 {
  color          : #fff;
  text-transform : lowercase;
  font-size      : 22px;
  font-weight    : 600;
}

.portfolio.gutter .filtering {
  margin-bottom : 0;
}

.portfolio.gutter .gallery .items {
  margin-top : 80px;
  padding    : 0 40px;
}

.portfolio.gutter .gallery .items .item-img {
  border-radius : 0;
}

.portfolio.gutter .gallery .items .overlay-info h5 {
  font-size : 28px;
}

.slider-project .swiper-slide {
  min-height : 100vh;
}

.slider-project .swiper-slide .bg-cover {
  height              : 75vh;
  margin-top          : 20vh;
  background-position : center center;
  background-size     : cover;
}

.slider-project .swiper-slide .caption {
  z-index    : 3;
  position   : relative;
  width      : 100%;
  text-align : center;
}

.slider-project .swiper-slide .caption h1 {
  visibility         : hidden;
  color              : #fff;
  opacity            : 0;
  font-size          : 60px;
  font-weight        : 700;
  -webkit-transition : opacity .5s,
                       visibility .5s;
  transition         : opacity .5s,
                       visibility .5s;
}

.slider-project .swiper-slide .caption .btn-stext {
  visibility         : hidden;
  position           : relative;
  margin-top         : 30px;
  padding-left       : 80px;
  color              : #fff;
  opacity            : 0;
  text-transform     : uppercase;
  font-size          : 12px;
  letter-spacing     : 4px;
  -webkit-transform  : translateY(20px);
  transform          : translateY(20px);
  -webkit-transition : all .7s;
  transition         : all .7s;
}

.slider-project .swiper-slide .caption .btn-stext:after {
  content    : '';
  position   : absolute;
  top        : 50%;
  left       : 0;
  width      : 60px;
  height     : 1px;
  background : #eee;
}

.slider-project .swiper-slide.swiper-slide-active .caption h1 {
  -webkit-transition : all 0s;
  transition         : all 0s;
}

.slider-project .swiper-slide.swiper-slide-active .caption h1 .char {
  -webkit-animation       : fadeInUp2 0.5s cubic-bezier(0.3, 0, 0.7, 1) both;
  animation               : fadeInUp2 0.5s cubic-bezier(0.3, 0, 0.7, 1) both;
  -webkit-animation-delay : calc(60ms * var(--char-index));
  animation-delay         : calc(60ms * var(--char-index));
}

.slider-project .swiper-slide.swiper-slide-active .caption .btn-stext,
.slider-project .swiper-slide.swiper-slide-active .caption h1 {
  visibility        : visible;
  opacity           : 1;
  -webkit-transform : translateY(0px);
  transform         : translateY(0px);
}

.slider-project .swiper-slide.swiper-slide-active .caption .btn-stext {
  -webkit-transition-delay : .5s;
  transition-delay         : .5s;
}

.project-carousel .content.type-3 {
  width : 100%;
}

.project-carousel.gray .content .img {
  width  : 100%;
  height : 500px;
}

.project-carousel.gray .swiper-slide-active .img {
  -webkit-box-shadow : none;
  box-shadow         : none;
}

.project-carousel.gray .content .img .bg-cover {
  width  : 100%;
  height : 100%;
}

.project-carousel .content .img:after {
  content            : '';
  position           : absolute;
  top                : 0;
  left               : 0;
  width              : 100%;
  height             : 100%;
  opacity            : 0;
  background         : -o-linear-gradient(
                         bottom,
                         rgba(0, 0, 0, 0.7),
                         transparent
                       );
  background         : -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(transparent));
  background         : -webkit-linear-gradient(
                         bottom,
                         rgba(0, 0, 0, 0.7),
                         transparent
                       );
  background         : linear-gradient(
                         to top,
                         rgba(0, 0, 0, 0.7),
                         transparent
                       );
  -o-transition      : all .5s;
  -webkit-transition : all .5s;
  transition         : all .5s;
}

.project-carousel.gray .swiper-slide-active .img:after {
  opacity : 0 !important;
}

.project-carousel.gray .swiper-slide:hover .img:after {
  opacity : 1 !important;
}

.project-carousel.gray .swiper-slide:hover .img {
  -webkit-box-shadow : 0px 40px 30px -40px rgba(0, 0, 0, 0.3);
  box-shadow         : 0px 40px 30px -40px rgba(0, 0, 0, 0.3);
}

.project-carousel.gray .swiper-slide:hover .img .bg-cover {}

/* ====================== [ End Work ] ====================== */

/* ====================== [ 12 Start Popup Video Section ] ====================== */

.video-wrapper {
  min-height : 500px;
}

.video-wrapper .vid {
  z-index  : 8;
  position : relative;
}

.video-wrapper .vid .vid-butn:hover .icon {
  color : #fff;
}

.video-wrapper .vid .vid-butn:hover .icon:before {
  -webkit-transform : scale(0);
  transform         : scale(0);
}

.video-wrapper .vid .vid-butn .icon {
  position           : relative;
  width              : 100px;
  height             : 100px;
  color              : #212529;
  border             : 1px solid rgba(255, 255, 255, 0.2);
  border-radius      : 50%;
  text-align         : center;
  font-size          : 17px;
  line-height        : 100px;
  -webkit-transition : all .5s;
  transition         : all .5s;
}

.video-wrapper .vid .vid-butn .icon:after {
  z-index       : -1;
  content       : '';
  position      : absolute;
  top           : 5px;
  right         : 5px;
  bottom        : 5px;
  left          : 5px;
  border        : 1px solid #eee;
  border-radius : 50%;
}

.video-wrapper .vid .vid-butn .icon:before {
  z-index            : -1;
  content            : '';
  position           : absolute;
  top                : 5px;
  right              : 5px;
  bottom             : 5px;
  left               : 5px;
  border-radius      : 50%;
  background         : #fff;
  -webkit-transition : all 0.5s cubic-bezier(1, 0, 0, 1);
  transition         : all 0.5s cubic-bezier(1, 0, 0, 1);
}

/* ====================== [ End Process Section ] ====================== */

/* ====================== [ 13 Start Testimonials ] ====================== */

.testimonials {
  z-index  : 3;
  position : relative;
}

.testimonials .title h5 {
  position          : absolute;
  top               : 50%;
  left              : 0;
  color             : #ccc;
  text-transform    : uppercase;
  font-size         : 22px;
  font-weight       : 800;
  letter-spacing    : 2px;
  -webkit-transform : translateY(-50%) rotate(-90deg);
  transform         : translateY(-50%) rotate(-90deg);
}

.testimonials .quote-text {
  position : relative;
}

.testimonials .quote-text .quote-icon {
  position : absolute;
  right    : 100px;
  bottom   : -30px;
  width    : 70px;
}

.testimonials p {
  margin-bottom : 40px !important;
  color         : #18171B;
}

.testimonials .info {
  margin-right : 40px;
  text-align   : left;
}

.testimonials .author {
  width         : 90px;
  height        : 90px;
  overflow      : hidden;
  border        : 4px solid #de3418;
  border-radius : 50%;
  /* margin: auto; */
}

.author-c {
  display  : inline-block;
  position : relative;
}

.author-c:after,
.author-c:before {
  content        : " ";
  position       : absolute;
  top            : 96%;
  left           : calc(92% - 48px);
  width          : 0;
  height         : 0;
  border         : solid transparent;
  pointer-events : none;
}

.author-c:after {
  border-color : rgba(136, 183, 213, 0);
}

.author-c:before {
  border-color     : rgba(194, 225, 245, 0);
  border-top-color : #de3418;
  border-width     : 12px;
}

.testimonials h6 {
  margin-top     : 15px;
  padding-top    : 0px;
  font-weight    : 700;
  letter-spacing : 2px;
}

.testimonials h6 span {
  display        : block;
  margin-top     : 5px;
  color          : #212529;
  text-transform : capitalize;
  font-size      : 12px;
  font-weight    : 600;
  letter-spacing : 1px;
}

.testimonials .navs span {
  position      : absolute;
  top           : 20%;
  width         : 30px;
  height        : 30px;
  color         : #212529;
  border        : 1px solid rgba(0, 0, 0, 0.1);
  border-radius : 50%;
  text-align    : center;
  font-size     : 18px;
  line-height   : 30px;
  cursor        : pointer;
}

.testimonials .navs span:hover {
  color      : #fff;
  background : #212529;
}

.testimonials .navs .next {
  right : 30px;
}

.testimonials .navs .prev {
  left : 30px;
}

.testimonials .slick-dots {
  display    : block;
  position   : absolute;
  bottom     : -50px;
  left       : -10px;
  width      : 100%;
  margin     : 0;
  padding    : 0;
  text-align : left;
  list-style : none;
}

.testimonials .slick-dots li button:before {
  content                 : '•';
  position                : absolute;
  top                     : 0;
  left                    : 0;
  width                   : 20px;
  height                  : 20px;
  color                   : #de3418;
  opacity                 : 1;
  text-align              : center;
  font-family             : 'slick';
  font-size               : 10px;
  -webkit-font-smoothing  : antialiased;
  -moz-osx-font-smoothing : grayscale;
  line-height             : 20px;
}

.testimonials .slick-dots li.slick-active button:before {
  color   : #000000 !important;
  opacity : .75;
}

/* Testimonials 2 */

/* Testimonials Styyle-1 */

.testimonials2 .testi-item {
  position : relative;
}

.testi-1 .testi-footer {
  display : inline-block;
}

.testi-1 img.testi-avatar {
  margin-top : 30px;
}

.testi-1 .testi-info {
  text-transform : uppercase;
  font-size      : 12px;
}

.testimonials2 .navs {
  display         : flex;
  align-items     : center;
  justify-content : center;
}

.testimonials2 .next,
.testimonials2 .prev {
  display : none;
}

.testimonials2 .next.slick-arrow,
.testimonials2 .prev.slick-arrow {
  display         : flex!important;
  width           : 25px;
  height          : 25px;
  margin          : 0 10px;
  border          : 1px solid #ddd;
  border-radius   : 50%;
  align-items     : center;
  justify-content : center;
}

.testimonials2 .slick-dots li button:before {
  display : none;
}

/* style 2 */

.testi-2 .slick-slide.testi-item {
  display         : flex;
  border-radius   : 10px;
  background      : #fff;
  box-shadow      : 0 0 10px 2px rgba(0,0,0,.1);
  text-align      : center;
  align-items     : center;
  flex-direction  : column;
  justify-content : center;
  transform       : scale(0.8);
}

.testi-2 .testi-item.avatar-none {
  padding-top : 5rem;
}

.testi-2 .testi-avatar {
  margin-top    : -5rem;
  border-radius : 50%;
  box-shadow    : 0 3px 10px 0 rgba(0,0,0,.2);
}

.testi-2 .testi-quote {
  z-index     : 1;
  position    : relative;
  width       : 80%;
  margin      : 0 auto;
  padding     : 4rem 0;
  color       : #585D6D;
  font-size   : 2rem;
  line-height : 3.5rem;
}

.testi-2 .testi-quote::before {
  z-index        : -1;
  content        : '\201c';
  position       : absolute;
  top            : 6.8rem;
  left           : 0;
  color          : #F1AD56;
  opacity        : .4;
  font-family    : serif;
  font-size      : 12rem;
  font-weight    : bold;
  pointer-events : none;
}

.testi-2 .testi-footer {
  width      : 100%;
  padding    : 3rem 0;
  border-top : 1px solid #D6D3D2;
}

.testi-2 .testi-author {
  display       : block;
  margin-bottom : 1rem;
  color         : #585D6D;
  font-size     : 3.5rem;
}

.testi-2 .testi-info {
  width       : 60%;
  margin      : 0 auto;
  color       : #B1B4BD;
  font-size   : 1.2rem;
  line-height : 2.5rem;
}

/* ====================== [ End Testimonials ] ====================== */

/* ====================== [ 15 Start Brands Section ] ====================== */

.clients .brands {
  padding      : 100px 10px;
  border-right : 1px solid rgba(0, 0, 0, 0.08);
  text-align   : center;
}

.clients .brands:last-of-type {
  border-right : 0;
}

.clients .brands:hover .img {
  opacity           : 0;
  -webkit-transform : scale(0);
  transform         : scale(0);
}

.clients .brands:hover .link {
  opacity            : 1 !important;
  -webkit-transition : all 0;
  transition         : all 0;
}

.clients .brands:hover .char {
  -webkit-animation       : fadeInUp2 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
  animation               : fadeInUp2 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
  -webkit-animation-delay : calc(20ms * var(--char-index));
  animation-delay         : calc(20ms * var(--char-index));
}

.clients .brands .item {
  position   : relative;
  text-align : center;
}

.clients .brands .item .link {
  position           : absolute;
  top                : 0;
  left               : 50%;
  width              : -webkit-max-content;
  width              : -moz-max-content;
  width              : max-content;
  opacity            : 0;
  font-size          : 16px;
  -webkit-transform  : translateX(-50%);
  transform          : translateX(-50%);
  -webkit-transition : all .3s;
  transition         : all .3s;
}

.clients .brands .img {
  position           : relative;
  max-width          : 85px;
  margin             : auto;
  -webkit-transition : all .7s;
  transition         : all .7s;
}

.clients .bord {
  border-bottom : 1px solid rgba(0, 0, 0, 0.08);
}

/* ====================== [ End Brands Section ] ====================== */

/* ====================== [ 17 Start Team ] ====================== */

.team .item .img {
  position : relative;
  overflow : hidden;
}

.team .item .img .info {
  position   : absolute;
  bottom     : 0;
  left       : 0;
  width      : 100%;
  padding    : 15px 30px 15px 30px;
  text-align : left;
}

.team .item .img .info h6 {
  margin-bottom      : 2px;
  color              : #fff;
  -webkit-transform  : translateY(100%);
  transform          : translateY(200px);
  -webkit-transition : all .5s;
  transition         : all .5s;
}

.team .item .img .info p {
  color              : #fff;
  -webkit-transform  : translateY(100%);
  transform          : translateY(210px);
  -webkit-transition : all .6s;
  transition         : all .6s;
}

.team .item .img:hover .info .social,
.team .item .img:hover .info h6,
.team .item .img:hover .info p {
  -webkit-transform : translateY(-20px);
  transform         : translateY(-20px);
}

.team .item .img .info .social {
  margin-top         : 13px;
  -webkit-transform  : translateY(220px);
  transform          : translateY(220px);
  -webkit-transition : all .7s;
  transition         : all .7s;
}

.team .item .img .info .social a {
  display        : inline-block;
  width          : 30px;
  height         : 30px;
  margin-right   : 10px;
  padding        : 0;
  color          : #fff;
  border-radius  : 100%;
  background     : #de3414;
  text-align     : center;
  vertical-align : middle;
  line-height    : 30px;
  line-height    : 30px;
}

.team .item .img .info .social a:last-of-type {
  border : 0;
}

.team .item .img img {
  -webkit-transition : -webkit-filter .5s !important;
  transition         : -webkit-filter .5s !important;
  transition         : filter .5s !important;
  transition         : filter .5s,
                       -webkit-filter .5s !important;
}

/* ====================== [ End Team ] ====================== */

/* ====================== [ 18 Start Blog ] ====================== */

.nt-blog-grid {
  position : relative;
}

.nt-blog-grid .item .post-img .img {
  overflow : hidden;
}

.nt-blog-grid .item .post-img:hover img {
  -webkit-transform : scale(1.1, 1.1);
  transform         : scale(1.1, 1.1);
}

.nt-blog-grid .item .post-img img {
  -webkit-transition : all .5s;
  transition         : all .5s;
}

.nt-blog-grid .item .cont-inner {
  position   : relative;
  padding    : 40px 30px;
  background : #fafafa;
  text-align : center;
}

.nt-blog-grid .item .info {
  margin-bottom : 15px;
}

.nt-blog-grid .item .info a {
  margin-right   : 10px;
  color          : #bababa;
  text-transform : uppercase;
  font-size      : 11px;
  font-weight    : 600;
}

.nt-blog-grid .item .info a:last-of-type {
  margin-right : 0;
}

.nt-blog-grid .item .info a i {
  margin-right : 2px;
}

.nt-blog-grid .item .info .tag {
  float       : right;
  color       : #24d5b4;
  font-weight : 600;
}

.nt-blog-grid .item h5 {
  margin-bottom : 15px;
  font-size     : 22px;
  font-weight   : 700;
  line-height   : 1.7;
}

.nt-blog-pg .posts .item .content {
  padding-top : 25px;
}

.nt-blog-pg .posts .item .content .tags {
  margin-bottom : 10px;
}

.nt-blog-pg .posts .item .content .tags a {
  position      : relative;
  padding-right : 20px;
  color         : #565656;
  font-size     : 12px;
  font-weight   : 500;
}

.nt-blog-pg .posts .item .content .tags a:after {
  content    : '';
  position   : absolute;
  top        : 50%;
  right      : 4px;
  width      : 8px;
  height     : 2px;
  background : #ccc;
}

.nt-blog-pg .posts .item .content .tags a:last-of-type {
  padding-right : 0;
}

.nt-blog-pg .posts .item .content .tags a:last-of-type:after {
  display : none;
}

.nt-blog-pg .posts .item .content h4 {
  margin-bottom : 15px;
}

.nt-blog-grid .posts .item .cont-inner .more,
.nt-blog-pg .posts .item .content .more,
.nt-related-post .item .cont-inner .more {
  position           : relative;
  margin-top         : 20px;
  padding-right      : 18px;
  color              : #7a7a7a;
  text-transform     : uppercase;
  font-size          : 11px;
  font-weight        : 500;
  letter-spacing     : 2px;
  -webkit-transition : all .5s;
  transition         : all .2s;
}

.nt-blog-pg .posts .item .content .date {
  position : relative;
  margin   : 20px 0 0px;
}

.nt-blog-pg .posts .item .content .date .num {
  display       : inline-block;
  margin-bottom : 5px;
  padding       : 10px 20px;
  color         : #fff;
  border-radius : 3px 0 0 3px;
  background    : #333;
  font-size     : 18px;
  font-weight   : 800;
  line-height   : 0.9;
}

.nt-blog-pg .posts .item .content .date .month {
  display       : inline-block;
  position      : absolute;
  margin-bottom : 5px;
  padding       : 12.9px 20px;
  color         : #fff;
  border-radius : 0px 3px 3px 0px;
  background    : #F44336;
  font-size     : 12px;
  font-weight   : 500;
  line-height   : 0.9;
}

.nt-blog-pg .posts .pagination {
  width      : -webkit-max-content;
  width      : -moz-max-content;
  width      : max-content;
  margin     : 80px auto 0;
  text-align : center;
}

.nt-blog-pg .posts .pagination span {
  margin     : 0 2px;
  text-align : center;
}

.nt-blog-pg .posts .pagination span a {
  width       : 50px;
  height      : 50px;
  background  : #f5f5f5;
  font-size   : 18px;
  line-height : 50px;
}

.nt-blog-pg .posts .pagination span.active a {
  color      : #fff;
  background : #090909;
}

.nt-blog-pg.single {
  position   : relative;
  margin-top : -100px;
}

.nt-blog-pg.single .post .post-img {
  min-height : 80vh;
}

.nt-blog-pg.single .post .content p {
  margin      : 30px 0;
  color       : #555;
  font-family : inherit;
  font-size   : 16px;
}

.nt-blog-pg.single .post .content ul li {
  margin : 10px 0;
}

.nt-blog-pg.single .post .content ul li span {
  margin-right : 10px;
  font-size    : 13px;
  font-weight  : 500;
}

.nt-blog-pg.single .post .content .quotes {
  margin     : 30px 0;
  padding    : 30px;
  background : #fafafa;
}

.nt-blog-pg.single .post .content .quotes p {
  color      : #111;
  font-size  : 18px;
  font-style : italic;
}

.nt-blog-pg.single .post .content .spacial p {
  color       : #111;
  font-size   : 18px;
  font-weight : 500;
}

.nt-blog-pg.single .post .content .share-info {
  display     : -webkit-box;
  display     : -ms-flexbox;
  display     : flex;
  margin-top  : 20px;
  padding-top : 10px;
  border-top  : 1px solid #999;
}

.nt-blog-pg.single .post .content .share-info .social a {
  margin-right : 20px;
  font-size    : 13px;
}

.nt-blog-pg.single .post .content .share-info .tags {
  margin-left : auto;
}

.nt-blog-pg.single .post .content .share-info .tags a {
  margin    : 0 0 0 10px;
  font-size : 12px;
}

.nt-blog-pg.single .post .author {
  margin-top : 40px;
  padding    : 30px;
  background : #fafafa;
}

.nt-blog-pg.single .post .author .author-img {
  display        : table-cell;
  width          : 140px;
  vertical-align : middle;
}

.nt-blog-pg.single .post .author .info {
  display      : table-cell;
  padding-left : 40px;
}

.nt-blog-pg.single .post .author .info h6 {
  margin-bottom : 10px;
  font-size     : 15px;
}

.nt-blog-pg.single .post .author .info h6 span {
  margin-right   : 10px;
  text-transform : uppercase;
  font-weight    : 700;
}

.nt-blog-pg.single .post .author .info p {
  margin  : 0;
  padding : 0;
}

.nt-blog-pg.single .post .author .info .social {
  margin-top : 15px;
  font-size  : 13px;
}

.nt-blog-pg.single .post .author .info .social a {
  margin-right : 15px;
}

.nt-blog-pg.single .pagination {
  display       : -webkit-box;
  display       : -ms-flexbox;
  display       : flex;
  margin-top    : 80px;
  border-top    : 1px solid #eee;
  border-bottom : 1px solid #eee;
}

.nt-blog-pg.single .pagination span {
  width          : 100%;
  padding        : 20px;
  border-right   : 1px solid #eee;
  border-left    : 1px solid #eee;
  text-transform : uppercase;
  font-size      : 13px;
  font-weight    : 500;
  letter-spacing : 1px;
}

.nt-blog-pg.single .pagination .icon {
  width  : 70px;
  border : 0;
}

.nt-blog-pg.single .comments-area {
  margin-top : 80px;
}

.nt-blog-pg.single .comments-area .item {
  margin        : 30px 0;
  padding       : 30px 0;
  border-bottom : 1px solid #eee;
}

.nt-blog-pg.single .comments-area .item.relped {
  margin-left : 100px;
}

.nt-blog-pg.single .comments-area .item .comment-img {
  display : table-cell;
  width   : 80px;
}

.nt-blog-pg.single .comments-area .item .info {
  display        : table-cell;
  position       : relative;
  padding-left   : 40px;
  vertical-align : middle;
}

.nt-blog-pg.single .comments-area .item .info h6 {
  text-transform : uppercase;
  font-size      : 15px;
  font-weight    : 500;
  letter-spacing : 2px;
}

.nt-blog-pg.single .comments-area .item .info h6 span {
  margin-left : 10px;
  color       : #999;
  font-size   : 12px;
  font-weight : 400;
}

.nt-blog-pg.single .comments-area .item .info p {
  margin-top  : 10px;
  line-height : 1.5;
}

.nt-blog-pg.single .comments-area .item .info .replay {
  position  : absolute;
  top       : 0;
  right     : 0;
  font-size : 13px;
}

.nt-blog-pg.single .comments-area .item .info .replay i {
  margin-left : 5px;
}

.nt-blog-pg.single .comment-form {
  margin-top : 80px;
}

.nt-blog-pg.single .comment-form form {
  margin-top : 50px;
}

.nt-blog-pg.single .comment-form form input,
.nt-blog-pg.single .comment-form form textarea {
  width      : 100%;
  padding    : 17px;
  border     : 0;
  background : #fafafa;
}

.nt-blog-pg.single .comment-form form textarea {
  height : 140px;
}

.nt-blog-pg.single .comment-form form button {
  cursor : pointer;
}

/* ====================== [ End Blog ] ====================== */

/* ====================== [ 20 Start call-action ] ====================== */

.call-action {
  color            : #fff;
  background-color : #020202;
}

.call-action:before {
  opacity           : .04;
  background-image  : url(../img/giphy.gif);
  background-repeat : repeat;
}

.call-action.gif-none {
  z-index    : 2;
  position   : relative;
  padding    : 80px 0;
  overflow   : hidden;
  background : #0a0a0a;
}

.call-action.gif-none:before {
  display : none;
}

.call-action.gif-none:after {
  z-index            : -1;
  content            : '';
  position           : absolute;
  top                : auto;
  right              : 0;
  bottom             : 0;
  width              : 100%;
  height             : 0;
  background         : #0c0c0c;
  -webkit-transition : height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  transition         : height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}

.call-action.gif-none:hover:after {
  top    : 0;
  bottom : auto;
  height : 100%;
}

.call-action .content h6 {
  margin-bottom  : 10px;
  color          : #24d5b4;
  text-transform : uppercase;
  font-size      : 13px;
  font-weight    : 400;
  letter-spacing : 4px;
}

.call-action .content h6 span {
  color : #24d5b4;
}

.call-action .content h2 {
  margin-bottom : 20px;
  font-size     : 6vw;
  font-weight   : 800;
}
.call-action .splitting .whitespace{
  width: 10px;
}
.call-action .content h2 .word {
  margin-right : 0px;
}

.call-action .content h2 b span {
  color : #fff;
}

.call-action .content p {
  font-size   : 17px;
  font-weight : 300;
}

.call-action.next {
  z-index  : 2;
  position : relative;
  overflow : hidden;
}

.call-action.next:after {
  display : none;
}

.call-action.next:before {
  content            : '';
  display            : block;
  position           : absolute;
  top                : 0;
  right              : 0;
  bottom             : 0;
  left               : 0;
  opacity            : 1;
  background         : #0a0a0a;
  -webkit-transition : all .5s;
  transition         : all .5s;
}

.call-action.next .content h2 {
  font-size   : 5vw;
  font-weight : 700;
}

.call-action.next .content h2 b {
  font-weight : 700;
}

.call-action.next .nxt-img {
  z-index             : -1;
  position            : absolute;
  top                 : 0;
  right               : 0;
  bottom              : 0;
  left                : 0;
  background-position : center;
  background-size     : cover;
  -webkit-transform   : scale(1.4);
  transform           : scale(1.4);
  -webkit-transition  : all 1s linear;
  transition          : all 1s linear;
}

.call-action.next:hover:before {
  opacity : .9;
}

.call-action.next:hover .nxt-img {
  -webkit-transform  : scale(1);
  transform          : scale(1);
  -webkit-transition : all 10s linear;
  transition         : all 10s linear;
}

/* ====================== [ End call-action ] ====================== */

/* ====================== [ 21 Start Fotter ] ====================== */

.footer-sm {
  padding    : 40px 0;
  background : #060606;
}

.footer-sm .right p {
  margin-left : auto;
  text-align  : right;
}

/* ====================== [ End Footer ] ====================== */

/* ====================== [ 23 Start Responsive ] ====================== */

@media
  screen
  and (min-width : 1200px) {
  .container {
    max-width : 1170px;
  }
}

@media
  screen
  and (max-width : 991px) {
  .main-overlaymenu {
    overflow-y : auto;
  }

  .item.header-footer {
    position   : relative;
    bottom     : 0;
    left       : 0;
    margin-top : 40px;
  }

  .md-mb50 {
    margin-bottom : 50px;
  }

  .slider-project .swiper-slide .bg-cover,
  .slider .parallax-slider .swiper-slide .bg-cover {
    background-position : center center;
  }

  .slider-project .swiper-slide .caption,
  .slider .parallax-slider .caption {
    text-align : center;
  }

  .slider-project .swiper-slide .caption h1,
  .slider .parallax-slider .caption h1 {
    font-size : 50px;
  }

  .slider-project .swiper-slide .bg-cover {
    height     : 50vh;
    margin-top : 30vh;
  }

  .slider .parallax-slider .social {
    left : 25px;
  }

  .testimonials:after {
    top    : 0;
    bottom : 0;
    width  : 100%;
  }

  .testimonials .slider-for {
    margin-bottom : 30px;
  }

  .testimonials .title h5 {
    display : none;
  }

  .nt-blog .item .content {
    padding : 30px 0px 70px;
  }

  .nt-blog .controls {
    top         : calc(100% - 40px);
    left        : calc(50% - 40px);
    width       : 80px;
    height      : 80px;
    line-height : 80px;
  }

  .call-action .content h2 .word {
    margin-right : 0px;
  }

  .clients .brands {
    padding : 50px 10px;
  }

  .team {
    padding-top : 0;
  }

  .page-header .img-wrapper .title h3 {
    font-size : 70px;
  }

  .portfolio.gutter .gallery .items {
    margin-top : 60px;
    padding    : 0 30px;
  }

  .page-header.type-project .img-wrapper {
    min-height : 60vh;
  }
}

@media
  screen
  and (max-width : 767px) {
  h1 {
    font-size : 35px;
  }

  h2 {
    font-size : 28px;
  }

  h3 {
    font-size : 24px;
  }

  h4 {
    font-size : 20px;
  }

  h5 {
    font-size : 18px;
  }

  h6 {
    font-size : 16px;
  }

  .main-overlaymenu .menu-wrapper {
    margin-top : 50px;
  }

  .main-overlaymenu .menu-wrapper .main-menu > li {
    font-size : 24px;
  }

  .main-overlaymenu .menu-wrapper .main-menu .sub-menu li {
    font-size : 18px;
  }

  .main-overlaymenu .container-fluid {
    padding : 0 30px;
  }

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

  .section-heading h6 {
    font-size      : 12px;
    letter-spacing : 2px;
  }

  .section-heading {
    margin-bottom : 60px !important;
  }

  .slider-project .swiper-slide .caption h1,
  .slider .parallax-slider .caption h1 {
    font-size : 40px;
  }

  .page-title {
    font-size : 30px;
  }

  .footer-sm,
  .footer-sm .right p {
    text-align : center;
  }

  .backtotop-wrap {
    right  : 20px;
    bottom : 20px;
    width  : 30px;
    height : 30px;
  }

  .backtotop-wrap::after {
    width       : 30px;
    height      : 30px;
    line-height : 30px;
  }

  .clients .bord {
    border : 0;
  }

  .call-action.next .content h2,
  .call-action .content h2 {
    font-size : 50px;
  }

  .nt-blog-pg .posts .item .content {
    position : relative;
  }

  .nt-blog-pg .posts .item .content .col-2,
  .nt-blog-pg .posts .item .content .col-10 {
    width     : 100%;
    max-width : 100%;
  }

  .nt-blog-pg .posts .item .content .col-2 {
    z-index  : 3;
    position : absolute;
    top      : -90px;
    right    : 0px;
  }

  .nt-blog-pg .posts .item .content .date a {
    margin     : 0;
    padding    : 10px;
    background : #fff;
  }

  .nt-blog-pg .posts .item .content .date .num {
    margin    : 0;
    font-size : 25px;
  }

  .nt-blog-pg.single .comments-area .item.relped {
    margin-left : 0px;
  }

  .nt-blog-pg.single .post .img {
    min-height : 50vh;
  }

  .nt-blog-pg.single .comments-area .item .info h6 span {
    display : block;
    margin  : 10px 0 0 0;
  }
}

@media
  screen
  and (max-width : 480px) {
  .loading-text {
      font-size: 30px;
  }
  .main-overlaymenu .menu-info {
    display : none;
  }

  .main-overlaymenu .menu-wrapper .main-menu > li {
    padding   : 7px;
    font-size : 20px;
  }

  .main-overlaymenu .menu-wrapper .main-menu .sub-menu li {
    font-size : 16px;
  }

  .main-overlaymenu .container-fluid {
    padding : 0 15px;
  }
  .main-overlaymenu .menu-wrapper .main-menu > li .link i {
      margin-top: -5px;
  }
  .lang-select {
      right : 80px;
  }
  .has-menu-title .lang-select {
      right: 110px;
  }
  .slider-project .swiper-slide .caption .btn-stext,
  .slider .parallax-slider .caption .btn-stext {
    margin-top     : 20px;
    padding-left   : 0;
    letter-spacing : 2px;
  }

  .slider-project .swiper-slide .caption .btn-stext:after,
  .slider .parallax-slider .caption .btn-stext:after {
    display : none;
  }

  .slide-controls .swiper-button-next i {
    left : 30px;
  }

  .slide-controls .swiper-button-next i:after {
    width : 20px;
  }

  .slide-controls .swiper-button-prev {
    left : 5px;
  }

  .slide-controls .swiper-button-prev i {
    left : 10px;
  }

  .slide-controls .swiper-button-prev i:after {
    width : 20px;
  }

  .slide-controls .swiper-button-next,
  .slide-controls .swiper-button-prev {
    -webkit-transform : scale(0.8);
    transform         : scale(0.8);
  }

  .slide-controls .swiper-button-next {
    z-index : 99;
    right   : 20px;
  }

  .slide-controls .swiper-pagination-fraction {
    right : 65px;
  }

  .slide-controls .swiper-button-prev {
    right : 115px;
    left  : inherit;
  }

  .slide-controls .swiper-button-next:hover {
    right : 5px;
  }

  .slider-project .swiper-slide .caption h1,
  .slider .parallax-slider .caption h1 {
    font-size : 28px;
  }

  .project-carousel .swiper-button-next,
  .project-carousel .swiper-button-prev {
    width       : 35px;
    height      : 35px;
    font-size   : 16px;
    line-height : 35px;
  }

  .project-carousel .swiper-button-next {
    right : 15px;
  }

  .project-carousel .swiper-button-prev {
    left : 15px;
  }

  .project-carousel .content .cont-inner h6 {
    letter-spacing : 2px;
  }

  .project-carousel .content .cont-inner h4 {
    font-size : 20px;
  }

  .project-carousel .content .cont-inner {
    bottom     : 20px;
    left       : 0;
    width      : 100%;
    text-align : center;
  }

  .testimonials p {
    font-size : 16px;
  }

  .testimonials .quote-text .quote-icon {
    right : 30px;
    width : 40px;
  }

  .page-title {
    font-size : 22px;
  }

  .page-header .img-wrapper .title h3 {
    font-size : 40px;
  }

  .call-action.next .content h2,
  .call-action .content h2 {
    font-size : 38px;
  }

  .nt-blog-pg.single .post .content .share-info {
    display : block;
  }

  .nt-blog-pg.single .post .content .share-info .social,
  .nt-blog-pg.single .post .content .share-info .tags {
    display    : block;
    width      : 100%;
    text-align : center;
  }

  .nt-blog-pg.single .post .content .share-info .tags {
    margin-top : 20px;
  }

  .nt-blog-pg.single .post .author {
    padding : 30px 15px;
  }

  .nt-blog-pg.single .post .author .author-img {
    display : block;
    width   : 120px;
    margin  : 0 auto 30px;
  }

  .nt-blog-pg.single .post .author .info {
    display    : block;
    padding    : 0;
    text-align : center;
  }

  .nt-blog-pg.single .comments-area .item .comment-img {
    display : block;
    width   : 60px;
    margin  : 0 auto 30px;
  }

  .nt-blog-pg.single .comments-area .item .info {
    display    : block;
    padding    : 0;
    text-align : center;
  }

  .nt-blog-pg.single .comments-area .item.relped {
    margin-left : 0px;
  }

  .nt-blog-pg.single .comments-area .item .info h6 {
    font-size      : 14px;
    letter-spacing : 1px;
  }

  .nt-blog-pg.single .comments-area .item .info .replay {
    top : -25px;
  }

  .portfolio.gutter .gallery .items {
    margin-top : 30px;
    padding    : 0 15px;
  }

  .portfolio .filtering span {
    margin      : 0 6px;
    font-size   : 13px;
    line-height : 1.6;
  }

  .portfolio .filtering span:after {
    display : none;
  }
}

/* ====================== [ End Responsive ] ====================== */