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

.hideme {
  opacity: 0;
  /* transform: translateY(20px); */
  /* transition: all 1.5s ease-in; */
  transition: all 0.7s ease-in;
  width: 100%; /*mozda ne treba ovo uopste*/

  /* DODATO SVE ISPOD */

  /*transition-timing-function: ease-in;*/
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden;

  /* DOVDE */
}

/* DODATO PRAVILO */

.hideme a img {
  /* max-width: 100%; */
  width: 100%;
  -moz-transition: all 0.1s;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
/* KRAJ PRAVILA */

/* DODATO PRAVILO */

/* .hideme:hover a img {
  -moz-transform: scale(1.04);
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
} */
/* KRAJ PRAVILA */

.hideme.fade-in {
  opacity: 1;
  transform: translateY(0px);
}

/* ZAKOMENTARISANO PRAVILO, KORISTILO SE 

.hideme img:hover {
	transform: scale(1.04);
	transition: all 0.8s ease-in;
	cursor: pointer;
}

*/

/* .project-txt {
  opacity: 0;
  transform: translateY(0px);
  transition: all 1s ease-out;
}

.project-txt.fade-in {
  opacity: 1;
  transform: translateY(0px);
} */

a {
  color: #fff;
  text-decoration: none;
}

a:link {
  color: #fff !important;
  text-decoration: none !important;
}

a:visited {
  color: #fff !important;
  text-decoration: none !important;
}

a:hover {
  color: #fff !important;
  text-decoration: none !important;
  transition: 0.2s ease-in-out;
}

a:active {
  color: #fff !important;
  text-decoration: none !important;
}

html {
  transition: 0.3s ease-in-out;
}
body {
  margin: 0;
  padding: 0;
  background-color: #000000 !important;
  /* font-size: 14px; */
  font-size: 15px;
  font-weight: 300;
  overflow-x: hidden;
}
body.light-gray {
  background-color: #c4c4c4 !important;
}

body.light-gray footer p,
body.light-gray footer p a {
  color: #000000 !important;
}
body.light-gray footer p a:hover {
  color: #fff !important;
}
/* .container-fluid {
  padding-left: 36px !important;
  padding-right: 36px !important;
} */

header {
  display: block;
  width: 100%;
  height: 100%;
  /* position: absolute;
	width: 100%;
	height: auto;
	right: 0;
	z-index: 8;
	opacity: 0; */

  /* new style */
  /* margin-bottom: 108px; */
  /* margin-top: 100px;
  margin-bottom: 300px;
  transition: 0.3s ease-in-out; */
  /* transition: 0.3s ease-in-out; */
  /* height: 293px;
  transition: 0.4s ease; */
  /* transition: height 0.5s ease-out; */
}

.header {
  opacity: 0;
}

.header-new {
  /* margin-bottom: 108px; */
  /* margin-bottom: 200px;
  transition: 0.3s ease-in-out; */
  background-color: black;
  /* height: 263px; */
  height: 224px;
  transition: 0.4s ease-in-out;
  /* transition: visibility 0.4s ease; */
}

.header-new.header-new-lignt {
  background-color: #c4c4c4 !important;
  transition: none;
}
.header-new .menu-desktop {
  background-color: transparent;
  margin-bottom: 50px;
  padding-top: 32px;
  /* height: 93px; */
  transition: 0.3s ease-in-out;
}
.header-new .menu-desktop li a {
  /* color: #666666 !important; */
  color: #6B6B6B!important;;
  transition: 0.3s ease-in-out;
}
.header-new .menu-desktop li a.active-item-menu {
  color: #fff !important;
}
.header-new .menu-desktop li a.active-item-menu-black {
  color: #000 !important;
}
.header-new .menu-desktop li a:hover {
  color: #fff !important;
}
.header-new.header-new-lignt .menu-desktop li a.gray-link:hover{
  color: #000 !important;
}
.header-new .menu-desktop.menu-desktop-light {
  background-color: #c4c4c4;
}
/* .header-new .menu-desktop.menu-desktop-light li a {
  color: #989898 !important;
  transition: 0.3s ease-in-out;
}
.header-new .menu-desktop.menu-desktop-light li a:hover {
  color: #000000 !important;
} */
.header-new .menu-desktop.menu-desktop-light .underline-span {
  background-color: #666666 !important;
}

header ul {
  text-decoration: none;
  list-style: none;
  width: 100%;
  position: relative;

  /* new style */
  margin-block-start: 0;
  padding-inline-start: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header ul li {
  float: left;
  /* font-size: 12px; */
  font-size: 13px;
  font-family: "Pitch";
  font-weight: normal;
  text-align: center;
  color: #666666;

  /* margin-top: 36px; */
  margin-bottom: 20px;
  letter-spacing: 0.618em;
  text-transform: uppercase;
  /* line-height: 14px; */
  line-height: 15px;
  -webkit-font-smoothing: antialiased;
  z-index: 9;
}
header ul li:first-of-type {
  /* margin-left: 21px; */
  margin-left: 35px;
}
header ul li:last-of-type {
  /* margin-right: 21px; */
  margin-right: 35px;
  /* font-size: 11px; */
  font-size: 12px;
}

header ul li a {
  z-index: 10;
}
.hero-img-home {
  margin-bottom: 220px;
}
.hero-img-home img {
  width: 100%;
}
/* .hero-container {
  margin-left: 21px;
  margin-right: 21px;
} */
.menu-mobile .links-wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 32px;
  padding-bottom: 15px;
  transition: 0.3s ease-in-out;
  /* opacity: 1; */
}
.menu-mobile .hidden-links-wrap {
  display: none;
  width: 100%;
  position: fixed;
  /* top: 50px; */
  height: 100vh;
  background-color: black;
  z-index: 99999;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 32px;
}
.menu-mobile .hidden-links-wrap .first-row {
  display: flex;
  justify-content: space-between;
}
.menu-mobile .hidden-links-wrap a {
  display: block;
  padding-bottom: 15px;
}
.menu-mobile .hidden-links-wrap a.last-item {
  padding-top: 30px;
}

.menu-mobile {
  transition: 0.3s ease-in-out;
}
.menu-mobile .links-wrap a {
  color: #666666 !important;
  transition: 0.3s ease-in-out;
}
/* .menu-mobile .links-wrap a:hover {
  color: #fff !important;
} */
.menu-mobile a {
  font-family: "Pitch";
  font-size: 14px;
  line-height: 17px;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.618em;
  text-transform: uppercase;
}
/* #menu-link-close,
#menu-link-open {
  color: #666666 !important;
} */
.menu-mobile #hide-nav a {
  color: white !important;
}
.menu-mobile #hide-nav #menu-link-open,
.menu-mobile #show-nav #menu-link-close {
  /* color: #666666 !important; */
  color: #6B6B6B !important;;
}
body.light-gray .menu-mobile #hide-nav a {
  color: #989898 !important;
}

/* .hero-text-home {
  opacity: 0;
}
.hero-text-home.fade-in {
  opacity: 1;
} */
.underline-block {
  display: flex;
  flex-direction: column;
}
.underline-span {
  width: 21px;
  height: 1px;
  background-color: #666666;
}
.hero-text-home {
  max-width: 27%;
}
.hero-text-home p {
  color: white;
  /* font-size: 13px; */
  font-size: 14px;
  /* line-height: 16px; */
  line-height: 17px;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.06em;
  margin-bottom: 106px;
  font-family: "Pitch";
  margin-left: 36px;
  text-transform: uppercase;
}
.addmargin {
  margin-bottom: 216px;
}
#main .container-fluid {
  /* padding-left: 36px;
  padding-right: 36px; */
  padding-left: 51px;
  padding-right: 51px;
}
#main .title {
  position: relative;
  z-index: 100;
  width: 20%;
  margin: 36px auto 65px;
}

#main .title h1 {
  /* font-size: 14px; */
  font-size: 15px;
  font-family: "Pitch";
  font-weight: normal;
  text-align: center;
  color: #fff;
  letter-spacing: 6px;

  z-index: 11;
}

#main .hero-slider {
  text-align: center;
  padding-right: 0;

  padding-left: 0;
}

#main .hero-slider img {
  margin: 0px auto;
  width: 100%;
}

#main .hero-description {
  float: right;
  margin: 108px 36px 108px 0px;
  color: #fff;
  /* font-size: 12px; */
  font-size: 13px;
  font-family: "Pitch";
  font-weight: normal;
}

#projects-preview a {
  color: #fff;
}
#projects-preview .underline-name{
  display: block;
  width: 68px;
  height: 1px;
  background-color: white;
  margin-left: 38px;
  margin-top: -4px;
}
#projects-preview .underline-name-projects{
  display: block;
  width: 58px;
  height: 1px;
  background-color: white;
  margin-top: -4px;
}

#projects-preview .container-fluid {
  /* padding-left: 36px !important;
  padding-right: 36px !important; */
  padding-left: 51px;
  padding-right: 51px;
}
#projects-preview .container-fluid.projects-page-container {
  padding-left: 35px !important;
  padding-right: 35px !important;
}
#projects-preview a:hover {
  color: #fff;
}

#projects-preview .project-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#projects-preview .project-wrap .project-item {
  width: 49.2%;
}
#projects-preview .project-wrap .project-item img{
  width: 100%;
}
.single-preview {
  width: 100%;
  height: auto;
  /* font-size: 12px; */
  font-size: 13px;
  font-family: "Pitch";
  color: #fff;
}

.no-padding {
  padding: 0px !important;
}

.single-preview img {
  /* max-width: 100%; */
  width: 100%;
}

.single-preview .project-txt {
  /* margin-top: 18px; */
  margin-top: 23px;
  margin-bottom: 130px;
  text-align: left;
}

.single-preview .project-name {
  text-align: left;
  padding: 0px;
  /* text-decoration: underline; */
  /* margin-left: 36px; */
  margin-left: 38px;
  /* letter-spacing: 2px; */
  letter-spacing: 0.3em;
  /* font-size: 12px; */
  font-size: 13px;
  /* line-height: 14px; */
  line-height: 15px;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.single-preview .project-description {
  /* margin-left: 120px; */
  /* margin-left: 36px; */
  margin-left: 38px;
  text-decoration: none;
  display: block;
  /* font-size: 12px; */
  font-size: 13px;
  /* line-height: 14px; */
  line-height: 15px;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.06em;
}

.all-projects {
  /* padding-bottom: 95px; */
  padding-bottom: 80px;
  padding-top: 55px;
}

.all-projects a {
  text-decoration: none;
  color: #fff;
}

.all-projects a:hover {
  color: #fff;
}

.all-projects ol {
  list-style-type: decimal-leading-zero;
  color: #fff;
  font-family: "Pitch";
  /* font-size: 12px; */
  font-size: 13px;
  text-transform: uppercase;
  margin-left: 25px; /* promenjeno na 25px sa 72px */
}

.all-projects ol li {
  padding-left: 200px;
  letter-spacing: 2px;
  margin: 10px 0px;
}

/* DODATO PRAVILA */

.all-projects #projects_preview #projects_preview_img {
  display: none;
  max-width: 70%;
  height: auto;
  width: auto;
}

/* KRAJ PRAVILA */
.all-projects .container-fluid {
  padding-left: 36px;
  padding-right: 36px;
}
.all-projects .all-work-text,
.all-projects .view-all {
  /* padding-left: 240px; */
  margin: 0px;
  margin-left: 52px; /*promenjeno na 36 sa 25 */
  color: #fff;
  font-family: "Pitch";
  /* font-size: 12px; */
  font-size: 13px;
  /* line-height: 14px; */
  line-height: 15px;
  -webkit-font-smoothing: antialiased;
  /* text-transform: uppercase; */
  /* letter-spacing: 2px; */
  display: inline-block;
}

.all-projects span {
  margin-left: 35px; /* promenjeno na 35 sa 72 */
}

.all-projects p:first-of-type {
  margin-bottom: 28px;
  /* text-decoration: underline; */
}

.all-projects p:last-of-type {
  /* margin-top: 25px; */
}

.all-projects .view-all {
  /*margin-left: -27px;  promenjeno na -27 sa -15 */
  text-decoration: underline;
}
.all-projects .wrap-allwork {
  margin-bottom: 280px;
}

.list-preview {
  height: auto;
  overflow: hidden;
}

.list-preview img {
  width: 100%;
  height: auto;
}

footer {
  padding: 0 0 100px;
}

footer p {
  color: #fff;
  font-family: "Pitch";
  /* font-size: 12px; */
  font-size: 13px;
  /* line-height: 16px; */
  line-height: 17px;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  /* letter-spacing: 2px; */
  letter-spacing: 0.3em;
  text-align: center;
  padding: 0px;
  margin: 0px;
}

#projects .title {
  position: relative;
  z-index: 100;
  width: 20%;
  margin: 36px auto 65px;
}

#projects .title h1 {
  /* font-size: 14px; */
  font-size: 15px;
  font-family: "Pitch";
  font-weight: normal;
  text-align: center;
  color: #fff;
  letter-spacing: 6px;

  z-index: 11;
}

#projects .hero-slider img {
  margin: 108px auto;
  width: 100%;
  height: auto;
}

.project-txt {
  margin-top: 25px;
  margin-bottom: 165px;
  text-align: left;
  /* font-size: 12px; */
  font-size: 13px;
  font-family: "Pitch";
  color: #fff;
}
.project-name p:first-of-type{
  text-align: left;
  padding: 0px;
  text-decoration: underline;
  /* margin-left: 72px; */
  letter-spacing: 0.3em;
  margin-bottom: 0;
}
.project-name p{
  margin-bottom: 0;
  text-transform:none;
  letter-spacing: 0.06em;
}
.project-description {
  /* margin-left: 72px; */
  text-decoration: none;
}

#project-hero {
  height: auto;
  position: relative;
}
#project-hero .container-fluid {
  padding-left: 51px;
  padding-right: 51px;
}

#project-hero .single-project-slider img {
  width: 100%;
  height: auto;
  position: relative;
  top: 0;
  left: 0;
}

#project-hero .title {
  position: absolute;
  width: 100px;
  left: 50%;
  margin-left: -50px;
  margin-top: 0px;
  z-index: 1000;
}

#project-hero h1 {
  /* font-size: 14px; */
  font-size: 15px;
  font-family: "Pitch";
  font-weight: normal;
  text-align: center;
  color: #fff;
  letter-spacing: 6px;
  /* margin-top: 36px; */
  margin-bottom: 65px;
  width: 100%;
}

#project-hero .explanation {
  font-family: "Pitch";
  /* font-size: 12px; */
  font-size: 13px;
  /* line-height: 14px; */
  line-height: 15px;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  margin-left: 52px;
}
#project-hero .explanation.no-margin-left {
  margin-left: 0;
  margin-top: 14px;
}
#project-hero .wrap-two-col {
  margin-top: 90px;
  padding-left: 54px !important;
}
#project-hero .wrap-two-col h2 {
  font-family: "Pitch";
  /* font-size: 12px; */
  font-size: 13px;
  /* line-height: 14px; */
  line-height: 15px;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 28px;
  color: white;
  margin-top: 0;
}
#project-hero .wrap-two-col-item .explanation p,
#project-hero .wrap-two-col-item .explanation .scope-part {
  max-width: 90%;
}
#project-hero .explanation h2 {
  /* font-size: 12px; */
  font-size: 13px;
  margin-bottom: 36px;
  margin-top: 0;
  /* margin-top: 108px; */
  /* margin-left: 108px; */
  /* margin-left: 81px; */
}

/* poravnanja teksta na singleproject stranici */

#barba-wrapper #project-hero .container-fluid #perdisacca_1 {
  /* margin-left: 81px; */
  /* text-indent: 27px; */
  /* padding-right: 20em; */
}

#barba-wrapper #project-hero .container-fluid #perdisacca_2 {
  /* margin-left: 81px; */
  text-indent: 27px;
  /* padding-right: 21em; */
}

#barba-wrapper #project-hero .container-fluid #perdisacca_3 {
  /* margin-left: 81px; */
  text-indent: 27px;
  /* padding-right: 20em; */
}

/* kraj poravnanja */

#project-hero .explanation p {
  /* text-indent: 36px; zakomentarisan indent da bi svi bili na istoj vertikali */
  margin: 0px;
  /* margin-left: 108px; */
}

#project-hero .explanation .scope-part {
  list-style: none;
  /* font-size: 13px; */
  font-size: 14px;
  /* margin-top: 20px;  */
  margin-bottom: 110px;
  /* margin-left: 108px; */
  /* margin-left: 81px; */
  text-transform: uppercase;
  padding: 0; /* dodato ovo da bi svi bili na istoj vertikali */
  /* line-height: 14px; */
  line-height: 15px;
  -webkit-font-smoothing: antialiased;
}

#project-preview .row {
  margin-bottom: 108px;
}

#project-preview .container-fluid.projects-page-container {
  padding-left: 35px !important;
  padding-right: 35px !important;
}
#contact .container-fluid.projects-page-container {
  padding-left: 21px !important;
  padding-right: 21px !important;
}

#contact .title h1 {
  /* font-size: 14px; */
  font-size: 15px;
  font-family: "Pitch";
  font-weight: normal;
  text-align: center;
  color: #fff;
  margin-top: 36px;
  margin-bottom: 65px;
  letter-spacing: 6px;
}

#contact .contact-paragraph h2 {
  font-family: "Pitch";
  /* font-size: 12px; */
  font-size: 13px;
  text-decoration: underline;
  color: #fff;
  margin-bottom: 36px;
  margin-top: 108px;
  margin-left: 108px;
}

#contact .contact-paragraph p {
  /* font-size: 12px;  */
  font-size: 13px;
  margin: 0px;
  margin-left: 108px;
  color: #fff;
  font-family: "Pitch";
}

/* dodata poravnanja za paragrafe na kontakt stranici*/

#contact .contact-paragraph #paragraph_1 {
  margin-left: 81px;
  text-indent: 27px;
  padding-right: 20em;
}

#contact .contact-paragraph #paragraph_2 {
  margin-left: 81px;
  text-indent: 27px;
  padding-right: 22em;
}

#contact .contact-paragraph #paragraph_3 {
  margin-left: 81px;
  text-indent: 27px;
  padding-right: 22em;
}

#contact .contact-paragraph #paragraph_4 {
  margin-left: 81px;
  text-indent: 27px;
  padding-right: 22em;
}

#contact .contact-paragraph #paragraph_5 {
  margin-top: 1em;
}

/* kraj poravnanja */

#contact .contact-numbers {
  margin: 45px 0 85px 0;
}

#contact .contact-numbers h3 {
  font-family: "Pitch";
  /* font-size: 13px; */
  font-size: 14px;
  margin-left: 108px;
  margin-bottom: 20px; /* sa 36 na 20 */
  color: #fff;
}

#contact .contact-numbers a {
  display: block;
  color: #fff;
  font-family: "Pitch";
  /* font-size: 12px; */
  font-size: 13px;
  margin-left: 108px;
}

#contact .notable-clients h4 {
  font-family: "Pitch";
  /* font-size: 12px; */
  font-size: 13px;
  text-decoration: underline;
  color: #fff;
  margin-bottom: 36px;
  margin-left: 108px;
}
#contact .notable-clients ul {
  padding-left: 0px;
  margin-left: 108px;
}

#contact .notable-clients ul li {
  list-style: none;
  color: #fff;
  font-family: "Pitch";
  /* font-size: 12px; */
  font-size: 13px;
}

#contact .areas-expertise h4 {
  font-family: "Pitch";
  /* font-size: 12px; */
  font-size: 13px;
  text-decoration: underline;
  color: #fff;
  margin-bottom: 36px;
  margin-left: 108px;
}

#contact .areas-expertise p {
  font-family: "Pitch";
  /* font-size: 12px; */
  font-size: 13px;
  margin-left: 108px;
  color: #fff;
}

#contact .areas-expertise ul {
  padding-left: 0px !important;
  margin-left: 108px;
}

#contact .areas-expertise ul li {
  list-style: none;
  color: #fff;
  font-family: "Pitch";
  /* font-size: 12px; */
  font-size: 13px;
}

#contact .img-wrap {
  max-width: 50%;
}
#contact .img-wrap img {
  /* max-width: 100%; */
  width: 100%;
}

#mouse-position {
  height: 20vh;
  width: 100%;
  position: fixed;
}

#mouse-position:hover header {
  opacity: 1;
}

#projects-links .p-link {
  text-align: left;
  /* font-size: 12px; */
  font-size: 13px;
  font-family: "Pitch";
  color: #fff;
  display: inline-block;
  width: 100%;
  margin-left: 72px;
}

#projects-links .p-link2 {
  text-align: right;
  margin-left: 0px;
  padding-right: 72px;
}

/* Single project style */

.hero-img-project {
  margin-top: -293px;
  /* opacity: 0;
  transition: opacity 0.3s; */
}

.hero-img-project.fade-in {
  /* opacity: 1; */
}
#project-preview .full-width-img .content-part {
  margin-bottom: 36px;
}
#project-preview .full-width-img .content-part.newMargin{
  margin-bottom: 180px;
}
#project-preview .full-width-img.next-project .content-part {
  margin-bottom: 115px;
}
#project-preview .full-width-img.next-project .content-part .project-item img {
  width: 100%;
}
#project-preview .half-row-leftimg .content-part {
  margin-bottom: 278px;
}
#project-preview .two-thirds-row-rightimg .content-part {
  margin-bottom: 213px;
}
#project-preview .two-thirds-row-rightimg .content-part.newMargin{
  margin-bottom: 180px;
}
#project-preview .center-img-row .content-part {
  margin-bottom: 213px;
}
#project-preview .half-row-leftimg .content-part {
  margin-bottom: 381px;
}
#project-preview .full-width-img2 .content-part {
  margin-bottom: 240px;
}
#project-preview .center-img-row2 .content-part {
  margin-bottom: 244px;
}
#project-preview .center-img-row .wrap-img,
#project-preview .center-img-row2 .wrap-img {
  max-width: 46%;
  margin: auto;
}
#project-preview .project-single .content-part .view-next-wrap {
  font-family: "Pitch";
  color: white;
  margin-bottom: 43px;
  padding-left: 35px;
}
#project-preview .project-single .content-part .view-next-wrap p{
  letter-spacing: 0.06em;
}
#project-preview .project-single .content-part .view-next-wrap p:first-of-type{
  letter-spacing: 0.3em;
  text-decoration: underline;
  margin-bottom: 0;
}
#project-preview .half-row-leftimg .content-right {
  display: flex;
  justify-content: flex-end;
}
#project-preview .two-thirds-row-rightimg .content-left {
  display: flex;
  justify-content: flex-start;
}
#project-preview .half-row-leftimg .content-right p {
  padding-top: 126px;
  width: 40%;
  /* padding-right: 20px; */
  font-size: 13px;
  line-height: 15px;
  -webkit-font-smoothing: antialiased;
  color: #fff;
}
#project-preview .half-row-leftimg .content-right-no-padding p {
  padding-top: 0;
}

#project-preview .two-thirds-row-rightimg .content-left p {
  width: 80%;
}

#project-preview .full-width-img .view-next-wrap .view-next-text {
  /* font-size: 12px; */
  font-size: 13px;
  font-family: "Pitch";
  /* line-height: 14px; */
  line-height: 15px;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.3em;
  margin-bottom: 0;
}
#project-preview .full-width-img .project-txt {
  margin-top: 20px;
  /* font-size: 12px; */
  font-size: 13px;
  /* line-height: 14px; */
  line-height: 15px;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.3em;
  margin-bottom: 75px;
}
#project-preview .full-width-img .project-txt .title {
  /* text-decoration: underline; */
}
#project-preview .full-width-img .project-txt .underline-name-projects{
  display: block;
  width: 68px;
  height: 1px;
  background-color: white;
  margin-top: -2px;
}

/* Profile style */
.profile-wrap .container-fluid {
  padding-right: 35px;
  padding-left: 35px;
}
.profile-wrap .left-part-content p {
  max-width: 95%;
  font-family: "Pitch";
  /* font-size: 12px; */
  font-size: 13px;
  /* line-height: 16px; */
  line-height: 17px;
  -webkit-font-smoothing: antialiased;
  color: #000000;
  margin-bottom: 16px;
}
.profile-wrap .right-part-content p {
  font-family: "Pitch";
  /* font-size: 12px; */
  font-size: 13px;
  /* line-height: 16px; */
  line-height: 17px;
  -webkit-font-smoothing: antialiased;
  color: #000000;
  margin-bottom: 0;
}
.profile-wrap .right-part-content p.with-border-bottom {
  border-bottom: 1px solid #737373;
  padding-bottom: 5px;
}
.profile-wrap .right-part-content .small-content-wrap {
  margin-top: 32px;
}
.profile-wrap .right-part-content .small-content-wrap .text-title {
  margin-bottom: 16px;
}
.profile-wrap .right-part-content {
  margin-bottom: 103px;
}

#contact .container-fluid {
  padding-left: 50px;
  padding-right: 50px;
}
#contact .content-contact {
  max-width: 50%;
  margin-bottom: 32px;
}
#contact .content-contact p,
#contact .content-contact a {
  font-family: "Pitch";
  /* font-size: 12px; */
  font-size: 13px;
  /* line-height: 16px; */
  line-height: 17px;
  -webkit-font-smoothing: antialiased;
  color: #000000 !important;
  margin-bottom: 0;
  transition: 0.3s ease-in-out;
}
#contact .content-contact a {
  /* color: #666666 !important; */
  color: #6B6B6B!important;;
}
#contact .right-part-content {
  margin-bottom: 213px;
}
#contact .content-contact p.title {
  margin-bottom: 16px;
  text-transform: uppercase;
}
#contact .content-contact a:hover {
  color: #000000 !important;
}

/* Responsive style */
@media only screen and (max-width: 1200px) {
  #contact .img-wrap {
    max-width: 60%;
  }
}
@media only screen and (max-width: 991px) {
  /* #project-hero .explanation {
    margin-top: 90px;
  } */
  #contact .content-contact {
    max-width: 90%;
  }
  #contact .img-wrap {
    max-width: 70%;
  }
}
@media only screen and (max-width: 767px) {

  .project-name p:first-of-type{
    
  }
  .project-name p{
    font-size: 11px;
    line-height: 15px;
  }
  #project-preview .half-row-leftimg .content-right{
    justify-content: flex-start;
  }
  #main .hero-desktop {
    display: none;
  }
  .header-new {
    height: 166px;
  }
  .header-new .menu-desktop {
    display: none;
  }
  .header-new .menu-mobile {
    display: flex;
    width: 100%;
    top: 0;
    z-index: 99;
  }
  .menu-mobile .links-wrap {
    z-index: 99;
  }
  .hero-container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .hero-text-home p {
    padding-left: 30px;
  }
  .hero-img-project .project-hero-desk {
    display: none;
  }
  .project-txt {
    padding-left: 0 !important;
  }
  .project-name,
  .project-description {
    margin-left: 0 !important;
  }
  .hero-img-home {
    margin-bottom: 85px;
  }
  .all-projects p {
    margin-left: 0;
  }
  #projects-preview .project-wrap {
    flex-direction: column;
  }
  #projects-preview .underline-name{
    margin-left: 0;
  }
  #projects-preview .underline-name-projects{
    width: 51px;
  }
  #project-preview .full-width-img .project-txt .underline-name-projects{
    width: 58px;
  }
  #projects-preview .project-wrap .project-item {
    width: 100%;
  }
  .hero-img-project {
    margin-top: -165px;
  }
  .hero-text-home {
    max-width: 100%;
  }
  .hero-text-home p {
    padding-left: 25px;
    width: 80%;
    /* font-size: 12px; */
    font-size: 13px;
    /* line-height: 14px; */
    line-height: 15px;
  -webkit-font-smoothing: antialiased;
    letter-spacing: 0.06em;
    margin-left: 0;
    margin-bottom: 220px;
  }
  .single-preview .project-description {
    /* font-size: 10px; */
    font-size: 11px;
  }
  #projects-preview .container-fluid {
    padding-left: 40px;
    padding-right: 40px;
  }
  .single-preview .project-txt {
    margin-top: 14px;
    margin-bottom: 115px;
  }
  .all-projects {
    padding-top: 0;
  }
  .all-projects .container-fluid {
    padding-left: 25px;
    padding-right: 25px;
  }
  .all-projects .all-work-text {
    margin-left: 0;
    /* font-size: 10px; */
    font-size: 11px;
  }
  .all-projects .view-all {
    margin-left: 0;
    /* font-size: 10px; */
    font-size: 11px;
  }
  .all-projects .wrap-allwork {
    margin-bottom: 280px;
  }
  footer {
    padding: 0 0 115px;
  }
  footer p {
    /* font-size: 10px; */
    font-size: 11px;
    /* line-height: 14px; */
    line-height: 15px;
  -webkit-font-smoothing: antialiased;
  }
  #projects-preview .container-fluid.projects-page-container {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .project-txt {
    margin-top: 15px;
    margin-bottom: 115px;
    /* font-size: 10px; */
    font-size: 11px;
  }
  #projects-preview {
    margin-bottom: 190px;
  }
  #project-hero .explanation {
    margin-top: 46px;
    margin-left: 0;
  }
  #project-hero .container-fluid {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  #project-hero .explanation .scope-part {
    margin-top: 40px;
  }
  #project-preview .container-fluid.projects-page-container {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  #project-preview .mob-padding {
    padding-right: 0;
    padding-left: 0;
  }
  #project-preview .full-width-img .content-part {
    margin-bottom: 60px;
  }
  #project-preview .full-width-img.next-project .content-part {
    margin-bottom: 68px;
  }
  #project-preview .mob-bottom {
    margin-bottom: 20px;
  }
  #project-preview .half-row-leftimg .content-part {
    margin-bottom: 200px;
  }
  #project-preview .mob-flex {
    display: flex;
    flex-direction: column;
  }
  #project-preview .mob-flex .mob-second {
    order: 2;
  }
  #project-preview .mob-flex .mob-first {
    order: 1;
    margin-bottom: 20px;
  }
  #project-preview .two-thirds-row-rightimg .content-part {
    margin-bottom: 100px;
  }
  #project-preview .center-img-row .wrap-img,
  #project-preview .center-img-row2 .wrap-img {
    max-width: 100%;
  }
  #project-preview .center-img-row .content-part {
    margin-bottom: 222px;
  }
  #project-preview .full-width-img2 .content-part {
    margin-bottom: 275px;
  }
  #project-preview .center-img-row2 .content-part {
    margin-bottom: 149px;
  }
  /* #project-preview .full-width-img .view-next-wrap .view-next-text {
    margin-bottom: 40px;
  } */
  #project-preview .project-single .content-part .view-next-wrap {
    margin-bottom: 52px;
    padding-left: 0;
  }
  
 
  #project-preview .full-width-img .project-txt {
    /* font-size: 10px; */
    font-size: 11px;
    margin-bottom: 20px;
  }
  #project-hero .wrap-two-col {
    margin-top: 40px;
    padding-left: 0 !important;
  }
  #project-hero .wrap-two-col-item h2 {
    margin-bottom: 28px;
  }
  #project-hero .explanation.no-margin-left {
    /* margin-top: 36px; */
    margin-top: 14px;
  }
  #project-hero .wrap-two-col-item .explanation .scope-part {
    margin-top: 0;
    /* font-size: 9px; */
    font-size: 10px;
  }
  #project-hero .wrap-two-col-item .explanation p,
  #project-hero .wrap-two-col-item .explanation .scope-part {
    max-width: 100%;
  }
  .profile-wrap .container-fluid {
    padding-left: 25px;
    padding-right: 25px;
  }
  .profile-wrap .left-part-content {
    margin-bottom: 100px;
  }
  .profile-wrap .right-part-content p {
    /* font-size: 10px; */
    font-size: 11px;
    /* line-height: 13px; */
    line-height: 14px;
  -webkit-font-smoothing: antialiased;
  }
  .profile-wrap .right-part-content {
    margin-bottom: 260px;
  }
  .profile-wrap .right-part-content p.with-border-bottom,
  .profile-wrap .right-part-content .small-content-wrap {
    max-width: 80%;
  }

  .profile-wrap .right-part-content p.mob-none {
    display: none;
  }
  #contact .content-contact {
    max-width: 100%;
    margin-bottom: 28px;
  }
  #contact .content-contact p.title {
    margin-bottom: 14px;
  }
  #contact .right-part-content .img-wrap {
    max-width: 90%;
    margin: auto;
  }
  #contact .left-part-content {
    margin-bottom: 100px;
  }
  #contact .right-part-content {
    margin-bottom: 310px;
  }
  .profile-wrap .right-part-content .small-content-wrap .text-title {
    margin-bottom: 13px;
  }
  .profile-wrap .right-part-content .small-content-wrap {
    margin-top: 26px;
  }
  #contact .content-contact p,
  #contact .content-contact a {
    /* line-height: 14px; */
    line-height: 15px;
  -webkit-font-smoothing: antialiased;
  }
  .project-hero-mob{
    width: 100%;
  }
}

@media only screen and (max-width: 425px) {
  .hero-img-project {
    margin-top: -170px;
  }

  #project-preview .half-row-leftimg .content-right p {
    padding-top: 0;
    width: auto;
    padding-right: 0;
  }
  #project-preview .two-thirds-row-rightimg .content-left p {
    width: auto;
  }
}

@media only screen and (min-width: 768px) {
  header .menu-desktop {
    display: flex;
    /* testing */
    /* position: fixed;*/
    top: 0;
    z-index: 99;
  }
  header .menu-mobile {
    display: none;
  }
  #main .hero-desktop {
    display: inline-block;
  }
  #main .hero-mob {
    display: none;
  }

  .hero-img-project .project-hero-mob {
    display: none;
  }
}


/* Animations */
.fade-in-hero {
  /* animation: fadeIn 1.5s;
  -webkit-animation: fadeIn 1.5s;
  -moz-animation: fadeIn 1.5s;
  -o-animation: fadeIn 1.5s;
  -ms-animation: fadeIn 1.5s; */
  animation: fadeIn 1s;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
}
.fade-in-logo {
  animation: fadeIn 0.5s;
  -webkit-animation: fadeIn 0.5s;
  -moz-animation: fadeIn 0.5s;
  -o-animation: fadeIn 0.5s;
  -ms-animation: fadeIn 0.5s;
}
.fade-in-links{
  /* animation: fadeIn 2s;
  -webkit-animation: fadeIn 2s;
  -moz-animation: fadeIn 2s;
  -o-animation: fadeIn 2s;
  -ms-animation: fadeIn 2s; */
  animation: fadeIn 1.6s;
  -webkit-animation: fadeIn 1.6s;
  -moz-animation: fadeIn 1.6s;
  -o-animation: fadeIn 1.6s;
  -ms-animation: fadeIn 1.6s;
  
}
@keyframes fadeIn {
  0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

@-moz-keyframes fadeIn {
  0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

@-o-keyframes fadeIn {
  0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

@-ms-keyframes fadeIn {
  0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}


.fulWidthImgNew{
  /* width: 100%!important; */
}
.removeMarginBottom{
  margin-bottom: 0!important;
  height: 0!important;
}

.project-single img{
  width: 100%;
}

.check-p{
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
  font-family: "Pitch";
  font-style: normal;
}
p,span,h1,h2,h3,h4,a{
  -webkit-font-smoothing: antialiased;
  font-family: "Pitch";
  font-weight: 400;
}