*{
  margin: 0;
  padding:0;
  box-sizing: border-box;

}

@font-face {
    font-family: ZonaPro-Bold;
    src: url(/assets/public/fonts/ZonaPro-Bold.otf);
}

@font-face {
    font-family: ZonaPro-Thin;
    src: url(/assets/public/fonts/ZonaPro-Thin.otf);
}

li{
  list-style: none;
}
h1{
  font-family:-apple-system,ZonaPro-Bold;
}

h2{
    font-family:ZonaPro-Thin;
}


.pWrapper, h1, h2{
    color:white;
    font-family:-apple-system,BlinkMacSystemFont, "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"
}

.logoTop{
  position: absolute;
  width: 12%;
  height: 11%;
  top:4%;
  left:2%;
  z-index: 2000;
}


header>ul{
  z-index: 100;
  position: fixed;
  top:7%;
  left: 28%;
  width:44%;
  background: linear-gradient(rgb(46,120,161,0.9), rgb(45,110,160,0.9));
  	background: -webkit-gradient(linear, left top, left bottom, from(#2D6EA0), to(#2D6EA0));
    background: -webkit-linear-gradient(top, #2D6EA0, #2D6EA0);
    background: -moz-linear-gradient(top, #2D6EA0, #2D6EA0);
    background: -ms-linear-gradient(top, #2D6EA0, #2D6EA0);
    background: -o-linear-gradient(top, #2D6EA0, #2D6EA0);
    background: linear-gradient(top, #2D6EA0, #2D6EA0);

  color:white;
  border-radius: 13px;
  text-align: center;
  opacity:0.9;
}

header>ul.gr{
  left: 24%;
  width:50%;
}
header>ul>li.gr {
  margin: 2px 10px 8px 10px;
}

header>ul>li{
  font-size: 20px;
  opacity: 1;
  font-family:-apple-system,ZonaPro-Bold;
  color:white;
  display:inline-block;
  margin: 2px 16px 8px 16px;
}

header>ul>li:hover{
	cursor:pointer;
}

#sectionOne{
  color:white;
  background: url('/assets/public/img/firstSlide.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.rowHome,.rowAboutUs{
  width:99vw;
  height:102vh;
}
.rowServices{
  width: 100%;
  height:102vh;
}

.rowAboutUs, .rowServices, .rowCareers{
  display: inline-block;
}

.rowServices{
   background: #2975BC;
   background-image: url('/assets/public/img/globe.png');
   background-repeat: no-repeat;
   background-size: 50%;
   background-position: bottom right;
}
.first_arrow:hover,.second_arrow:hover,.third_arrow:hover,.forth_arrow:hover{
  cursor: pointer;
}
.first_arrow,.second_arrow{
  position: relative;
  top:47vw;
  left: -27vw;
}
.third_arrow{
  position: relative;
  top:-1vw;
  left: 50vw;
}
.forth_arrow{
  position: relative;
  top:36vw;
  left:-15vw;
}

.firstHeadGroup{
  font-family: ZonaPro-Bold;
  position: relative;
  top:30%;
  text-align: center;
  line-height: 1.5;
  font-size: 237%;
}

.secondHeadGroup{
  font-family: ZonaPro-Thin;
  color:#dfe0e2;
  text-shadow: 1px 1px rgb(0,0,0);
  position: relative;
  top:32%;
  text-align: center;
  font-size: 170%;
}

.headingsWrapper{
  position: relative;
  top:20%;
  float:left;
  width: 20%;
  margin-left: 5%;
}

.headingOne{
    font-family: ZonaPro-Bold;
    font-size: 600%
}

.headingOne.gr{
  font-size: 480%;
}


.pWrapper{
  position: relative;
  top:21%;
  float:left;
  width:40%;
  margin-left: 13%;

  font-family: ZonaPro-Bold;
  font-size: 136%;
  line-height: 1.5;

}

.borderHeading{
  width:45%;
  border-bottom: 17px solid;
}
.borderHeading.gr{
  width:30%;
  border-bottom: 14px solid;
}

.listAbout{
max-width: 90%;
line-height: 2.3;
}
.listAbout.gr{
  padding-top: 20px;
  max-width: 90%;
  line-height: 1.7;
}

.listAbout > li{
  margin-left:0%;
  margin-top: 3%;
  list-style: none;
}


i.far.fa-circle{
  font-size: 65%;
  margin-right: 4%;
}

.rowPortfolio,.headPortfolio, .headPortfolio>h1{
  background-color: white;
  color:#43C3F4
}

.headPortfolio{
  padding-top: 7.8125vw;
  padding-bottom: 5.2vw;
}

.rowPortfolio{

  width: 95vw;
  min-height: 58vw;
/*  background-image: url('/assets/public/img/lupa.png');
  background-repeat: no-repeat;
  background-size: 55%;
  background-position: center;*/
}

.displayPartners{
  display: inline-block;
  width: 95%;
  margin-left: 4%;

}

.rowCareers{
  margin-top: 4% #42C3F4;
  background-color: #42C3F4;
  width:99.1vw;
  height:110vh;
  margin-bottom: -1%;
  background-image: url('/assets/public/img/plane.png');
  background-repeat: no-repeat;
  background-size: 60%;
  background-position: right top;
}

.imgPartner{
  margin-left: 3vw;
  width: 200px;
}
.careersHeadings{
  left: 2%;
  top:18%;
}

.pCareers{
  margin-top: 15%;
  margin-left: 2%;
  line-height: 1.3;
  color:white;
  width:160%;
  font-family: ZonaPro-Bold;
  font-size: 140%;
}

.circleEn,.circleGr,.circleRo{
  display: inline-block;
  width: 44px;
  height: 44px;
  background-color: white;
  border-radius: 50%;
  position: relative;
  box-shadow: 3px 3px #3B73A1;
  cursor: pointer;
}
.circleEn>span,.circleGr>span,.circleRo>span{
  color: #3B73A1;
  font-family: ZonaPro-Bold;
  position: relative;
  top:26%;
  left:22%;
  cursor: pointer;

}
.circleRo{
  left: 85%;
}
.circleEn{
  margin-top: 3%;
  left:86%;
}

.circleGr{
  left:87%;
}

.circleOne{
  position: relative;
  width: 30px;
  height: 30px;
  background-color: blue;
  color:black;
  border-radius: 50%;
  top:23%;
  left:50%;
}

.careersForm{
  position: relative;
  top:32%;
  left:22%;
  width:42%;
  display: inline-block;

}
.inputOne{
  font-size: 1.3em;
  background-color: transparent;
  color:white;
  width: 36%;
  border:5px solid white;
  margin: 17px;
  padding: 15px;
  border-radius:   15px;
}

.inputOne::placeholder    {
  color: white;
  font-style: italic;
  font-family: ZonaPro-Bold;
}

#inputBtn{
  background: url('/assets/public/img/rect.png');
  background-size: cover;
  background-position: contain;
  font-family: ZonaPro-Bold;
  width: 22%;
  position: relative;
  left: 27%;
}

#inputBtn:hover{
  cursor: pointer;
}


footer{
  display: block;
  color:white;
  background-color: #2975BC;
  background-image: url('/assets/public/img/logoCaMon.png');
  background-repeat: no-repeat;
  background-size: 98.9vw;
  background-position: 93% 98%;
}

.footerContainer{
  display: inline-block;
  height: 40vh;
  width: 98%;
}

.footerList{
  position: relative;
  width:10%;
  font-family: ZonaPro-Bold;
  font-size: 148%;
  left: 33%;
  top:27%;
  line-height: 31px;
}
.footerList>li{
  margin-bottom: 5%;
}
.footerList>li:hover{
  cursor:pointer;
}


.contactInfo{
  font-family: ZonaPro-Bold;
  font-size: 198%;
  line-height: 1.3;
  width:30%;
  position: relative;
  top:-44%;
  left:60%;
}
.contactInfo> h4{
  margin-top: 13px;
  font-size: 100%;
  line-height: 1.5;
}
.contactInfo>p{
  font-size: 80%;
}

.allRights{
  font-family: ZonaPro-Thin;
  color:#CDDAEB;
  top:-15%;
  width: 30%;
  position: relative;
  left: 67%;
}

.mobileOnly{display: none;}

@media screen and (min-width:900px) and (max-width: 1700px){

  *{
	  max-width:98.7vw;
  }

  header>ul{
	  top:9%;
    left:20%;
    width:58%;
  }

  header>ul>li{
    font-size: 16px;

  }
  header>ul.gr {
    left: 16%;
    width: 65%;
  }

  .rowServices,.rowCareers, .rowAboutUs{
    max-width: 100%;
  }
  .rowAboutUs{
    width: 100%;
  }
  .logoTop{
    width: 12%;
    top:6%;
  }
  .circleRo{
    left: 83%;
  }
  .circleRo,.circleEn,.circleGr{
    top:16px;
  }
  .circleEn{
    left: 84%;
  }
  .circleGr{
    left: 85%;
  }

  .first_arrow, .second_arrow{
    top:48vw;
    left: -38vw;
  }
  .third_arrow{
    top:0;
    left: 46vw;
  }
  .forth_arrow{
    top:28vw;
    left:-20vw;
  }

  .firstHeadGroup{
    font-size: 180%;
  }
  .secondHeadGroup{
    font-size: 140%;
  }

  .headingOne{
    font-size:440%;
    margin-left: 2%;
  }
  .headerOne.gr{
    font-size:20px;
  }
  
  .headingOne.gr{
	  font-size:50px;
  }
  .borderHeading.gr{
	  margin-left:3%;
	  border-bottom: 10px solid;
  }

  .pWrapper{
    width:47%;
    font-size:110%;
    line-height: 1.3;
  }

  .pWrapper.gr{
    margin-left: 8%;
  }

  .headPortfolio{
    padding-bottom: 1vw;
  }
  .displayPartners{
    width: 100%;
    margin-left: 1%;
  }

  .imgPartner{
    width: 14%;
    margin-top: 1%;
    margin-bottom: 1%;
    margin-left: 5%;

  }

  .borderHeading{
    width:40%;
    border-bottom: 13px solid;
    margin-left: 4%;
  }

  .listAbout{
    max-width: 96%;
    line-height: 1.7;
  }
  .listAbout.gr{
    padding-top: 8px;
    max-width: 90%;
    line-height: 1.4;
  }

  .careersHeadings{
    top:16%;
  }

  .careersForm{
    top:32%;
	  left:22%;
	  width:42%;
  }

  .pCareers{
    width: 165%;
  }

  .inputOne{
	width:42%;
  }

  #inputBtn{
	  left:33%;
  }

  footer{
    height: auto;
  }

  .footerContainer{
    margin-top: -115px;
  }

  .footerList{
    line-height: 42px;
    top:74%;
    leftt:29%;
  }
  .contactInfo{
    width: 25%;
    top:-32%;
    font-size: 174%;
    line-height: 1.2;
  }
  .allRights{
      left: 70%;
      text-align: right;
      width: 25%;
  }


}

@media all and (max-width: 900px){


  .desktopOnly{
    display: none;
  }

   .fas.fa-bars.menuIcon{
    font-size: 30px;
    position: relative;
    left:90vw;
    margin-top: 5px;
    margin-top: 5px;
  }

  header>ul, header>ul.gr{
    border-radius: 0;
    left:0;
    top:30px;
    width:100vw;
    height: 96vh;
  }


  header>ul>li,header>ul>li.gr{
    text-align: center;
    width:90%;
    margin-top: 10%;
  }

  .navTrigger{
    background: white;
    position: fixed;
    width:100vw;
    z-index: 101;
  }

  .first_arrow, .second_arrow{
    top:156vw;
    left: -42vw;
  }
  .third_arrow{
    position: relative;
    top: 0;
    left: 42vw;
  }

  .forth_arrow {
    position: relative;
    top: 30vw;
    left: 0;
  }

  .rowHome{
    height: 100vh;
  }

  .rowServices{
    width: 100%;
    height: 102%;
  }

  .rowAboutUs.gr{
  	padding-bottom: 800px;
  }

  .firstHeadGroup{
    top:20%;
    font-size: 135%;
    margin: 0 auto;
    max-width:80%;
  }
  .secondHeadGroup{
    top:28%;
    color:white;
    max-width: 75%;
    margin: 0 auto;
    font-size:140%;
  }

  .headingsWrapper{
    top: 0%;
    width: 85%;
    margin-top: 37px;
  }
   .headingsWrapper.gr{
    top: 0%;
    width: 85%;
    margin-top: 10px;
    padding-bottom: 20px;
  }

  .pWrapper{
    margin-left: 4%;
    text-align: center;
    top:6%;
    width:88vw;
    font-size: 90%;
    text-align: justify;
  }
  .listAbout{
    margin-left: 4%;
    text-align: justify;
    line-height: 1.6;
  }

  .headingOne, .headingOne.gr{
    font-size: 300%;
    text-align: center;
    margin-bottom: 2%;
  }
  .headingOne.gr{
  	margin-top: 20px;
  }
  .headingOne.aboutUs.gr{
  	margin-top: 120px;
  }
  .headingOne.gr.aboutUs{	

    font-size: 220%;
  }

  .rowPortfolio{
    height:auto;
    padding-bottom: 40px;
    width: 100%;
  }

  .imgPartner{
    width: 40%;
    margin-left: 4%;
  }

  .pCareers{
    margin-top: 5%;
    margin-bottom: 5%;

    width:100%;
    text-align: center;
    font-size: 120%
  }

  .rowCareers{
    width: 100%;
    height: 130%;
    padding-bottom: 100px;
  }

  .careersForm{
    position: inherit;
    max-width:100%;
    text-align: center;
    margin-bottom: 20px;
    background-color: #42C3F4;
  }

  .inputOne{
    width: 200%;
    margin-left: 20%;
    text-align: center;
    /* margin: 10px; */
    font-size: 1em;
    background-color: #42C3F4;
  }

  #inputBtn{
    width: 100%;
    margin-left: 39%;
  }

  .contactInfo{
    margin-top: 25px;
    font-size: 100%;
    line-height: 1;
    width:100%;
    position: static;
    text-align: center;
  }

  .allRights{
    position: static;
    width: 30%;
    margin-left: 65%;
    margin-top: 20px;
    font-size:12px;
    text-align: right;
  }

  .collapse{
    display:none;
  }


  .mobileOnly{display: block;}

}