/*
-----------------------------------------------------
    Fixes to make Slide more developer friendly..
-----------------------------------------------------
*/

body.slides {
    background: transparent;
}
.text-left {
	text-align:left!important;
}
.material-icons {
    vertical-align: text-bottom;
}
.panel a, nav.sidebar a {
    color: #fff;
}

.panel .sections .menu li a {
    padding: 8px 7px;
    opacity: .6;
    display: block;
}
.panel .sections .menu li.active a {
    opacity: 1;
}
.whiteSlide.firstSlide .panel a {
    color: #222;
}
.panel.top {
    transition: all 0.8s!important;
    background-color: transparent;
    box-shadow: none;
}
body:not(.firstSlide) .panel.top,
body.scrolled:not(.firstSlide) .panel.top,
body.scrolled .panel.top {
    background-color: rgba(0, 0, 0, 0.9);
    box-shadow: 0 5px 30px rgba(0,0,0,0.3);
    transition-delay: 0.5s!important;
}
.firstSlide .panel.top {
    transition-delay: 0s!important;
}

address, .contact-info {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 30px;
    font-weight: 300;
}
address .company-name {
    line-height: 1.15;
    display: block;
    margin-bottom: 0.5em;
}

p .material-icons {
      font-size: inherit;
    vertical-align: middle;
}

.button.btn-sm {
    padding: 0.8em 1.8em;
}
.button .material-icons {
    font-size: 1.2em;
    vertical-align: middle;
    margin-right: -0.3em;
    transition: margin 0.4s;
}
.button:hover .material-icons {
    margin-right: -0.7em;
    margin-left: 0.4em;
}

.slide.autoHeight .container,
.mobile .slide.autoHeight .simplifiedMobile .container {
  height: auto;
}

footer.credit {
    position: absolute;
    top:auto;
    right:0;
    bottom: 0;
    left:0;
    background: rgba(0,0,0,0.75);
    color: #fff;
}
footer.credit .container {
    height:auto!important;
}
.top-menu-social-icons {

}
.top-menu-social-icons.social-facebook {
	color: #3b5998!important;
	opacity: 100%!important;
	background:transparent!important;
	display: inline-block;
	padding: 10px;

    line-height: 26px;
	border-radius: 4px;
}
.top-menu-social-icons.social-facebook svg {
    fill: #3b5998!important;
	background: #fff;
    width: 24px;
    height: 24px;
	box-shadow: inset 0 0 0px 1px #3b5998!important;
	border-radius:4px;

}
.social-sm{
    display: inline-block;
    width: 24px;
    height: 24px;
    padding: 5px;
    border-radius: 999px;
    vertical-align: text-bottom;
}
.social-sm svg {
    width: 14px;
    height: 14px;
    text-align: center;
    margin: auto;
    display: block;
}
.input__label--sae, .input__label--sae span {
	color: rgba(255,255,255,1)!important;
}

button[href="submit"] {
	transition: opacity 0.4s;
}
.btn-processing {
	opacity: 0.6!important;
	pointer-events: none;
}
.btn-processing  .right-i {
	  -webkit-animation: anime-sending 1.5s infinite!important; /* Safari 4+ */
  -moz-animation:    anime-sending 1.5s infinite!important; /* Fx 5+ */
  -o-animation:      anime-sending 1.5s infinite!important; /* Opera 12+ */
  animation:         anime-sending 1.5s infinite!important; /* IE 10+, Fx 29+ */
}
.btn-processing.message-sent {
	opacity: 1!important;
	pointer-events: auto;
}

.btn-processing.message-sent .right-i{
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;
}


@-webkit-keyframes anime-sending {
  0%   { margin-left: 0px; margin-right: 6; }
  50% { margin-left: 6px; margin-right: 0;}
  100%   { margin-left: 0px; margin-right: 6; }
}
@-moz-keyframes anime-sending {
  0%   { margin-left: 0px; margin-right: 6; }
  50% { margin-left: 6px; margin-right: 0;}
  100%   { margin-left: 0px; margin-right: 6; }
}
@-o-keyframes anime-sending {
  0%   { margin-left: 0px; margin-right: 6; }
  50% { margin-left: 6px; margin-right: 0;}
  100%   { margin-left: 0px; margin-right: 6; }
}
@keyframes anime-sending {
  0%   { margin-left: 0px; margin-right: 6; }
  50% { margin-left: 6px; margin-right: 0;}
  100%   { margin-left: 0px; margin-right: 6; }
}

/*
-----------------------------------------------------
    Top Panel Menu
-----------------------------------------------------
*/
body:not(.firstSlide) .panel.top {
    background-color: rgba(7, 9, 10, 0.95) /*rgba(10, 34, 47, 0.9)*/;
}

.panel.top .menu .active, nav.sidebar li.active {
    border-bottom: 2px solid #b9ca06;
}


/*
-----------------------------------------------------
    Site Logo
-----------------------------------------------------
*/


.site-logo-container {
    position: relative;
    transition: all 0.4s;
    display: block;
}
.firstSlide .site-logo-container  {
    height: 80px;
    width: 356px;
}
body:not(.firstSlide) .site-logo-container,
body.scrolled:not(.firstSlide)  .site-logo-container,
body.scrolled .site-logo-container {
    height: 48px;
    width: 214px;
}
.site-logo {
    opacity: 0;
    position: absolute;
    top:0;
    left:0;
    transition: 1.5s all;
}
.firstSlide .site-logo-light {
    opacity: 1;
}
.whiteSlide.firstSlide .site-logo-light {
    opacity: 0;
}
.whiteSlide.firstSlide .site-logo-dark {
    opacity: 1;
}
body:not(.firstSlide) .site-logo-dark {
    opacity: 0;
}
body:not(.firstSlide) .site-logo-light {
    opacity: 1;
}





/*
-----------------------------------------------------
    Links and Buttons
-----------------------------------------------------
*/

a, .linkColor {
    color: #a9b715;
}
a .right-i {
    vertical-align: text-bottom;
    font-size: 120%;
    transition: all 0.4s;
    margin-right: 0;
    display: inline-block;
    margin-right: 6px;
}
a:hover .right-i {
    margin-left: 6px;
    margin-right: 0;
}
.button {
    padding-left: 3em;
    padding-right: 3em;
    border-radius: 999px;
}
.btn-primary {
    background: transparent;
    border: 2px solid #a9b715;
    color: #a9b715;
}
.btn-primary:hover {
    background: #a9b715;
    border: 2px solid #a9b715;
    color: #fff;
}




/*
-----------------------------------------------------
    Section / Slide
-----------------------------------------------------
*/

.slide.primary {
    background: #1b4456;
}

.underline.primary {
    border-bottom: 2px solid #b9ca06;
}
.bg-gradient {
    background: #80d0c7;
background: -moz-linear-gradient(-45deg, #80d0c7 0%, #13547a 100%);
background: -webkit-linear-gradient(-45deg, #80d0c7 0%,#13547a 100%);
background: linear-gradient(135deg, #80d0c7 0%,#13547a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80d0c7', endColorstr='#13547a',GradientType=1 );
    color: #fff!important;
}
.bg-gradient-overlay {
    position: relative;
}
.bg-gradient-overlay:before {
    content: '';
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background: #80d0c7;
background: -moz-linear-gradient(-45deg, #80d0c7 0%, #13547a 100%);
background: -webkit-linear-gradient(-45deg, #80d0c7 0%,#13547a 100%);
background: linear-gradient(135deg, #80d0c7 0%,#13547a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80d0c7', endColorstr='#13547a',GradientType=1 );
    opacity: 0.65;
}

.box {
    border-radius: 6px;
    padding: 10%;
}
.box.bg-gradient-overlay:before {
    border-radius: 6px;
}











a#scroll-indicator {
  position: fixed;
    right:0;
    bottom: 40px;
    left: 0;
  padding-top: 70px;
    transition: 0.4s;
    opacity: 1;
    z-index: 30;
}
a#scroll-indicator span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 2px solid rgba(127,127,127,1);
  border-bottom: 2px solid rgba(127,127,127,1);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb05 1.5s infinite;
  animation: sdb05 1.5s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb05 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}


.lastSlide a#scroll-indicator {
    opacity: 0;
    pointer-events: none;
}

.quoteBubble {
  background: rgba(0,0,0,0.5);
}
.quoteBubble {
	box-shadow: 0 0 0 4px rgb(65, 142, 133) /* rgba(128, 208, 199, 0.4) */;
  color: #fff;
}
.quoteBubble:after {
    bottom: -14px;
    border-color: #408e85 transparent;
}
@media (max-width: 1100px) {

.site-logo-container {
	max-width: 240px;
}
footer.credit {
	padding-left:20px;
	padding-right:20px;
}

.mobile-ps {
	position:static;
}
nav .button {padding-top: 0; padding-bottom:0;}
}


@media (max-width: 700px) {
	.button {
		padding-left: 2em; padding-right:2em;
	}
	.container .wrap .spaceWrap, .container .wrap.spaceWrap, .container .wrap:not(.noSpaces) {
    padding: 120px calc(8%);
}

	nav.panel {position:absolute;}
.site-logo-container {
	margin-top: 20px;
}
nav .button {padding-top: 0; padding-bottom:0;}
.h1, .h1.big, .h1.huge, h1, h1.big, h1.huge {
    font-size: 38px;
}
.p, blockquote, p {
	line-height: 1.5;
	font-size:20px;
}

.mobile-ps {
	position:static;
}
/* home page */
.overlay-extend-r.find-us {
	padding-left: 50px;
	margin-left: -50px;
}
.img-humble-begin {
	margin-left:-140px;
}
footer.credit .f14 {font-size:12px;}
}