.Animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown; -webkit-animation-delay: 700ms; animation-delay: 700ms;}
@-webkit-keyframes zoomInDown{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }
60% {opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
@keyframes zoomInDown {0% {  opacity: 0;  -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);  
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60% {  opacity: 1;  -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); 
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
/* preLoader */
.preLoader{ position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #ffffff;  z-index: 10; }
.preLoader table{ width:100%; height: 100%; text-align: center; }
.preLoader img{ display: block; margin: 0 auto; width: 120px; }
.preLoader .Entry-Loader{ display:inline-block; width:32px; height: 32px; background-image: url(../_IMAGEs/Loading-02.gif); margin-top: 10px; }
.preLoader .Loader-Image{ width: 50px; height: 50px; }
.No-Script{ display: none; opacity: 0; }.Facebook-Like{ margin-top: -3px; margin-right: 2px; }
.No-Record{ width: 100%; padding: 21px 0px 21px 0px; color: #0088d7; font-size: 14px; text-align: center; background: #f5fafd; margin-top: 15px; }
.Loader{ opacity: 0; }
h1,h2,h3,h4{ font-weight: 300; }
h2{ position: relative; font-family: 'DIN-Bold'; font-size: 23px; color: #0b4666; margin-bottom: 60px; }
h2:before{ content: ''; position: absolute; left: 0px; bottom: -20px; background: #0b4666; height: 7.5px; width: 23px;
border-radius: 1.5px; -webkit-border-radius: 1.5px; -moz-border-radius: 1.5px; -o-border-radius: 1.5px; }
/* Impor */
a{ -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out; }
a.oCity{ opacity: 0.75; }
a:hover, a.Active{ color: #f1f1f1; opacity: 1 !important; }
.No-Image{ position: absolute; width: 100%; height: 100%; background-color: #cccccc; background-image: url(../_IMAGEs/No-Image-01-100x100px.png); background-repeat: no-repeat; background-position: center; }
/* Main */
.Main{ position: relative; top: 0px; width: 100%; min-height: inherit; }
.Container{ position: relative; margin:0px auto 0px auto; width:980px; height: inherit; }
/* Header */
.Header{ position: relative; height: 380px; width: 100%; padding: 20px 0px; overflow: hidden; }
.Header .Container{ display: table; height: 100%; }
.Header .Background{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-image: url(../Images/CECMarine-HeaderImg.png); z-index: 0; 
background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; }

.Header .Image{ display: table-cell; vertical-align: middle; }
.Header span{ display: table-cell; vertical-align: middle; font-family: 'DIN-Bold'; font-weight: bold; font-size: 19px; color: #fff; }
/* About */
.About{ position: relative; width: 100%; padding: 60px 0px; color: #0b4666; background:#c6c5c0; }
.About table{ width: 100%; height: 100%;  }
.About table td{ vertical-align: top; padding: 0px 37.5px; font-family: 'DIN-Light'; font-size: 18px; }
.About table tr td:first-child,.About table tr td:last-child{ padding: 0px; }
/* Projects */
.Projects{ position: relative; width: 100%; padding: 60px 0px; }
.Projects li{ float: left; position: relative; width: 296.66px; margin-right: 30px; }
.Projects li:last-child{ margin-right: 0px !important; }
.Projects li .Image{ margin-bottom: 10px; }
.Projects li .Image img{ min-height: 100px; }
.Projects li .Materials{ margin-top: 25px; }
.Projects li .Materials article{ position: relative; font-family: 'DIN-Regular'; font-size: 17px; color: #0b4666; padding-left: 20px; margin-bottom: 20px; }
.Projects li .Materials article:before{ content: ''; position: absolute; top: 0px; left: 0px; background: #0b4666; height: 20px; width: 5px;
border-radius: 1.5px; -webkit-border-radius: 1.5px; -moz-border-radius: 1.5px; -o-border-radius: 1.5px; }
/* Footer */
.Footer{ position: relative; display: table; width: 100%; min-height: 230px; background: #344f6c; margin-top: 50px; }
.Footer .Container{ display: table; min-height: inherit; }
.Footer .Image{ display: table-cell; vertical-align: middle; width: 200px; }
.Footer .Contact{ display: table-cell; vertical-align: middle; text-align: right; color: #cdd6dd; }