body{
	position: relative;
  overflow-x: hidden;
  overflow-y: scroll;

}

body, html {
    height: 100%;
    width: 100%;
    position: relative;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-style: inherit;
}

.showrealWindow{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 20001;
}

.showrealVideo{
    position: absolute;
    background: white;
    width: 100%;
    height: 100%;
    z-index: 20001;
    opacity: 0.0;
}

.vimeoVideo{
    display: none;
    position: absolute;
    width: 80%;
    max-width: 1100px;
    z-index: 20006;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.showrealButton{
    position: absolute;
    left: 50%;
    bottom: 18%;
    transform: translateX(-50%);
    width: 0px;
    height: 0px;
    opacity: 1;
    transition: opacity 0.3s;
    z-index: 99;

}

.showrealButton:hover {
    opacity: 0.6;
}


.privacypolicy{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: #1d1d1b;
    text-decoration: none;
    text-align: center;
    list-style: none;
    font-size: 10px;
    letter-spacing: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: 25px;

}

.privacypolicy2{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: #1d1d1b;
    text-decoration: none;
    text-align: center;
    list-style: none;
    font-size: 10px;
    letter-spacing: 1px;
    margin-bottom: 20px;
    margin-top: 10px;

}

::selection {
  background: #f76267;
  color: white; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #f76267;
  color: white; /* Gecko Browsers */
}

.catogOuter{
  width: 450px;
  margin: auto;
  margin-top: 20px;
}

.catogSection{
  float: left;
  width: 50%;
  height: 120px;

}

.catogTitle{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: #1d1d1b;
    text-decoration: none;
    text-align: center;
    list-style: none;
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: 10px;

}

.innerheader{
  width: 100%;
    position: absolute;
    top: 0%;
}

.pagenav{
    z-index: 100;
    position: fixed;
    background: white;
    height: 110px;
    border-bottom: 0.01em solid #e3e3e3;
}

.navIcon{
  left: 50%;
  margin-left: -25px;
  top: 49px;
  position: fixed;

}

.navIconInner{
  width: 50px;
  margin:auto;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color: #1d1d1b;
  text-decoration: none;
  text-align: center;
  list-style: none;
  font-size: 11px;
  letter-spacing: 2px;
}




#blinkingCursor{
  color: #1d1d1b;
  font-size: 1.2em;
  letter-spacing: -5px;

}
.blinkingCursorOff{
  opacity: 0;

}
/* Page Border */

.loadingbox{
  height: 100%;
  width:100%;
  position: absolute;
  z-index: 999;
}
.subtitleloadingbox{
  top: 120px;
  height: 30px;
}

.pagesubtitleloadingbox{
  top: 100px;
  height: 25px;
}

.loadinglogo{
  top: 20px;
  position: relative;
  opacity: 0;

}
.pageloaderSliderRD{
  position: fixed;
  z-index: 30000;
  background-color: #f76267;
  width: 100%;
  height: 100%;
}
.pageloaderSliderBL{
  position: fixed;
  z-index: 25000;
  background-color: black;
  width: 100%;
  height: 100%;
}
.loader{
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: 40px;
    margin-top: 0px;
    height: 20px;
    width: 20px;
    background-color: white;
    display: inline-block;
}


.pageborder div{
	position: fixed;
	z-index: 20000;
	background-color: #1d1d1b;
}
.pageborder div:nth-child(1) {
    top: 0;
    left: 0;
    width: 100%;
    height: 20px;
}
.pageborder div:nth-child(2) {
    top: 0;
    right: 0;
    width: 20px;
    height: 100%;
}
.pageborder div:nth-child(3) {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
}
.pageborder div:nth-child(4) {
    top: 0;
    left: 0;
    width: 20px;
    height: 100%;
}

/* homepage */

.innerbody{
	text-align: center;
}


.homeheader{
	width: 100%;
	margin: auto;
	position: absolute;
  	top: 50%;
  	transform: translateY(-50%);
}

.homelogo{
	width: 400px;
  height: 105.613px;
	margin:auto;
}

.homenav{
	width: 700px;
	margin: auto;
}

.homenav li{
	float: left;
	width: 33.33%;
	height: 20px;

}
/* homenav_Logo */

.st0{
	fill: #f76267;
}

.p01{
  position: absolute;
  top: 55.2%;

}

.contactWrapper{
  width: 1000px;
  display: block;
  top: 50%;
  position: absolute;
  left: 50%;
  margin-left: -500px;
  margin-top: -72px;
}

.contactSectionWrapper{
  width: 32%;
  display: inline-block;
  text-decoration: none;

}

.contactTitle{
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  color: #1d1d1b;
  text-decoration: none;
  text-align: center;
  list-style: none;
  font-size: 45px;
  letter-spacing: 1px;

}

.contactSubtitle{
  font-family: 'Nixie One', cursive;
  font-size: 11px;
  color: #838383;
  width: 100%;
  letter-spacing: 1.5px;
  margin-top: 2px;
}

.contactIcon{
  margin-top: 15px;
  height: 50px;
  fill: #f76267;
}


#arrow-up {
	margin-left:calc(50% - 12px);
	margin-right:calc(50% - 12px);
  	width: 0; 
 	height: 0; 
 	border-left: 12px solid transparent;
 	border-right:12px solid transparent;
  	border-bottom:19px solid #f76267;
  	opacity: 0;
  	margin-top: 150px;
}

.scrolldown{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width:250px;
  padding: 20px;
  padding-bottom: 40px;
}

.pagescroll{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width:250px;
  padding: 20px;
  padding-bottom: 40px;
}



#arrow-down {
  margin-left:calc(50% - 12px);
  margin-right:calc(50% - 12px);
    width: 0; 
  height: 0; 
  border-left: 12px solid transparent;
  border-right:12px solid transparent;
    border-top:19px solid #f76267;
    margin-bottom: 50px;
}

#arrow-down2 {
  margin-left:calc(50% - 12px);
  margin-right:calc(50% - 12px);
    width: 0; 
  height: 0; 
  border-left: 12px solid transparent;
  border-right:12px solid transparent;
    border-top:19px solid #f76267;
    margin-bottom: 50px;
}

#arrow-down3 {
  margin-left:calc(50% - 12px);
  margin-right:calc(50% - 12px);
    width: 0; 
  height: 0; 
  border-left: 12px solid transparent;
  border-right:12px solid transparent;
    border-top:19px solid #f76267;
    margin-bottom: 50px;
}


/* Scroll Bar */

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: black; 
}
 
::-webkit-scrollbar-thumb {
  background: #f76267; 
}

.pageTitle{
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  color: #1d1d1b;
  text-decoration: none;
  list-style: none;
  font-size: 50px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -219.5px;
  margin-top: -46px;


}

.am{
  margin-left: -175.31px;
}

.getintouchTitle{
  margin-left: -231.25px;
}

.quoteOuter{
  width:100%;
  position: absolute;
  top: 30%;
}

.quoteInner{
  width:550px;
  margin: auto;
}

.quoteTitle{
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  color: #1d1d1b;
  text-decoration: none;
  list-style: none;
  font-size: 60px;
  text-align: center;
  line-height: 1.08;
}
.quoteSubtitle{
  font-family: 'Nixie One', cursive;
  font-size: 17px;
  color: #838383;
  width: 100%;
  letter-spacing: 1px;
  margin-top: 5px;
}

.quoteIcon{
  height: 150px;
  fill: #f76267;
  margin-bottom: 25px;
}

.profilePhotoOuter{
  width:100%;
  position: absolute;
  top: 20%;
}
.profilePhotoCenter{
  width: 550px;
  margin: auto;
  margin-top: 20px;
}
.profilePhotoContainer{
  width: 43%;
  padding: 3.5%;
  float: left;
}

.profilePhoto{
  width: 100%;
  text-align: center;
  position: relative;
}

.profileTitle{
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  color: white;
  text-decoration: none;
  list-style: none;
  text-align: center;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}

.profileSubtitle{
  position: absolute;
  margin: auto;
  width: 100%;
  bottom: 8%;
  font-family: 'Nixie One', cursive;
  font-size: 1.3em;
  color: white;
  font-weight: 600;
  line-height: 1.4;
  opacity: 0;
}




.pageQuestion{
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  color: #f76267;
  text-decoration: none;
  list-style: none;
  font-size: 300px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: 150px;
  margin-top: -300px;
}

.menuNav{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300px;
  margin-left: -150px;
  margin-top: -155px;

}

.menuNav li,.menuNav a{
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    color: white;
    text-decoration: none;
    list-style: none;
    font-size: 40px;
    text-align: center;
    margin-top:50px;

}


.menuNav a{
  position: relative;
  top: 40px;
  opacity: 0;
}

.menuDropDown{
  background: #f76267; 
  position: fixed;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 10;
}

.menuLogo{
  position: fixed;
  width: 200px;
  margin-left: 55px;
  margin-top: 39px;
  z-index: 3000;
}

.menuSmallLogo{
  display: none;
  position: fixed;
  width: 40px;
  margin-left: 40px;
  margin-top: 20px;
  z-index: 3000;
  fill: #f76267; 
}
.language{
  z-index: 2000;

}
.navHamburger{
    opacity: 0.3;
    width: 30px; 
}

.menuIconToggled{
  fill: #f76267;
  opacity: 1;
}

#social-header2 {
    width: 300px;
    height: 80px;
    clear: both;
    margin: 0 auto;
}


#social-header1 {
    width: 300px;
    height: 90px;
    clear: both;
    margin: 0 auto;

}


#social-header1 a {
  font-size: 22px;
  opacity: 0;
  top: 20px;
  position: relative;
}

.fa {
	width: 23.9%;
    text-align: center;
    text-decoration: none;
    color: #1d1d1b;
}

#social-header2 a {
	font-size: 22px;
  opacity: 0;
  top: 20px;
  position: relative;
}

.innerfooter {
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}


.homenav li {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #1d1d1b;
	text-decoration: none;
    list-style: none;
    font-size: 21px;
}

.homenav li a {
	text-decoration: none;
	color: inherit;
  top: 40px;
  position: relative;
  opacity: 0;
}

.homesubtitle{
	font-family: 'Nixie One', cursive;
	margin-bottom: 50px;
	margin-top:18px;
	font-size: 14px;
	color: #838383;
	clear: both;
  width: 100%;
  opacity: 0;
  position: relative;
  top : 20px;
}

.langnav{
	float: right;
	position: inline;
	margin-right: 52px;
	margin-top: 50px;
  z-index: 1000;
}
.langnav li {
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	color: #1d1d1b;
	text-decoration: none;
    list-style: none;
    font-size: 15px;
    display: inline-block;
    letter-spacing: 2px;

}

.langnav li a {
	text-decoration: none;
	color: inherit;

}

.langnav a {
	opacity: 0.3;
}

#currentLang {
	opacity: 1;
	padding: 10px; 
}

#selectLang {
  opacity: 0.3;
	padding: 10px; 
}

.bg{
	width: 233.3px;
	height: 233.3px;
	border-right: solid black 1px;
	border-bottom: solid black 1px;
	opacity: 0;
	display:inline-block; 
  margin:0;
  vertical-align:top;

}

.bgparent{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
  z-index: -100;
  will-change: transform;


}
.bgparentcontactpage{
  position: absolute;
  width: 100%;
  height:163.8%;
  overflow: hidden;
  z-index: -100;
  will-change: transform;


}

.bgparentwhoarewepage{
  position: absolute;
  width: 100%;
  height: 367%;
  overflow: hidden;
  z-index: -100;
  will-change: transform;


}
.bgfull{
	position: absolute;
	width: 2099.7px;
	height: 1399.8px;
	top: 50%;
  	left: 50%;
  	margin-top: -699.9px;
  	margin-left: -936.5px;
    
}

.pagesbg{
  margin-top: -1000px;

}

.anicircle{
	position: fixed;
	top: 50%;
  	left: 50%;
  	margin-left: 452px;
  	margin-top: 220px;
}

.circle{
	height: 35px;
  	width: 35px;
  	background-color: #7accc8;
  	border-radius: 50%;
  	display: inline-block;
}

.anisquare{
	position: fixed;
	width: 50px;
	height: 50px;
	top: 50%;
  	left: 50%;
  	margin-left: -266px;
  	margin-top: -264px;
}

.square{
	margin: 32.5px;
	height: 0px;
  	width: 0px;
  	background-color: #f9bf86;
  	display: inline-block;
}


.anitriangle{
	position: fixed;
	top: 50%;
  	left: 50%;
  	margin-left: -487px;
  	margin-top: -500px;
}

.triangle{
	width: 0; 
 	height: 0; 
 	border-left: 18px solid transparent;
 	border-right:18px solid transparent;
  	border-top:32px solid #bb8dca;
  	display: inline-block;
}

.langmenunav{
      margin-top: 55px;

    }

.pageSubtitle{
    font-family: 'Nixie One', cursive;
    margin-bottom: 50px;
    margin-top: 18px;
    font-size: 14px;
    color: #838383;
    clear: both;
    width: 100%;
    position: absolute;
    top: 55%;
}

.innerfooter2 {
  position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
}

.qo2{
    top: 27%;
}

.SI{
  top: 26%;
}

.pas{
  margin-left: -193px;
}

.kon{
  margin-left: -181px;
}

@media (max-height: 850px){
  .profilePhotoCenter {
    width: 450px;
    margin: auto;
    margin-top: 15px;
  }
  .profilePhotoContainer {
    width: 45%;
    padding: 2.5%;
    float: left;
  }
  .profileSubtitle {
    font-size: 1em;
  }

}
@media screen and (max-width: 1044px){
    .anicircle{
      display: none;
    }


}

@media screen and (max-width: 1020px){
    .contactWrapper{
      width: 900px;
      margin-left: -450px;
    }



}

@media screen and (max-width: 920px){
    .contactWrapper{
      width: 800px;
      margin-left: -400px;
    }

    .contactTitle{
      font-size: 35px;

    }

    .contactSubtitle{
      font-size:10px;
    }



}

@media screen and (max-width: 820px){
    .contactWrapper{
      width: 700px;
      margin-left: -350px;
    }



}

@media screen and (max-width: 770px){
  .catogOuter {
    width: 100%;
    margin: auto;
    margin-top: 20px;
  }

}

@media screen and (max-width: 730px){

    .homenav li{
      width: 100%;
      margin-bottom: 40px;
    }

    .homenav{
      width: 100%;
    }

    .homenav li a{
      margin-top: 20px;
    }

    .homenav li div{
      display: none;
    }

}


@media screen and (max-width: 680px){

    .quoteOuter{
      top:25%;
    }

    .contactWrapper{
      width: 100%;
      margin-left:0px;
      left: 0;
      margin-top: -220px;

    }

    .contactSectionWrapper{
      width: 100%;
      height: 183px;
    }


    .contactTitle{
      font-size: 35px;

    }

    .contactSubtitle{
      font-size:10px;
    }

    .p01{
      top: 60%;
    }

    .homelogo{
      width: 250px;
      height: 68px;
    }

    .subtitleloadingbox{
      top:75px;
      height: 25px;

    }

    .pagesubtitleloadingbox{
      top: 65px;
      height: 25px;
    }

    .homenav li{
      font-size: 18px;
    }

    .homesubtitle{
      margin-top: 10px;
      font-size: 11px;
    }

    .pageSubtitle{
      margin-top: -15px;
      font-size: 11px;
    }

    .pageborder div:nth-child(1) {
      height:10px;
    }
    .pageborder div:nth-child(2) {
      width:10px;
    }
    .pageborder div:nth-child(3) {
      height:10px;
    }
    .pageborder div:nth-child(4) {
      width:10px;
    }

    .bg{
      width:180px;
      height: 180px;
      border-right: solid black 0.01em;
      border-bottom: solid black 0.01em;
    }

    .bgfull{
      margin-top: -757px;
      margin-left: -362px;
      width: 1000px;
    }

    .pagesbg{
      margin-top: -985px;
      margin-left: -360px;

    }

    .pagenav{

      height: 80px;
    }

    .navIcon{
      top: 28px;
    }


    .menuLogo{
      display: none;
      width: 150px;
      margin-left: 20px;
      margin-top: 25px;
    }

    .menuSmallLogo{
      display: block;
    }

    .menu{
          font-size: 9px;
          margin-left: 1px;
      
    }

    .langmenunav{
      margin-top: 37.5px;
      margin-right: 25px;

    }

    .menuNav li,.menuNav a{
    font-size: 35px;
    }

    .pageTitle{
      margin-left: -131px;

      font-size: 30px;
    }


    .getintouchTitle{
      margin-left: -138.75px;
    }
    .quoteTitle{
      font-size: 44px;
      line-height: 1.06;
    }
    .quoteSubtitle{
      font-size: 16px;
      letter-spacing: 0px;

    }

    .am{
      margin-left: -105.18px;
    }

    .pas{
      margin-left: -116px;
    }

    .kon{
      margin-left: -108.5px
    }

    .bgparentcontactpage{
        height:calc(163.8% + 100px);
    }

    .innerfooter2{
        bottom: -144px;
    }


  }

@media screen and (max-width: 570px){
  .quoteInner {
    width: 85%;
  }
  .catogSection {
    float: left;
    width: 50%;
    height: 120px;
  }
  .SI {
    top: 17%;
  }

  .catogOuter {
    width: 360px;
  }

  .catogTitle{
    font-size: 14px;
  }


}

@media screen and (max-width: 480px){
  .profilePhotoCenter {
    width: 100%;
    margin: auto;
    margin-top: 15px;
  }
  .profilePhotoContainer {
    width: 45%;
    padding: 1.5%;
    float: left;
  }
  .JB{
    padding-left:3.5%;
  }
}

@media screen and (max-width: 480px){
  .catogOuter {
    width: 90%
  }

  .spec{
    font-size: 30px;
  }
}

@media (max-height: 850px) and (max-width: 550px){




  .SI {
    top: 21%;
  }

}
@media (max-height: 620px) {
  .qo2{
    top: 19%;
  }

  .profilePhotoOuter {
    top: 17%;
  }

}

@media (max-height: 740px) and (max-width: 550px){

  .SI {
    top: 20%;
  }


}


@media (max-height: 685px) and (max-width: 550px){


  .contactSectionWrapper {

    height: 150px;
  }

  .SI {
    top: 16%;
  }
  .contactWrapper {
      top: 55%;
  }


}




@media (max-height: 600px) and (max-width: 550px){




  .catogSection {
    height: 90px;
  }


}

@media (max-height: 540px) and (max-width: 550px){



  .contactSectionWrapper {
      height: 145px;
  }

  .contactWrapper {
    top: 57%;
}


}