.w3-navbar-sr{list-style-type:none;margin:0;padding:0;overflow:hidden}
.w3-navbar-sr li{float:left}.w3-navbar-sr li a{display:block;padding:8px 16px;color:#fff}.w3-navbar-sr li a:hover{color:#fff;background-color:#000}
.w3-navbar-sr .w3-dropdown-hover,.w3-navbar-sr .w3-dropdown-click{position:static}
.w3-navbar-sr .w3-dropdown-hover:hover,.w3-navbar-sr .w3-dropdown-hover:first-child,.w3-navbar-sr .w3-dropdown-click:hover{background-color:#000;color:#fff}
.w3-navbar-sr a,.w3-topnav a,.w3-sidenav a,.w3-dropnav a,.w3-dropdown-content a,.w3-accordion-content a{text-decoration:none!important}
.w3-navbar-sr .w3-opennav.w3-right{float:right!important}.w3-topnav{padding:8px 8px}

.w3-navbar a,.w3-navbar-sr a,.w3-sidenav a,.w3-dropnav a,.w3-pagination li a,.w3-hoverable tbody tr,.w3-hoverable li,.w3-accordion-content a,.w3-dropdown-content a,.w3-dropdown-click:hover,.w3-dropdown-hover:hover,.w3-opennav,.w3-closenav,.w3-closebtn,
.w3-hover-srp-grey,.w3-hover-srp-red,.w3-hover-srp-blue, .w3-hover-text-srp-blue, .w3-hover-text-srp-red
{-webkit-transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s;transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s}

@media screen and (max-width:600px){.w3-topnav a{display:block}.w3-navbar-sr li:not(.w3-opennav){float:none;width:100%!important}.w3-navbar-sr li.w3-right{float:none!important}}

@media screen and (max-width:600px){.w3-topnav .w3-dropdown-hover .w3-dropdown-content,.w3-navbar-sr .w3-dropdown-click .w3-dropdown-content,.w3-navbar-sr .w3-dropdown-hover .w3-dropdown-content{position:relative}}

@media screen and (max-width:600px){.w3-topnav,.w3-navbar-sr{text-align:center}}

.w3-container-full{padding-top: 10px;}
.w3-container-nav{}
.w3-container-industry{}
.w3-container-industry-sm{}

.w3-hover-none-srp-blue:hover{box-shadow:none!important;background-color:#214B75!important;}

.w3-srp-blue,.w3-hover-srp-blue:hover{color:#fff!important;background-color:#214B75!important}
.w3-srp-grey,.w3-hover-grey:hover{color:#fff!important;background-color:#BDBBBC!important}
.w3-srp-red,.w3-hover-red:hover{color:#fff!important;background-color:#9E2A2F!important}

.w3-text-srp-blue,.w3-hover-text-srp-blue:hover{color:#236192!important;}
.w3-text-srp-red,.w3-hover-text-srp-red:hover{color:#9E2A2F!important}

.w3-border-srp-red,.w3-hover-border-red:hover{border-color:#9E2A2F!important}
.w3-border-srp-green,.w3-hover-border-red:hover{border-color:#018150!important}
.w3-border-srp-blue,.w3-hover-border-red:hover{border-color:#214B75!important}


.label-primary-red {
    padding: 2px 4px;
    color: #fff;
    background-color: #9E2A2F;
}

.label-primary-green {
    text-align: right; 
    padding: 0px 5px 0px 10px;
    color: #fff;
    background-color: #018150;
}

.label-primary-blue {
    text-align: right; 
    padding: 0px 5px 0px 10px;
    color: #fff;
    background-color: #214B75;
}


ul.breadcrumb {
    padding: 8px 16px;
    list-style: none;
    background-color: #eee;
}

ul.breadcrumb li {display: inline;}

ul.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
}

ul.breadcrumb li a {color: green;}

.center-label {
    text-align:center;
    margin: auto;
}

hr { 
    display: block;
    margin-left: auto;
    margin-right: auto;
    height:4px;
    border-width:0;
    color:#9E2A2F;
    background-color:#9E2A2F;
} 

.container-profile-nav {
   width: 100%;
   background-color: #FFF;
}

.container-page-nav {
   width: 100%;
   margin-right: auto;
   margin-left: auto;
   margin-top: 10px;
   padding-top:12px;
   padding-bottom:12px;
   background-color: #000000;
}

.container-page-header {
   width: 100%;
   margin-right: auto;
   margin-left: auto;
   background-color: #FFF;
}

.container-page-header h1 {
   color:#15176A;
   font-family:Arial, Helvetica, sans-serif;
   margin-left:18px;
   margin-right:18px;
   margin-top:32px;
   margin-bottom:32px;
   text-align:center;
   font-size:20px;
}

.container-page-body {
   width: 98%;
   padding:0.01em 16px;
   margin-right: 8px;
   margin-left: 8px;
   background-color: #FFF;
   box-sizing: border-box;
}

.container-page-contact {
   width: 60%;
   margin: auto;
   background-color: #FFF;
}

.container-page-body img {
    display: block;
    margin: auto;
}
.container-commercial1 {
    padding: 160px 10px 160px 10px
}

.container-commercial1 img {
  position: relative;
  min-width:490px;
  width: 100%;
}

h3-white {
  color:#fff;
  font-family:Arial, Helvetica, sans-serif;
  text-align:center;
  font-size:14px;
}

h3-white-left {
  color:#fff;
  font-family:Arial, Helvetica, sans-serif;
  text-align:center;
  font-size:14px;
}

.h1-white {
  color:#fff;
  font-family:Arial, Helvetica, sans-serif;
  text-align:center;
  font-size:20px;
}

.h1-srp-blue {
  color:#214B75;
  font-family:Arial, Helvetica, sans-serif;
  text-align:center;
  font-size:20px;
}

.h2-srp-blue {
  color:#214B75;
  font-family:Arial, Helvetica, sans-serif;
  text-align:center;
  font-size:18px;
  padding-bottom:4px;
}

.h1-srp-red {
  color:#9E2A2F;
  font-family:Arial, Helvetica, sans-serif;
  text-align:center;
  font-size:20px;
}

.h4-srp-red {
 color:#9E2A2F;
 font-family:Arial, Helvetica, sans-serif;
 font-size:16px;

}

.h2-srp-red {
  color:#9E2A2F;
  padding: 10px 0px 5px 0px;
  font-family:Arial, Helvetica, sans-serif;
  text-align:center;
  font-size:18px;
}

.h2-srp-red-left {
  color:#9E2A2F;
  padding: 10px 0px 5px 0px;
  font-family:Arial, Helvetica, sans-serif;
  text-align:left;
  font-size:18px;
}

.profile-text {
  position:absolute;
  top:85%;
  width:100%;
  height:20%;
  color:#fff;
  font-family:Arial, Helvetica, sans-serif;
  text-align:center;
  font-size:16px;
}

.footer-text-small {
  color:#fff;
  font-family:Arial, Helvetica, sans-serif;
  text-align:center;
  font-size:8px;
}

.footer-text-tiny {
  color:#fff;
  font-family:Arial, Helvetica, sans-serif;
  text-align:center;
  font-size:6px;
}

.container-full {
   width: 100%;
   margin-right: auto;
   margin-left: auto;
   margin-top: 10px;
   background-color: #FFF;
   min-height: 800px;
}


.container-full table {
    width: 100%;
}

.container-full td {
    height: 235px;
    vertical-align: bottom;
}

.col-xs-12-pad {
    width: 99.66666667%
}

.row-pad {
    margin-right: 5px;
    margin-left: -5px;
}

.header-addr {
  text-align: right;
}

.header-addr img {
  float: right;
}

div.img {
    margin: 25px;
    border: 1px solid #ccc;
    float: left;
    width: 180px;
}

div.img:hover {
    border: 1px solid #777;
}

div.img img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 15px;
    color: #fff;
    background-color: #9E2A2F;
    text-align: center;
}

.product-banner-red {
    padding-top: 5px;
    padding-bottom: 5px;
    color: inherit;
}

.product-banner-red h1,
.product-banner-red .h1 {
    text-align: center;
    color: #fff;
    font-size: 23px;
    font-weight: 100
}

.product-banner-red>hr {
    border-top-color: #cccccc
}

.container product-banner-red,
.container-fluid product-banner-red {
    border-radius: 0;
    padding-left: 15px;
    padding-right: 15px
}

.product-banner-red .container {
    max-width: 100%
}

.jumbotron-red {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: inherit;
    background-color: #9E2A2F;
}

.jumbotron-red h1,
.jumbotron-red .h1 {
    color: inherit
}

.jumbotron-red p {
    padding: 10px 10px;
    text-align: center;
    color: #fff;
    font-size: 23px;
    font-weight: 200;
    background-color: #9E2A2F;
}

.jumbotron-red>hr {
    border-top-color: #cccccc
}

.container .jumbotron-red,
.container-fluid .jumbotron-red {
    border-radius: 0;
    padding-left: 15px;
    padding-right: 15px
}

.jumbotron-red .container {
    max-width: 100%
}

.jumbotron-footer {
    padding-left: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
    background-color: #9E2A2F;
}

.jumbotron-footer .h1,
.jumbotron-footer h1 {
    color: #fff
}

.jumbotron-footer p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200
}

.jumbotron-footer>hr {
    border-top-color: #d5d5d5
}

.container .jumbotron-footer,
.container-fluid .jumbotron-footer {
    padding-right: 15px;
    padding-left: 15px;

}

.jumbotron-footer .container {
    max-width: 100%
}

.jumbotron-footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #9E2A2F;
}

.jumbotron-footer li {
    float: left;
}

.jumbotron-footer li a {
    display: block;
    color: white;
    text-align: center;
    padding: 16px;
    text-decoration: none;
}

.jumbotron-footer li a:hover {
    background-color: #111111;
}

.container-footer {
    padding-right: 15px;
    padding-left: 30px;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
    background-color: #9E2A2F;
}

.container-footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #9E2A2F;
}

.container-footer li {
    float: left;
}

.container-footer li a {
    display: block;
    color: white;
    text-align: center;
    padding: 16px;
    text-decoration: none;
}

.container-footer li a:hover {
    background-color: #111111;
}

div.nav-v1 {
  margin-left: 500px;
  margin-right: 20px;
  float: left;
  text-align: right;

}
div.nav-v2 {
  width: 600px;
  text-align: right;
  vertical-align: middle;
}

div.transbox-nav {
    background-color: #214B75;
    line-height: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    opacity: 0.8;
    filter: alpha(opacity=80);
    /* For IE8 and earlier */
    -webkit-align-self: center;
    /* Safari 7.0+ */
}

div.transbox-nav h1 {
    background: rgba(33,75,117, 1) none repeat scroll 0 0;
    color: #fff;
    font-size: 40px;
    margin: 0;
    font-weight: 300;
    min-height: 75px;
    text-align: center;
}

div.transbox-hd {
    background-color: #000000;
    line-height: 76px;
    height: 76px;
    text-align: center;
    vertical-align: middle;
    opacity: 0.8;
    filter: alpha(opacity=80);
    /* For IE8 and earlier */
    -webkit-align-self: center;
    /* Safari 7.0+ */
}

div.transbox-hd h1 {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    color: #fff;
    font-size: 40px;
    margin: 0;
    font-weight: 300;
    min-height: 75px;
    text-align: center;
}

div.transbox2 {
    background-color: #000000;
    height: 476px;
    text-align: center;
    font-weight: 300;
    vertical-align: middle;
    opacity: 1.00;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */
    -webkit-align-self: center;
    /* Safari 7.0+ */
}

div.transbox2 h4 {
    color: #fff;
    font-size: 24px;
    margin: 0;
    font-weight: 300;
    min-height: 75px;
    text-align: center;
}

.container-tran {
    margin: 0 auto;
}

.container-tran a:hover {
    background: #fff;
    background-position: 0 -13px;
    color: #fff;
}

.container-tran a {
    position: relative;
    display: inline-block;
}

.ex3 {
    opacity: 0.6;
    filter: alpha(opacity=60);
    /* For IE8 and earlier */
    -webkit-align-self: center;
    /* Safari 7.0+ */
}

a.ex3:hover, 
a.ex3:active {
    text-decoration: none;
    background: #fff;
    background-color: rgba(158, 42, 47, 0.8);
    opacity: 0.6;
    filter: alpha(opacity=60);
    /* For IE8 and earlier */
}

a.ex3.span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1em;
    margin-left: -50%;
    width: 100%;
    height: 2em;
    color: #f90;
    background-color: rgba(0,0,0,0.5);
}

.responsive-image {
    padding: 0px 2px 0px 2px;
    float: left;
    width: 33.3333%;
}


.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.imgWrap {
  position: relative;
  min-width:240px;
  max-width:490px;
  width: 100%;
}


.floating-box {
    display: inline-block;
    width: 300px; 
}
 

.imgWrap-banner {
  position: relative;
  height: 500px;
  width: 328px;
}

.imgWrap h6 {
  font-family: Georgia, serif;
  font-size: 17px;
  color: #fff;
}

.imgDescription {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background: rgba(29, 106, 154, 0.72);
  color: #fff;
  visibility: hidden;
  opacity: 0;

  /*remove comment if you want a gradual transition between states
  -webkit-transition: visibility opacity 0.2s;
  */
}


.imgWrap:hover .imgDescription {
  visibility: visible;
  opacity: 1;
}

.imgDescriptionText {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 17px;
  color: #fff;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  visibility: hidden;
  opacity: 0;

  /*remove comment if you want a gradual transition between states
  -webkit-transition: visibility opacity 0.2s;
  */
}

.imgWrap:hover .imgDescriptionText {
  visibility: visible;
  opacity: 1;
}

.imgWrap-banner {
  position: relative;
  height: 125px;
  width: 990px;
}


.imgDescription-banner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;

  background: rgba(158, 42, 47, 0.72);
  color: #fff;

  /*remove comment if you want a gradual transition between states
  -webkit-transition: visibility opacity 0.2s;
  */
}

.imgWrap-banner:hover .imgDescription-banner {
  visibility: visible;
  opacity: 1;
}

.imgDescriptionText-banner {
  position: absolute;
  width: 328px;
  text-align: center;
  font-size: 17px;
  color: #fff;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);


  /*remove comment if you want a gradual transition between states
  -webkit-transition: visibility opacity 0.2s;
  */
}

.imgWrap-banner:hover .imgDescriptionText-banner {
  visibility: visible;
  opacity: 1;
}

@media screen and (min-width:768px) {
    .jumbotron-red {
        padding-top: 48px;
        padding-bottom: 48px;
        color: inherit;
        background-color: #9E2A2F;

    }
    .container .jumbotron-red,
    .container-fluid .jumbotron-red {
        padding-left: 60px;
        padding-right: 60px
    }
    .jumbotron-red h1,
    .jumbotron-red .h1 {
        font-size: 68px
    }
    .jumbotron-footer {
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .container .jumbotron-footer,
    .container-fluid .jumbotron-footer {
        padding-right: 60px;
        padding-left: 60px
    }
    .jumbotron-footer .h1,
    .jumbotron-footer h1 {
        font-size: 63px
    }
    .product-banner-red {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .container .product-banner-red,
    .container-fluid .product-banner-red {
        padding-left: 60px;
        padding-right: 60px
    }
    .product-banner-red h1,
    .product-banner-red .h1 {
        font-size: 24px
    }

}

@media only screen and (max-width: 990px){
    .responsive-image {
        width: 49.99999%;
        margin: 6px 0;
    }
    .profile-text {
        position:absolute;
        top:92%;
        width:100%;
        height:20%;
        color:#fff;
        font-family:Arial, Helvetica, sans-serif;
        text-align:center;
        font-size:12px;
     }

}

@media only screen and (max-width: 660px){
    .responsive-image {
        width: 100%;
    }
    .profile-text {
        position:absolute;
        top:92%;
        width:100%;
        height:20%;
        color:#fff;
        font-family:Arial, Helvetica, sans-serif;
        text-align:center;
        font-size:8px;
     }
     .container-page-contact {
        width: 98%;
        margin: auto;
       background-color: #FFF;
     }

}

img {
    max-width: 100%;
    height: auto;
}

body {
 color:#333;
 font-family:Arial, Helvetica, sans-serif;
}

p {
 font-family:Arial, Helvetica, sans-serif;
 color:#333;
 margin-left:24px;
 margin-right:24px;
 text-align:justify;
 font-size:16px;
}

h1 {
 color:#15176A;
 font-family:Arial, Helvetica, sans-serif;
 margin-left:18px;
 margin-right:18px;
 margin-top:32px;
 margin-bottom:32px;
 text-align:center;
 font-size:20px;
}

h2 {
 color:#15176A;
 font-family:Arial, Helvetica, sans-serif;
 margin-left:24px;
 font-size:18px;
}

h3 {
 color:#999;
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
}

h4 {
 color:#333;
 font-family:Arial, Helvetica, sans-serif;
 font-size:16px;
 margin-left:30px;
}

.h5 {
 color:#FFF;
 font-family:Arial, Helvetica, sans-serif;
 font-size:18px;
 text-align:center;
 margin:5px;
 padding:0px;
}


#container-content {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	box-shadow: 0px 0px 5px 5px #666;
	background-color:#FFF;
	min-height:800px;
}

@media only screen and (min-width: 992px) {
    /* For desktop: */
     #container-content {
	width: 992px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	box-shadow: 0px 0px 5px 5px #666;
	background-color:#FFF;
	min-height:800px;
     }
}



body{
	background-image: url(../images/maingradient.jpg);
	background-repeat:repeat-x;
}