@import url('https://fonts.googleapis.com/css2?family=Playwrite+NZ:wght@100..400&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poiret+One&display=swap'); 

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@1,400..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html, body{
  overflow-x: hidden !important;
}
.header-push-button .push-button span {
  height: 2px;
  width: 28px;
  transition: all 0.3s linear;
}
.header-push-button .push-button:hover span {
  left: 5px;
  transition: all 0.3s linear;
}
.header-push-button .push-button span:nth-child(2) {
  top: 7px;
  width: 20px;
  margin: 0;
  transition: all 0.3s linear;
}
.header-push-button .push-button:hover span:nth-child(2) {
  left: -4px;
  transition: all 0.3s linear;
}

.rev_column_inner .tp-parallax-wrap, .rev_column_inner .tp-parallax-wrap .tp-loop-wrap, .rev_column_inner .tp-parallax-wrap .tp-mask-wrap {
  margin-left: 14px;
}
.show-menu .push-menu .close-menu{ 
  transition: all 0.52s ease; 
}
.show-menu .push-menu .close-menu:hover{
  box-shadow: 0px 0 20px #6f6e6e73;
  transition: all 0.52s ease;
}
.show-menu .push-menu .close-menu i{
  transition: all 0.52s ease;
  color: white !important;
}
.show-menu .push-menu .close-menu:hover i{
  transform: rotate(90deg);
  transition: all 0.52s ease;
}
 
#google_translate_element{
  display: none; 
}
body > .skiptranslate,.goog-logo-link,.gskiptranslate,.goog-te-gadget span,.goog-te-banner-frame,#goog-gt-tt, .goog-te-balloon-frame,div#goog-gt-{
  display: none!important;
}

.language_box{
  right: 210px;
  position: absolute;
  top: 58px;  
}
.language_box a{
  text-transform: uppercase;
  margin-right: 18px;
  letter-spacing: 0.5px;
  font-weight: 600;
  font-size: 14px;
}
.h-210px {
  height: 210px !important;
}
.w-210px {
  width: 210px !important;
}
.ls-05px{
  letter-spacing: 0.5px !important;
}

body {  
  top: 0!important;
  font-family: var(--primary-font);
  font-size: 16px;
  line-height: 30px;
  font-weight: 400; 
  color: #333;
  word-break: break-word; 
  font-family: "Poppins", sans-serif !important;
}

.www{
  width: 24px;
}
.ml1{
  margin-left: 1px;
}
.mlr5n{
  margin-left: -5px !important;
  margin-right: -5px !important;
}
b, strong {
  font-weight: 600;
}
footer span.fs-12 {
  font-size: 14px; 
  letter-spacing: 1px !important;
  color: #646464;
} 
footer .medium-icon li {
  margin: 8px 16px 0 0px; 
}
h5 {
  font-size: 28px;
  text-transform: uppercase;  
  line-height: 42px;  
  font-weight: 500 !important; 
  color: rgb(51, 51, 51) !important;
  letter-spacing: 0.3px;
}    
.ptb_foot{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.upprer{
  text-transform: uppercase;
}
.pl20{
  padding-left: 20px !important;
}
.pl60{
  padding-left: 60px !important;
}
.col_maj{
  margin-right: -3%;
  margin-left: 3%;
  padding: 20px 0;
}
.mr_22n{
  margin-right: -22%;
}
.relative{ position: relative;}

@-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-1 {
  -webkit-animation: animate-svg-fill-1 4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s both;
          animation: animate-svg-fill-1 4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s both;
}

@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-2 {
  -webkit-animation: animate-svg-fill-2 4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s both;
          animation: animate-svg-fill-2 4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s both;
}

@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-3 {
  -webkit-animation: animate-svg-fill-3 4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s both;
          animation: animate-svg-fill-3 4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s both;
}

@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-fill-4 4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6000000000000001s both;
          animation: animate-svg-fill-4 4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6000000000000001s both;
}



a:hover {color: #868f00;}

.playwrite{ font-family: "Playwrite NZ", cursive;}

.poiret{ font-family: "Poiret One", sans-serif;  font-weight: 400; font-style: normal;}

.fs25{font-size: 25px;}
  
.default-logo img {width: 299px;}

header .navbar-brand img {max-height: 100px;}

header .navbar-brand { padding: 25px 0 0;} 
 
.ls2{ letter-spacing: 2px;}

.high_lightcolor{ color: #959556;}   
 
.years_of_experience{ position: relative; top:-278px; z-index: 99999;width: 331px;left: 16px;}

.gry_f1{ background-color: #f9f9f9;}

.top-35{top: -35px;}

.tc{ text-align: center;}

.pa{ position: absolute; right: 0;} 

.antonio{font-family: "Antonio", sans-serif;}

.pb0{ padding-bottom: 0px;}

.pt0{ padding-top: 0px;}

.pt30{ padding-top:30px;}

.pt50{ padding-top: 50px;}

.mb30{ margin-bottom: 30px;}

.flex_only{display: flex;}

.w250{ width:250px;}

footer .footer-logo img {max-height: 100px;}
 
.foot p{ margin: 0px; padding: 0px; font-size: 10px;letter-spacing: 0.3px;line-height: 23px;} 
  
.slider-navigation-style-07 {left: 66.55%;}

.w-i-c{ color: #FFF;}

.next-pre, .next-pre:focus {  background-color: rgba(255, 255, 255, 0.84) !important;}

.uppercase{ text-transform: uppercase;}

.foot{color: rgb(115, 115, 115);}

.foot a{color: rgb(115, 115, 115);} 

.foot a:hover{color: rgb(115, 115, 115);} 

.rmail a{color: rgb(115, 115, 115);}

.opacity img{opacity:0.3 ;}

.reletive{ position: relative;} 

.bg-nero-grey1 {
  background-color: #191919;
  padding-top: 0px;
}

.show-menu .hamburger-menu-simple .hamburger-logo {
  transform: translateY(0px);
  opacity: 1;
  transition-delay: 0.2s;
  width: 299px;
}

header .navbar-brand .default-logo {
 visibility: visible;
 opacity: 1;
 width: 299px;
 }
 
.fs-50 {
  font-size: 3.125rem;
  line-height: 3.5rem;
}

.grayscale{
  -webkit-filter:grayscale(100%);
  filter:grayscale(100%);
  transition: all 1.5s ease;
  transform: scale(1.1);
}

.quote_icon {   
  position: absolute;
  top: -55px;
  left: -82px;
  font-family: Georgia, Times, Serif;
  font-size: 16em;
  font-weight: 700;
  line-height: 1;
  color: #f0f0f096;
  z-index: 0;
 } 

.quote_icon_1 {   
  position: absolute;
  top: -42px;
  left: 32px;
  font-family: Georgia, Times, Serif;
  font-size: 16em;
  font-weight: 700;
  line-height: 1;
  color: #f0f0f096;
  z-index: 0;
} 
.icon2{
  left: -11px !important;
  top: -50px !important;
} 
.icon3{
  left: -17px !important;
  top: -41px !important;
}
 
.highlight{
  margin-top: 24px;
  line-height: 44px; 
  margin-bottom: 0; 
  letter-spacing: 0.2px;
} 
.highlight2{
  margin-top: 24px;
  line-height: 42px;
  margin-bottom: 0;
  margin-right: -5%;
  margin-left: -1%;
} 
.text_left{
  text-align: left;
}

.backgrounds_pattern{ 
  background-color: #fff;
  opacity: 1
}

.bg-white {  
  --bs-bg-opacity: 1;
  background-color: rgb(0, 0, 0) !important;
}   

.fs22 {
  font-size: 22px;
  line-height: 33px;
}

.fs32 {
  font-size: 32px;
  line-height: 43px;
}
 
.text-outline1 {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #959556;
}

/* WHITE */

.bg-nero-grey { background-color: #f9f9f9;} 

.text-nero-grey {color: #f2f2f2;}
 
.text-charcoal {color: #f4f4f4;}

.text-outline.black_cc {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #0b0b0b;
}

.masterpieces_color{ color: #0b0b0b;}

.text-base-color, .btn-link.text-base-color {color:rgba(151, 162, 2, 0.91);}
  
.bg-white.white_cc { 
  --bs-bg-opacity: 1;
  background-color: rgba(255, 255, 255, 0.84) !important;
}

.swiper-pagination-progress .swiper-progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: var(--swiper-progress, 0);
  background-color: #d9d9b4;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.bg-charcoal-grey {background-color: #DDD7D7;}

.custom-cursor .circle-cursor-inner {
  margin-left: -3px;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  z-index: 10000001;
  background-color: #99995d00;
}

.custom-cursor .circle-cursor-outer {
  margin-left: -15px;
  margin-top: -15px;
  width: 30px; 
  height: 30px;
  border: 1px solid #99995d00;
  z-index: 10000000;
  opacity: 0.8;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

.glow{
  background: rgb(255,255,255); 
  background: -moz-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(234, 234, 234) 14%, rgb(255, 255, 255) 100%);
  background: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(234, 234, 234) 14%, rgb(255, 255, 255) 100%);
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(234, 234, 234) 14%, rgb(255, 255, 255) 100%);
} 

.box_shadow_cc{ box-shadow: 0 0 40px rgba(0,0,0,.15);}

.playfair{
  font-family: Playfair Display; 
  font-style:    italic !important;
  font-weight: 400;
  position: relative; 
  letter-spacing: 0.2px; 
  line-height: 38px !important;
  line-height: 50px !important;
} 

.cc_color{color: #CCC;}

.cc99_color{color: #999;}

.fs30{ font-size: 32px; word-spacing: 2px;}
 
.foot_foot{color: #7b7b7b;}

.foot_foot a{color: #000;}

.foot_foot a:hover{color: #000;}

.swiper-button-prev, .swiper-button-next { margin-top: -46px;}

.soc{ color: #737373;}

.soc a:hover{ color: #959556;;}

 .custom-cursor .circle-cursor-inner a:hover {
  margin-left: -3px;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  z-index: 10000001;
  background-color: transparent;
} 

.custom-cursor .circle-cursor-inner.cursor-link-hover {
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background-color: transparent;
  opacity: 0.8;
}

.pp{font-family: "Plus Jakarta Sans", sans-serif; font-size:18px; line-height: 30px;}

.bg-dark-gray, .bg-dark-gray:focus { background-color: #fdfdfd;} 

.menu-item-list .nav-link {
  padding: 5px 0px 5px 0;
  font-size: 20px; 
  line-height: 28px;
  display: inline-block;
  width: 100%;
  margin: 9px 0;
  color: #6f6f6f;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.elements-social .light li a { color: #7b7b7bdb;}

.menu-item-list .nav-link:hover { 
  color: #626223;
  opacity: 0.6;
}
.header-push-button {
  padding-right: 24%;
  padding-top: 7px; 
} 
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .row > * {
  padding-right: 6px;
  padding-left: 6px; 
}
.text-white, .btn-link.text-white, a.text-white-hover:hover { color: #2f2f2f;}

.bg-base-color { background-color: #bbc619;}

/* portfilo */

.mr-15{margin-right: -14px;}
 
.bright_perrot {color: rgb(201, 215, 0);}

.absolute_position{position: absolute;width: 100%;}

.bg-portfilo-grey {background-color: #fbfbfb;}


.portfilo_flex{ display: flex;}

.portfilo_flex img{ width:100%;}

.position_relative{position: relative;}

.opacity03{opacity: 0.3;}

.cursor_pointer{ cursor: pointer;}
.br_pc{
  display: block;
}

/* Profile */

.bg-profile-grey {background-color: #fbfbfb;}

.first-letter-block {
  line-height: 200px;
}

.first-letter-block {
  width: 200px;
  height: 200px;
  font-family: "Poppins", sans-serif;
  font-size: 46px;
} 

section {
  padding-top: 60px;
  padding-bottom: 60px;
}

.profile_right_side_bg{
  position: absolute;
  top: 0px;
  right:  0px;
  z-index: 9;
  width: 150px;
}  

/* the_promoters */

.the_promoters {position: relative; text-align: left;margin-top: 10px;} 

.the_promoters img{ width:195px; border-radius: 100%;text-align: center;box-shadow: rgba(132, 132, 132, 0.43) 0px 3px 15px;} 
 
.the_promoters h4{ font-size:18px;  margin-bottom: 0px; padding: 60px 0 0 11px; line-height: 30px;letter-spacing: 0.5px;font-weight: 600 !important;text-transform: uppercase;}     
  
.bg-gradient-emerald-blue-emerald-green { background-image: linear-gradient(50deg, #ddd 0, #d0d0d0 100%);} 
 
.pl100{padding-left: 100px;}

.mt55{margin-top: 55px;}

.tab-style-08 ul .nav-item .nav-link.active, .tab-style-08 ul .nav-item .nav-link:hover {color: #000;}

.bg-green, .bg-green:focus {background-color: #d3e102;}

.read-more-content{
  display: none;
} 
.read-more {
  margin-top: 4px;
}  
.btn-style-two {
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  color: #27272f;
  font-weight: 500;
  overflow: hidden; 
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #7a7a7a;
  padding: 5px 14px 5px 8px;
  text-transform: capitalize;
  font-family: 'Poppins', sans-serif;
}

.bg-dot-gray, .bg-dot-gray:focus {
  background-color: #0b0202;
}

.bg-dot-line, .bg-dot-line:focus {
  background-color: #000;
}

.bg-light-blue-gray {
  background-color: #ebeff6;
}

.pl35 {
  padding-left: 35px;
}

.pl92 {
  padding-left: 92px;
}
.pl75 {
  padding-left: 65px;
}
.mb25{ margin-bottom: 25px;}

.quote_icon { 
  position: absolute;
  top: -58px;  
  left: -27px;  
  font-family: Georgia, Times, Serif;
  font-size: 13em;
  font-weight: 700;
  line-height: 1;
  color: #eaeaea7d;
  z-index: -1;
}

.mb0{ margin-bottom: 0;}

.scroll-progress {
  position: fixed;
  right: 15px;
  z-index: 111;
  top: 74%;
}

.border-color-light-gray { border-color: #dfdfdf !important;}
 
.innner_banner_bg{ background-color: rgb(252, 252, 242);min-height: 356px;display: flex;justify-content: center;align-items: center;} 

.one-half-screen.innner_banner_title {  height: 100% !important;margin-top: 60px;padding-top: 0;} 
 
.filter_invert {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.black_menu_line span { 
  background: #333 !important;
}

.box_shadow{box-shadow: 0 5px 20px rgb(194, 194, 194);} 

.page-title-extra-small h1 {
  font-size: 31px;
  line-height: 32px; 
  font-family: "Poppins", sans-serif;
  letter-spacing: -1px !important;
  text-transform: uppercase;
  margin-bottom: 14px !important;
} 
 
.color_cc{color: #ccc;}

.bg-extra-medium-gray {
  background-color: #ccc;
}
.bg-very-light-gray {
  background-color: #f9f9f9;
}
.process-step-style-05 .progress-step-separator {
  position: absolute;
  bottom: 27px;
  width: 1px;
  left: 50%;
  height: calc(100% - 100px);
}

.page_guide{
  font-size: 11px;
  letter-spacing: 0.8px;
  margin-bottom: 0; 
  margin-top: 8px;   
  line-height: 26px; 
  word-spacing: 0.5px;
  text-transform: uppercase;
  color: #333333b5;
}
.page_guide .page_active{
  color: #c1ce02;
  font-weight: 600; 
}  
.page_guide span {
  color: white;
}
.page_guide a{
  color: white;
  font-weight: 400 !important;
  transition: all 0.5s ease; 
}  
.page_guide a:hover{
  color: #bbc619 !important;
  transition: all 0.5s ease;
} 
.page_guide i{
  color: white;
  font-size: 12px; 
  padding: 0px 3px;
}

.portfolio-simple .portfolio-box:hover .portfolio-image img {
  opacity: 0.7;
  -webkit-transform: scale(1.1); 
  transform: scale(1.1);
}
.inline{
  display: inline;
}
.project_name{
  text-align: right;
  color: rgb(51, 51, 51);
}
a:hover .project_name{
  color: #868f00;
}
.award_txt{
  font-size: 16px;  
  letter-spacing: 0.3px;  
  text-align: right;  
  line-height: 28px;
  margin-bottom: 2px;
} 
.bg_white{
  background-color: white !important;
}
.blog-metro figure .blog-image .blog-overlay {
  background: linear-gradient(0deg, rgba(23, 23, 23, 0.93) 0, rgba(23, 23, 23, 0.16) 70%);
}  
.pdf_icon{
  display: flex;
  justify-content: center;
  align-items: center; 
}
.pdf_icon img{
  opacity: 0;
  width: 34px !important;
  transition: all 0.5s ease;
}
.blog-metro figure:hover .pdf_icon img {
  opacity: 1;
  transition: all 0.5s ease;
}
.award_padd{
  padding: 10px 24px 30px !important;
  width: 100%; 
}
.blog-overlay .gallery-hover{
  opacity: 0;
  transition: all 0.5s ease;
}
.blog-overlay .gallery-hover i{
  color: #868f00;
}
.blog-metro figure:hover .blog-overlay .gallery-hover {
  opacity: 1;
  transition: all 0.5s ease;
}
.innner_banner_bg .page_guide i {
  color: #33333391;
}
.innner_banner_bg .page_guide a {
  color: #333333b5;
}  
.bg_none{
  background: none !important;
}
.flex_end{
  display: flex;
  justify-content: flex-end; 
}
.bdr{
  border: 1px solid gainsboro;
}
.blog-metro figure .categories-btn {
  border: 1px solid #0000002e;
  margin-top: 19px;
  margin-right: 5px; 
}
.mt30{
  margin-top: 30px !important;
}
.red{
  color: red; 
  font-size: 11px; 
} 
.op1 img{
  opacity: 1 !important;
}


.new_block{
  margin-top: 27px !important;
  padding: 0px 7px;
  height: 100%; 
}
.bg_gray{
  background: #f4f4f4;
  display: flex;
  flex-direction: column;  
  justify-content: space-between; 
}
.padd_foaid{
  padding: 4px 4px !important; 
} 
.pb20{
  padding-bottom: 20px !important;
}

.ls-02n{
  letter-spacing: -0.4px;
} 
.mt15{
  margin-top: 15px !important; 
}
.mb10{
  margin-bottom: 10px !important;
}
.height488{
  height: 100% !important;
} 
.award_box {
  overflow: hidden; 
  padding: 16px;
  background: #f4f4f4; 
  height: 100%; 
}
.award_li .portfolio-box {
  overflow: hidden; 
  will-change: transform; 
  padding: 16px;
  background: #f4f4f4;
}
.award_li{
  display: flex; 
  padding-left: 0px !important;
  flex-wrap: wrap; 
  margin-bottom: 0;
}
.award_li li{
  padding: 12px;  
}
.tab{
  cursor: pointer;
  margin:0px 12px;
  display:inline-block;  
  color:rgb(25, 21, 20); 
  font-size: 14px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.radio{
  display:none;
}
#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel,
#three:checked ~ .panels #three-panel
{
  display:block
}
#one:checked ~ .tabs #one-tab,
#two:checked ~ .tabs #two-tab,
#three:checked ~ .tabs #three-tab{ 
  font-weight: 600;
  padding: 0px 0px 4px;
  border-bottom: 1px solid #c9d700;
}
.panels{
  width:100%;
  overflow:hidden;  
  margin-top: 30px;
}
.panel{
  display:none;
  animation: fadein .8s;
  
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
.tab-style-08 ul .nav-item .nav-link {
  font-size: 18px;
  text-transform: uppercase;
  color: rgb(51,51,51) !important;
  letter-spacing: 0 !important;
  font-weight: 600; 
  line-height: 30px;
  padding: 25px 0;
} 


.page-title-extra-small h2 { 
  font-size: 14px;  
  line-height: 26px; 
  word-spacing: 2px;
  letter-spacing: 0.2px !important;
}
.bg-team {
  background-color: rgba(2, 1, 1, 0.24) !important; 
} 
.process-step-style-03 .process-step-icon-box .number {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  top: 55%;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  background: #fffffff0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.process-step-style-03 .process-step-icon-box .number i{
  color: #868f00;
  font-size: 17px;
} 
.team_explore{
  display: flex;
  align-items: center;
  justify-content: center; 
  transition: all 0.5s ease;
  color: rgba(51, 51, 51, 0.63);  
  font-size: 13px;
  letter-spacing: 0.3px;
  line-height: 20px;
}
.team_explore i{
  margin-left: 6px; 
  margin-top: 2px;   
  color: rgb(201, 215, 0); 
}
.process-step-style-03:hover .team_explore {
  color: #868f00; 
  text-indent: 3px; 
  transition: all 0.5s ease;
}
.process-step-style-03:hover .team_explore i{
  color: #868f00;
}
.process-step-style-03:hover .process-step-icon-box .progress-image {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.bg_main_team{
  background-color: white;
}
.bg_lat{
  color: #ffffffba !important;
  margin-top: -6px;
  font-weight: 700; 
  font-size: 54px !important;
  line-height: 60px !important;
}
.mt20{
  margin-top: 20px !important;
}
.bdr2{
  border: 8px solid #ffffff5e; 
  box-shadow: 0px 0px 20px #84848442;
}
.mt-6n{
  margin-top: -6px !important;
}
.lh-29{
  line-height: 29px !important;
}
.mt6{
  margin-top: 7px !important;
}
.fs45{
  font-size: 45px !important;
}
.ls05{
  letter-spacing: 0.5px !important;
}
.grayscale_img{
  filter: grayscale(100%);
}
.process-step-style-03:hover .process-step-icon-box img.grayscale_img {
  filter: grayscale(0%);
}
.text_team{
  font-size: 18px !important;
  color: #b2bc18;
  letter-spacing: 0.5px;
  font-family: "Poppins", sans-serif !important;
  font-weight: 600;
} 
.deg_fonrt{
  font-size: 16px !important;
  margin-top: -4px;
  color: #737373;
  letter-spacing: 0.5px;
  font-family: "Poppins", sans-serif !important;
  font-weight: 400;
}
.new_fonnt{
  font-size: 18px !important;
  font-family: "Antonio", sans-serif; 
}
.box_shadow{
  box-shadow: 0px 5px 11px #84848461;
}   
.img_sep{
  position: absolute;
  bottom: 12%;
  width: 1px;
  left: 36%;
  height: 15%;
  background-color: #ccc;
}
.read_btn{
  justify-content: flex-start;
  margin-top: 14px;
  margin-bottom: 0;  
  text-transform: uppercase; 
  letter-spacing: 0.4px;
  transition: all 0.5s ease;
  cursor: pointer;
} 
.read_btn:hover::after{
  margin-left: 13px;
  transition: all 0.5s ease;
} 
.read_btn:after{
  content: "\f061";
  font-family: "FontAwesome";
  color: #a7b028;
  margin-left: 5px; 
  margin-top: -1px;
  transition: all 0.5s ease;
  font-size: 13px;
}
.unique_pro .bg-dot-gray {
  background-color: rgb(201, 215, 0);
}
.width29{
  width: 29% !important;
}
.width32 {
  width: 32% !important;
}
.space_bw{
  display: flex;
  justify-content: space-between;
}
.pt20{
  padding-top: 20px !important;
}
.pb30{
  padding-bottom: 30px !important;
}
.pb50{
  padding-bottom: 50px !important;
}
.pb35{
  padding-bottom: 35px !important;
}
.mt0{
  margin-top: 0px !important;
}
.ml5{
  margin-left: 5px !important;
}
.tp-splitted.tp-charsplit{
  font-size: 90px !important;
}
.hamburger-menu-simple .menu-item-list .nav-link {
  font-size: 16px;
  line-height: 18px; 
  letter-spacing: 0.3px;
  opacity: 1;
}   
.hamburger-logo img {
  max-height: 100px;
}
.show-menu .hamburger-menu-simple .hamburger-logo {
  transform: translateY(0px);
  opacity: 1; 
  transition-delay: 0.2s; 
  width: 275px;
  margin-top: 25px;
  margin-left: -20px;
}
.push-menu .close-menu { 
  right: 150px;
  background: #0000005e !important;
  top: 52px;
} 
header a{
    color: #6f6f6f;
    font-size: 14px;
} 
header a:hover {
  color: #8d9702 !important;
}  
.hamburger-menu-simple .menu-item-list .nav-link:hover {
  transition: all 0.5s ease;
}
.hamburger-menu-simple .menu-item-list .nav-link:hover {
  opacity: 0.9;
  margin-left: 12px; 
  transition: all 0.5s ease; 
}
.medium-icon a {
  font-size: 21px;
}
.social_width{
  width: 12px;
  opacity: 0.7; 
}
.social_width2{
  width: 20px;
  margin-top: -2px;
  opacity: 0.8;
} 
.social_width3{
  width: 27px;
  opacity: 0.8;
}
.align_center{
  display: flex;
  align-items: center;
}
header .social_icon a:hover{
  color: unset !important;
}
header .social_icon li a{
  transform: translateY(0);
  transition: all 0.5s ease;
}
header .social_icon li:hover a{
  opacity: 0.6;
  transform: translateY(7px); 
  transition: all 0.5s ease;
}
.menu-item-list .menu-item .menu-toggle::before, .menu-item-list .menu-item .menu-toggle::after {
  content: "";
  display: block;
  position: absolute; 
  right: 73px;
  top: 11px;
  height: 2px;
  width: 10px;
  background-color: #6f6f6f;
}
.menu-item-list .menu-item .menu-toggle {
  display: block;
  position: absolute;
  right: 0;
  top: 11px;
  cursor: pointer;
  z-index: 1;
  width: 100%;
  height: 29px;
  line-height: 30px;
}
.menu-item-list .sub-menu {
  padding-left: 25px !important;
}
.menu-item-list .sub-menu.show {
  height: auto;
  overflow: visible;
  margin-bottom: 6px;
} 
.menu-item-list .sub-menu a {
  font-size: 16px;
  line-height: 26px; 
  display: block; 
  color: #666; 
  margin: 0;
  padding-right: 0px;
  letter-spacing: 0.3px;
}
header p {
  color: #6f6f6f !important;
  font-size: 14px;
}
.drop_menu a.nav-link{
  transition: all 0.5s ease;
}
.drop_menu:hover a.nav-link{
  color: #afbb04 !important;
  margin-left: 12px; 
  transition: all 0.5s ease;
}
.drop_menu .menu-toggle::before, .drop_menu .menu-toggle::after{
  transition: all 0.5s ease;
}
.drop_menu:hover .menu-toggle::before, .drop_menu:hover .menu-toggle::after{
  color: #afbb04 !important;
  right: 67px; 
  transition: all 0.5s ease;
}
.menu-item-list .sub-menu a {
  transition: all 0.5s ease;
}
.menu-item-list .sub-menu a:hover {
  margin-left: 8px;
  transition: all 0.5s ease;
}
.active_link{
  color: #9faa01 !important;
  border-bottom: 2px dotted #6d750291; 
  padding-right: 0 !important; 
  display: inline-block !important;
}
.rotate_logo{
  position: absolute;
  top: 3px;
  width: 90px;
  left: 2px;
  opacity: 0.3;
  animation: rotate 10s ease-in-out infinite;
  transform: rotate(0deg);
}
@keyframes rotate {
  0%{
    transform: rotate(0deg);
  }
  25%{
    transform: rotate(90deg);
  }
  50%{
    transform: rotate(180deg);
  }
  75%{
    transform: rotate(270deg);
  }
  100%{
    transform: rotate(360deg);
  }
}
footer .main_link{
  width: 88%;
}
footer .main_link::after{
  content: "";
  position: absolute;  
  height: 100%; 
  width: 1px;
  top: 0;
  background: linear-gradient(to bottom,#f9f9f9 0%,#d9d9d9 42%,white 96%);
  display: block;
  right: 30px;
}
footer .main_link {
  color: #646464; 
  font-size: 14px;
}

footer .main_link a {
  color: #646464; 
  font-size: 14px;
}
footer .main_link a:hover{
  color: #a7b028;
}
footer .main_link li{
  transition: all 0.5s ease;
}
footer .main_link li:hover {
  text-indent: 12px;
  transition: all 0.5s ease;
}
.project_list{
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-right: 0;
}
.project_list::after{
  content: ""; 
  position: absolute; 
  height: 100%; 
  width: 1px;
  top: 0;
  background: linear-gradient(to bottom,#f9f9f9 0%,#d9d9d9 42%,white 96%);
  display: block;
  right: 17px;
}
.contact_line::after{
  content: ""; 
  position: absolute;  
  height: 100%;  
  width: 1px;
  top: 0;
  background: linear-gradient(to bottom,#f9f9f9 1%,#d9d9d9 44%,white 96%);
  display: block;
  right: 12px;
}
footer .project_list ul{ 
  margin-top: 6px;
}
footer .project_list li a{
  font-size: 14px !important;
  transition: all 0.5s ease;
  display: block;
}
footer .project_list li a:hover{
  text-indent: 12px;
  transition: all 0.5s ease;
  color: #a7b028;
}
.width23{
  width: 23%;
}
.w200{ 
  width: 184px !important;
  display: block; 
}
.pos_rel{
  position: relative;
} 
.op03{
  opacity: 0.3;
}
footer .social_width {
  width: 10px;
  margin-top: -6px;
}
footer .social_width2 {
  width: 18px;
  margin-top: -6px;
}
footer .social_width3 {
  width: 23px;
  margin-top: 6px; 
}
footer .social_icon li a:hover{
  color: unset !important;
} 
footer .social_icon li{
  transition: all 0.5s ease;
} 
footer .social_icon li:hover{
  transition: all 0.5s ease;
  transform: translateY(6px);
} 
footer .medium-icon a {
  font-size: 19px;
} 
footer .social_icon li:hover a{
  opacity: 0.4;
  transition: all 0.5s ease;
}
footer .medium-icon li:last-child {
  margin: 0 0px 0 0px;
}
.footer-bottom{
  background: #f2f2f2;
  padding: 9px 0 4px; 
}
.footer-bottom a:hover{
  color: #000;
}
.mr_7n{
  margin-right: -7px !important;
}
.mr_6n{
  margin-right: -6px !important;
}
.small_size {
  display: flex !important;
  line-height: 0 !important;
}
.small_size .tp-splitted.tp-wordsplit {
  margin-right: 8px;
}
.small_size .tp-splitted.tp-charsplit {
  font-size: 16px !important;
  letter-spacing: 2px !important; 
  font-weight: 500 !important;
  line-height: 40px !important; 
  word-spacing: -10px !important;
}
.playfair .tp-splitted.tp-charsplit {
  font-size: 80px !important;
}
.tp-splitted.tp-linesplit{
  line-height: 54px !important;
} 
#slide-01-layer-03, #slide-02-layer-03, #slide-03-layer-03, #slide-04-layer-03, #slide-05-layer-03{
  margin-bottom: 20px !important;
}
#slide-01-layer-05, #slide-02-layer-05, #slide-03-layer-05, #slide-04-layer-05, #slide-05-layer-05{
  padding: 8px 0px !important;
}
.tp-parallax-wrap.rev_row_wrap{
  left: 103px !important;
}
.btn-double-text{
  line-height: 22px !important;
  letter-spacing: 1px;
  font-weight: 600 !important;
  font-size: 12px !important;
  text-transform: capitalize !important;
} 
.mt_46n{
  margin-top: -48px !important;
}
.foot_bg{
  background: #f2f2f2;
}
.city{
  font-size: 12px;
  color: #939393;
}
.portfolio-box .portfolio-caption.pt-35px {
  padding-top: 18px !important;
  padding-bottom: 17px !important;
}
.portfolio-box .portfolio-caption i{
  color: #a7b028;
  font-size: 14px;
}  
.portfolio-box .portfolio-caption.project_name .d-inline-block {
  font-size: 14px;
} 
.portfolio-box:hover .read_btn::after {
  margin-right: 8px;
  transition: all 0.5s ease;
}

/* connect page style */
.bg-gray{
  background-color: #f2f2f2;
  /* background: #f0f0f0b5; */
}
.connect_d_flex{
  display: flex;
  width: 100%;
  justify-content: space-around;
  align-items: center;
}
.f_connect{
  color: #333 !important;
  font-size: 31px;
}
.d_boxes{
  display: flex;
  justify-content: space-between;
}
.add_box{
  width: 31%;
  text-align: center; 
  height: auto;
  background-color: white; 
  padding: 20px 0px;
  border-radius: 6px;
  box-shadow: 3px 5px 17px #d0d0d0a3;
  border: 1px solid white;
  word-wrap: break-word;
  text-align: center !important;
  margin: 5px 0px;
}
.text-white-hover:hover {
  color: #868f00 !important;
}
.pdlr15{
  padding: 0px 15px;
}
.medium-icon li {
  margin: 0px 0px;
}
.text-base-color{
  font-size: 14px;
  letter-spacing: 1px !important;
  color: #646464;
  font-weight: 600
}
.add_tc{
 color: #333;
 letter-spacing: 0.3px;
 line-height: 34px;
}  
 
/* form  */
.box_shadow{
  box-shadow: 3px 5px 22px #d0d0d0a3;
} 
 .form_input{
  width: 27%;
  display: inline-block;
  background-color: unset;
  padding-bottom: 5px;
  padding: 0 0;
}
.form_select{
  padding-top: 12px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.ml0{
  margin-left: 0px;
}
.form-control, .form-control:focus {
  background-color: unset;
  border-radius: 0;
}
.sub_btn{
  width: 18%;
  border: none !important;
}
.btn_sub{
  width: 15%;
  background-color: unset;
  border: none;
  color: rgba(51, 51, 51, 0.63);
  justify-content: flex-start;
  justify-content: unset !important;
}
.bgwhite{
  background-color: white;
}
select{
  background-color: transparent;
}
select option{
  background-color: white;
  border: none !important;
}
#slide-01-layer-06, #slide-02-layer-06, #slide-03-layer-06, #slide-04-layer-06, #slide-05-layer-06{
  display: none !important;
}

.hov_effct{
  display: inline-block;
  transition: all 0.5s ease;
}
.pt72{
  padding-top: 72px !important;
}
.hov_effct:hover{
  transition: all 0.5s ease;
  text-indent: 12px;
}
.bottom-minus-18px {
  bottom: -31px;
}
.bdr_ani2{ 
  height: 201px;
  width: 201px !important;
  border: 2px dashed #0009; 
  border-radius: 50%; 
  position: absolute;
  top: -3px;
  left: -3px;
  animation: rotate_line 30s linear infinite;
}
.bdr_ani{
  height: 210px;
  width: 210px !important;
  border: 2px dashed #0000008c;
  border-radius: 50%;  
  position: absolute;
  top: 0px;
  left: 0;
  animation: rotate_line 30s linear infinite;
}
@keyframes rotate_line {
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
}
.z1{
  z-index: 1 !important;
}

.typing  h5{
  overflow: hidden;
}
.typing h5 span.cursor {
  display: inline-block;
  background-color: #575757;
  margin-left: 0.1rem;
  width: 2px;
  animation: blink 1s infinite;
}
.typing h5 span.cursor.typing {
  animation: none;
}
@keyframes blink {
  0%  { background-color: #575757; }
  49% { background-color: #575757; }
  50% { background-color: transparent; }
  99% { background-color: transparent; }
  100%  { background-color: #575757; }
}

.big_br{
  display: none;
}
.mr2{margin-right: 2px !important;}
.mr3{margin-right: 3px !important;}

.title_ani {
  background: url("../images/home/line_bg.png") repeat-y;
  background-clip: text;
  animation: title_line 100s linear infinite;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: title_line 100s linear infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
}
@keyframes title_line {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}

 .img_bdr {
  position: absolute;
  content: "";
  left: 15px;
  top: 12px;
  border: 2px solid #ffffff96;
  width: fit-content;
  height: fit-content;
  padding: 49% 38%;
  border-radius: 5px;
}
.ani_left_right{
  transform: translateX(0);
  /*! animation: leftright 4.6s linear infinite; */
}
@keyframes leftright {
  0%{
    transform: translateX(0);
  }
  25%{
    transform: translateX(-12px); 
  } 
  50%{
    transform: translateX(0px);
  }
  75%{
    transform: translateX(12px);
  }
  100%{
    transform: translateX(0px);
  }
}
.process-step-style-03 .process-step-icon-box .progress-step-separator {
  left: calc(100% + 1px);
  background: linear-gradient(to right,white 16%, #828282 48%, white 91%);
  background-color: rgba(0, 0, 0, 0);
  width: 39% !important;
  height: 2px;
}
.padd0{
  padding: 0 !important;
}
.mle_10n{
  margin: 0 -14px !important;
}

.bdr_ani3 {
  height: 207px;
  width: 208px !important;
  border: 2px dashed #0009;
  border-radius: 50%;
  position: absolute;
  top: -4px;
  left: 43.55%;
  animation: rotate_line 30s linear infinite;
}
.team_bdr{
  position: absolute;
  top: 0;
  left: 43.55%;
}
.team_pg .img_sep {
  left: 50%;
  bottom: 20% !important;
  height: 13%;
}
.pt55{
  padding-top: 55px !important;
}

.bdr_effect .figcaption::before,
.bdr_effect .figcaption::after {
	position: absolute;
	top: 18px;
	right: 18px;
	bottom: 18px;
	left: 18px;
	content: '';
	opacity: 0;
	transition: opacity 0.55s, transform 0.65s;
	-webkit-transition: opacity 0.55s, -webkit-transform 0.65s;
}

.bdr_effect .figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: scale(0,1); 
	-webkit-transform: scale(0,1);
}

.bdr_effect .figcaption::after {
	border-right: 1px solid #fff; 
	border-left: 1px solid #fff;
	transform: scale(1,0);
	-webkit-transform: scale(1,0);
}

.bdr_effect:hover .figcaption::before,
.bdr_effect:hover .figcaption::after {
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
}

.bdr_effect:hover h2,
.bdr_effect:hover p {
	opacity: 1;
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
}
.process-step-style-03 .process-step-icon-box .progress-step-separator {
  position: absolute;
  top: 52%;
  left: calc(100% + 5px);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.pb40{
  padding-bottom: 40px !important;
}
.team_pg .w-20 {
  width: 17% !important;
}
.dis_p p{
  letter-spacing: 0.4px;
  margin-bottom: 18px;
} 
.privacy_title{
  margin-bottom: 3px !important;
  margin-top: 36px !important; 
  color: #a7b028;
  font-size: 18px !important;
}
.d-flex{
  display: flex;
}
.dis_p p i {
  margin-right: 8px;
  line-height: 29px; 
  color: #bdbdbd; 
}
.dis_p p a {
  text-decoration: underline;
  color: #000000c9; 
}

.dis_p p a:hover {
  text-decoration: underline;
  color: #868f00; 
}

.mb8{
  margin-bottom: 8px !important;
}

.link_hover{
  transition: all 0.5s ease;
}

.link_hover:hover{
  text-indent: 12px;
  transition: all 0.5s ease;
  text-decoration: underline;
}

.add_box .social_icon li a{
  transition: all 0.5s ease;
}

.add_box .social_icon li a:hover{
  opacity: 0.6;
  transform: translateY(6px);
  transition: all 0.5s ease;
}

.add_box .medium-icon a {
  font-size: 20px;
  width: 45px;
  height: 31px;
}

.br_mo{
  display: none;
}

.mb-0 {
  margin-bottom: 0 !important;
}
.res_mo{
  display: none;
}

.pt15{ padding-top: 15px;}

.wht{ color: #fff !important;}

.boder-right{ background-color: #FFF; width: 1px; height: 25px; margin-left: 30px; margin-right: 14px;}

.sub_playfair {
  font-family: Playfair Display;
  font-style: italic !important;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 20px !important;
}
.a22{position: absolute; left: 22px;}
.tp-mask-wrap{position: absolute !important; left: 0px !important; } 
.mt-125{margin-top: -125px !important;}

.grayscale_img{filter: grayscale(1);}

.ls2{ letter-spacing: 2px;}

.plr{ padding-left: 0px !important; padding-right: 0px !important;}

.align-items-center{align-items: center;}

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

.p12{padding: 12px !important;}

.wht_bg{background-color: rgba(255, 255, 255, 0.6) !important;}
.wht_bg:hover{background-color: rgba(255, 255, 255, 0.6) !important;   color: #ffffff;}

.w-i-c1 {
  color: #000;
}

.w-i-c1:hover {
  color: #ffffff;
}

.rev_row_zone_middle {
  top:7%;
  transform: translateY(-50%);
}

.rev_row_zone_middle.mid {
  top: 10%;
  transform: translateY(-50%);
}

.rev_row_zone_middle.mid1 {
  top: 15%;
  transform: translateY(-50%);
}
.pro_br{
  display: none;
}
.down_btn{
  margin-left: 20%;
}

.br_d{
  display: none;
}

.tab_block{
  display: none;
}
.mb70{
  margin-bottom: 70px !important;
}
.mb50{
  margin-bottom: 50px !important;
}
.mb55{
  margin-bottom: 55px !important;
}
.testimonials_section_tab {
  position: relative;
  padding: 43px 39px 25px;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 3px 2px 8px #dcdcdcc4;
  margin: 10px 0;
  line-height: 27px;
  letter-spacing: 0.5px;
  font-size: 16px;
}
.quote_tesi {
  position: absolute;
  left: 35px !important;
  top: -34px !important;
  font-family: Georgia, Times, Serif;
  font-size: 8em;
  font-weight: 700;
  line-height: 1;
  color: #f0f0f0;
  z-index: 0;
}
.ratting_testi {
  display: flex;
  justify-content: left;
  margin-top: -6px;
  opacity: 0.4;
}
.rating ul{
  padding: 0 !important;
}
.rating ul li {
  list-style: none;
  color: #f7a032;
  display: inline-flex;
}
.tesi_client_name {
  width: 100%;
  margin: 0 auto;
  position: absolute;
  bottom: -21px; 
  padding: 10px;
  color: #bdbcbcc7;
  left: 16px;
  font-weight: 600;
}
.tesi_client_name p {
  background-color: white;
  margin-bottom: 0px;
  display: inline-block;
  padding: 0 13px; 
}
.width49{
  width: 49%;
}
.green_color{
  color: #c9d700 !important;
}
.flex_center{
  display: flex;
  justify-content: center;
}
.underline{
  text-decoration: underline;
  transition: all 0.5s ease;
  color: rgba(51, 51, 51, 0.63) !important;
}
a.underline:hover{
  color: #b7c221 !important;
  transition: all 0.5s ease;
  text-decoration: underline;
}
.tc{
  text-align: center !important;
}
.mb60{
  margin-bottom: 60px !important;
}
.jus_center{
  justify-content: center;
}
.pt60{
  padding-top: 60px !important;
}
.mob_none{
  display: none;
}
.form_padd{
  padding: 45px 60px !important
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
  font-size: 15px;
  letter-spacing: 0.4px;
  color: #939393 !important;
}
.ml8{
  margin-left: 8px !important;
}
.mlr8{
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.mr20{
  margin-right: 20px !important;
}
.map_frame iframe{
  filter: grayscale(100%);
  transition: all 0.5s linear;
}
.map_frame iframe:hover{
  filter: grayscale(0%);
  transition: all 0.5s linear;
}
.pc_none{
  display: none;
}
.pb-35px {
  padding-bottom: 30px !important;
}
.carousel__button svg {
  width: 17px !important;
}
.tab_none {
  display: block !important;
}
.tab_block {
  display: none !important;
}
.feature-box.feature-box-left-icon .feature-box-icon, .feature-box.feature-box-left-icon-middle .feature-box-icon {
  margin-top: 1px;
}
.box_none{
  box-shadow: none !important;
}
.compensate-for-scrollbar {
  padding-right: 0 !important;
}
.fancybox__backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: var(--fancybox-bg,rgba(24, 24, 27, 0.29)) !important;
  backdrop-filter: blur(25px);
}

@media screen and (min-width:1600px) and (max-width:1920px){

  .bottom-minus-18px {
    bottom: -18px;
  }
  .team_pg .h-180px {
    height: 200px !important;
  }
  .team_pg .w-180px {
    width: 200px !important;
  }
  .team_pg .w-20 {
    width: 20% !important;
  }
  .process-step-style-03 .process-step-icon-box .progress-step-separator {
    left: calc(100% + 1px);
  }
  .bg_gray {
    height: 663px;
  }
  .process-step-style-05 .progress-step-separator {
    height: calc(100% - 88px);
  }
  .big_br{
    display: block;
  }
  .img_sep {
    left: 38%;
  }
  .the_promoters {
    margin-top: 0px;
  }
  .big_width83 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .big_width16 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .big_width25 {
    flex: 0 0 auto;
    width: 25%;
  }
  .big_width66 {
      flex: 0 0 auto;
      width: 66.66666667%;
  }
  .big_pb60{
    padding-bottom: 60px !important;
  }
  .big_mt55 {
    margin-top: 55px !important;
  }
  .header-push-button {
    padding-right: 18%; 
    padding-top: 19px; 
  }  
  header .container-fluid {
    padding-left: 90px;
    padding-right: 90px;
  }
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1603px !important;
  }  

  .big_pt36{
    padding-top: 19px !important;
  }
  .one-half-screen {
    height: 456px !important;
  }
  .res_ml0{
    margin-left: 0px;
  }

  footer .main_link::after {
    background: linear-gradient(to bottom,#f9f9f9 -2%,#d9d9d9 42%,white 96%);
    right: 73px;
  }
  .project_list::after {
    background: linear-gradient(to bottom,#f9f9f9 -2%,#d9d9d9 42%,white 96%);
    right: 5px;
  } 
  .contact_line::after {
    background: linear-gradient(to bottom,#f9f9f9 -2%,#d9d9d9 42%,white 96%);
    right: 9px;
  }
  .big_ml2n{
    margin-left: -2%;
  }
  footer .big_ml2n {
    margin-left: -4%;
  }

  .header-push-button.mr10 {
    padding-right: 12%;
  } 
}

@media screen and (min-width:1700px) and (max-width:1930px){
  .mob_none{
    display: block;
  }
  .mle_10n {
    margin: 0 -10px !important;
  }
   .pro_center {
    display: flex;
    justify-content: center;
    align-items: center !important;
  }
  .one-half-screen {
    height: 100% !important;
    padding-bottom: 0 !important;
    padding-top: 6%;
  }
  .w200 {
    width: 265px !important;
    display: block;
  }
  .contact_line::after {
    background: linear-gradient(to bottom,#f9f9f9 -2%,#d9d9d9 42%,white 96%);
    right: 58px;
  }
  footer .main_link::after {
    background: linear-gradient(to bottom,#f9f9f9 -2%,#d9d9d9 42%,white 96%);
    right: 104px;
  }
}

@media screen and (min-width:1500px) and (max-width:1720px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1302px !important;
  }  
  .bdr_ani3 {
    height: 189px;
    width: 189px !important;
  }
   .team_bdr {
    position: absolute;
    top: 0;
    left: 42.8%;
  }
  .rotate_logo {
    width: 70px;
  }
  .form_padd {
    padding: 45px 48px !important;
  }
  .form_input {
    width: 23.5%;
  }
  .lap_w100{
    flex: 0 0 auto;
    width: 100%
  }
  .fs-140 {
    font-size: 6.75rem;
    line-height: 8.75rem;
  }
  .tp-parallax-wrap.rev_row_wrap {
    left: 61px !important;
  }
   .pro_center {
    display: flex;
    justify-content: center;
    align-items: center !important;
  }
  .one-half-screen {
    height: 100% !important;
    padding-bottom: 0 !important;
    padding-top: 4%;
  }
  .one-half-screen.innner_banner_title {
    margin-top: 80px;
  }
}


@media screen and (min-width:1300px) and (max-width:1500px){
  .nor_pb0{
    padding-bottom: 0px !important;
  }
  header .container-fluid {
    padding-left: 21px;
    padding-right: 29px;
  }
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px;
  }
  .pro_center {
    display: flex;
    justify-content: center;
    align-items: center !important;
  }
  .one-half-screen {
    height: 100% !important;
    padding-bottom: 0 !important;
    padding-top: 4%;
  }
  .tp-parallax-wrap.rev_row_wrap {
    left: 42px !important;
  }
  .team_bdr {
    left: 42.2% !important;
  }

  .lap_fs12{
    font-size: 13px !important;
  }
  .one-half-screen.innner_banner_title {
    margin-top: 72px;
  }
}

@media screen and (min-width:1200px) and (max-width:1299px){
  .lap_pb0{
    padding-bottom: 0px !important;
  }
  h5 {
    font-size: 27px;
  }
  .nor_pb0{
    padding-bottom: 0px !important;
  }
  .lap_ml8{
    margin-left: 8px !important;
  }
  header .container-fluid {
    padding-left: 11px;
    padding-right: 17px;
  }
  .tp-parallax-wrap.rev_row_wrap {
    left: 25px !important;
  }
  .lap_fs12{
    font-size: 12px !important;
  }
  .one-half-screen.innner_banner_title {
    height: 100% !important;
    margin-top: 80px;
    padding-top: 0;
  }
}

@media screen and (min-width:1100px) and (max-width:1499px){
  #slide-01-layer-03, #slide-02-layer-03, #slide-03-layer-03, #slide-04-layer-03, #slide-05-layer-03 {
    margin-bottom: 2px !important;
  }
  .portfolio-box .portfolio-caption.pt-35px {
  padding-top: 20px !important;
  padding-bottom: 15px !important;
}
  .pb-35px {
    padding-bottom: 20px !important;
  }
  .form_padd {
    padding: 45px 45px !important;
  }
  .form_input {
    width: 23%;
  }
  .lap_w100{
    flex: 0 0 auto;
    width: 100%
  }
  .hg183{
    height: 183px;
  }
  .medium-icon a {
    font-size: 19px;
  }
  .hg115{
    height: 115px;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
  }
  .quote_tesi {
    left: 29px !important;
    top: -34px !important;
  }
  .team_pg .img_sep {
    left: 50%;
    bottom: 22% !important;
    height: 13%;
  }
  .tesi_client_name {
    left: 9px;
  }
  .testimonials_section_tab {
    padding: 43px 32px 25px;
    letter-spacing: 0px;
  }
  .process-step-style-03 .process-step-icon-box .progress-step-separator {
    width: 35% !important;
    background: linear-gradient(to right,white 13%, #828282 48%, white 91%);
  }
  .bdr_ani3 {
    height: 188px;
    width: 188px !important;
    top: -4px;
    left: 41.8%;
  }
  .team_bdr {
    position: absolute;
    top: 0;
    left: 41.8%;
  }
  .page-title-extra-small h2 {
    letter-spacing: 1px !important;
  }
  .blog-metro figure .categories-btn {
    margin-top: 14px;
    margin-right: 0px;
  }
  .rotate_logo {
    top: 4px;
    width: 73px;
    left: 1px;
  }

  .rev_row_zone_middle {
    top: -2%;
    transform: translateY(-50%);
  }
  .rev_column_inner .tp-parallax-wrap, .rev_column_inner .tp-parallax-wrap .tp-loop-wrap, .rev_column_inner .tp-parallax-wrap .tp-mask-wrap {
    position: relative !important;
    left: auto !important;
    line-height: 0;
  }

  .tab_fs100{ font-size: 100px;}

  .pro_center {
    display: flex;
    justify-content: center;
    align-items: center !important;
  }
  .one-half-screen {
    height: 100% !important;
    padding-bottom: 0 !important;
    padding-top: 4%;
  }

  .profile_right_side_bg {
    right: -15px;
  }
  .process-step-style-05 .progress-step-separator {
    position: absolute;
    bottom: 24px;
    width: 1px;
    left: 50%;
    height: calc(100% - 84px);
  }

  .rev_row_zone_middle.mid1 {
    top: 25%;
    transform: translateY(-50%);
  }
}


@media screen and (min-width:768px) and (max-width:1099px) {
  .tab_lh20{
    line-height: 20px !important;
  }
  .tab_pt20{
    padding-top: 20px !important;
  }
  .tab_mt25{
    margin-top: 25px !important;
  }
  .tab_pb35{
    padding-bottom: 40px !important;
  }
  .quote_icon {
    font-size: 11em;
  }
  .tab_none{
    display: none;
  }
  .tab_mr0{
    margin-right: 0px !important;
  }
  .tab_padd0{
    padding: 0 !important;
  }
  .w-210px {
    width: 200px !important;
  }
  .h-210px {
    height: 200px !important;
  }
  .bdr_ani {
    height: 202px;
    width: 204px !important;
    left: 2px;
    top: 0px;
  }
  .width32 .tab_w50 {
    width: 50% !important;
    padding-left: 0;
  }
  .tab_top30{
    top: 30px !important;
  }
  .tab_pt14 {
    padding-top: 14% !important;
  }
  .icon2 {
    left: -11px !important;
    top: -16px !important;
  }
  .highlight {
    margin-top: 20px;
    line-height: 40px;
  }
  h5{
    font-size: 26px !important;
  }
  .tab_w34{
    width: 34% !important;
  }
  .tab_w22{
    width: 22% !important;
  }
  .tab_w40{
    width: 40% !important;
  }
  .tab_w35{
    width: 35% !important;
  }
  .tab_para{
    letter-spacing: 0.3px !important;
  }
  .form_input {
    width: 31%;
    padding-top: 8px;
  }
  .tab_ml0{
    margin-left: 0px !important;
  }
  .tab_ml8{
    margin-left: 8px !important;
  }
  .tab_pt40 {
    padding-top: 40px !important;
  }
  .tab_mb0{
    margin-bottom: 0px !important;
  }
  .tab_mt25{
    margin-top: 25px !important;
  }
  .tab_ptb30.res_pb15{
    padding-bottom: 15px !important;
  }
  .br_pc{
    display: none;
  }
  .mob_none{
    display: block;
  }
  /* home page */
  .tab_w630{
    height: 630px;
  }
  #architecture-slider_wrapper {
    height: 475px !important; 
  }

 .tab_w200{
  width: 200px !important;
 }
 .hamburger-logo {
  padding: 10px 0 7px !important;
 }
  .tab_d_none{
    display: none;
  }
  .tab_tl{
    text-align: left !important;
    padding-left: 33px;
  }
  .tab_fs60{
    font-size: 72px !important;
    line-height: 100px;
  }
  .tab_w50{
    max-width: 45% !important;
    width: 50% !important;
  }
  .tab_d{
    display: flex;
    justify-content: space-between;
  }
  .tab_logo{
    top: 0px;
    left: -22px;
    width: 93px;
  }
  .tab_ml40{
    margin-left: 40px !important;
  }
  footer .main_link::after {
  right: 12px;
  }
  .project_list::after{
    display: none;
  }
  .tab_pl48{
    padding-left: 48px;
  }
  .tab_left{
    text-align: left !important;
  }
  .footer-logo { 
    margin-left: 20px !important;
  }

/* about organization page */

  .tab_left0{
    left: -20px !important;
  }
  .tab_l0{
    left: 0px !important;
  }
  .tab_tc{
    text-align: center;
  }
  .tab_w100{
    width: 100% !important;
    max-width: 100% !important;
  }
  .tab_w50{
    width: 50% !important;
    max-width: 47% !important;
  }
  [data-aos="fade-right"] {
    transform: translate(0px) !important;
  }
  .tab_mt{
    margin-top: -25px !important;
  }
  .tab_mb10{
    margin-bottom: 10px !important;
  }
  .tab_ptb30{
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .tab_mtb20{
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .tab_mt30{
    margin-top: 30px !important;
  }
  .tab_fs{
    font-size: 22px !important;
    line-height: 35px;
  }
  .mo_lh28{
    line-height: 28px !important;
  }
  .tab_w50{
    width: 50% !important;
  }
  .tab_mt0{
    margin-top: 0px !important;
  }
  .tab_mb0{
    margin-bottom: 0px !important;
  }
  .tab_line{
    height: unset;
  }
  .br_tab{
    display: none;
  }

  .left-0px {
    left: -2px;
    font-size: 165px;
    top: 7px;
  } 
  .tab_top40{
    top: 50px !important;
  }
  .mo_br{
    display: none;
  }
  .tab_w72{
    width: 69%;
  }
  .tab_pl10{
    padding-left: 11px !important;
  }
  .header-push-button {
  padding-right: 24%;
  padding-top: 7px;
}
  .tab_btw{
    justify-content: space-between;
  }
  .tab_plr0{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .tab_pt18{
    padding-top: 22% !important;
  }
  .tab_block{
    display: block;
  }

  /* journey page */
  .innner_banner_bg{
    min-height: 253px !important;
  }
  .tab_txtl{
    text-align: left !important;
  }
  .mo_tc{
    text-align: center !important;
  }
  .tab_bdr{
    left: 272px;
  }
  .tab_sep{
    left: 50%;
  }
  .img_bdr {
    left: 178px;
    top: 13px;
    padding: 155px 120px;
  }
  .tab_mt20{
    margin-top: 20px !important;
  }
  .tab-style-08 ul .nav-item .nav-link {
    padding: 20px 0;
  }
  .tab_justify{
    justify-content: space-between !important;
  }
  .process-step-style-06 .process-step-icon-box .progress-step-separator{
    width: 30% !important;
    left: 35% !important;
  }
  .mo_wh22{
    width: 22px !important;
    height: 22px !important;
  }
  .tab_mlr0{
    margin-left: 0px !important;
    margin-left:  0px !important;
  }
  .playfair {
    line-height: 30px !important;
  }
  .menu-item-list .menu-item .menu-toggle::before, .menu-item-list .menu-item .menu-toggle::after {
    right: 0;
 }
 .push-menu .close-menu {
  right: 50px;
  }
  .language_box {
    right: 100px;
  }

  /* awards & recognition */
  .tab_ml7{
    margin-left: -7px !important;
  }
  .award_li li{
    width: 50% !important;
  }
  .tab_pl0{
    padding-left: 0px !important;
  }
  .tab_pr0{
    padding-right: 0px !important;
  }
  .tab_ml0{
    margin-left: 0px !important;
  }
  .tab_h45{
    height: 45vh !important;
  }
  .tab_width50{
    width: 50% !important;
  }
  .tab_p12{
    padding: 12px !important;
    padding-top: 0px !important;
  }
  .award_li .tab_w{
    width: 100% !important;
  }

  /* about team */
  .overlap-gap-section {
    max-width: 739px;
  }

  /* connect page */
  .d_boxes {
    flex-wrap: wrap;
  }
  .add_box {
    width: 48%;
    margin: 11px 0px;
  }
  .tab_ml4{
    margin-left: 5% !important;
  }
  .tab_map{
    height: 40vh !important;
  }
  .tab_form{
    padding: 5% !important;
  }

  /* architecture project */
  .br_d{
    display: none !important; 
  }

  .mo_h200{
    height: 256px !important;
  }
  .tab_pb0{
    padding-bottom: 0px !important;
  }
  .tp-parallax-wrap.rev_row_wrap {
    left: 0px !important;
    top: 100px !important; 
  }
  /* .tp-mask-wrap {
    bottom: 50px !important;
  } */
  .tab_pl20 {
    padding-left: 20px !important;
  }
  .br_mo {
    display: none !important;
  }
  .tab_none {
    display: none !important;
  }
  .tab_block {
    display: block !important;
  }
  div.tp-parallax-wrap:nth-child(4) > div:nth-child(1) {
    bottom: 45px;
    right: 0px !important;
  }
  div.tp-parallax-wrap:nth-child(5) > div:nth-child(1) {
    bottom: 45px;
    right: -58px; 
  }
  .tab_mt30 {
    margin-top: 30px;
  }
  .small_size.mt6 {
    margin-top: 18px !important;
  }
  .rev_row_zone_middle {
    top: 0%;
    transform: unset !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .tp-splitted.tp-linesplit {
    line-height: 42px !important;
  }
  .btn.btn-slide-right {
    position: relative;
    z-index: 1;
    overflow: hidden;
    min-height: 30px !important;
    max-height: 30px !important;
  }
  .a22 {
    position: absolute;
    left: 0px;
    min-height: 30px !important;
    max-height: 30px !important;
  }
  .p12 {
    padding: 5px !important;
  }
  .playfair .tp-splitted.tp-charsplit {
    font-size: 66px !important;
  }
  .res_none{
    display: none !important;
  }
  .mle_10n {
    margin: 0 -25px !important;
  }
  .grid.gutter-extra-large li {
    padding: 10px 15px 15px;
  }
  .pro_center {
    display: flex;
    justify-content: center;
    align-items: center !important;
  }
  .one-half-screen {
    height: 100% !important;
    padding-bottom: 0 !important;
  }
  .pb_new40 {
    padding: 35px 0 37px !important;
  }
  .process-step-style-06 .process-step-icon-box .progress-step-separator {
    width: 3% !important;
    left: 28% !important;
    height: 90%;
    top: 26px;
  }
  .res_pro_flex{
    display: flex;
    margin-bottom: 20px;
    width: 100%;
    margin-left: -7px;
  }
  .mo_wh22{
    width: 22px !important;
    height: 22px !important;
    margin-right: 13px !important;
  }
  .unique_pro .process-step-icon-box {
    margin-top: 2px !important;
    margin-bottom: 5px !important;
  }
  .pro_none{
    display: none !important;
  }
  .col_maj {
    padding-right: 20px !important;
    padding-left: 15px !important;
    padding: 2px 0;
    margin-top: 20px;
  }
  .award_li li {
    padding: 12px;
    margin-bottom: 12px;
  }
  .award_li li:last-child {
    margin-bottom: 0px !important;
  }
  .award_li li:nth-last-child(2) {
    margin-bottom: 0px !important;
  }
  .blog-overlay .gallery-hover i {
    font-size: 16px;
  }
  .fa-magnifying-glass{
    font-size: 16px;
  }
  .panels {
    margin-top: 22px;
  }
  .process-step-style-03 .process-step-icon-box .progress-step-separator {
    display: none;
  }
  .bdr_ani3 {
    height: 161px !important;
    width: 162px !important;
    top: -3px !important;
  }
  .team_bdr {
    left: 39.3% !important;
  }
  .tab_fl{
    font-size: 24px;
    line-height: 30px;
  }
  .tab_mb0{
    margin-bottom: 0px !important;
  }
  .tab_mb30{
    margin-bottom: 30px !important;
  }
  .team_pg .img_sep {
    bottom: 25% !important;
  }
  .tab_mb45{
    margin-bottom: 45px !important;
  }
  .ani_left_right.h-180px {
    height: 155px !important;
  }
  .ani_left_right.w-180px {
    width: 155px !important;
  }
  .team_pg .pt55 {
    padding-top: 45px !important;
  }
  .team_pg .mb30 {
    margin-bottom: 15px;
  }
  footer .footer-logo img {
    max-height: 80px;
  }
}


@media screen and (max-width:767px){
  .award_pg .sm-pb-25px {
    padding-bottom: 0px !important;
  }
  .award_pg .inline {
    font-size: 14px;
  }
  .award_pg .top-minus-2px {
    top: 0px;
    margin-right: 3% !important;
  }
  .res_pb0{
    padding-bottom: 0px !important;
  }
  .team_pg .img_sep {
    bottom: 24% !important;
  }
  .team_pg  .mo_ptb30 {
    padding-top: 33px;
    padding-bottom: 33px;
  }
  .team_pg .mb-5px {
    margin-bottom: 0px !important;
  }
  .team_pg .mo_pt30 {
    padding-top: 33px !important;
  }
  .res_mb30{
    margin-bottom: 30px !important;
  }
  .res_mb35{
    margin-bottom: 35px !important;
  }
  .res_start{
    display: flex;
    justify-content: flex-start;
  }
  .team_pg .mo_fs22{
    line-height: 28px !important;
    margin-bottom: 18px !important;
  }
  .award_li li {
    padding: 12px;
    margin-bottom: 12px;
  }
  .award_li li:last-child {
    margin-bottom: 0px !important;
  }

  .unique_pro .process-step-icon-box {
    margin-top: 4px !important;
    margin-bottom: -19px !important;
  }
  .res_padd0{
    padding: 0 !important;
  }
  .process-step-style-05 .process-content {
    padding-left: 15px !important;
    margin-bottom: 21px !important;
  }
  .process-step-style-05 .progress-step-separator {
    bottom: 15px !important;
    height: calc(100% - 64px);
  }
  .mil_font{
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 2px !important;
    margin-top: 2px;
  }
  .process-step-style-05 .process-step-icon {
    font-size: 14px;
    height: 35px !important;
    width: 35px !important;
  }

  .res_mb15{
    margin-bottom: 15px !important;
  }
  .br_mob{
    display: none !important;
  }
  .res_mt20{
    margin-top: 20px !important;
  }
  .res_mb5{
    margin-bottom: 5px !important;
  }
  .res_mb25{
    margin-bottom: 25px !important;
  }
  .res_mr0{
    margin-right: 0px !important;
  }
  .res_pt10{
    padding-top: 10px !important;
  }
  .res_mb0{
    margin-bottom: 0px !important;
  }
  .res_w37{
    width: 37% !important;
  }
  .res_w63{
    width: 63% !important;
  }
  .res_wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .res_wrap li{
    width: 49%;
  }
  .res_pt0{
    padding-top: 0px !important;
  }
  .res_lh26 {
    line-height: 26px;
  }
  .res_pb20{
    padding-bottom: 20px !important;
  }
  .res_pl14{
    padding-left: 14px !important;
  }
  .mo_mt30{
    margin-top: 30px !important;
  }
  .tab-style-08 ul .nav-item .nav-link {
    font-size: 17px;
    line-height: 26px;
    padding: 15px 0 !important;
  }
  .res_pt20{
    padding-top: 20px !important;
  }
  .col_maj {
    padding: 2px 0;
    margin-top: 20px;
  }
  .res_lh25{
    line-height: 25px !important;
  }
  p {
    margin-bottom: 20px;
  }
  .feature-box.feature-box-left-icon .feature-box-icon, .feature-box.feature-box-left-icon-middle .feature-box-icon {
    margin-top: 7px;
  }
  .typing h5 {
    letter-spacing: 0.2px;
    font-size: 22.5px;
    line-height: 33px;
  }
  .typing h5 span.cursor {
    margin-left: 0px;
    width: 1px;
  }
  .page-title-extra-small h1 {
    font-size: 26px !important;
    margin-bottom: 8px !important;
  }
  .res_ls0{
    letter-spacing: 0px !important;
  }
  .res_ls01{
    letter-spacing: 0.1px !important;
  }
  .res_ls02{
    letter-spacing: 0.2px !important;
  }
  .res_ls05{
    letter-spacing: 0.5px !important;
  }
  .res_fs22{
    font-size: 22px !important;
  }
  .res_fs17{
    font-size: 17px !important;
  }
  .res_mt0{
    margin-top: 0px !important;
  }
  .add_tc {
    line-height: 27px;
  }
  .res_pb20{
    padding-bottom: 20px !important;
  }
  .res_mb10{
    margin-bottom: 10px !important;
  }
  .add_box.res_mb0{
    margin-bottom: 0px !important;
  }
  .page-title-extra-small h2.res_ls0{
    letter-spacing: 0px !important;
  }
  .grid.gutter-extra-large li {
    padding: 10px 15px 15px;
  }
  .res_fs13{
    font-size: 13.5px !important;
  }
  html, body{
    overflow-x: hidden !important;
  }
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .row > * {
    padding-right: 8px;
    padding-left: 8px;
  }
  .mlr5n {
    padding: 0;
    margin-left: -8px !important;
  }
  .hamburger-menu-simple .hamburger-menu {
    padding: 87px 0 78px;
  }
  .language_box {
    left: 17px;
    top: 135px;
    position: absolute;
    right: auto;
  }
  .menu-item-list .menu-item .menu-toggle::before, .menu-item-list .menu-item .menu-toggle::after {
    right: 6px;
  }
  .menu-list-wrapper {
    height: 100% !important;
  }
  .foot p {
    line-height: 18px;
  }
  .footer-bottom {
    background: #f2f2f2;
    padding: 9px 0 6px;
  } 
  footer .text-center {
    text-align: left !important;
  }
  .mo_w35{
    width: 36% !important;
  }
  .hamburger-logo{
    width: 180px;
    padding: 10px 0 7px;
  }
  .header-push-button {
    padding-right: 27%;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .show-menu .hamburger-menu-simple .hamburger-logo {
    width: 180px;
    margin-top: 0;
    margin-left: 6px;
  }
  .push-menu .close-menu {
    right: 15px !important;
    top: 30px !important;
  }
  .menu-address{
    padding: 0;
    margin-bottom: 25px !important;
  }
  .text-base-color {
    line-height: 20px;
    margin-bottom: 0 !important;
  }
  header .md-w-80 {
    width: 100% !important;
    line-height: 24px;
  }
  header .elements-social ul li {
    margin-bottom: 0 !important;
  }
  .elements-social{
    padding: 0;
    margin-top: 5px;
    margin-bottom: 30px;
  }
  header .push-menu.hamburger-nav {
    overflow-x: hidden !important;
  }
  header .social-icon-style-02.mt-15px {
    margin-top: 8px !important;
  }
  .add_box {
    padding: 20px 0px !important;
    margin: 11px 0px 22px !important;
  }

  /*home page banner */
  .tp-mask-wrap {
    position: unset !important;
  }
  .tp-parallax-wrap.rev_row_wrap {
    left: 0px !important;
  }
  .rev_slider img, .tp-simpleresponsive img {
    width: 100% !important;
  }
  .rev_row_zone_middle {
    top:  -1% !important;
    transform: unset !important;
    min-height: 100% !important;
    padding-top: 0px !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .res_pro{
    margin-top: -1px !important;
    line-height: 0px !important;
  }
  #slide-01-layer-05, #slide-02-layer-05, #slide-03-layer-05, #slide-04-layer-05, #slide-05-layer-05 {
    padding: 0px 0px !important;
    margin: -2% 0 0 !important;
    display: flex !important;
    justify-content: flex-start;
  }
  .playfair .tp-splitted.tp-charsplit {
    font-size: 40px !important;
  }
  #architecture-slider .tp-splitted {
    text-align: left !important;
  }
  .res_mt99{
    margin-top: 99px !important;
  }
  .home_pg .fullwidthbanner-container {
    overflow: hidden;
    height: 100% !important;
  }
  #architecture-slider_forcefullwidth{
    height:  auto !important;
  }
  .tp-fullwidth-forcer{
    height: 27vh !important;
  }
  .ban_big{
    display: flex;
    margin-top: -26px;
    line-height: 44px !important;
  }
  #slide-01-layer-03, #slide-02-layer-03, #slide-03-layer-03, #slide-04-layer-03, #slide-05-layer-03 {
    margin-bottom: 20px !important;
    margin-top: 0px !important;
  }
  div.tp-parallax-wrap:nth-child(4) > div:nth-child(1) {
    bottom: 49px;
    right: -166px !important;
  }
  div.tp-parallax-wrap:nth-child(5) > div:nth-child(1) {
    bottom: 49px;
    right: -146px;
  }
  .mCSB_scrollTools {
    display: none !important;
  }
  .page-title-extra-small h2 {
    line-height: 22px;
    word-spacing: 0px;
    letter-spacing: 0.5px !important;
    font-size: 13px;
  }
  header .navbar-brand{
    display: none;
  }
  .page_guide {
    letter-spacing: 0.1px;
    word-spacing: 0px;
  }
  .rotate_logo {
    width: 75px;
  }
  .w200 {
    width: 200px !important;
    margin-top: 2px;
    margin-bottom: -9px;
  }
  footer{
    padding-top: 22px !important;
  }
  .scroll-progress {
    right: 5px !important;
    top: 83% !important;
  }
  .a22 {
    position: absolute;
    left: 0px;
    min-height: 28px !important;
    max-height: 28px !important;
  }
  .btn.btn-slide-right {
    position: relative;
    z-index: 1;
    overflow: hidden;
    min-height: 28px !important;
    max-height: 28px !important;
  }

  .p12 {
    padding: 4px !important;
  }
  .mo_lh60{
    line-height: 60px !important;
    margin-left: 15px;
  }
  .rev_column_inner .tp-parallax-wrap .tp-loop-wrap{
    margin-left:15px !important;
  }
  .rev_column_inner .tp-parallax-wrap{
    margin-left: 0px !important;
  }
  .rev_column_inner .tp-parallax-wrap .tp-mask-wrap {
    margin-left: 0px;
  }
  .tp-kbimg-wrap{
    height: 100% !important;
  }

  .mo_position{
    position: unset;
  }
  .mo_fs30{
    font-size: 28px !important;
    line-height: 3.75rem !important;
    padding: 0 12px;
  }
  .mo_lh40{
    line-height: 40px !important;
  }
  .mo_mb0{
    margin-bottom: 0px !important;
  }
  .mo_mb25{
    margin-bottom: 25px !important;
  }
  .mo_mb20{
    margin-bottom: 20px !important;
  }
 

  .tab_d_none{
    display: none;
  }
  .tab_tl{
    text-align: left !important;
  }
  footer ul li{
    margin-bottom: 0px;
  }
  footer .main_link::after{
    display: none;
  }
  .project_list::after{
    display: none;
  }
  .contact_line::after{
    display: none;
  }
  /* about organization page */
  .mo_h330{
    min-height: 200px !important;
  } 
  .mo_fs{
    font-size: 28px !important;
  }
  .mo_pd0{
    padding: 0px;
  }
  .mo_fs22{
    font-size: 23px;
  }
  .highlight {
    letter-spacing: 0px;
  }
  .mo_d{
    flex-direction: column;
  }
  .mo_tc{
    text-align: center !important;
  }
  .mo_pb30{
    padding-bottom: 30px !important;
  }
  .mo_pl0{
    padding-left: 0px !important;
  }
  .quote_icon { 
  font-size: 10em !important;
  top: -40px !important;
  left: -10px !important; 
  }
  .icon3 {
  left: -8px !important;
  top: -36px !important;
  }
  .mo_ptb30{
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .mo_mb15{
    margin-bottom: 15px !important;
    line-height: 28px !important;
  }
  .mo_mt0{
    margin-top: 0px !important;
  }
  .mo_mt20{
    margin-top: 20px !important;
  }
  .mo_pdt70{
    padding-top: 70px !important;
  }
  .mo_br{
    display: none;
  }
  .mo_lh{
    line-height: 32px !important;
  }
  .mo_lh28{
    line-height: 28px !important;
  }
  .mo_fs65{
    font-size: 65px !important;
  }
  .mo_crcl{
    width: 192px !important;
    height: 192px !important;
  }
    .mo_bdr{
    width: 195px !important;
    height: 193px !important;
    left: 7px !important;
    top: 0px;
  }
  .mo_fs95{
    font-size: 95px !important;
    left: -16px !important;
  }
  h5 .alt-font{
    font-size: 29px !important;
  }
  .mo_pt0{
    padding-top: 0px !important;
  }
  .mo_pt10{
    padding-top: 10px !important;
  }
  .mo_l15{
    left: 15px !important;
  }

  /* journey page  */
  .pro_br{
    display: inline-block;
  }
  .process-step-style-05 .process-content.res_mb10{
    margin-bottom: 10px !important;
  }
  .pro_none{
    display: none !important;
  }
  .mo_animation{
    left: 40px;
  }
  .mo_bdr_left{
    left: 79px !important;
  }
  .mo_l50{
    left: 50%;
  }
  .mo_b40{
    bottom: 40px !important;
  }
  .mo_plr0{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .mo_lh22{
    line-height: 22px !important;
  }
  .mo_fdc{
    flex-direction:column;
  }
  .mo_green_line{
    height: 1px !important;
  }
  .mo_pdt20{
    padding-top: 20px !important;
  }
  .mo_bottom{
    bottom: -35px !important;
  }
  .mo_pb10{
    padding-bottom: 10px !important;
  }
  .mo_pb0{
    padding-bottom: 0px !important;
  }
  .process-step-style-06 .process-step-icon-box .progress-step-separator {
    width: 3% !important;
    left: 28% !important;
    height: 58%;
    top: 30px;
  }
  .res_pro_flex{
    display: flex;
    margin-bottom: 30px;
  }
  .mo_wh22{
    width: 22px !important;
    height: 22px !important;
    margin-right: 13px !important;
  }
  .menu-item-list .menu-item {
  text-align: left;
  }
  .tab_txtl{
    text-align: left !important;
  }
  .mo_plr8{
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .mo_ml0px{
    margin-left: 0px !important;
  }
  .tab-style-08 ul .nav-item {
    text-align: left !important;
    padding: 0 5px;
  }

/* awards & recognition page */
  .mo_l0{
    left: 0px !important;
  }
  .project_name {
    text-align: right !important;
  }

  /* about team page */
  .ani_left_right.w-180px{
    width: 150px !important;
   }
   .ani_left_right.h-180px{
    height: 150px !important;
  }
  .mo_about_w50{
    width: 50%;
    margin-bottom: 0px !important;
  }
 .team_bdr {
  left: 28%;
}
  .mo_w120{
    width: 125px !important;
  }

  /* architecture project */
  .br_d{
    display: block;
  }
  .mo_img{
    max-width: 640px;
  }
  .mo_h200{
    height: 200px !important;
  }
  .mo_mt10{
    margin-top: -10px !important;
  }

  .mo_mt45{
    margin-top: 45px !important;
  }
  .portfolio-box .portfolio-caption.pt-35px{
   padding-top: 10px !important;
   padding-bottom: 10px !important;
  }

  .grid.gutter-extra-large li.mo_mb0{
     margin-bottom: 0px !important;
  }

  .left-0px {
    left: 0px;
  }
  .mo_w100{
    width: 100% !important;
  }

  /* interior project */
  .mo_mt98{
    margin-top: 108px !important; 
  }

  .mo_ml15{
    margin-left: 15px !important;
  }

  /* connect page */
  .d_boxes{
    flex-wrap: wrap;
  }
  .mo_box{
    width: 100% !important;
  }
  .mo_map{
    height: 350px;
  }
  .btn_sub{
    width: 50%;
  }
  .down_btn{
    width: 100% !important;
  }
  .mo_p0{
   padding: 0 12px !important;
  }
  .page-title-extra-small h1 {
    font-size: 27px;
  }
  .form_padd {
    padding: 25px 22px !important;
  }
  .mob_ml0{
    margin-left: 0px !important;
  }
  .mob_mr0{
    margin-right: 0px !important;
  }
  .portfolio-box .portfolio-caption.project_name .d-inline-block {
    font-size: 14px;
    line-height: 22px;
  }
  .mob_mt0{
    margin-top: 0px !important;
  }
  .form_input {
    padding-top: 5px;
  }
  .res_w37{
    width: 37%;
  }
  .res_w49{
    width: 49%;
  }
  .res_w56{
    width: 56%;
  }
  .res_w60{
    width: 60%;
  }
  .res_w73{
    width: 73%;
  }
  .res_w87{
    width: 87%;
  }
  .res_w98{
    width: 98%;
  }
  .mob_para{
    letter-spacing: 0.5px !important;
    line-height: 24px;
  }
  .mob_in2{
    margin: 4px 0 7px;
    padding: 0 0 5px;
  }
  .mob_in3 {
    margin: 6px 0 8px;
    padding: 0 0 5px;
  }
  .mob_in{
    margin: 4px 0 8px;
    padding: 0 0 5px;
  }
  .mob_in5{
    margin: 0px 0 3px;
    padding: 0px 0 4px;
  }
  .res_ls02{
    letter-spacing: 0.2px;
  }
  .res_mt40 {
    margin-top: 40px !important;
  }
  .res_pt30{
    padding-top: 30px !important;
  }
  .mob_title{
    line-height: 30px;
    margin-bottom: 7px !important;
  }
  input, select, textarea, .form-control, .form-select {
    font-size: 15px;
  }
  .one-half-screen.innner_banner_title {
    margin-top: 0;
  }
  .res_col_rev{
    display: flex;
    flex-direction: column-reverse;
  }
  /* interior project religious */
  .mo_plr10{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .mo_w50{
    width: 50% !important;
  }
  .pc_none{
    display: block;
  }
  .mob_14px150 {
    font-size: 154px;
    top: 7px;
    left: 2px;
  }
  .tab_dis_text  {
    bottom: -9px !important;
    font-size: 34px !important; 
    line-height: 35px;
  }
  section {
    padding-top: 33px !important;
    padding-bottom: 33px !important;
  }
  .the_promoters h4 {
   margin-bottom: 20px !important;
  }
  .tab-content {
    margin-top: 7px !important;
  }
  .mob_mt20 {
    margin-top: 20px !important;
  }
  .col_maj {
     margin-right: 0% !important;
     padding-right: 20px !important;
     padding-left: 15px !important; 
  }
  .text-sm-start h6 {
    line-height: 37px !important; 
  }
  .mob_pdb0 {
    padding-bottom: 0px !important;
  }

  .mob_w100mb30px {
    width: 100% !important;
    margin-bottom: 50px !important;
  }
  .mob_mb0 {
    margin-bottom: 0px !important;
  }
  .mob_pdb0 {
    padding-bottom: 0px !important;
  }

  .mob_mt15 {
    margin-top: 15px !important;
  }
  .fs-140.mob_360_ft28 {
    font-size: 34px !important;
    line-height: 60px !important;
    justify-content: center;
    display: flex;
  }
  .small_size .tp-splitted.tp-charsplit {
    font-size: 14px !important;
    word-spacing: -9px !important;
  }
  .dis_p p {
    letter-spacing: 0px;
    margin-bottom: 18px;
  }
  .privacy_title {
    margin-bottom: -3px !important;
    margin-top: 27px !important;
    font-size: 17px !important;
  }
  .one-half-screen {
    height: 100% !important;
    padding-bottom: 0 !important;
  }
  .pro_center{
    display: flex;
    justify-content: center;
    align-items: center !important;
  }
  .pb_new40{
    padding: 0 0 35px !important;
  }
  .res_none{
    display: none !important;
  }
  .fancybox__caption {
    font-size: 14px;
  }
  .res_pt52{
    padding-top: 52px !important;
  }
  .quote_tesi {
    left: 9px !important;
    top: -27px !important;
    font-size: 120px;
  }
  .res_w100{
    width: 100%;
  }
  .res_mb30{
    margin-bottom: 30px !important;
  }
  .read_btn {
    margin-top: 5px;
  }

}


@media screen and (min-width:421px) and (max-width:440px){
  div.tp-parallax-wrap:nth-child(4) > div:nth-child(1) {
    bottom: 60px;
    right: -185px !important;
  }
  div.tp-parallax-wrap:nth-child(5) > div:nth-child(1) {
    bottom: 60px;
    right: -165px;
  }
}


@media screen and (min-width:421px) and (max-width:430px){
  .rev_row_zone_middle {
    top: 19px;
    transform: translateY(0);
  }
  .tab_dis_text {
    bottom: -8px !important;
    font-size: 38px !important;
    line-height: 35px;
  }
  .fs-140.mob_360_ft28 {
    font-size: 38px !important;
  }
  .mo_bdr_left {
    left: 79px !important;
    left: 98px !important;
  }
 
  div.tp-parallax-wrap:nth-child(4) > div:nth-child(1) {
    bottom: 65px;
    right: -185px !important;
  }
  div.tp-parallax-wrap:nth-child(5) > div:nth-child(1) {
    bottom: 65px;
    right: -165px;
  }

}


@media screen and (min-width:410px) and (max-width:420px){
  .rev_row_zone_middle {
    padding-top: 0px !important;
  }
  .tab_dis_text {
    font-size: 36px !important;
  }
  .fs-140.mob_360_ft28 {
    font-size: 36px !important;
  }
  .home_pg .fullwidthbanner-container {
    overflow: hidden;
    height:      100% !important;
  }
 
  div.tp-parallax-wrap:nth-child(4) > div:nth-child(1) {
    bottom: 52px;
    right: -177px !important; 
  }
  div.tp-parallax-wrap:nth-child(5) > div:nth-child(1) {
    bottom: 52px;
    right: -157px;
  }
  .page-title-extra-small h2{
    letter-spacing: 0.5px !important;
  }  
  .mo_l0{
    left: 0px !important;
  }
  .mo_l15{
    left: 15px !important;
  }
  .icon3 {
    left: 0px !important;
    top: -51px !important;
  }
  /* journey page */
  .mo_bdr_left {
    left: 90px !important; 
  }

}


@media screen and (min-width:414px) and (max-width:420px) and (max-height:896px){
  .rev_row_zone_middle {
    top: 27px;
    transform: translateY(0);
  }

}

@media screen and (min-width:384px) and (max-width:389px){
  .rev_row_zone_middle {
    padding-top: 0px !important;
  }
   .mo_bdr_left {
    left: 76px !important; 
  }
  .form_padd {
    padding: 25px 20px !important;
  }

} 

@media screen and (max-width:384px){
  .res_fs_13 {
    font-size: 13.5px !important;
  }
  .form_padd {
    padding: 25px 21px !important;
  }
  .res_w87 {
    width: 86%;
  }
  .res_w60 {
    width: 59%;
  }
  .res_ls02 {
    letter-spacing: 0px;
  }
  .res_w56 {
    width: 55%;
  }
  div.tp-parallax-wrap:nth-child(4) > div:nth-child(1) {
    bottom: 50px;
    right: -163px !important;
  }
  div.tp-parallax-wrap:nth-child(5) > div:nth-child(1) {
    bottom: 50px;
    right: -143px;
  }

}

@media screen and (min-width:368px) and (max-width:375px){
  .rev_row_zone_middle {
    padding-top: 0px !important;
  }
  footer .project_list li a:hover {
    text-indent: 9px;
  }
  .portfolio-box .portfolio-caption.project_name .d-inline-block {
    font-size: 13.5px;
  }
  .page_guide {
    letter-spacing: 0px;
    word-spacing: 0px;
    font-size: 10px;
  }
  .tab_dis_text {
    font-size: 33px !important;
  }
  .fs-140.mob_360_ft28 {
    font-size: 33px !important;
  }
  .form_padd {
    padding: 25px 18px !important;
  }
  .mo_bdr_left {
    left: 71px !important;
  }
 
  div.tp-parallax-wrap:nth-child(4) > div:nth-child(1) {
    bottom: 50px;
    right: -159px !important;
  }
  div.tp-parallax-wrap:nth-child(5) > div:nth-child(1) {
    bottom: 50px;
    right: -138px;
  }
} 

@media screen and (max-width:375px) and (max-height:667px) {
  #architecture-slider_forcefullwidth {
    height: 32.8vh !important;
  }
  .home_pg .fullwidthbanner-container {
    overflow: hidden;
    height: 32.8vh !important;
  }
  .rev_row_zone_middle {
    top: 15px;
    transform: translateY(16%);
  }
  div.tp-parallax-wrap:nth-child(4) > div:nth-child(1) {
    bottom: 50px;
    right: -160px !important;
  }
  div.tp-parallax-wrap:nth-child(5) > div:nth-child(1) {
    bottom: 50px;
    right: -140px;
  }
  #slide-02-layer-03 {
    margin-bottom: 9px !important;
    margin-top: 4px !important;
  }
  .rev_slider .tp-caption.rev_row {
    margin: -12px 0px 0px !important;  
  }

} 


@media screen and (min-width:360px) and (max-width:369px){
  .rev_row_zone_middle {
    padding-top: 0px !important;
  }
  footer .project_list li a:hover {
    text-indent: 5px;
  }
  .res_w37 {
    width: 36% !important;
  }
  .res_w63 {
    width: 64% !important;
  }
  .city {
    font-size: 11px;
    color: #939393;
  }
  .page_guide {
    letter-spacing: 0px;
    word-spacing: 0px;
    font-size: 10px;
  }
  .fs-140.mob_360_ft28 {
    font-size: 32px !important;
  }

  .form_padd {
    padding: 25px 15px !important;
  }
  .res_w73 {
    width: 72%;
  }
  .res_w49 {
    width: 48%;
  }
  .res_w56 {
    width: 51%;
  }
  .res_new_w76 {
    width: 76%;
  }
  .res_36_ml8{
    margin-left: 8px !important;
  }
  .mo_bottom {
    font-size: 32px;
    margin-left: 15px;
  }
  .mo_l15{
    left: 15px !important;
  }
  .mo_plr8{
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .mo_lft0{
    left: 0px !important;
  }
  .mo_bdr_left {
    left: 64px !important;
  }
  /* awards & recognition */
  .tab {
    margin: 0px 12px;
    margin: 0px 10px;
  }

}


@media screen and (max-width:360px){
  div.tp-parallax-wrap:nth-child(4) > div:nth-child(1) {
    bottom: 43px;
    right: -151px !important;
  }
  div.tp-parallax-wrap:nth-child(5) > div:nth-child(1) {
    bottom: 43px;
    right: -130px;
  }
  #slide-01-layer-03 {
    margin-bottom: 14px !important;
    margin-top: 4px !important;
  }
  .portfolio-box .portfolio-caption.project_name .d-inline-block {
    font-size: 13px;
    line-height: 22px;
  }
}

@media screen and (min-width:360px) and (max-width:374px) and (max-height:800px){

  div.tp-parallax-wrap:nth-child(5) > div:nth-child(1) {
    bottom: 45px;
    right: -130px;
  }
  div.tp-parallax-wrap:nth-child(4) > div:nth-child(1) {
    bottom: 45px;
    right: -151px !important;
  }
}


@media screen and (max-width:360px) and (max-width:374px) and (max-height:760px){
  .home_pg .fullwidthbanner-container {
    overflow: hidden;
    height: 27.6vh !important
  }
  #architecture-slider_forcefullwidth {
    height: 27.6vh !important
  }
  div.tp-parallax-wrap:nth-child(5) > div:nth-child(1) {
    bottom: 43px;
    right: -130px;
  }
  div.tp-parallax-wrap:nth-child(4) > div:nth-child(1) {
    bottom: 43px;
    right: -151px !important;
  }
}


@media screen and (min-width:350px) and (max-width:359px){

  .form_padd {
    padding: 25px 10px !important;
  }
  .res_space p{
    letter-spacing: 0px !important;
  }
  .mo_lft0{
    left: 0px !important;
  }
  .mo_bottom {
    font-size: 32px;
    margin-left: 15px;
  }
  /* architecture project */
  .mo_f{
    font-size: 26px !important;
  }

  
}