body{font-family: 'Aktiv Grotesk Corp'; font-weight:normal; color:#3d4e4d; }
.mt45{ margin-top:45px;}
.inner {
  width:80%;
  margin: 0 auto;
  position:absolute; top:27%; left:8%;
}
.pl15{ padding-left:15px; }
.custom-file-upload span{ color:#054c7a;}
.inner-contact-form {
  width:80%;
  margin: 0 auto;
  position:absolute; top:79px; left:-81px; background:rgba(255,255,255,0.9); border:2px solid #f2c71a;
}
.about-inner-container{
	width: 62.5%;
  margin-top:8%;
  padding:6%; margin-left:auto; margin-right:auto; border:3px solid #617c7a; background:rgba(255,255,255,0.5)
	}
.section {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 400px;
}
#section-four { background-image:url(../images/contact-bg2.jpg); background-position:right top; background-repeat:no-repeat; background-size:100%;}
.side-part{ position:absolute; bottom:-82px; left:-2px; z-index:100;}

/* ==========================================================================
   Section Navigation
   ========================================================================== */




#section-menu {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 3000;
  -webkit-transition: all ease 0.1s;
  transition: all ease 0.1s;
}

#section-menu.freeze { right: -93px; }

.touch #section-menu { display: none; }

#section-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#section-menu li { }

#section-menu a {
  width:280px;	
  float: right;
  clear: both;
  display: block;
  height:64px;
  line-height:63px;
  text-decoration: none;
  padding: 0 8px;
  background: rgba(0,0,0,0.5);
  color: #fff;
  white-space: nowrap;
  -webkit-transition: all ease 0.1s;
  transition: all ease 0.1s;
  border-bottom:2px solid #f2c71a;
  font-size:13px;
}

#section-menu.freeze a {
  float: none;
  width: 128px;
  background:none;
   
}

#section-menu a:hover,
#section-menu a:focus {
  
}

#section-menu a span {
  display: none;
  font-weight: 700;
  position: relative;
  width: 32px;
  left: -8px;
  text-align: center;
  
}

#section-menu a.active {
  background: #000;
  font-size: 1.4em;
  font-weight: 700;
}

#section-menu.freeze a span { display: inline-block; }

#section-menu a.active span {
  display: inline-block;
  background: #000;
}

#section-menu a.active span:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  background: #f80;
}

#section-menu.freeze a.active span:before { display: none; }
/*Start Font Section*/
@font-face {
    font-family: 'Aktiv Grotesk Corp';
    src: url('../fonts/AktivGroteskCorp-Italic.eot');
    src: url('../fonts/AktivGroteskCorp-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AktivGroteskCorp-Italic.woff2') format('woff2'),
        url('../fonts/AktivGroteskCorp-Italic.woff') format('woff'),
        url('../fonts/AktivGroteskCorp-Italic.ttf') format('truetype'),
        url('../fonts/AktivGroteskCorp-Italic.svg#AktivGroteskCorp-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aktiv Grotesk Corp';
    src: url('../fonts/AktivGroteskCorp-Bold.eot');
    src: url('../fonts/AktivGroteskCorp-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AktivGroteskCorp-Bold.woff2') format('woff2'),
        url('../fonts/AktivGroteskCorp-Bold.woff') format('woff'),
        url('../fonts/AktivGroteskCorp-Bold.ttf') format('truetype'),
        url('../fonts/AktivGroteskCorp-Bold.svg#AktivGroteskCorp-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aktiv Grotesk Corp';
    src: url('../fonts/AktivGroteskCorp-Light.eot');
    src: url('../fonts/AktivGroteskCorp-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AktivGroteskCorp-Light.woff2') format('woff2'),
        url('../fonts/AktivGroteskCorp-Light.woff') format('woff'),
        url('../fonts/AktivGroteskCorp-Light.ttf') format('truetype'),
        url('../fonts/AktivGroteskCorp-Light.svg#AktivGroteskCorp-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aktiv Grotesk Corp';
    src: url('../fonts/AktivGroteskCorp-Regular.eot');
    src: url('../fonts/AktivGroteskCorp-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AktivGroteskCorp-Regular.woff2') format('woff2'),
        url('../fonts/AktivGroteskCorp-Regular.woff') format('woff'),
        url('../fonts/AktivGroteskCorp-Regular.ttf') format('truetype'),
        url('../fonts/AktivGroteskCorp-Regular.svg#AktivGroteskCorp-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aktiv Grotesk Corp';
    src: url('../fonts/AktivGroteskCorp-Medium.eot');
    src: url('../fonts/AktivGroteskCorp-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AktivGroteskCorp-Medium.woff2') format('woff2'),
        url('../fonts/AktivGroteskCorp-Medium.woff') format('woff'),
        url('../fonts/AktivGroteskCorp-Medium.ttf') format('truetype'),
        url('../fonts/AktivGroteskCorp-Medium.svg#AktivGroteskCorp-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


/*End Font Section*/
/*Intro Section*/
.intro-section{ background-image:url(../images/bg.jpg); background-size:cover; background-position:center left; background-repeat:no-repeat;

}

.text-contactner-section{width:550px; margin:0 auto; text-align:left; position:absolute; left:25%; top:25%; z-index:1;}
 .text-contactner-section h2{font-family: 'Aktiv Grotesk Corp'; color:#f2c71a; font-size:80px; font-weight: bold;}
#typed{ color:#fff!important; font-size:28px!important;   font-family: 'Aktiv Grotesk Corp'; font-weight: 300;}
 .logo-section{ position:absolute; left:10%; top:33px; z-index:1;}
 
 /*Fog CSS*/
 .absolute-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  height: 100%;
  width: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.fog {
  position: relative;
  height: 100vh;
  width: 100%;
  background-color: #000;
}
.fog__container {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.fog__img {
  position: absolute;
  height: 100vh;
  width: 300vw;
}
.fog__img--first {
  background: url("fog-1.png") repeat-x;
  background-size: contain;
  background-position: center;
  -webkit-animation: marquee 60s linear infinite;
          animation: marquee 60s linear infinite;
}
.fog__img--second {
  background: url("fog-2.png") repeat-x;
  background-size: contain;
  background-position: center;
  -webkit-animation: marquee 40s linear infinite;
          animation: marquee 40s linear infinite;
}

@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-200vw, 0, 0);
            transform: translate3d(-200vw, 0, 0);
  }
}

@keyframes marquee {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-200vw, 0, 0);
            transform: translate3d(-200vw, 0, 0);
  }
}
/*End Fog CSS*/
.scroll-indicator{
	width: 200px;
    height: 246px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 200;
    color: #f2c71a;
    background: rgba(0,0,0,0.2);
    text-align: center;
    padding:30px 0; 
	}
.scroll-indicator p{font-family:"ActaDisplay-Medium", Georgia, Times New Roman, sans-serif;}	
#section-menu.freeze a span p{ display:none;}
/*Background pixel animation*/
.pixelCon {
  position: absolute;
  width:100%;  height:100%;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden; margin-top:10%;
}

.pixel {
  background:rgba(255,255,255,0.3);
  width:6%;
  padding-top:6%;
  float: left;
  opacity: 0.0;
  animation: blink 5s infinite;
}

@keyframes blink {
  0%    {opacity: 0.0;}
  25%   {opacity: 0.0;}
  50%   {opacity: 0.5;}
  100%  {opacity: 0.0;}
}
/*End Background pixel animation*/
.pt60{ padding-top:60px;}
.pb60{ padding-bottom:60px;}
.section-label .label:after {
    background: #3d4e4d;
}
.label:after {
    content: "";
    width: 40px;
    height: 1px;
    background: #3d4e4d;
    display: inline-block;
    margin: 0 16px;
    vertical-align: middle;
}
.section-label .label {
    color: #3d4e4d;
    margin: 0;
}
.page-heading{ font-family: 'Aktiv Grotesk Corp'; font-weight:500; font-size:14px; font-style: normal;}
.portfolio-section{ height:auto!important; position:relative;}
.headline{font-size:44px;
    font-weight: 200;
    line-height: 1.333em;
    margin: 120px 0 30px 0;
    color: #3d4e4d;
    position: relative;}
.quote{
	font-size:33px;
    font-weight: 200;
    line-height: 1.333em;
    letter-spacing: -0.042em;
    margin: 0 0 56px 0;
    color: #f2c71a;
    position: relative;
	}
.author{font-family: "ActaDisplay-Medium", Georgia, Times New Roman, sans-serif;
    font-size: 1.538em;
    line-height: 1.400em;
    color: #f2c71a;}
.line{margin: 120px 0 120px 0;
    border-bottom: 1px solid rgba(121, 131, 82, 0.3);}
.portfolio-footer{ position: -webkit-sticky;
  position: sticky; bottom:0; left:0; background:#054c7a; width:100%; height:92px; text-align:center; margin-top:60px; color:#fff;}
  
.portfolio-page-heading{
 background:#054c7a; width:100%; height:60px; text-align:center; color:#fff;
z-index:100;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
 }  
.view-icon{
	display: block;
    position: relative;
    top: auto;
    left: auto;
    margin: 16px auto 0 auto;
	 
	}
	
.view-icon:before {
    content: "";
    width: 3px;
    height: 21px;
    background: #f2c71a;
    display: block;
    position: absolute;
    top:7px;
    left:16px;
}
.view-icon:after {
    content: "";
    width: 21px;
    height: 3px;
    background: #f2c71a;
    display: block;
    position: absolute;
    top: 16px;
    left: 7px;
}	
.full-portfolio-section-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.full-portfolio-section-inner .btn-view-full {
    position: relative;
    top: auto;
    left: auto;
    display: block;
    -ms-transform: none;
    transform: none;
}
.full-portfolio-section-inner .view-icon {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    margin: 16px auto 0 auto;
}
.view-icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    line-height: 38px;
    border:3px solid #f2c71a;
    border-radius: 100%;
    position: absolute;
    top:12px;
    left: 32px;
}
h2, h3, h4, h5, h6{font-family: 'Aktiv Grotesk Corp';}
.about-heading{ font-size:48px; margin-bottom:25px;}
.pt80{ padding-top:80px;}				
.btn-primary{ background:#f2c71a; border:0; padding:10px 35px; border-radius:0;}
.form-control{border-radius:0;}
.portfolio-footer a{ color:#fff; text-decoration:none;}
.portfolio-block{ background:#F2F2F2; min-height:400px; padding:32px; margin-bottom:17px; display:block; color:#3d4e4d; text-decoration:none;}

.portfolio-block p{ font-size:13px;}
.portfolio-image-wrapper{ margin:16px 0 24px 0;}
.mt100{ margin-top:100px;}
.pt15{ padding-top:15px;}

.icn-link {
    position: absolute;
    bottom: 32px;
    right: 32px;
    cursor: pointer;
}
.icn-link .link-icon {
    margin: 0;
    position: relative;
    overflow: hidden;
}
.link-icon {
    font-size: 0.688em;
    width: 36px;
    height: 36px;
    line-height: 39px;
    border: 1px solid #f2c71a;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: 0 32px 0 0;
}
.link-icon-inner {
    position: relative;
    width: 24px;
    height: 24px;
    margin: 5px auto;
    display: block;
    bottom: 0;
    left: 0;
    transition: all ease-in-out 0.3s;
}
.link-icon-inner:before {
    content: "";
    width: 1px;
    height: 24px;
    display: block;
    background: #f2c71a;
    position: absolute;
    bottom: 0;
    left: 12px;
    animation: stroke-a-out 0.6s forwards normal;
}
.link-icon-dash {
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    -ms-transform: translate(-4px, 5px);
    transform: translate(-4px, 5px);
    overflow: hidden;
    opacity: 0;
    animation: dash-out 0.6s forwards normal;
}
.link-icon-inner:after {
    content: "";
    height: 1px;
    width: 24px;
    display: block;
    background: #f2c71a;
    position: absolute;
    top: 12px;
    left: 0;
    animation: stroke-b-out 0.6s forwards normal;
}
.uc-content{ padding-bottom:90px;}
.lookforward-close-btn:hover{ cursor:pointer;}
.blue{ color:#054c7a;}
.contact-left-spacing{ padding-right:7%;}
.icon-space-right{ padding-right:10px;}
.social-icons{ text-align:center;}
.social-icons i{ font-size:32px; padding:0 3px;}
.contact_address{ background-image:url(../images/contact-bg.jpg); background-position:left top; background-repeat:no-repeat; background-size:cover; height:100vh; padding-top:5%; background-attachment:fixed;}
.contact_address a{ color:#000;}
p{ font-size:13px;}
/*share-button animation*/
.share-button {
  width:97px;
  height:40px;
  background:#fff;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 39px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  transition: .3s linear; margin:0 auto;
}
.share-button:hover{
  transform: scale(1.1);
}
.share-button span{
  position: absolute;
  width: 100%;
  height: 100%;
  background:#054c7a;
  color: #f1f1f1;
  text-align: center;
  line-height:36px;
  font-size:14px;
  z-index: 999;
  transition: .6s linear;
  border-radius: 40px; border:1px solid #fff;
 
}
.share-button:hover span{
  transform: translateX(-100%);
  transition-delay: .3s;
}
.share-button a {
  flex: 1;
  font-size: 26px;
  margin-right:7px;
  color: #054c7a;
  text-align: center;
  transform: translateX(-100%);
  opacity: 0;
  transition: .3s linear;
}
.share-button:hover a {
  opacity: 1;
  transform: translateX(0);
}
.share-button a:nth-of-type(1){
  transition-delay: 1s;
}
.share-button a:nth-of-type(2){
  transition-delay: .8s;
}
.share-button a:nth-of-type(3){
  transition-delay: .6s;
}
.share-button a:nth-of-type(4){
  transition-delay: .4s;
}

.btn-primary:hover{ background:#f2c71a;}
/*Mouse scroll animation*/
.mouse_scroll {
	display: block;
	margin: 0 auto;
	width: 24px;
	height: 100px;
	margin-top: 125px; position:absolute; left:50%; bottom:0;
}


.m_scroll_arrows
{
  display: block;
  width: 5px;
  height: 5px;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
   
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  margin: 0 0 3px 4px;
  
  width: 16px;
  height: 16px;
}


.unu
{
  margin-top: 1px;
}

.unu, .doi, .trei
{
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
    animation: mouse-scroll 1s infinite;
  
}

.unu
{
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate;
  
  animation-direction: alternate;
  animation-delay: alternate;
}

.doi
{
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
  
  animation-delay: .2s;
  animation-direction: alternate;
  
  margin-top: -6px;
}

.trei
{
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate;
  
  animation-delay: .3s;
  animation-direction: alternate;
  
  
  margin-top: -6px;
}

.mouse {
  height: 42px;
  width: 24px;
  border-radius: 14px;
  transform: none;
  border: 2px solid white;
  top: 170px;
}

.wheel {
  height: 5px;
  width: 2px;
  display: block;
  margin: 5px auto;
  background: white;
  position: relative;
  
  height: 4px;
  width: 4px;
  border: 2px solid #fff;
  -webkit-border-radius: 8px;
          border-radius: 8px;
}

.wheel {
  -webkit-animation: mouse-wheel 0.6s linear infinite;
  -moz-animation: mouse-wheel 0.6s linear infinite;
  animation: mouse-wheel 0.6s linear infinite;
}

@-webkit-keyframes mouse-wheel{
   0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-moz-keyframes mouse-wheel {
  0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@-o-keyframes mouse-wheel {

   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@keyframes mouse-wheel {

   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}

@-webkit-keyframes mouse-scroll {

  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
/*Border Animation*/
.portfolio-block {
  border: 0;
  box-sizing: border-box;

  font-size: inherit;
  position: relative;
  vertical-align: middle;
}
.portfolio-block::before, .portfolio-block::after {
  box-sizing: inherit;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
}
.draw {
  transition: color 0.25s;
}
.draw::before, .draw::after {
  border: 2px solid transparent;
  width: 0;
  height: 0;
}
.draw::before {
  top: 0;
  left: 0;
}
.draw::after {
  bottom: 0;
  right: 0;
}

.draw:hover::before, .draw:hover::after {
  width: 100%;
  height: 100%;
}
.draw:hover::before {
  border-top-color: #054c7a;
  border-right-color: #054c7a;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.draw:hover::after {
  border-bottom-color:#054c7a;
  border-left-color:#054c7a;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

.meet::after {
  top: 0;
  left: 0;
}
.meet:hover::before {
  border-top-color: #054c7a;
  border-right-color:#054c7a;
}
.meet:hover::after {
  border-bottom-color: #054c7a;
  border-left-color: #054c7a;
  transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;
}
.center:hover {
  color: #054c7a;
}
.center::before, .center::after {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform-origin: center;
}
.center::before {
  border-top: 6px solid #f2c71a;
  border-bottom: 6px solid #f2c71a;
  transform: scale3d(0, 1, 1);
}
.center::after {
  border-left: 6px solid #f2c71a;
  border-right: 6px solid #f2c71a;
  transform: scale3d(1, 0, 1);
}
.center:hover::before, .center:hover::after {
  transform: scale3d(1, 1, 1);
  transition: transform 0.5s;
}
.spin {
  width: 5em;
  height: 5em;
  padding: 0;
}
.spin:hover {
  color: #054c7a;
}
.spin::before, .spin::after {
  top: 0;
  left: 0;
}
.spin::before {
  border: 2px solid transparent;
}
.spin:hover::before {
  border-top-color: #054c7a;
  border-right-color: #054c7a;
  border-bottom-color: #054c7a;
  transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}
.spin::after {
  border: 0 solid transparent;
}
.spin:hover::after {
  border-top: 2px solid #054c7a;
  border-left-width: 2px;
  border-right-width: 2px;
  transform: rotate(270deg);
  transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
}
.circle {
  border-radius: 100%;
  box-shadow: none;
}
.circle::before, .circle::after {
  border-radius: 100%;
}
/*prelodder*/
#shroud #typeRectangle{ width:90px; height:90px; background:url(../images/animation.gif) no-repeat; background-position:center; background-color:none!important;

}
#typeRectangle{ border:4px solid #054c7a; box-shadow:none; 
-webkit-border-top-left-radius: 50%;
  -webkit-border-top-right-radius:50%;
  -webkit-border-bottom-right-radius:50%;
  -webkit-border-bottom-left-radius:50%;

  -moz-border-radius-topleft:50%;
  -moz-border-radius-topright:50%;
  -moz-border-radius-bottomright:50%;
  -moz-border-radius-bottomleft:50%;

  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;}
 .about_bg{ background:#ececec;} 

 .white{ color:#fff;}
 .lookforward-close-btn:hover{-webkit-transform: rotateZ(600deg);
      -moz-transform: rotateZ(600deg);
      transform: rotateZ(600deg);}
 .lookforward-close-btn { -webkit-transition: 0.4s ease-out;
    -moz-transition:  0.4s ease-out;
    transition:  0.4s ease-out;}
	
	
/*Form Animation*/
div.form-container{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; position:relative; padding-bottom:60px;
}

/* form design */

form {
  text-align: center;
  padding: 30px;
}

label {
  display: block;
  letter-spacing: 4px;
  padding-top:9px;
  text-align: center;
}

/* animation for the text to float up */

label .label-text {
  color: #054c7a;
  cursor: text;
  font-size: 15px;
  line-height: 20px;
  text-transform: uppercase; text-align:left; margin-bottom:14px;
  /*-moz-transform: translateY(-64px);
  -ms-transform: translateY(-64px);
  -webkit-transform: translateY(-64px);
  transform: translateY(-64px);
  transition: all 0.3s;*/
}


/* remove the input box styling */
label input {
  background-color: transparent;
  border: 0;
  border: 2px solid #054c7a;
  color:#3d4e4d;
  font-size: 20px;
  letter-spacing: 1px;
  outline: 0;
  padding: 5px 20px;
  text-align: left;
  /*transition: all 0.3s;*/
  width: 100%; font-size:16px;
}
label textarea  {
  background-color:transparent;
  border: 0;
  border: 2px solid #054c7a;
  color:#3d4e4d;
  font-size:16px!important;
  letter-spacing: 1px;
  outline: 0;
  padding: 5px 20px;
  text-align: left;
  /*transition: all 0.3s;*/
  width:100%; height:125px;
}
.pt56{ padding-top:56px;}
/* once you click in the input the input width box animates */

label input:focus {
  max-width: 100%;
  /*width: 200px;*/
}
textarea:focus {
  max-width: 100%;
  /*width:180px;*/
}

/* the text floats up and turns white */

label input:focus + .label-text {
  color: #054c7a;
  font-size:11px;
  margin-top: 10px;
 /* -moz-transform: translateY(-84px);
  -ms-transform: translateY(-84px);
  -webkit-transform: translateY(-84px);
  transform: translateY(-84px);*/
}
label textarea:focus + .label-text {
  color: #054c7a;
 /* font-size:11px;
  margin-top:-30px;
  -moz-transform: translateY(64px);
  -ms-transform: translateY(64px);
  -webkit-transform: translateY(64px);
  transform: translateY(64px);*/
}

/* the text floats up during form validation */

label input:valid + .label-text {
  font-size: 13px;
  /*-moz-transform: translateY(-74px);
  -ms-transform: translateY(-74px);
  -webkit-transform: translateY(-74px);
  transform: translateY(-74px);*/
}
label textarea:valid + .label-text {

  /*-moz-transform: translateY(-180px);
  -ms-transform: translateY(-180px);
  -webkit-transform: translateY(-180px);
  transform: translateY(-180px);*/
}

/* button styling */

.contact-button {
  background: transparent;
  color: #F0F0F0;
  border: 2px solid #054c7a;
  font-size: 15px;
  letter-spacing: 2px; float:left;
  padding:10px 30px;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-block;
  margin: 15px 16px 16px 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s; background:#054c7a;
}

.contact-button:hover, .contact-button:focus {
  background-color:#f2c71a;
  color: #333333; border-radius:0;
}
		
.contact-office-heading{ font-size:40px;}
.contact-office-heading span{ font-size:22px; padding-left:10px; font-weight:100;}
.contact-office-address{ font-size:19px; font-weight:lighter;}
/*Portfolio Card animation*/
.card {
   width: 100%;
   max-width: 100%;
   min-width: 100%;
   min-height:430px; padding-top:35px;
   background-color:rgba(255,255,255,0.9);
   margin: 10px;
   border-radius:0;
   border: 2px solid rgba(255, 255, 255, 0.12);
   font-size: 16px;   
   position: relative;
   /*border:4px solid #054c7a;*/

}
/*.card:hover{border:4px solid #f2c71a; transition: all 0.9s ease;}*/

.icon {
   margin: 0 auto;
   width: 100%;
   height:140px;
   max-width:140px;
   border-radius: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   color: white;
   transition: all 0.3s ease;
   background-position: 0px;
   background-size: 400px;
}

.icon_bg-1{ background:#808080;
filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}
.card:hover .icon_bg-1{
	filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  background:#1a3245;
	}
.icon_bg-44{ background:#808080;
filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}	
.icon_bg-2{ background:#808080;
filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}
.card:hover .icon_bg-44{
	filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  background:#ffff3c;
	}
.card:hover .icon_bg-2{
	filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  background:#315a96;
	}	
	
.icon_bg-4{ background:#808080;
filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}
.thrasio-bg{background:#ffffff;}
.card:hover .thrasio-bg{
	filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  background:#a500fa;
	}




.formy{background:#ffffff;}
.card:hover .formy{
	filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  background:#e3dcd1;
	}


.card:hover .icon_bg-4{
	filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  background:#4b4b4d;
	}
.icon_bg-3{ background:#808080;
filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}
.card:hover .icon_bg-3{
	filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  background:#ccc;
	}	
.icon_bg-5{ background:#808080;
filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}
.card:hover .icon_bg-5{
	filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  background:#2a3cd4;
	}
.icon_bg-6{ background:#808080;
filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}
.card:hover .icon_bg-6{
	filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  background:#cdf5f0;
	}		
.icon_bg-7{ background:#808080;
filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}
.card:hover .icon_bg-7{
	filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  background:#87D0EF;
	}
.icon_bg-8{ background:#808080;
filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}

.icon_bg-9{ background:#acacac;
filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}
.icon_bg-10{ background:#000;
filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}
.icon_bg-11{ background:#065465;
filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}
.card:hover .icon_bg-10{
	filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  background:#ccc;
	}
.card:hover .icon_bg-11{
	filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  background:#065465;
	}
	
.card:hover .icon_bg-9{
	filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  background:#1e6c8d;
	}


.card:hover .icon_bg-8{
	filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  background:#ccc;
	}	
/*.icon_bg-1{ background: linear-gradient(90deg, #1a3245 0%, #23445d 50%);}
.icon_bg-2{ background: linear-gradient(90deg, #274879 0%, #315a96 80%);}
.icon_bg-3{ background: linear-gradient(90deg, #fff 0%, #ccc 80%); }
.icon_bg-4{ background: linear-gradient(90deg, #4b4b4d 0%, #78787b 80%);}
.icon_bg-5{ background: linear-gradient(90deg, #2a3cd4 0%, #1d277b 80%);}
.icon_bg-6{ background: linear-gradient(90deg, #f2f2f2 0%, #cdf5f0 80%);}
.icon_bg-7{ background: linear-gradient(90deg, #e7f5fb 0%, #87D0EF 80%);}
.icon_bg-8{ background: linear-gradient(90deg, #fff 0%, #ccc 80%);}*/
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.round{ opacity:0; }
.card:hover .round{ opacity:9;  transition: all 0.9s ease; }
.card .title {
   width: 100%;
   margin: 0;
   text-align: center;
   margin-top: 30px;
   color: #054c7a;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 4px;
}

.card .text {
   width: 80%;
   margin: 0 auto;
   font-size: 14px;
   text-align: center;
   margin-top:36px;
   color: #054c7a;
   font-family:'Aktiv Grotesk Corp';
   letter-spacing: 2px;
   transition: all 0.9s ease;
}
.card:hover .icon {
   background-position:140px;
   transition: all 0.3s ease;
}

.card:hover .icon i {
   background: linear-gradient(90deg, #FF7E7E, #FF4848);
   -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
   opacity: 1;
   transition: all 0.3s ease;
}
/*End Portfolio Card Animation*/
/*Arrow Animation*/
.center-con {
    display: flex;
    height: 100vh;
    align-items: center;
    justify-content: center;
}



.round {
    position: absolute; display:block;
    border: 2px solid #f2c71a; background:#f2c71a;
    width: 40px;
    height: 40px;
 right:-2px; bottom:-2px;
}
.round:hover{ background:#f2c71a; border-color:#f2c71a;}
#cta{
    width:100%; cursor: pointer; position: absolute; left:0; top:-2px;
}

#cta .arrow{left: 30%;}
.arrow {position: absolute; bottom: 0;  margin-left:0px; width: 12px; height: 12px; background-size: contain; top:15px;}
.segunda{margin-left: 8px;}
.next {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
}

@keyframes bounceAlpha {
  0% {opacity: 1; transform: translateX(0px) scale(1);}
  25%{opacity: 0; transform:translateX(10px) scale(0.9);}
  26%{opacity: 0; transform:translateX(-10px) scale(0.9);}
  55% {opacity: 1; transform: translateX(0px) scale(1);}
}

.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.arrow.primera.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.round .arrow{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.round .arrow.primera{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}


.contact_label:after{ background:#fff!important;}

/* ========================================= PRIYAM ============================================ */

.text_color_yellow ul li a {
    color :#F2C71A!important;  
}
.menu-bar{ display:none;}
/* ============================================================================================= */
/*Slide Show Animation*/
.slideshow {
  position: fixed;
  width: 100vw;
  height: 100vh;
  overflow: hidden; z-index:-1; top:0;
}

.slideshow-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background: no-repeat 50% 50%;
  background-size: cover;
  -webkit-animation-name: kenburns;
  animation-name: kenburns;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration:55s;
  animation-duration:55s;
  opacity: 1;
  -webkit-transform: scale(1.2);
  transform: scale(1.2); z-index:-1;
}

.slideshow-image:nth-child(1) {
  -webkit-animation-name: kenburns-1;
  animation-name: kenburns-1;
  z-index: 3;
}

.slideshow-image:nth-child(2) {
  -webkit-animation-name: kenburns-2;
  animation-name: kenburns-2;
  z-index: 2;
}

.slideshow-image:nth-child(3) {
  -webkit-animation-name: kenburns-3;
  animation-name: kenburns-3;
  z-index: 1;
}

.slideshow-image:nth-child(4) {
  -webkit-animation-name: kenburns-4;
  animation-name: kenburns-4;
  z-index: 0;
}
 @-webkit-keyframes 
kenburns-1 {  0% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 1.5625% {
 opacity: 1;
}
 23.4375% {
 opacity: 1;
}
 26.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 98.4375% {
 opacity: 0;
 -webkit-transform: scale(1.21176);
 transform: scale(1.21176);
}
 100% {
 opacity: 1;
}
}
 @keyframes 
kenburns-1 {  0% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 1.5625% {
 opacity: 1;
}
 23.4375% {
 opacity: 1;
}
 26.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 98.4375% {
 opacity: 0;
 -webkit-transform: scale(1.21176);
 transform: scale(1.21176);
}
 100% {
 opacity: 1;
}
}
@-webkit-keyframes 
kenburns-2 {  23.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 26.5625% {
 opacity: 1;
}
 48.4375% {
 opacity: 1;
}
 51.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
}
@keyframes 
kenburns-2 {  23.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 26.5625% {
 opacity: 1;
}
 48.4375% {
 opacity: 1;
}
 51.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
}
@-webkit-keyframes 
kenburns-3 {  48.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 51.5625% {
 opacity: 1;
}
 73.4375% {
 opacity: 1;
}
 76.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
}
@keyframes 
kenburns-3 {  48.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 51.5625% {
 opacity: 1;
}
 73.4375% {
 opacity: 1;
}
 76.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
}
@-webkit-keyframes 
kenburns-4 {  73.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 76.5625% {
 opacity: 1;
}
 98.4375% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
@keyframes 
kenburns-4 {  73.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 76.5625% {
 opacity: 1;
}
 98.4375% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
/*End Slide Show Animation*/
.view-details-btn{ 
    width:100px;
    height: 40px;
    background:#054c7a;
    margin-left:0;
    color: #fff;
    font-size:14px;
    text-align: center;
    line-height: 39px;
}
.contact_address .page-heading{ position:absolute; top:50px; left:50px;}
.hvr-bubble-right:before{border-color:transparent transparent transparent #054c7a;}
.view-details-btn:hover{ color:#f2c71a; text-decoration:none;}
.more{ padding-bottom:45px;}
a.morelink {
	text-decoration:none;
	outline: none;
}
.morecontent span {
	display: none;

}
/*Close button animation*/
.outer-close {
  position:absolute;
  margin: auto;
  width:40px;
 top:-2px; left:19px;
  cursor: pointer;
}

.inner-close {
  width: inherit;
  text-align: center;
}

.button-close label { 
  font-size: .8em; 
  line-height:3em;
  text-transform: uppercase;
  color: #fff;
  transition: all .3s ease-in;
  opacity: 0;
  cursor: pointer;
}

.inner-close:before, .inner-close:after {
  position: absolute;
  content: '';
  height:2px;
  width: inherit;
  background: #FFC107;
  left: 0;
  transition: all .3s ease-in;
}

.inner-close:before {
  top:49%; 
  transform: rotate(45deg);  
}

.inner-close:after {  
  bottom: 50%;
  transform: rotate(-45deg);  
}

.outer-close:hover label {
  opacity: 1;
}

.outer-close:hover .inner-close:before,
.outer-close:hover .inner-close:after {
  transform: rotate(0);
}

.outer-close:hover .inner-close:before {
  top:18px;
}

.outer-close:hover .inner-close:after {
  bottom:10px;
}
/*END Close button animation*/
#popup-content{ display:none;}
.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%!important;
    margin: 0; overflow-y:visible;
}
.uc-section .container{height:100vh;}
.uc-section .container .posts{padding-bottom:229px;}
#portfolioModal .modal-fullscreen .modal-content {
   background-color:transparent!important;
}
#portfolioModal .modal-fullscreen .modal-content .modal-body{ padding:0;}
.modal-fullscreen button.close{ position:absolute; left:20px; top:14px; z-index:300;}
.modal-fullscreen .view-icon{ top:-8px; left:17px; opacity:9;}
.portfolio-footer:hover{ cursor:pointer;}
#portfolioModal{ z-index:9999;}
.mobile-menu{ display:none;}


.button__holder{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background-color: #1a1a1a;
    &:after{
        content: "";
        position: absolute;
        z-index: 0;
        top: 0; right: 0; bottom: 0; left: 0;
        background: rgba(#1a1a1a, 0.7);
    }
    h2{
        margin: {right: 1em;}
        text-align: center;
        color: #8A3B58;
    }
}
.plus{
    position: relative;
    z-index: 1;
    width: 80px;
    height: 80px;
    color: #1a1a1a;
    background: #ed1c5b;
    border-radius: 50%;
    border: none;
    transition: box-shadow 400ms cubic-bezier(.2,0,.7,1), transform 200ms cubic-bezier(.2,0,.7,1);
    &:after{
        content: "+";
        font-size: 2.5em;
        line-height: 1.1em;
    }
    &:hover{
        transform: rotate(45deg);
        box-shadow: 0 0 1px 15px rgba(#8A3B58, 0.4),
        0 0 1px 30px rgba(#8A3B58, 0.1),
        0 0 1px 45px rgba(#8A3B58, 0.1);
    }
}



/*Model Window*/
.modal-bottom{ z-index:99999;}
.modal-content{ background:none;}
.modal.modal-left .modal-dialog,
.modal.modal-right .modal-dialog,
.modal.modal-top .modal-dialog,
.modal.modal-bottom .modal-dialog {
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

/* Left & Right */


/* Top and Bottom */

.modal.modal-top .modal-dialog,
.modal.modal-bottom .modal-dialog {
  position: fixed;
  margin: auto;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.modal.modal-top .modal-content,
.modal.modal-bottom .modal-content {
  height: auto;
  overflow-y: auto;
}

.modal.modal-top .modal-body,
.modal.modal-bottom .modal-body {
  padding: 15px 15px;
}

/* Top */

.modal.modal-top.fade .modal-dialog {
  top: -100%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
  -o-transition: opacity 0.3s linear, top 0.3s ease-out;
  transition: opacity 0.3s linear, top 0.3s ease-out;
}

.modal.modal-top.fade.show .modal-dialog {
  top: 0;
}

/* Bottom */

.modal.modal-bottom.fade .modal-dialog {
  bottom: -100%;
  -webkit-transition: opacity 0.3s linear, bottom 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, bottom 0.3s ease-out;
  -o-transition: opacity 0.3s linear, bottom 0.3s ease-out;
  transition: opacity 0.3s linear, bottom 0.3s ease-out;
}

.modal.modal-bottom.fade.show .modal-dialog {
  bottom: 0;
}

.modal.modal-bottom.fade .modal-dialog {
  bottom: -100%;
}

.modal-backdrop{ background:none;}

.custom-file-upload {
   
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}
/*Contact form*/

.form-container label label{ width:100%; color:#e80000; font-size:12px; letter-spacing:1px; text-align:left;}
.alert-success{position: static;
    float: left;
    width: 100%;
    margin-bottom: 35px;}
.custom-file-upload .error{ top:66px;}  
.message-area .error{ top:24px;} 
.contact_address .inner{ top:27%;} 
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
    -webkit-transition-delay: 9999s;
}
/*Plus button animation*/
.outer-close-plus {
  position:absolute;
  margin: auto;
  width:40px;
 top:11px; left:19px;
  cursor: pointer;
}

.inner-close-plus {
  width: inherit;
  text-align: center;
}

.button-close-plus label { 
  font-size: .8em; 
  line-height:3em;
  text-transform: uppercase;
  color: #fff;
  transition: all .3s ease-in;
  opacity: 0;
  cursor: pointer;
}

.inner-close-plus:before, .inner-close-plus:after {
  position: absolute;
  content: '';
  height:2px;
  width: inherit;
  background: #FFC107;
  left: 0;
  transition: all .3s ease-in;
}

.inner-close-plus:before {
  top:49%; 
  transform: rotate(0deg);  
}

.inner-close-plus:after {  
  bottom:47%;
  transform: rotate(-90deg);  
}

.portfolio-footer:hover label {
  opacity: 1;
}

.portfolio-footer:hover .inner-close-plus:before,
.portfolio-footer:hover .inner-close-plus:after {
  transform: rotate(0);
}

.portfolio-footer:hover .inner-close-plus:before {
  top:18px;
}

.portfolio-footer:hover .inner-close-plus:after {
  bottom:10px;
}
.button-close-plus label i{ font-size:26px; line-height:44px;}
/*Plus Close button animation*/

.element-item{ width:100%;}
.readmore-portfolio-description .morelink{ color:#054c7a; text-decoration:underline;}
.custom-file-upload span{ text-align:left; display:block; margin-bottom:15px; color:#054c7a; font-size:15px;}
.custom-file-upload input{ border:none; background:none; padding-left:0;}
.custom-file-upload{ padding-left:0; float:left;} 
#upload_file{ font-size:12px;}
.inner-close label{ padding-top:15px;}
.relative{ position:relative;}
.inner-close label{ padding-top:15px;}
.f20{ font-size:20px;}
.our-philosophy-bg{ background-image:url(../images/about-bg.jpg); background-repeat:no-repeat; background-attachment:fixed; background-size:60%; background-position:right center;}
.page-about-heading{ position:absolute; left:42px; top:50px;} 
.collaborate-text{ line-height:41px;}
span.odometer-digit {
    font-size: 2rem;
	font-family:"Aktiv Grotesk Corp";
	font-weight:bold;
	color:#f2c71a;
}
.text_center{
	text-align:center;
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-car {
    background: transparent;
    color: #f2c71a;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit {
    box-shadow: none;
	padding:0 0em;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
    left: 0em;
}

#odometer1, #odometer2, #odometer3{     top: 0px; /*width:220px;*/ }
span.odometer-digit{ font-size:4rem; }
.odometer.odometer-auto-theme .odometer-digit:last-child, .odometer.odometer-theme-car .odometer-digit:last-child {
    background-image: none;
    background-color: transparent  !important;
	color:#f2c71a;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit{
	background-image:none; 
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-car{
	color:#f2c71a;
}
span.odometer-value {
	color:#f2c71a;
}
.portfolio_count{
	/*background-image:url(../images/bg_odometer.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;*/
	background-color:#054c7a;
	padding: 16px 50px;
	height:16vh
}
.odometer_bold_text{
	font-size:20px;
	color:#f2c71a;
	text-transform:uppercase;
	position: relative;
    top:20px;
    left: 15px;
}
.odometer_text_block{
	display:inline-block;
	padding-left:0px;
}
.odometer_small_text{
	font-size:12px;
	color:#f2c71a;
	font-weight:normal;
	text-transform:uppercase;
	position: relative;
    top:7px;
    left: 15px;
	text-align:left;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.portfolio_left_section::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.portfolio_left_section {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.portfolio_left_section{
	/*height:84% !important;
	overflow-y:scroll;
	margin-bottom:80px;*/
}
.h-80{
	height:84% !important;
}
.our-philosophy-bg{ position: -webkit-sticky;
  position: sticky; top:0; right:0; width:100%; text-align:center; margin-top:0px;}
  
@media only screen and (min-device-width: 1080px) and (max-device-width: 2560px) {
	.portfolio-footer {
    	margin-top: 9px;
	}
}
@media screen and (min-width: 1366px) {
	.portfolio_count {
		padding: 6px 50px;
	}
	.paragraph_top_spacing {
		margin-top: 70px;
	}
	.f20 {
        font-size: 17px;
        text-align: justify;
    }
}
@media screen and (min-width: 1600px) {
	.paragraph_top_spacing {
		margin-top: 0px;
	}
	.portfolio_count {
		padding: 16px 50px;
	}
	.f20 {
        font-size: 20px;
        text-align: justify;
    }
}

@media (min-width: 2000px) and (max-width: 2560px)  {
    
	.inner-contact-form {
		top:25%;
		left: -6%;
	}
	/*.paragraph_top_spacing {
		margin-top: 0px;
	}*/
	.portfolio_count {
		padding: 30px 50px;
	}
	
}


@media (min-width: 2561px) and (max-width: 3440px)  {
	s
	.portfolio_count {
		padding: 60px 50px;
	}
	
}
@media (min-width: 3441px) and (max-width: 3840px)  {
	.inner-contact-form {
		top: 35%;
		left: -4%;
	}
	.portfolio_count {
		padding: 115px 50px;
	}
	
	
}
.l-height28{ line-height:28px;}
#section-two{ height:auto!important;}
.portfolio_left_section
/*Number Counter*/
.hero {
  color: white;
  padding: 39px 5px;
}

.hero a button {
  font-size: 17px;
  color: #fff;
  padding: 7px;
  border-radius: 9px;
  border: 2px solid #fff;
  background-color: #ffffff00;
  font-weight: 700;
  margin: 30px 0;
}

.hero #counters_hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  vertical-align: middle;
  height: 100%;
}

.hero #counters_hero .cont {
  margin: auto;
}

.hero #counters_hero .cont .label {
  text-align: center;
  height: 49px;
  line-height: 1.4;
  font-size: 14px;
}

.circle {
  width: 99px;
  height: 99px;
  background: #cfcfcfb9;
  border-radius: 78px;
  margin: auto;
}

.circle .counter {
  font-size: 20px;
  text-align: center;
  color: white;
  line-height: 4.6;
  width: auto;
}

.description {
  background-color: #e0e0e0;
  padding: 15px;
  color: #3c3c3c;
}

.description p {
  font-weight: 700;
}

#counters_1,
#counters_2,
#counters_3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 33px;
}

#counters_1 .counter,
#counters_2 .counter,
#counters_3 .counter {
  font-size:4rem;
  font-weight: 600;
  color:#f2c71a;
  width: auto; text-align:right;
}

#counters_1 p,
#counters_2 p,
#counters_3 p {
  margin-bottom: 0;
  float: left;
}

#counters_1 .text,
#counters_2 .text,
#counters_3 .text {
  width: 100px;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  color: #616161;
}



.distance {
  margin: 88px 0 160px 0;
  text-align: center;
  font-size: 41px;
  color: #04884c;
  font-weight: 400;
}
.purgex{ display:none;}
/*# sourceMappingURL=style.css.map */
#counters_3{ background:#054c7a;}
.pureyad{ height:100%;}
.readmore-portfolio-description .page-heading{ top:50px; left:50px; position:absolute;}
.readmore-portfolio-description{ max-width:1279px;}
.funds-we-work-block .card{ text-align:center; margin:0; min-height:360px;}
.funds-we-work-block .card h5{ margin-top:15px; margin-bottom:15px;}
@media only screen and (min-width:320px) and (max-width: 640px) {
.m-hide{ display:none;}	
.funds-we-work-block .card img{ width:120px;}
.funds-we-work-block .card{ padding-top:14px; min-height:156px;}
.funds-we-work-block .card h5{ font-size:14px;}
.funds-we-work-block .col-sm-3 { margin-bottom:20px;}	
.carousel-control-next, .carousel-control-prev{ width:45px;}	
.inner-contact-form{ top:13px;}	
.view-details-btn{ margin-left:0;}	

.contact_address{background-image:url(../images/m-contact-bg.jpg)!important;
background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
	background-attachment:inherit;
	
}	
.filters{ padding-left:0;} 	
/*.modal.modal-top .modal-content, .modal.modal-bottom .modal-content{ height:1600px!important;}*/
.modal-body {
    max-width: 100%!important; 
    overflow-x: scroll!important; height:600px; padding-bottom:150px;
}
.text-contactner-section p{ font-size:16px; }	
.inner-contact-form{ width:100%; left:0; right:0; border:0;}
.m-mb-30{ margin-bottom:30px;}
.odometer_bold_text{ top:25px; font-size:20px;}	
.odometer_small_text{ top:10px; font-size:14px;}
	.collaborate-text{ width:100%;}
	.mmt44{ margin-top:44px;}
	/*Menu Code*/
.navbar-toggler{ position:absolute; right:29px; top:18px;}
.mobile-menu{ display:block;}	
	.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.9);
    border-color: rgba(0,0,0,9);
}
	.mobile-menu .navbar-nav{ background:#fff; margin-top:56px; border:1px solid #ccc;}
	.mobile-menu .navbar-nav li{ padding:15px;
	padding: 6px 15px;
    border-bottom: 1px solid #ccc;
	}
	/*.paragraph_top_spacing {
		margin-top: 640px !important;
	}*/
	.mobile-menu{ position:fixed; top:0; z-index:300; width:100%; background:none;}
	#section-menu{display:none;}
	.menu-bar{ display:none;}
	div.form-container{ padding-bottom:0;}
	.side-part{ display:none;}
	
	
	#section-menu ul{ margin-top:113px;}
	#section-menu.freeze{ right:-100%;}
	#section-menu{ background:rgba(0,0,0,0.8); height:100vh;}
	/*End Menu Code*/
	.our-philosophy-bg{ display:none!important;}
	#section-two .align-content-center span{ /* margin-bottom:15px; clear:both; display:block;*/}
	#typeRectangle{ left:60%;}
	.text-contactner-section{ left:0; top:39%;}
	.text-contactner-section h2{ font-size:38px;}
	.text-contactner-section{ width:90%; text-align:left; padding-left:18px;}
	#typed{ display:none;}
	#typed-strings{ display:block!important; color:#fff;}
	#section-menu a{ width:250px; padding-left:29px;}
	#section-two{ overflow:hidden; background:#ccc;}	
	.about-heading{ font-size:33px;}
	.quote{ font-size:28px;}
	.headline{ font-size:37px; margin:75px 0 26px 0;}
	label{ width:100%; margin:0 auto;}
	.mob_submit_btn{
		width:200px;
		margin:0 auto;
	}
	.contact-button{
		float:left;
		margin: 15px 0px;
	}
.card{ margin:0; margin-bottom:20px;}	
	span.odometer-digit {
		font-size: 4rem !important;
	}
	.portfolio_left_section {
		height: 76% !important;
	}
	.portfolio_count {
		padding: 16px 16px;
		height: auto;
	}
    .f20 {
        font-size:15px;
    }
.navbar-nav .nav-link{ padding-top:0; padding-bottom:0;}
.logo-section{ left:15px; top:11px;}
.logo-section img{ width:120px;}
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width:35px;
  height: 45px;
  position: absolute;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer; top:25px; right:15px;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height:2px;
  width: 100%;
  background:#fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 13px;
}

#nav-icon1 span:nth-child(3) {
  top:27px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* Icon 2 */

#nav-icon2 {
}

#nav-icon2 span {
  display: block;
  position: absolute;
  height: 9px;
  width: 50%;
  background: #d3531a;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}

#nav-icon2 span:nth-child(odd) {
  left:0px;
  border-radius: 9px 0 0 9px;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 0px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
  top: 18px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 36px;
}

#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
  left: 5px;
  top: 7px;
}

#nav-icon2.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 7px;
}

#nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
  left: 5px;
  top: 29px;
}

#nav-icon2.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 29px;
}

/* Icon 3 */

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 18px;
}

#nav-icon3 span:nth-child(4) {
  top: 36px;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

/* Icon 4 */

#nav-icon4 {
}

#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 36px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 39px;
  left: 8px;
}
.full-portfolio-section-inner h5{ font-size:17px;}
.filters{ overflow:hidden;}
.filters li{ width: 50%;
    float: left;
    border: 1px solid #fff;
    min-height:49px;}
.filters label{ min-height:49px;}	
#section-four{ background:none;}
.slideshow{ display:none;}
.modal-open .modal{ background-image:url(../images/m-portfolio-bg.jpg); background-position:top left; background-repeat:no-repeat;}
.filters label{ margin-bottom:0;
display: flex;
  align-items: center;
  justify-content:center
}
label{ letter-spacing:2px; font-size:13px;}
.uc-section .mt45{ margin-top:10px;}





.pureyad {
        overflow: hidden;
        height:395px;
        padding-right:0; text-align:justify;
		
    }

    .purgex {
        display: block;
        background: transparent;
        border: none;
        border-top: 1px solid #222;
        max-width: 100%;
       
    }
.portfolio_left_section .align-content-center{ align-content:normal!important;}	
.purgex{ display:block; margin-bottom:40px; margin-top:19px; position:relative;}
.purgex:focus{ outline:none!important;}
.inner{ left:0; right:0;}
.pureyad .f20{ padding-left:2rem!important; padding-right:2rem!important;}
.m-set-margin-top-0{ margin-top:0!important;}
.readmore-portfolio-description .page-heading{ position:absolute; top:50px; left:28px;}
.page-about-heading{ left:22px;}
.quote{ padding-left:15px; padding-right:15px; margin-bottom:0;}
.headline { padding-left:15px; padding-right:15px;}
.view-details-btn{ margin-left:15px;}
.line{ margin:60px 0 60px 0;} 
.contact_address .page-heading{ top:50px; left:28px; position:absolute;}
.purgex::after{font-family:'FontAwesome'; content:"\f0dd"; font-size:15px; color:#000; position:absolute; left:0; top:25px; right:0;}
.more12::after{font-family:'FontAwesome'; content:"\f0de"; font-size:15px; color:#000; position:absolute; left:0; top:25px; right:0;}
.collaborate-text{ text-align:left;}
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  .ipad_spacing{ margin-top: 44px; } /* your css rules for ipad portrait */
}
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
  .ipad_spacing{ margin-top: 44px; } /* your css rules for ipad landscape */
}
@media screen and (min-width: 1200px) and (max-width: 1200px)
              and (min-height: 1900px) and (max-height: 1900px) {
    .ipad_spacing{ margin-top: 44px;}
}
.ipad_spacing{ margin-top: 30px; }

/*********************************************************************/
/* Bootstrap 4 Multiple Item Carousel */
/*********************************************************************/
/* medium - display 2  */
@media (min-width: 768px) {

    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(50%);
    }

    .carousel-inner .carousel-item-left.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(-50%);
    }
}

/* large - display 3 */
@media (min-width: 992px) {

    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(33%);
    }

    .carousel-inner .carousel-item-left.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(-33%);
    }
}

@media (max-width: 768px) {
    .carousel-inner .carousel-item>div {
        display: none;
    }

    .carousel-inner .carousel-item>div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left {
    transform: translateX(0);
}
.carousel-control-next, .carousel-control-prev{ width:45px;}
.carousel-item{ background:#fff; text-align:center;}
.carousel-control-prev-icon{ content:"\f104"; font-family:'FontAwesome'; font-size:33px;}
.carousel-control-next-icon, .carousel-control-prev-icon{ background-color:#666; background-size:13px; }
.carousel-control-next, .carousel-control-prev{top:-74px!important;}
.carousel-item a{ color:#054c7a;}
.carousel-item{ background:none;}
.carousel-item .card{ background:none;}
.funds-we-work-block{ background-image:url(../images/portfolio-slide1.jpg); background-repeat:no-repeat; background-position:left top; background-size:cover; background-attachment:fixed;}
.funds-we-work-block .container{ max-width:1279px;}
.w100{width:100%;}