@font-face { font-family: 'open_sansregular'; src: url('../fonts/opensans-regular-webfont.eot'); src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-regular-webfont.woff') format('woff'), url('../fonts/opensans-regular-webfont.ttf') format('truetype'), url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sanslight'; src: url('../fonts/opensans-light-webfont.eot'); src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-light-webfont.woff') format('woff'), url('../fonts/opensans-light-webfont.ttf') format('truetype'), url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal; }

/* HTML5 display definitions  */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block }
audio, canvas, video { display: inline-block;  *display: inline;
 *zoom: 1;
}
audio:not([controls]) { display: none; height: 0; }
[hidden] {
 display: none
}

/* Base  */
html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }
html, button, input, select, textarea { font-family: sans-serif; font-family: 'open_sansregular', sans-serif; }
html, body { overflow-x: hidden; width: 100%; }
body { margin: 0; font-family: 'open_sansregular', sans-serif; }

html, html a { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); -webkit-font-smoothing: antialiased; }

a:focus { outline: thin dotted; text-decoration: none; }
a:active, a:hover { outline: 0; text-decoration: none; }

/* Typography  */
h1 { margin: 0.67em 0; font-size: 2.3em; font-family:'open_sanslight' Arial, Helvetica, sans-serif;  }
h2 { margin: 0.83em 0; font-size: 1.7em; line-height:1.6; /*font-weight:600;*/ font-family:'open_sanslight' Arial, Helvetica, sans-serif;  }
h3 { margin: 1.1em 0; font-size: 1.17em; }
h4 { margin: 0.9em 0; font-size: 1em; }
h5 { margin: 1.67em 0; font-size: 0.83em; }
h6 { margin: 2.33em 0; font-size: 0.75em; }

abbr[title] { border-bottom: 1px dotted }

b, strong { font-weight: bold }
blockquote { margin: 0px }
dfn { font-style: italic }
mark { background: #ff0; color: #000; }
pre { margin: 1em 0 }
code, kbd, pre, samp { font-size: 1em; font-family: monospace, serif; _font-family: 'courier new', monospace; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none }
q:before, q:after { content: ''; content: none; }
small { font-size: 75% }
sub, sup { position: relative; vertical-align: baseline; font-size: 75%; line-height: 0; }
sup { top: -0.5em }
sub { bottom: -0.25em }
dl, menu, ol, ul { margin: 1em 0 }
dd { margin: 0 0 0 40px }
menu, ol, ul { padding: 0 }
nav ul, nav ol { list-style: none; list-style-image: none; }
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }
svg:not(:root) { overflow: hidden }
figure { margin: 0 }
table { border-spacing: 0; border-collapse: collapse; }

.paddingb40 { padding-bottom:40px }
.paddingt40 { padding-top:40px }
.paddingb20 { padding-bottom:20px }
.paddingt20 { padding-top:20px }

/* Global Styles */
.group:after { content: ""; display: table; clear: both; }
a { -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: color, border-color, background-color; transition-property: color, border-color, background-color; }
.nopadding { margin: 0 !important; padding: 0 !important; }
p { font-size: 1.2em; line-height: 1.5em; }
.viewmore {  font-size:90%;}

/* Links */
a { color: #5C6CB8 }
a:visited { color: #5C6CB8;  }
a:hover, a:focus { color: #2E3767; text-decoration: underline; }
.texture-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: url(../img/grid.png); }

.whitelink:link { color:#FFFFFF; text-decoration:none  }
.whitelink:visited { color:#FFFFFF;  }
.whitelink:hover { color:#ccc; text-decoration:underline }
.whitelink:active { color:#ccc; text-decoration:underline }

/* Buttons  */
.use-btn { display: inline-block; margin: 0 10px 10px 0; padding: 17px 45px; border-radius: 3px; background-color: #fff; color: #5C6CB8; font-size: 17px; }
.use-btn:hover, .use-btn:focus { background-color: #5C6CB8; color: #fff; text-decoration: none; }
.learn-btn, .download-btn { display: inline-block; padding: 17px 40px; /*border: 2px solid #000;*/ border-radius: 3px; color: #fff; font-size: 16px; background: rgba(0, 0, 3, 0.34); }
.learn-btn:visited {  color: #fff; }
.learn-btn:hover, .download-btn:hover, .learn-btn:focus, .download-btn:focus { /*border-color: #5C6CB8;*/ color: #ccc; text-decoration: none; background: rgba(0, 0, 3, 0.9);}
.read-more-btn { display: inline-block; color: #5C6CB8; /*text-transform: uppercase; */font-weight: 400; }
.read-more-btn i, .download-btn i { margin-left: 5px }
.showcase .download-btn { margin-top: 50px }
.download .download-btn { margin-top: 25px }
.learn-btn { margin-top: 18px }

/* Navigation */
.nav-toggle { position: absolute; top: 0; right: 15px; z-index: 999999; padding: 20px 35px 16px 0px; cursor: pointer; }
.nav-toggle:focus { outline: none; }
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after { content: ''; position: absolute; display: block; width: 35px; height: 5px; border-radius: 1px; background: #fff; cursor: pointer; }
.nav-toggle span:before { top: -10px }
.nav-toggle span:after { bottom: -10px }
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after { -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.nav-toggle.active span { background-color: transparent }
.nav-toggle.active span:before, .nav-toggle.active span:after { top: 0 }
.nav-toggle.active span:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.nav-toggle.active span:after { top: 10px; -webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
.navicon { position: relative; height: 26px; }
.navicon p { margin: 10px 50px 0 0 }
.navicon-fixed { position: fixed; top: 59px; right: 143px; }

/* Hero  */
.hero { position: relative; padding: 60px 0 60px 0; min-height: 800px; background: rgb(40, 70, 102) url('../img/hero-01.jpg') no-repeat center center; background-size: cover; color: #fff; }
.hero h1 { margin: 200px 0 45px 0; font-weight:normal;  font-size: 47px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);  }
.hero h1 span { display: inline-block; color: #a1a9b0; }
#home { width: 100%; height: 100%; }
.hero { width: 100%; height: 100%; }
header i { margin-left: 5px }

.heroservice { position: relative; padding: 60px 0 50px 0; min-height:280px; background: rgb(40, 70, 102) url('../img/hero-service.jpg') no-repeat center center; background-size: cover; color: #fff;  width: 100%; height: 100%; }
.heroservice h1 { margin: 55px 0 30px 0; font-weight:normal;  font-size: 4em; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); text-transform:uppercase  }
.heroservice h1 span { display: inline-block; color: #a1a9b0; }

/* header projects home */
.heroprojects { position: relative; padding: 60px 0 50px 0; min-height:280px; background: rgb(40, 70, 102) url('../img/hero-projects.jpg') no-repeat center center; background-size: cover; color: #fff; width: 100%; height: 100%; }
.heroprojects h1 { margin: 55px 0 30px 0; font-weight:normal;  font-size: 4em; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); text-transform:uppercase  }
.heroprojects h1 span { display: inline-block; color: #a1a9b0; }

/* header about home */
.heroabout { position: relative; padding: 60px 0 50px 0; min-height:280px; background: rgb(40, 70, 102) url(../img/hero-about2.jpg) no-repeat center center; background-size: cover; color: #fff; width: 100%; height: 100%; }
.heroabout h1 { margin: 55px 0 30px 0; font-weight:normal;  font-size: 4em; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); text-transform:uppercase  }
.heroabout h1 span { display: inline-block; color: #a1a9b0; }

.heroprojectindividual { position: relative; padding: 60px 0 200px 0; min-height:320px;   }
.heroprojectindividual h1 { margin:90px 0 0px 0; font-weight:normal;  font-size: 4em; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); text-transform:uppercase  }
/*.heroprojects h1 span { display: inline-block; color: #a1a9b0; }*/

/* individual project headers */ 
	.alvarotinajero {background: url(../img/projects/1999-alvaro-tinajero/hero.jpg) no-repeat center center; background-size: cover; color: #fff; width: 100%; height: 100%;}
	.nuevopemex {background: url(../img/projects/2005-nuevo-pemex/hero.jpg) no-repeat center center; background-size: cover; color: #fff; width: 100%; height: 100%;}
	.termogasmachala {background: url(../img/projects/2005-termogas-machala/hero.jpg) no-repeat center center; background-size: cover; color: #fff; width: 100%; height: 100%;}
	.bahamaselectricity {background: url(../img/projects/2008-bahamas-electricity/hero.jpg) no-repeat center center; background-size: cover; color: #fff; width: 100%; height: 100%;}
	.grandbahamas {background: url(../img/projects/2008-grandbahamas/hero.jpg) no-repeat center center; background-size: cover; color: #fff; width: 100%; height: 100%;}
	.lasierra {background: url(../img/projects/2008-la-sierra/hero.jpg) no-repeat center center; background-size: cover; color: #fff; width: 100%; height: 100%;}
	.anibalsantos {background: url(../img/projects/2010-anibal-santos/hero.jpg) no-repeat center center; background-size: cover; color: #fff; width: 100%; height: 100%;}
	.electroguayas {background: url(../img/projects/2009-electroguayas/hero.jpg) no-repeat center center; background-size: cover; color: #fff; width: 100%; height: 100%;}
	.intervisa {background: url(../img/projects/2012-intervisa/hero.jpg) no-repeat center center; background-size: cover; color: #fff; width: 100%; height: 100%;}
	.refineriaesmeraldas {background: url(../img/projects/2012-refineria-esmeraldas/hero.jpg) no-repeat center center; background-size: cover; color: #fff; width: 100%; height: 100%;}
	.bahiaminas {background: url(../img/projects/2014-bahia-las-minas/hero.jpg) no-repeat center center; background-size: cover; color: #fff; width: 100%; height: 100%;}
	.saymirin {background: url(../img/projects/saymirin/hero.jpg) no-repeat center center; background-size: cover; color: #fff; width: 100%; height: 100%;}
/* nuevos*/
	.termotasajeroii {background: url(../img/projects/2015-termotasajero-II/hero.jpg) no-repeat center center; background-size: cover; color: #fff; width: 100%; height: 100%;}
	.sancarlos {background: url(../img/projects/2013-ingenio-sancarlos/hero.jpg) no-repeat center center; background-size: cover; color: #fff; width: 100%; height: 100%;}
	.termocolon {background: url(../img/projects/2015-termocolon/hero.jpg) no-repeat center center; background-size: cover; color: #fff; width: 100%; height: 100%;}
	.saymirinv {background: url(../img/projects/2015-saymirinv/hero.jpg) no-repeat center center; background-size: cover; color: #fff; width: 100%; height: 100%;}
	.termogasmachaladf {background: url(../img/projects/2013-termogasmachaladf/hero.jpg) no-repeat center center; background-size: cover; color: #fff; width: 100%; height: 100%;}
	.ueglm6000 {background: url(../img/projects/2010-uegalvarotinajerolm6000/hero.jpg) no-repeat center center; background-size: cover; color: #fff; width: 100%; height: 100%;}
	.jps {background: url(../img/projects/2005-jamaicapublicservices/hero.jpg) no-repeat center center; background-size: cover; color: #fff; width: 100%; height: 100%;}
	.operadorasanfelipe {background: url(../img/projects/2008-operadora-san-felipe/hero.jpg) no-repeat center center; background-size: cover; color: #fff; width: 100%; height: 100%;}
	.gonzalocevallos {background: url(../img/projects/2016-gonzalo-cevallos/hero.jpg) no-repeat center center; background-size: cover; color: #fff; width: 100%; height: 100%;}

/* Video  */
section.video i { margin-right: 10px; color: #323a45; vertical-align: middle; font-size: 50px; -webkit-transition: color 300ms ease-in-out; transition: color 300ms ease-in-out; }
section.video h1 { font-weight: 400; font-size: 20px; }
section.video { padding: 55px 0; background-color: #ececec; }
section.video a { color: #5C6CB8 }
section.video a:hover, section.video a:focus { color: #2E3767; text-decoration: underline; }
section.video a:hover i, section.video a:focus i { color: #5C6CB8 }
section.video ul { padding:0 0 8px 2.3em;}
section.video ul li { line-height:1.6em}

/* Custom Slider Controls (Flickity)  */
.flickity-page-dots .dot { width: 13px; height: 13px; opacity: 1; background: transparent; border: 2px solid #999; -webkit-transition: background 0.3s; transition: background 0.3s; }
.flickity-page-dots .dot.is-selected { background: #666; }

/* Features Slider  */
.features-bg { position: relative; min-height: 420px; background: url('../img/features-intro-01.jpg') no-repeat center center; background-size: cover; }
/*.features-img { width: 100%; height: 420px; text-align: center; line-height: 420px; }*/
.features-slider { position: relative;  height:420px; background-color: #333; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8); }
.features-slider h1 { font-size:1.2em; color: #ccc; text-transform:uppercase;  margin:0 0 1.2em 0; letter-spacing:.7em }
.features-slider ul { margin: 0; padding: 0; list-style: none; }
.features-slider ul li { width: 100%; color:#fff }
.features-slider li h2 { color: #fff; font-size: 1.7em; }
.features-slider li p { color: #fff; font-size: 14px; }
.features-slider .flickity-page-dots { /*text-align: left*/; margin-top: 20px; position: static; }
.features-slider .flickity-page-dots .dot { margin: 0 12px 0 0; }
.features-slider a:link { color:#FFFFFF; text-decoration:none  }
.features-slider a:visited { color:#FFFFFF;  }
.features-slider a:hover { color:#ccc; text-decoration:underline }
.features-slider a:active { color:#ccc; text-decoration:underline }
/*.features-slider img { float:left; margin: 0 35px 0 0;}*/

.features-slider .content { margin-bottom: 15px; padding-top: 40px; padding-left:40px;  }
.features-slider .image {background-position:center center; height:420px; background-size:cover}
.features-slider .serv-alignement {background-image:url(../img/large/thumb/9-mechanical-laser-align.jpg);}
.features-slider .visual-boroscope {background-image:url(../img/large/thumb/9-visual-boroscope.jpg);}
.features-slider .vibration-analysis {background-image:url(../img/large/thumb/9-vibration-analysis.jpg);}
.features-slider .machining-service {background-image:url(../img/large/thumb/9-machining-service.jpg);}
.features-slider .sandblasting {background-image:url(../img/large/thumb/9-sandblasting.jpg);}
.features-slider .electrical-test {background-image:url(../img/large/thumb/9-electrical-test.jpg);}
.features-slider .plant-design {background-image:url(../img/large/thumb/9-plant-design.jpg);}
.features-slider .performancetest {background-image:url(../img/large/thumb/align.jpg);}

.features-intro-img { position: relative }
.features-intro h2 { font-size: 2.8em; font-weight: 600; margin: 0 0 15px 0; text-transform: uppercase; letter-spacing: 0.2em;}
.slides li h1 { margin: 0; padding: 0; }

/* Features List  */
.features-list { padding: 90px 0 0 0; }
.features-list h2 { font-size:2.9em; font-weight: 600; margin: 0 0 15px 0; text-transform: uppercase; letter-spacing: 0.2em;}
.features-list h3 { margin: 0 0 10px 0;  color: #000; font-size: 1.5em; }
.feature-content { display: inline-block; margin-left: 0; width: 65%; min-height: 230px; }
.feature-content ul { padding-left:35px}
.feature-content ul li { font-size:0.9em}
.feature-content h3 { margin: 0 0 10px 0;  color: #000; font-size: 1.7em; font-weight:bold; line-height: 1.2em; }
.feature-content p { font-size: 0.9em;  }
.feature-icon { display: inline-block; margin-right: 20px; width: 80px; height: 80px; vertical-align: top; text-align: center; font-size: 25px; line-height: 84px; }
.feature-icon i { color: #5C6CB8 }
.feature-item { margin:0 0 35px 0; min-height:210px}

/* Blockquote  */
blockquote { margin: 40px 0 0; padding: 0; border: none; }
blockquote p { display: inline-block; margin: 0; padding: 0; /*width: 70%;*/ vertical-align: top;  }
blockquote .avatar { display: inline-block; margin-right: 25px; width: 150px; height: 64px; vertical-align: middle; }
blockquote .logo-quote { display: inline-block; margin: 0 0 0 170px; }

/* Showcase  */
.showcase { background: url('../img/showcase-bg-fixed-01.jpg') no-repeat center center fixed; background-size: cover; }
.showcase h1 { margin: 0 0 16px 0; color: #fff; font-weight: 400; font-size: 2.8em; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9); }
.showcase p { margin-bottom: 25px; color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);}
.device { /*position: absolute; top: -140px; left:5%; min-height: 450px; */ }
.device-content { /*position: absolute; top: 145px; left: 10px;*/ width: 95%; height:auto;  }
.device-content img { width: 100%; height: auto; -webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow:    0px 1px 7px 0px rgba(0, 0, 0, 0.3); box-shadow:         0px 1px 7px 0px rgba(0, 0, 0, 0.3); margin-bottom:5px }
.showcase-wrap { position: relative; padding: 100px 0 90px 0; min-height: 550px; }
.showcase-slider ul { margin: 0; padding: 0; list-style: none; }
.showcase-slider .flickity-page-dots { bottom: 20px; }
.showcase-wrap h2{ font-size:1.2em; color: #f0f0f0; text-transform:uppercase;  margin:0 0 1.2em 0; letter-spacing:.7em; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9); }

.genericback { background: url(../img/bg-generic.jpg) no-repeat center center fixed; background-size: cover; }

/* Services  */
.service { background-color:#E9EAEB; background-size: cover; }
.service h1 { margin: 0 0 16px 0; color: #333; font-weight: 400; font-size: 2.8em; /*text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);*/ }
.service p { margin-bottom: 25px; color: #333; /*text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);*/}
.service-wrap ul { padding:0 0 8px 2.1em; }
.service ul li {  color: #333; }
.service-wrap { position: relative; padding: 100px 0 90px 0; /*min-height: 550px;*/ }
.service-slider ul { margin: 0; padding: 0; list-style: none;  }
.service-slider .flickity-page-dots { bottom: 20px; }
.service-wrap h2  { font-size: 1.3em; color: #5C6CB8; text-transform:uppercase;  margin:0 0 1.2em 0; letter-spacing:.7em; /*text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);*/ }


/* Services alt  */
.servicealt { background-color:#fff; background-size: cover; }
.servicealt h1 { margin: 0 0 16px 0; color: #333; font-weight: 400; font-size: 2.8em;  }
.servicealt p { margin-bottom: 25px; color: #333; }
.servicealt-wrap { position: relative; padding: 100px 0 90px 0; min-height: 550px; }
.servicealt-wrap ul { padding:0 0 8px 2.1em; }
.servicealt-slider ul { margin: 0; padding: 0; list-style: none; }
.servicealt-slider .flickity-page-dots { bottom: 20px; }
.servicealt-wrap h2{ font-size:1.2em; color: #666; text-transform:uppercase;  margin:0 0 1.2em 0; letter-spacing:.7em;  }

/* Clients  */
.clients { background-color:#FFF; padding:0 0 90px 0;}
.clients h2 { margin: 0 0 25px 0; color: #333;  font-size: 1.7em;  }
.clients p { margin-bottom: 25px; color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9); text-align: center;}
.clients img { margin:auto;}

/* Quote */
.quote { background-color:#FFF; padding:75px 0 105px 0; clear:both}
.quote blockquote  { font:normal 2.3em/1.5em 'open_sanslight'; color:#999; background-color:#FFF; font-weight:normal;}

/* Screenshots Intro  */
.screenshots-intro { padding: 170px 0 100px 0; background-color: #f6f7f9; }
.screenshots-intro h1 { margin-bottom: 20px; color: #333; font-weight: 400; font-size: 25px; }
.screenshots-intro p { margin-bottom: 25px; color: #778899; }

/* project list */
.projectlist { width:100%}
.projectlist h3 { font-size:1.2em; line-height:1.4em; margin:0 0 5px 0}
.projectlist p { font-size:0.9em; line-height:1.4em}
.projectlist img { margin-bottom:9px; -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.3);}

.projects { padding: 45px 0}
.projects .col-sm-5, .col-sm-7  { float:none; width:100%;    }
.projects .projectlist { padding-bottom:15px; min-height: 270px;}
.projects  img {-webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.3);  }

.moreprojects { padding: 20px 0 45px 0; border-top:1px solid #f2f2f2}
.moreprojects .col-sm-5, .col-sm-7  { float:none; width:100%;    }

.thumbnailproject { margin-right:30px}
.thumbnailproject figure { margin:10px 0px 15px 0;  }
.thumbnailproject i { margin:9px 0 0 0; font-size:90%;  } 
.thumbnailproject img {-webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.3);  }


/* Screenshots  */
.screenshots ul { margin: 0; padding: 0; width: 100%; } 
.screenshots ul li { float: left; min-height: 100%;/* width: 25%;*/ background-color: #000; list-style: none; }
.screenshots figure { position: relative; overflow: hidden; }
.screenshots figure img { width: 100%; height: 100%; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.screenshots figure:hover img, .screenshots figure:focus img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.screenshots figcaption { position: absolute; top: 0; left: 0; padding: 25% 0; width: 100%; height: 100%; background-color: rgba(63, 97, 132, 0.85); text-align: center; font-size: 15px; opacity: 0; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.screenshots figcaption a { color: #fff }
.screenshots figcaption a:hover, .screenshots figcaption a:focus { color: #ccc; text-decoration:none }
.screenshots figure:hover figcaption, .screenshots figure:focus figcaption { opacity: 1 }
.visible { opacity: 1 }
.screenshots figure.cs-hover figcaption { opacity: 1 }
.screenshots figcaption i { font-size: 35px }
.screenshots figcaption p { margin-bottom: 0; text-transform: uppercase; font-weight: 400; color:#fff }
.screenshots figcaption .caption-content { position: absolute; top: 50%; left: 50%; margin-top: -40px; margin-left: -100px; width: 200px; -webkit-transform: translate(0px, 15px); -ms-transform: translate(0px, 15px); transform: translate(0px, 15px); -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.screenshots figure:hover figcaption .caption-content, .screenshots figure:focus figcaption .caption-content { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); }

/* Contact */
.contact { padding: 70px 0; background-color: #f0f0f0; }
.contact  h2 { margin: 3px 0 10px 0; color: #333;  font-size: 1.6em;  }
.contact  h2 img { margin: 0 8px 6px 0;   }

/* Footer */
footer { padding: 25px 0 }
footer p { color: #999; font-size: 12px; }
footer ul { /*margin-top: 22px*/ }
footer li { float: left; margin-right: 11%; list-style: none; text-transform: uppercase; font-weight: 400; }
footer li a { color: #7B8184 }
footer li:last-child { margin-right: 0 }

/* Global Footer */
.globalfooter { background-color:#282D3E; padding:25px 0 25px 0;}
.globalfooter p { color: #A1A3AA; font-size: 11px; margin:3px 0 4px 0; text-align:center }
.globalfooter h3 { color: #A1A3AA; font-size: 13px; letter-spacing:1em; text-transform:uppercase; line-height:1.2em; margin:0; }


/* Nav Overlay */
.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.84); }
/* Menu style */
.overlay nav { position: relative; top: 50%; height: 60%; text-align: center; font-size: 54px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.overlay ul { position: relative; display: inline-block; margin: 0 auto; padding: 0; list-style: none; }
.overlay ul li { display: block; float: left; margin-right: 20px; }
.overlay ul li:last-child { margin-right: 0px }
.overlay ul li i { display: block; margin-bottom: 10px; font-size: 40px; }
.overlay ul li a { display: block; padding: 50px 0; min-width: 190px; /*border: 2px solid rgba(0, 0, 0, 0.70);*/ border-radius: 3px; background-color: #5C6CB8; color: #fff; text-transform: uppercase; font-weight: 400; font-size: 15px; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.overlay ul li a:hover, .overlay ul li a:focus { border-color: #fff; color: #fff; text-decoration:none; background-color:#00356A }
/* Effects */
.overlay-boxify { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; }
.overlay-boxify.open { visibility: visible; opacity: 1; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
.overlay-boxify nav ul li { opacity: 0; -webkit-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0); -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; }
.overlay-boxify.open nav ul:first-child li:first-child { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; }
.overlay-boxify.open nav ul:first-child li:nth-child(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.overlay-boxify.open nav ul:nth-child(2) li:first-child { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; }
.overlay-boxify.open nav ul:nth-child(2) li:nth-child(2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.overlay-boxify.open nav ul li { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* Waypoints  */
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 { visibility: hidden }
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight, .bounceInDown { visibility: visible }
.delay-05s { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; }