/* Global Styles */

html, body {height: 100%;}

body {}
a {color:#222;}
a:hover, a:focus {color:#444; text-decoration:none;}

h1, .h1, h2, .h2, h3, .h3 {margin-bottom:18px;}
hr {margin-bottom:25px; margin-top:35px;}
.navbar-inverse {background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ height:70px; border:none; min-height:70px; margin-top:-70px; margin-bottom:0;}
.navbar-brand {padding-top:35px; margin:0 auto; width:100%; text-align:center; padding-left:0 !important; padding-right:0 !important;}
.navbar-nav > li > a {font-weight:normal; text-transform:uppercase; color:#fff; padding-top:24px; padding-bottom:24px; text-align:center;}
.navbar-nav {width:100%; box-shadow:-1px 0 0 rgba(255,255,255,0.1);}
.navbar-nav > li {width:14.275%; box-shadow:1px 0 0 rgba(255,255,255,0.1);}
.navbar.navbar-absol-top {position:absolute; width:100%; top:0; z-index:100;}
.navbar.navbar-absol-top .container {}
.navbar-header{width:100%; margin-right:0 !important; margin-left:0 !important;}

.ttl-xxl {color:#222; font-size:78px; line-height:70px; font-weight:normal; font-family:'PT Serif', serif;}
.ttl-xl {color:#222; font-size:48px; line-height:60px; font-weight:normal; font-family:'PT Serif', serif;}
.ttl-lg {color:#222; font-size:36px; line-height:42px; font-weight:normal; font-family:'PT Serif', serif;}
.ttl-md {color:#222; font-size:24px; line-height:28px; font-weight:normal; font-family:'PT Serif', serif;}
.ttl-sm {color:#222; font-size:16px; line-height:22px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin-bottom:18px;}
.ttl-xs {color:#e40000; font-size:13px; line-height:22px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.sum-md {color:#888; font-size:15px; line-height:21px; font-weight:normal; margin:0 0 15px 0;}
.sum-lg {color:#888; font-size:19px; line-height:24px; font-weight:normal; margin:0 0 15px 0;}
.sum-sm {color:#888; font-size:14px; line-height:18px; font-weight:normal; margin:0 0 15px 0;}
.btns {padding-top:20px;}
.btns a {color:#fff; font-size:14px; line-height:32px; font-weight:normal; text-transform:uppercase; padding:1px 14px; display:inline-block; border:#fff solid 4px; font-weight:bold; margin:0 10px;}
.btns a:hover {text-decoration:none; background-color:#fff; color:#002d69;}
.lighter {color:#fff !important;}
.sum-md.lighter {color:#ccc !important;}
.sum-lg.lighter {color:#ccc !important;}
.colored  {color:#d80000 !important;}

.row.bordered {box-shadow:0 0 0 3px rgba(0,0,0,0.1) inset; padding-top:4%; padding-bottom:4%; margin-top:35px;}
.row.bordered .ttl-md {margin-top:0; margin-left:5%;}
.row.bordered ul,
.row.bordered li {margin:0; list-style:none;}
.row.bordered ul {margin-top:12px; margin-bottom:16px;}

.row img.pull-left {margin-right:20px; margin-bottom:3px;}


.section {}
.section-bgs {color:#ffffff; display:table; width:100%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.section-bgs#about {background: url("../images/bg1.jpg") no-repeat center center fixed; color:#fff; display:table; width:100%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.section-bgs#properties {background: url("../images/bg2.jpg") no-repeat center center fixed; color:#aaa; display:table; width:100%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.section-bgs#news,
.section-bgs#leadership {background:#f0f0f0;}
.section-bgs#values {background: url("../images/bg3.jpg") no-repeat center center fixed; color:#fff; display:table; width:100%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; height:100%;}
.section-bgs#newsletter {background: url("../images/bg5.jpg") no-repeat center center; color:#fff; display:table; width:100%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.section-bgs#career {background: url("../images/bg4.jpg") no-repeat center center fixed; color:#fff; display:table; width:100%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
#motto {background:url("../images/bg-motto.png") repeat-y right top #d80000; padding:30px 0;}
#latinpost .ttl-xs,
#leadership .ttl-sm,
#news .ttl-xs {display:block;}
.img-home-portfolio,
.img-customer,
.portfolio-item {
  margin-bottom: 30px;
}
.form_newsletter{margin: 0 auto; width: 600px; margin-top:70px;}
.form_newsletter output{color:#fff;}
.form_newsletter output a{color:#fff;}
.input_newsletter{width:480px; margin-right:10px; float:left;height:40px; line-height:40px; background:#e8e8e8; opacity:0.8; color:#b2aca8; border-radius: 5px;}
.btn_newsletter{width:110px; background:#9c1b15; opacity:0.8; color:#fff; height:40px; border:none;border-radius: 5px;text-transform: uppercase;}

.col-md-6 {margin-bottom:25px; overflow:hidden;}

.m1 {background:url("../images/icons.png") 0 0 no-repeat; padding-left:70px; line-height:60px;}
.m2 {background:url("../images/icons.png") 0 -60px no-repeat; padding-left:70px; line-height:60px;}
.m3 {background:url("../images/icons.png") 0 -120px no-repeat; padding-left:70px; line-height:60px;}
.m4 {background:url("../images/icons.png") 0 -180px no-repeat; padding-left:70px; line-height:60px;}
.m5 {background:url("../images/icons.png") 0 -240px no-repeat; padding-left:70px; line-height:60px;}
.m6 {background:url("../images/icons.png") 0 -300px no-repeat; padding-left:70px; line-height:60px;}

.tab-pane {margin-top: 15px;}

.section-pro {margin-bottom:65px; margin-top:65px;}
.section-pro .pull-left {margin-right:30px;}
.section-pro .fa {font-size:20px; line-height:30px; text-align:center; width:28px; display:inline-block;}
.section-pro .sum {margin-top:30px;}

/* Page Sections */
.section {padding:80px 0;}
.sidebar {margin-top: 40px;}

.sidebar ul {
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #cccccc;
}

.carousel {height:100%; background-color:#111;}
.carousel-control .glyphicons-chevron-left, .carousel-control .glyphicons-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {font-size:52px; height:52px;}
.carousel-indicators {bottom:80px;}
.carousel-caption {left:50%; bottom:25%; width:53%; text-align:left; margin-left:-585px; padding-bottom:25px; padding-top:18px; padding-left:30px; background: -moz-linear-gradient(top,  rgba(216,0,0,0.65) 0%, rgba(216,0,0,0.75) 40%, rgba(216,0,0,0.75) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(216,0,0,0.65)), color-stop(40%,rgba(216,0,0,0.75)), color-stop(100%,rgba(216,0,0,0.75))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(216,0,0,0.65) 0%,rgba(216,0,0,0.75) 40%,rgba(216,0,0,0.75) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(216,0,0,0.65) 0%,rgba(216,0,0,0.75) 40%,rgba(216,0,0,0.75) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(216,0,0,0.65) 0%,rgba(216,0,0,0.75) 40%,rgba(216,0,0,0.75) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(216,0,0,0.65) 0%,rgba(216,0,0,0.75) 40%,rgba(216,0,0,0.75) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6d80000', endColorstr='#bfd80000',GradientType=0 ); /* IE6-9 */
}
.carousel-caption .ttl-lg {margin:0;}

.item,
.active,
.carousel-inner {
  height: 100%;
}

.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

/* Social Icons Styles */
.list-social-icons {
  margin-bottom: 45px;
}

.tooltip-social a {
  text-decoration: none;
  color: inherit;
}

.facebook-link a:hover {
  color: #3b5998;
}

.linkedin-link a:hover {
  color: #007fb1;
}

.twitter-link a:hover {
  color: #39a9e0;
}

.google-plus-link a:hover {
  color: #d14836;
}

/* Service Page Styles */
.service-icon {
  font-size: 50px;
}

/* 404 Page Styles */
.error-404 {
  font-size: 8em;
}

/* Footer Styles */
footer {
  margin: 50px 0;
}

.navbar-toggle{margin-top: 20px;}

/* Responsive Styles */
@media (max-width:1024px) {
.carousel {height:92%;}
.carousel-caption {left:0; margin-left:10%; width:80%; padding-left:0; text-align:center; padding-top:10px; padding-bottom:14px; bottom:24%;}
.container {width:100%;}
.container .row img{max-width: 100%;}
.logo {width:560px; }
.container img.pull-right {float:none !important; margin-bottom:12px;}
.btns a {margin:5px 10px;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {}
.navbar-nav > li > a {font-size:10px;}
}
@media (max-width:767px) {
.navbar-nav {margin:0; position:relative; z-index:1000;}
.navbar-nav > li {width:100%;}
.navbar-nav > li > a {padding-top:7px; padding-bottom:7px;}
.navbar.navbar-absol-top .container {}
.nav.navbar-nav {background-color:#333;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-left:0;}

.col-md-6 {float:none; clear:both;}
.col-md-6 .ttl-md {line-height:60px;}
.ttl-xxl {font-size:30px; line-height:36px;}
.ttl-xl {font-size:28px; line-height:28px;}
.ttl-lg {font-size:18px; line-height:20px;}
.ttl-md {font-size:16px; line-height:22px;}
.ttl-sm {font-size:14px; line-height:20px;}
.ttl-xs {font-size:12px; line-height:18px;}
.sum-md {font-size:12px; line-height:16px;}
.sum-sm {font-size:12px; line-height:16px;}
.form_newsletter{width:300px;}
.input_newsletter{width:200px;}
.btn_newsletter{width:75px;}
}
@media (max-width: 680px) {
#about.section-bgs,
#values.section-bgs {background:#ae0505;}
#career.section-bgs {background:#666;}
.section {padding: 20px 0;}
}
@media (max-width: 560px) {
.logo {width:460px;}	
}
@media (max-width: 480px) {
.logo {width:360px;}	
}
@media (max-width: 380px) {
.logo {width:300px;}	
}
@media (max-width: 320px) {
.logo {width:265px;}	
}
@media (max-width: 280px) {
.logo {width:240px;}	
}



/* animation */
    	@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}