.centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
    text-align: center;
}
#Container div.centered p {
    padding: 0 10px;
}
 .zoom-in {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease;
}
.zoom-in:hover {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    background: #F2F4F8;
}
.circle-border {
    display: inline-block;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    -khtml-border-radius: 500px;
    border: 3px solid #1cbbe8;
}

.blockquote-primary {
    border-color: #0088cc !important;
}

hr.grey {
    background-image: -webkit-linear-gradient(left, transparent, #DBDBDB, transparent);
    background-image: linear-gradient(to right, transparent, #DBDBDB, transparent);
    border: 0;
    height: 1px;
    margin: 22px 0;
}

div.row.features {border-top: none;}

a.font18 {font-size:18px;text-align:center;}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}.animated.hinge{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}@-webkit-keyframes flash {
    0%, 50%, 100% {opacity: 1;}    25%, 75% {opacity: 0;}
}

 .thumbnail {
    width:100%;
    height:100%;
    padding:0;
    overflow: hidden;
    position: relative;
    border:0;
    border-radius:0;
    box-shadow:none;
    text-align:center;
    background: #191a1c;
}
.thumbnail .more {
    display:block;
    z-index:4;
    position:absolute;
    top:-100px;
    left:50%;
    margin:0 auto;
    margin-left:-41px;
    width:80px;
    height:80px;
    font-size:40px;
    color:#fff;
    text-decoration:none;
    line-height: 70px;
    text-align: center;
}
.thumbnail:hover .more {
    top:40%;
    margin-top:-40px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3 s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.thumbnail h3, 
.thumbnail p {
    margin:0;
    padding:0;
    position:relative;
    z-index:4;
}
.thumbnail h3 {
    color: #00ABC9;
    margin-top:10px;
    font-size:20px;
}
.thumbnail > p {
    padding-bottom:20px;
}
.thumbnail .mask {
    opacity:0.85;
    filter: alpha(opacity=85);
    top:100%;
    left:0;
    width:100%;
    height:100%;
    background:#0F3256;
    position:absolute;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2 s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.thumbnail:hover .mask {
    top:0;
}

.row:before,
  .row:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 30px;
  }
.single-project {
    margin-bottom: 30px;
    background: #0F3256;
}
.row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.564102564102564%;
    *margin-left: 2.5109110747408616%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.564102564102564%;
  }
  
  .row-fluid .span6 {
    width: 48.717948717948715%;
    *width: 48.664757228587014%;
  }
  .row-fluid .span4 {
    width: 31.623931623931625%;
    *width: 31.570740134569924%;
  }
/* 3.2 Portfolio
***************************************/
 .single-project {
    margin-bottom:30px;
    background:#0F3256;
}
.single-project img {
    width:100%;
}
.project-description {
    padding-right:20px;
}
.project-description p {
    padding-left:0;
}
.project-title {
    margin-top:15px;
    margin-bottom:15px;
    border-bottom:1px solid #00ABC9;
}
.project-title h3 {
    float:left;
    margin-top:0;
    padding:0;
    width:80%;
}
.project-title .close {
    color: #00ABC9;
    margin-top:10px;
}
#single-project .project-info span, .project-title h3 {
    color:#00ABC9;
}
#single-project .project-info {
    font-weight:100;
    padding:10px 0;
    color:#FFF;
}
#single-project .project-info span {
    width: 80px;
    display: inline-block;
}
#single-project .project-info div {
    margin-bottom:5px;
}
.close {
    float: right;
    width: 40px;
    height: 40px;
    text-align: center;
}
#portfolio-grid .mix {
    opacity: 0;
    display: none;
}

.nav-pills {
    margin-bottom: 30px;
}
.nav-pills > li > a {
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-right:5px;
    padding-left:25px;
    padding-right:25px;
    border: 1px solid #B0B0B0;
}
.nav-pills > li > a:hover, .nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {
    background: #707070;
    color: #fff;
}
.thumbnails {
  margin-left: -20px;
  list-style: none;
  *zoom: 1;
}

.thumbnails:before,
.thumbnails:after {
  display: table;
  line-height: 0;
  content: "";
}

.thumbnails:after {
  clear: both;
}

.row-fluid .thumbnails {
  margin-left: 0;
}

.thumbnails > li {
  float: left;
  margin-bottom: 20px;
  margin-left: 20px;
}

.thumbnail {
  display: block;
  padding: 4px;
  line-height: 20px;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -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.thumbnail:hover,
a.thumbnail:focus {
  border-color: #0088cc;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
     -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
          box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.thumbnail > img {
  display: block;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.thumbnail .caption {
  padding: 9px;
  color: #555555;
}
#Container p.white {
    color: #FFF;
    font-size: 14px;
}

#single-project .project-title h3, .project-info span {
    color: #00ABC9;
}

.portfolio-box {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 650px;
}

.portfolio-box .portfolio-box-caption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    opacity: 0;
    background: rgba(240,95,64,.9);
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    padding: 0 15px;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 18px;
}

.portfolio-box:hover .portfolio-box-caption {
    opacity: 1;
}
div.row.features.orange {
    background-color:#FF6600;
}

div.row.features.grey {
    background-color:#999999;
}

div.row.features.green {
    background-color:#008000;
}
div.row.features.blue {
    background-color:#33ace2;
}

#Container div.row.features.orange p.text-center{
color:#FFF;
font-size:20px;
padding-top:14px;}

#Container div.row.features.grey p.text-center{
color:#FFF;
font-size:20px;
padding-top:14px;}

#Container div.row.features.green p.text-center{
color:#FFF;
font-size:20px;
padding-top:14px;}

#Container div.row.features.blue p.text-center{
color:#FFF;
font-size:20px;
padding-top:14px;}

blockquote.grey {margin-left:0; padding:0 10px;}

.list.list-icons li .fa, .list.list-icons li .icons {
color: #0088CC;
border-color: #0088CC;
}
.list.list-icons {
list-style: none;
padding-left: 0;
padding-right: 0;
}
.alert-blue {
background-color: #118894;
border-color: #056D77;
color: #FFF;
}

.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}

#Container h2.heading-primary {
border-bottom: 5px solid #0088CC;
padding-bottom: 10px;
color:#0088CC;
font-weight:bold;
}

.introduction {
    
    background:
    linear-gradient(
        limegreen,
        transparent
    ),
    linear-gradient(
        90deg,
        skyblue,
        transparent
    ),
    linear-gradient(
        -90deg,
        coral,
        transparent
    );
    
background-blend-mode: screen;
height: 80px; 
width: 100%;
color: #FFF;
font-size: 24px;    
padding: 20px 20px 0 20px;
margin-bottom:20px;
}

.wrap-logos {
	max-width: 1160px;
	margin: auto;
	padding: 10px 0;
}
.centered-logo {
    margin-left: auto;
    margin-right: auto;
    float: none;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    height: 120px;
}

.centered-logo img {
    text-align: center;
}
.pdfFileLarge {
    display: block;
    font-size: 14px;
    padding-left: 26px;
    background: url(../../../product_images/uploaded_images/icon-pdf.jpg) no-repeat left bottom;
}
.map-contact {float:right; width:50%;}

div.Warning.message-captcha {
    border: 1px solid transparent;
    border-radius: 3px;
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    padding: 10px 15px;
    text-align: left;
    float: right;
    width: 380px;
    margin-right: 30px;
    margin-bottom: 10px;
}

/* 960 and lower */
@media only screen and (max-width: 960px) {
.map-contact {float:none; width:100%;}
div.centered-logo {
    margin-left: auto;
    margin-right: auto;
    float: left;
    text-align: center;
    width: 100% !important;
    height: auto;
    padding: 10px 0;
}
}
@media only screen and (max-width: 650px){
.BlockContent embed,object,iframe {
   width: 100%;
   min-height: 250px;
   /* height: auto; */
}
div.centered-logo {
    margin-left: auto;
    margin-right: auto;
    float: left;
    text-align: center;
    width: 100% !important;
    height: auto;
    padding: 10px 0;
}
div.Warning.message-captcha {margin-top: 10px;text-align:center;}
}

@media only screen and (max-width: 320px){
div.Warning.message-captcha {margin: 10px 0 0 0;
    padding: 4px;
    text-align: center;
    float: left;
    width: 100%;
}
}