body { padding-bottom:0; padding-top: 130px; }

/* Header 1

 * -------------------------- */
#header-1 {
    background-color: #1f5591;
    color: #ecf0f1;
}

#header-1 .header-info-wrapper {
    padding-top: 1px;
    padding-bottom: 1px;
}

#header-1 .list-inline {
    margin-bottom: 0;
}

#header-1 .list-inline > li:first-child {
    padding-left: 0;
}

#header-1 a {
    color: #fff;
}

#header-1 a:hover {
    color: #2ecc71;
    text-decoration:none;
}

.header-1 { -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s; 
position: fixed;  top: 0; z-index: 2000; right: 0; left: 0;}

.header-1.affix {
    top: -35px;
  }

/* Social Links
 * -------------------------- */
.social-links {
    padding-left: 0;
    list-style: none;
    float: right;
    font-size: 15px;
    margin: 0;
}

.social-links > li {
    display: inline-block;
}

.social-links > li a {
   color: #333;
    width: 30px;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 30px;
    border-radius: 100%;
    /*background-color: #333;*/
}

#header-1 .social-links > li a:hover, #footer-2 .social-links > li a:hover {
    color: #ccc;
}

/* Header 2
 * -------------------------- */

.bluelogo { margin-top:20px; max-width:160px;  position:absolute; z-index:1000;  }
.strapline {top:35px; left:170px; color:#626262; font-size:16px; float:left; position:relative; border-left:1px solid #ebebeb; padding-left:10px;}

.navbar-fixed-top {
  -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  top: 30px;
  border-width: 0 0 1px;
}

.navbar-fixed-top.affix {
    top: 0px;
  }


.navbar-margin {margin:0 30px;}

.navbar-default {
    border: 0;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    margin-bottom: 0;
    border-radius: 0;
}

.navbar-default .navbar-brand {
    font-size: 24px;
    /*font-weight: 800;*/
    color: #000 !important;
    text-transform: uppercase;
    padding-top: 40px;
    padding-bottom: 40px;
    font-family: 'Open Sans', sans-serif;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #2c3e50;
}

.navbar-brand span {
    font-weight: 300;
    color: #2ecc71;
}

.navbar-toggle {
    border-radius: 0;
    margin: 20px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #1f5692;
    border-color: #f1f1f1;
}

.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #ffffff;
}

.navbar-nav > li > a {
    /*font-weight: 700;*/
    margin-left:-5px;
   text-transform: uppercase;
}

.navbar-nav > li > .dropdown-menu {
    font-size: 14px;
}

.dropdown-menu > li > a {
    font-weight: 400;
    color:#fff;
}

@media only screen and (max-height: 750px) {
.navbar-nav .dropdown-menu {
         height: auto;
         max-height: 460px;
         overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 767px) {

    .navbar-margin {margin:0 0;}


    .navbar-collapse {
        border-top: 0;
    }

    .navbar-collapse.in {
        overflow-y: visible;
    }

    .navbar-nav {
        margin: 0 -15px;
        /*padding-top: 5px;
        padding-bottom: 5px;*/
        background-color: #185592;
    }
   
 

    .navbar-default .navbar-nav > li > a {
        color: #fff;
        font-size: 14px;
      
    }

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: #fff;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #bdc3c7;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #ecf0f1;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        z-index: 0;
    }

    .nav > li.dropdown:before {
        content: "+";
        position: absolute;
        top: 5px;
        right: 15px;
        color: #bdc3c7;
        font-size: 18px;
        z-index: 9999;
    }

    .nav > li.dropdown.open:before {
        content: "-";
        right: 17px;
    }

    .dropdown-menu > li > a:before {
        content: "-";
        margin-right: 5px;
        margin-left: -10px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        color: #ecf0f1;
        background-color: #333;
    }

.navbar-nav  .dropdown-menu {
height: auto;
max-height: 200px;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}

}

@media (min-width: 768px) {
    .navbar-default {
        height: 100px;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .navbar-nav {
        float: right;
        clear:both;
        margin-right: -15px;
        margin-top:15px;
    }

    .navbar-default .navbar-nav > li > a {
        padding: 0px 18px 20px 18px;
        font-size:14px;
        color: #1f5692;
        font-weight:bold;
    }

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: #003471;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        background-color: transparent;

        color: #1f5692;
    }

    .navbar-nav > li:last-child > a {
        
    }

    .navbar-nav > li.active:last-child > a {
        padding-right: 18px;
    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        color: #1f5692;
        background-color: rgba(0, 0, 0, 0.01);
        border-bottom: 3px solid #1f5692;
       
    }

    .navbar-default .navbar-nav > .active > a:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px;
        border-top-width: 0;
        border-bottom-color: #1f5692;
        bottom: 0px;
        left: 50%;
        content: "";
        margin-left: -5px;
    }

    .navbar-nav > li > .dropdown-menu {
        border: 0;
        border-top: 3px solid #1f5692;
        margin-top: 0px;
        border-radius: 0;
        background-color: #ebebeb;
    }

    .dropdown-menu > li > a {
        padding: 10px 20px;
        color: #333;
        border-bottom: 1px solid #fff;
        font-weight:normal;
        
    }

    .dropdown-menu > li:last-child > a {
        border-bottom: 0;
    }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        color: #333 !important;
        background-color: #d3d3d3;
        
    }
}

/* Form Control
 * -------------------------- */
.form-control {
    border-width: 2px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #ecf0f1;
}

.form-control:focus {
    border-color: #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.search-form {
    position: relative;
    max-width:400px;
    margin:0;
}

.search-form:before {
    font-family: FontAwesome;
    content: "\f002";
    position: absolute;
    top: 3px;
    right: 12px;
    font-size: 18px;
    color: #ecf0f1;
}

.searchformlg {margin-left:10px; margin-top:10px;}

.Blue-bg  { border-bottom:3px solid #ebebeb; width:100%;  height:150px; background-image:url(/assets/images/Blue-bg.jpg); background-position: center;}

.Blue-graphic  {  width:100%;  background-image:url(/assets/images/Blue-bg.jpg); background-position: center; 
-moz-box-shadow: inset 0 -1px 5px #rgba(0, 0, 0, .1);
-webkit-box-shadow: inset 0 -1px 5px rgba(0, 0, 0, .1);
box-shadow: inset 0 -1px 5px rgba(0, 0, 0, .1); }

/* Page Title
 * -------------------------- */
.section.page-title-wrapper {
    color: #ffffff;
   
}

.section.page-title-wrapper.blue {
 color: #ffffff;
background-color: #185592;
}

.section.page-title-wrapper.blue-bg {
 color: #ffffff;
background-color: #185592;
}

.section.page-title-wrapper.officebg {
    color: #ffffff;
    background:#da3b01;
}

.section.page-title-wrapper.darkgrey-bg  {
    color: #ffffff;
    background:#313131;
}
.section.page-title-wrapper.black-bg { background:#000; color: #ffffff;}


.section.page-title-wrapper.lightgrey {
 color: #ffffff;
background-color: #ebebeb;
}

.section.page-title-wrapper.313131-bg {
 color: #ffffff;
background: #313131;
}

.section.page-title-wrapper.white {
background-color: #ffffff;
-moz-box-shadow: inset 0 -1px 5px #rgba(0, 0, 0, .1);
-webkit-box-shadow: inset 0 -1px 5px rgba(0, 0, 0, .1);
box-shadow: inset 0 -1px 5px rgba(0, 0, 0, .1);
}

.vendor-banner {
height: 400px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
text-align: center;
}


.vendor-banner.x-ploit {
  background-image: url(/assets/images/banner/heimdal-x-ploit-banner.png); 
}

.vendor-banner.tm-webinar {
  background-image: url(/assets/images/banner/trend-webinar-banner.png); 
}

.vendor-banner.tm-email {
  background-image: url(/assets/images/banner/trend-email-services-banner.png); 
}

.vendor-banner.heimdal-red {
  background-image: url(/assets/images/banner/heimdal-red-banner.png); 
}

.vendor-banner.managed-workplace {
  background-image: url(/assets/images/banner/managed-workplace-banner.png); 
}

.vendor-banner.redstor {
  background-image: url(/assets/images/banner/redstor-banner.png); 
}

.vendor-banner.threats {
background-position:center !important;
 background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(/assets/images/banner/cyber-threats-banner.png);
 height: 400px;
}

.vendor-banner.ping-1 {
background-position:center !important;
 background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(/assets/images/banner/ping-banner-1.png);
 height: 400px;
}

.X-ploit-logo {width:200px;}

.vendor-banner-outer {height: 400px;}

.vendor-banner-inner {display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;}


.vendor-banner-inner h1 {line-height:130%; text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);}

.vendor-banner-inner h1.trend-red {color: #d61921; font-size:40px; text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);}

.trend-red-h1 {color: #d61921; font-size:40px; text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);}

.white-h1 {color: #fff; font-size:40px; text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);}

/* Carousel
 * -------------------------- */

.carousel-fade {margin-top:1px; background:#fff;}

.carousel-fade
  .carousel-inner
    
	 .item {
      opacity: 0;
      -webkit-transition-property: opacity;
      -moz-transition-property: opacity;
      -o-transition-property: opacity;
      transition-property: opacity;
      max-height:400px;
      
    }
.carousel-fade
  .carousel-inner
    .active {
      opacity: 1;
    }
.carousel-fade
  .carousel-inner
    .active.left,
   .carousel-fade
  .carousel-inner .active.right {
      left: 0;
      opacity: 0;
      z-index: 3;
    }

   .carousel-fade
  .carousel-inner .next.left,
   .carousel-fade
  .carousel-inner .prev.right {
      opacity: 1;
    }


 .carousel-fade
  .carousel-inner .carousel-control {
    z-index: 2;
  }
}


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

.carousel-control.left {
  left: 0;
  right: auto;

 background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .1) 0%), color-stop(rgba(0, 0, 0, .0001) 100%));
  background-image: linear-gradient(to right, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
  z-index: 8; 
 background:none;
}
.carousel-control.right {
  right: 0;
  left: auto;
 background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .0001) 0%), color-stop(rgba(0, 0, 0, .1) 100%));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
  z-index: 8; 
background:none;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #ccc;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: none;
  opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 20%;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 20%;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\f104';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 1px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 2px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #ebebeb;
  border-radius: 0px;
}
.carousel-indicators .active {
  width: 15px;
  height: 15px;
  margin: 2px;
  background-color: rgba(255, 255, 255, 5);
  border: 1px solid #ebebeb;
}

.fade-carousel {
    position: relative;
    height: 400px;
}

.fade-carousel .carousel-inner .item {
    height: 400px;
    background-color: #f1f1f1;
}

.hero {
    top: 50%;
    left: 50%;
    position: absolute;
    z-index: 9;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}

.hero-img {
    text-align: center;
    position: absolute;
    z-index: 9;  
    width:100%;
    top:33%;
    padding:0 20px;
}

.banner-logo {max-width:350px; margin-bottom:25px}

.banner-logo-trend {max-width:200px; margin-bottom:25px}

.hero h1 {
    font-size: 3em;    
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.hero h3 {
    font-size: 1.3em;
    line-height:30px;
    margin: 5px 0px; 
}

h1.award {
text-shadow: none;}

h2.award {
text-shadow: none; line-height:150%; font-weight:bold;}

.hero h1.trend-red {
color: #d61921;
}
.btn.btn-orange,
.btn.btn-orange:hover,
.btn.btn-orange:focus {
    color: #f5f5f5;
    background-color: #f99f29;
    border-color: #f99f29;
    outline: none;
    margin: 20px 0 0 0;
    text-shadow: none;
}

.btn.btn-red,
.btn.btn-red:hover,
.btn.btn-red:focus {
    color: #fff;
    background-color: #cc2028;
    border-color: #cc2028;
    outline: none;
    border:2px solid #fff;
    margin: 20px 0 0 0;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
}

.btn.btn-green,
.btn.btn-green:hover,
.btn.btn-green:focus {
    color: #f5f5f5;
    background-color: #00a651;
    border-color: #00a651;
    outline: none;
    margin: 20px 0 0 0;
}

.btn.btn-gold,
.btn.btn-gold:hover,
.btn.btn-gold:focus {
    color: #f5f5f5;
    background-color: #9b8443;
    border-color: #9b8443;
    outline: none;
    margin: 20px 0 0 0;
}

.btn.btn-pink,
.btn.btn-pink:hover,
.btn.btn-pink:focus {
    color: #f5f5f5;
    background-color: #d03655;
    outline: none;
    padding:12px 10px;
    margin: 20px 0 0 0;
}

.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #185592;
    border-color: #185592;
    outline: none;
    margin: 20px 0 0 0;
}

.btn.btn-trend,
.btn.btn-trend:hover,
.btn.btn-trend:focus {
    color: #f5f5f5;
    background-color: #d61921;
    border-color: #d61921;
    outline: none;
    margin: 20px 0 0 0;
}

.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3,
.fade-carousel .slides .slide-4,
.fade-carousel .slides .slide-5,
.fade-carousel .slides .slide-xgen,
.fade-carousel .slides .slide-malwarebytes,
.fade-carousel .slides .slide-appriver,
.fade-carousel .slides .slide-trend-msp,
.fade-carousel .slides .slide-trend-gartner,
.fade-carousel .slides .slide-trend-worry-free,
.fade-carousel .slides .bitdefender-slide-wolf,
.fade-carousel .slides .heimdal-slide-blue,
.fade-carousel .slides .heimdal-slide-red,
.fade-carousel .slides .slide-cynet,
.fade-carousel .slides .slide-cloudally, 
.fade-carousel .slides .slide-cloudally-2,
.fade-carousel .slides .slide-vembu,
.fade-carousel .slides .threats,
.fade-carousel .slides .trend-apex,
.fade-carousel .slides .halloween-pumpkin,
.fade-carousel .slides .halloween-monster,
.fade-carousel .slides .construction-banner,
.fade-carousel .slides .xmas-banner,
.fade-carousel .slides .tm-webinar,
.fade-carousel .slides .libraesva-home-banner
{
  height: 400px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
  background-image: url(/assets/images/banner/datacenter.png); 
}
.fade-carousel .slides .slide-2 {
  background-image: url(/assets/images/banner/datafortress-slide-3.png);
}
.fade-carousel .slides .slide-3 {
  background-image: url(/assets/images/banner/solutions.png);
}
.fade-carousel .slides .slide-4 {
  background-image: url(/assets/images/banner/bitdefender-slide.png);
}
.fade-carousel .slides .slide-5 {
  background-image: url(/assets/images/banner/trend-micro-rw-slide.png);
}

.fade-carousel .slides .slide-xgen {
  background-image: url(/assets/images/banner/trend-micro-xgen-security.png);
}

.fade-carousel .slides .slide-malwarebytes {
  background-image: url(/assets/images/malwarebytes/malwarebytes-slide-1.png);
}

.fade-carousel .slides .slide-appriver {
  background-image: url(/assets/images/banner/appriver-slide-1.png);
}

.fade-carousel .slides .slide-trend-msp {
  background-image: url(/assets/images/banner/trend-micro-msp-slide1.png);
}

.fade-carousel .slides .slide-trend-gartner {
  background-image: url(/assets/images/trendmicro/trend-gartner-slide.png);
}

.fade-carousel .slides .slide-trend-worry-free {
  background-image: url(/assets/images/banner/trend-worry-free-slide.png);
}

.fade-carousel .slides .bitdefender-slide-wolf {
  background-image: url(/assets/images/bitdefender/bitdefender-slide-wolf.png);
}

.fade-carousel .slides .heimdal-slide-blue {
 background-image: url(/assets/images/banner/heimdal-msp-banner.png);
}

.fade-carousel .slides .heimdal-slide-red {
 background-image: url(/assets/images/banner/heimdal-red-banner.png);
}

.fade-carousel .slides .slide-cynet {
 background-image: url(/assets/images/cynet/cynet-slide-2.png);
}

.fade-carousel .slides .slide-cloudally {
 background-image: url(/assets/images/cloudally/cloudally-slide.png);
}

.fade-carousel .slides .slide-cloudally-2 {
 background-image: url(/assets/images/cloudally/cloudally-slide-2.png);
}

.fade-carousel .slides .slide-vembu {
 background-image: url(/assets/images/vembu/vembu-banner.png);
}

.fade-carousel .slides .threats {
 background-image: url(/assets/images/banner/cyber-threats-banner.png);
}

.fade-carousel .slides .trend-apex {
 background-image: url(/assets/images/banner/trend-apex-banner.png);
}

.fade-carousel .slides .halloween-pumpkin {
 background-image: url(/assets/images/banner/halloween-pumpkin.png);
}

.fade-carousel .slides .halloween-monster {
 background-image: url(/assets/images/banner/halloween-monster.png);
}

.fade-carousel .slides .construction-banner {
 background-image: url(/assets/images/banner/construction-banner.png);
}

.fade-carousel .slides .xmas-banner {
 background-image: url(/assets/images/banner/xmas-banner.png);
}

.fade-carousel .slides .tm-webinar {
 background-image: url(/assets/images/banner/trend-webinar-banner.png);
}

.fade-carousel .slides .libraesva-home-banner {
 background-image: url(/assets/images/banner/libraesva-home-banner.png);
}

.overlay-1 {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #000;
    opacity: 0.4;
}

@media screen and (min-width: 980px){
    .hero { width: 980px; }  
      
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:400;line-height:1;color:#777}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:28px}h2,.h2{font-size:22px}h3,.h3{font-size:22px}h4,.h4{font-size:18px}h5,.h5{font-size:16px}h6,.h6{font-size:14px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}

/* Background Colours*/
.dark-blue-bg { background: #185592; }
.lt-blue-bg {background:#1c75bb;}
.light-grey-bg { background:#fbfbfb; }
.office-orange-bg { background:#da3b01;}
.darkgrey-bg { background:#353535;}
.lightgrey-bg { background:#fbfbfb;}
.white-bg { background:#ffffff;}
.black-bg { background:#000;}
.ebebeb-bg { background:#ebebeb;}
.f1f1f1-bg { background:#f1f1f1;}
.f2f2f6-bg {background:#f2f2f6;}
.trend-bg {background:#d71921;}
.heimdal-bg {background:#005082;}
.orange-bg {background:#f99f29;}
.vembu-red-bg {background:#be2026}
.lt-blue-bg {background:#1c75bb;}
.red-bg {background:#cc2028}
.barracuda-bg {background:#263146}

/* Colours*/
.black { color:#000000; }
.blue { color:#185592; }
.white { color:#ffffff; }
.office-orange { color:#da3b01; }
.office-orangebg { background:#da3b01; }
.red {color:#F00;}
.green {color:#00a651}
.text-light {color:#333}
.light-grey {color:#626262;}
.lighter-grey {color:#bbb;}
.yellow {color:#fff200;}
.orange {color:#f99f29;}
.vembu-red {color:#be2026}
.gold {color:#9b8443}

.inside-shadow {
-moz-box-shadow:    inset  0  8px 8px -8px #ebebeb, inset  0 -8px 8px -8px #ebebeb;
-webkit-box-shadow: inset  0  8px 8px -8px #ebebeb, inset  0 -8px 8px -8px #ebebeb;
box-shadow:  inset  0  8px 8px -8px #ebebeb, inset  0 -8px 8px -8px #ebebeb;}

.font-28 {font-size: 28px;}
p.intro {font-size: 18px;}
.ValidationErrors {color: #fff; font-size:11px; padding:1px 3px; font-weight:500; background:#f00; border-radius: 3px;}
.h1-style {padding:0px 0px 0 15px; border-left:5px solid #ebebeb;}
a.nostyle, a.nostyle:link, a.nostyle:link > p, a.nostyle:link > p, a.nostyle:hover, a.nostyle:active { text-decoration:none; color:#000; }
a.white, a.white:hover { color:#FFF; }
p.cc_message {color:#fff}
.page-title-wrapper h3 {color: #ffffff;}

.anchor { display: block; position: relative; top: -100px; visibility: hidden; }

.row-banner {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
text-shadow: 1px 1px 0 rgba(0,0,0,.75);
}

.row-banner.bd-disti { 
 background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5) ),url(/assets/images/blue-disti-bg.png) center center no-repeat; background-size: cover; }

.border-light { border:3px solid #f1f1f1;}
.border-white {border:3px solid #fff;}

ul.tick, ul.Chevron, ul.chevron-white, ul.envelope, ul.pdf, ul.youtube-play, ul.cube, ul.calendar, ul.download, ul.file-text  {
  list-style-type: none;
  padding-left: 0px;
}

ul.tick li, ul.Chevron li, ul.chevron-white li, ul.envelope li, ul.pdf li, ul.youtube-play li, ul.cube li, ul.calendar li, ul.download li, ul.file-text li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px
}

ul.lead li {padding-left: 30px;}

ul.tick li:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'FontAwesome';
  content: '\f00c';
  color:#185592;
}


ul.Chevron li:before {
  position: absolute;
  top: 0;
  left: 5px;
  font-family: 'FontAwesome';
  content: '\f054';
  color:#185592;
}

ul.chevron-white li:before {
  position: absolute;
  top: 0;
  left: 5px;
  font-family: 'FontAwesome';
  content: '\f054';
  color:#fff;
}

ul.envelope li:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'FontAwesome';
  content: '\f0e0';
  color:#333;
}

ul.pdf li:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'FontAwesome';
  content: '\f1c1';
}

ul.youtube-play li:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'FontAwesome';
  content: '\f16a';
}

ul.cube li:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'FontAwesome';
  content: '\f1b2';
}

ul.calendar li:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'FontAwesome';
  content: '\f073';
}

ul.download li:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'FontAwesome';
  content: '\f0ed';
}

ul.file-text li:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'FontAwesome';
  content: '\f15c';
}

.min-height-600 {min-height:600px;}
.marginleft-10 {margin-left:10px;}
.margintop-5 {margin-top:5px;}
.nomargin {margin:0}
.nomargintop {margin-top:0}
.max-width-img {max-width:300px}
.padding-5 {padding:5px;}
.padding-10 {padding:10px;}
.page-header {margin-top:0;}

.scrollup {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 50px;
    right: 20px;
    display: none;
    text-indent: -9999px;
    background: url(/assets/images/scroll-up-bs.png) no-repeat left top;
}

.scrollup:hover {
	background:url(/assets/images/scroll-up-bs.png) no-repeat left -50px;
	width: 50px;
        height: 50px;
	display:block;
	overflow:hidden;
	float:left;
	
}

/* Subpage Title
 * -------------------------- */
.subpage-title {
    position: relative;
    margin: 0;
    margin-bottom: 35px;
    line-height: 10px;
}

#footer-1 .subpage-title {
    color: #ffffff;
}

.subpage-title:before {
    content: "";
    width: 35px;
    height: 3px;
    background-color: #1f5692;
    display: block;
    position: absolute;
    bottom: -15px;
    left: 0;
}


.subpage-title .prev, .subpage-title .next {
    position: absolute;
    top: 0;
    right: 35px;
    width: 30px;
    height: 30px;
    border: 2px solid #ecf0f1;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
}

.subpage-title .prev.disabled, .subpage-title .next.disabled,
.subpage-title .prev.disabled:hover, .subpage-title .next.disabled:hover {
    opacity: 0.65;
    filter: alpha(opacity=65);
    border-color: #ecf0f1;
}

.subpage-title .prev:hover, .subpage-title .next:hover {
    border-color: #2ecc71;
}

.subpage-title .prev.black, .subpage-title .next.black {
    border-color: #bdc3c7;
}

.subpage-title .prev.black:hover, .subpage-title .next.black:hover {
    border-color: #2ecc71;
}

.subpage-title .prev.black.disabled:hover, .subpage-title .next.black.disabled:hover {
    border-color: #bdc3c7;
}

.subpage-title .next {
    right: 0;
}

.breadcrumb { background:none; margin:0; }

.B_crumbBox{padding:8px 15px;list-style:none;margin-bottom:0}.crumbSeparator{color:#ccc}.B_crumbBox>li{display:inline-block}.B_crumbBox>li + li:before{padding:0 5px;color:#ccc}.B_crumbBox>.active{color:#777}.breadcrumb-wrapper>.B_crumbBox{padding:0;line-height:32px}.breadcrumb-wrapper>.B_crumbBox a,.B_crumbBox .active{color:#fff;font-size:16px}.breadcrumb-wrapper>.B_crumbBox>.crumbSeparator{font-weight:700}.breadcrumb-wrapper>.B_crumbBox>li.B_currentCrumb{font-size:16px}

.breadcrumb-wrapper .white > .B_crumbBox a, .B_crumbBox .active {
    color: #333; font-size:16px;
}

.breadcrumb-wrapper .white > .B_crumbBox > li.B_currentCrumb  {
  font-size:16px; color: #333;
}


.logo.breadcrumb-wrapper { padding:10px 0;}



.asidenav { list-style:none; margin:0; padding:0; border-top:1px solid #ebebeb; margin-bottom:25px; }
.asidelink { border-bottom:1px solid #ebebeb; }
.asidelink .active {border-left:5px solid #1f5591;} 
.asidelink i { padding:3px 0 0 0;}
.li-nav-block { margin:10px 0; padding:10px 10px;  border-left:5px solid #ebebeb;}
li.active > a > .li-nav-block { border-left:5px solid #1f5591;}
a:hover > .li-nav-block { border-left:5px solid #7993b9;}
.asidelink a, .asidelink a:link { color:#626262;  padding:3px 0 0 0; }
.asidelink a:hover  { color:#7993b9; text-decoration:none; }
li.active > a { color:#1f5591; text-decoration:none; }
li.active > a:hover { color:#1f5591; text-decoration:none; }
.asidelink li.active { border-left:5px solid #1f5591; }

.list-group-item:first-child {
  margin-top: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.list-group {border-left:none; border-right:none;}

.header > .list-group-item:first-child {
  background:#185592; color:#FFF; border:none;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.list-group-item > i { line-height:18px; }

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 0px !important;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
  padding: 0px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 0px solid transparent;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  
  color: inherit;
}
.panel-title > a {
  color: inherit;
}

.panel-thumbnail img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  line-height: 1.42857143;
  background-color: #fff;
  border:0;
}

.panel-vendor { border-top:1px solid #ebebeb; min-height:80px}
.panel-vendor h2 {margin-bottom:3px;}
.panel-body .caption { padding:10px 10px 0 10px;}
.panel-body .padding { padding:15px;}
.paneloffice > .panel-body .padding { min-height:160px;  }

/* Wrappers
 * -------------------------- */
.wrapper-1 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.wrapper-10-0 {
     padding-top: 10px;
    padding-bottom: 10px;
}

.wrapper-15 {
    padding-top: 15px;
}

.wrapper-2 {
    padding-top: 20px;
}

.wrapper-3 {
    padding-bottom: 20px;
}

.wrapper-pb-10 {
    padding-bottom: 10px;
}

.wrapper-4 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.wrapper-5 {
    padding-top: 30px;
}

.wrapper-6 {
    padding-bottom: 30px;
}

.wrapper-7 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.wrapper-8 {
    padding-top: 40px;
}

.wrapper-9 {
    padding-bottom: 40px;
}

.wrapper-10 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.wrapper-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.nav-tabs.options > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
     zoom:1; /* hasLayout ie7 trigger */
}

.nav-tabs.options {
    text-align:center;
}

.nav-tabs.options > li.active > a {background:#ebebeb}



/* Flat Buttons
 * -------------------------- */

.btn-flat {margin:5px 0}

.btn-i {margin-top:3px;}

.flat-default,
.flat-default:hover,
.flat-default:active {
    /*border: 2px solid #bdc3c7;*/
}

.flat-default, .flat-default.btn-bordered:hover {
    background-color: #bdc3c7;
    color: #ffffff;
}

.flat-default:hover,  .flat-default.btn-bordered {
    background-color: transparent;
    color: #bdc3c7;
}

.flat-primary,
.flat-primary:hover,
.flat-primary:active {
    /*border: 2px solid rgb(26, 188, 156);*/
}

.flat-primary, .flat-primary.btn-bordered:hover {
    background-color: rgb(26, 188, 156);
    color: #ffffff;
}

.flat-primary:hover,  .flat-primary.btn-bordered {
    background-color: transparent;
    color: rgb(26, 188, 156);
}

.flat-success,
.flat-success:hover,
.flat-success:active {
    /*border: 2px solid rgb(46, 204, 113);*/
    color: #ffffff;
}

.flat-success, .flat-success.btn-bordered:hover {
    background-color: #17a52b;
    color: #ffffff;
}

.flat-success:hover,  .flat-success.btn-bordered {
    color: #ffffff;
    background-color: #168c27;
}

.flat-info,
.flat-info:hover,
.flat-info:active {
    border: 2px solid #065eb4;
    color: #ffffff;
}

.flat-info, .flat-info.btn-bordered:hover {
    background-color: #065eb4;
    color: #ffffff;
}

.flat-info:hover, .flat-info:active,  .flat-info.btn-bordered {
    background-color: #00519f;
    color: #ffffff;
    border: 2px solid #00519f;
}

.flat-warning,
.flat-warning:hover,
.flat-warning:active {
    /*border: 2px solid rgb(241, 196, 15);*/
    color: #ffffff;
}

.flat-warning, .flat-warning.btn-bordered:hover {
    background-color: rgb(241, 196, 15);
    color: #ffffff;
}

.flat-warning:hover,  .flat-warning.btn-bordered {
    background-color: transparent;
    color: rgb(241, 196, 15);
}

.flat-danger,
.flat-danger:hover,
.flat-danger:active {
    /*border: 2px solid rgb(237, 28, 36);*/
   color: #ffffff;
}

.flat-danger, .flat-danger.btn-bordered:hover {
    background-color: rgb(237, 28, 36);
    color: #ffffff;

}

.flat-danger:hover,  .flat-danger.btn-bordered {
    background-color: rgb(210, 32, 39);
    color: #ffffff;
}

.flat-inverse,
.flat-inverse:hover,
.flat-inverse:active {
    border: 2px solid rgb(52, 73, 94);
}

.flat-inverse, .flat-inverse.btn-bordered:hover {
    background-color: rgb(52, 73, 94);
    color: #ffffff;
}

.flat-inverse:hover,  .flat-inverse.btn-bordered {
    background-color: transparent;
    color: rgb(52, 73, 94);
}

.flat-color,
.flat-color:hover,
.flat-color:active {
    border: 2px solid #2ecc71;
}

.flat-color, .flat-color.btn-bordered:hover {
    background-color: #2ecc71;
    color: #ffffff;
}

.flat-color:hover,  .flat-color.btn-bordered {
    background-color: transparent;
    color: #2ecc71;
}

.btn-flat:not(.btn-rounded) {
    border-radius: 0;
}

.flat-grey,
.flat-grey:hover,
.flat-grey:active {
    border: 1px solid #ccc;
    color: #000;
}

.flat-grey, .flat-grey.btn-bordered:hover {
    background-color: #ccc;
    color: #000;
}

.flat-grey:hover, .flat-grey:active,  .flat-grey.btn-bordered {
    background-color: #959595;
    color: #000;
    border: 1px solid #959595;
}

.flat-lt-grey,
.flat-lt-grey:hover,
.flat-lt-grey:active {
    border: 1px solid #fff;
    color: #000;
}

.flat-lt-grey, .flat-lt-grey.btn-bordered:hover {
    background-color: #fbfbfb;
    color: #000;
}

.flat-lt-grey:hover, .flat-lt-grey:active,  .flat-lt-grey.btn-bordered {
    background-color: #ebebeb;
    color: #000;
    
}

.flat-lt-blue,
.flat-lt-blue:hover,
.flat-lt-blue:active {
    border: 1px solid #0099ff;
    color: #fff;
}

.flat-lt-blue, .flat-lt-blue.btn-bordered:hover {
    background-color: #0099ff;
    color: #fff;
}
.flat-lt-blue:hover, .flat-lt-blue:active,  .flat-lt-blue.btn-bordered {
    background-color: #0099cc;
    color: #fff;
    border: 1px solid #0099cc;
}

.flat-blue-border,
.flat-blue-border:hover,
.flat-blue-border:active {
    color: #fff;
    border: 2px solid #065eb4;
    font-weight:bold;
}

.flat-blue-border, .flat-blue-border.btn-bordered:hover {
    background-color: #00a5f8;
    color: #fff;
}
.flat-blue-border:hover, .flat-blue-border:active,  .flat-blue-border.btn-bordered {
    background-color: #0096e2;
    color: #fff;
}

.flat-box,
.flat-box:hover,
.flat-box:active {
    border: 2px solid #065eb4;
    color: #065eb4;
    font-weight:bold;
}

.flat-box, .flat-box.btn-bordered:hover {
    background-color: #fff;
    color: #065eb4;
}

.flat-box:hover, .flat-box:active,  .flat-box.btn-bordered {
    background-color: #f1f1f1;
    color: #065eb4;
}

.flat-white,
.flat-white:hover,
.flat-white:active {
    border: 2px solid #fff;
    color: #ffffff;
}

.flat-white, .flat-white.btn-bordered:hover {
    color: #ffffff;
}

.flat-white:hover, .flat-white:active,  .flat-white.btn-bordered {
    color: #ffffff;
    border: 2px solid #fff;
    background-color: rgba(255, 255, 255, 0.2);
}

a.partner-btn, a.partner-btn:hover { display:block; color:#FFF; text-decoration:none; }

.partner-btn-outer {width:100%; border:3px solid #f1f1f1; border-radius: 10px; background:#d71921;}
.partner-btn-outer-bd {width:100%; border:3px solid #f1f1f1; border-radius: 10px; background:#056dc9;}
.partner-btn-outer-hs {width:100%; border:3px solid #f1f1f1; border-radius: 10px; background:#005082;}
.partner-btn-outer-pi {width:100%; border:3px solid #f1f1f1; border-radius: 10px; background:#b8232f;}
.partner-btn-outer-vu {width:100%; border:3px solid #f1f1f1; border-radius: 10px; background:#be2026;}

.partner-btn-inner {padding:10px;}

.partner-btn-inner > h2 {margin:10px 0;}

.partner-btn-inner > h3 {margin:10px 0;}

.partner-btn-outer:hover {background:#b91d22;}
.partner-btn-outer-bd:hover {background:#0550c9;}
.partner-btn-outer-hs:hover {background:#07466e;}
.partner-btn-outer-pi:hover {background:#8a1a23;}
.partner-btn-outer-vu:hover {background:#992026;}


#caroufredsel-vendors-container { height:134px;  overflow:hidden; display:block;}
.vendor-wrapper a {
    border: 2px solid #ecf0f1;
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
    
}

.vendor-wrapper a:hover {
    opacity: 0.65;
    filter: alpha(opacity=65);
}
.container-blue {
  position: relative;
  background: #185592;
  overflow: hidden;
  /* rollover */
}
.container-blue.horiz {
  width: 100%;
  height: 300px;
}
.container-blue h3 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 3;
  margin: 0;
  padding: 15px 20px;
  font-size: 24px;
  background: rgba(255, 255, 255, 0.1);
  -webkit-transition: -webkit-transform 500ms, color 500ms, background-color 500ms;
	color:#fff;
}

.container-blue h3 a {
  display: block;
  color: #555;
  text-decoration: none;
  -webkit-transition: color 500ms;
}
.container-blue h3 a:hover {
  color: #fff;
}
.container-blue h3 a:hover b:after {
  -webkit-transform: translate3d(5px, 0, 0);
}
.container-blue h3 small {
  display: block;
  font-size: 0.8em;
  font-weight: normal;
}
.container-blue .graphic {
  position: absolute;
  left: 50%;
  bottom: 20px;
  z-index: 2;
  margin-left: -100px;
  -webkit-transition: -webkit-transform 500ms;
}
.container-blue .further-info {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: 280px;
  padding: 30px 20px;
  -webkit-transition: -webkit-transform 500ms;
}
.container-blue .further-info p {
  width: 100%;
  color:#fff;
  -webkit-transform: translate3d(0, 20px, 0);
  -webkit-transition: -webkit-transform 600ms;
  -webkit-transition-delay: 100ms;
}
.container-blue .further-info p b {
  display: block;
  font-size: 2.5em;
  font-weight: 700;
}
.container-blue .further-info p b span {
  font-weight: 200;
  font-size: 0.5em;
}


.container-blue:hover h3 {
  -webkit-transform: translate3d(0, 245px, 0);
}
.container-blue:hover h3 b:after {
  -webkit-transform: translate3d(0, 0, 0);
}
.container-blue:hover .graphic {
  
  -webkit-transform: translate3d(0, 245px, 0);
}
.container-blue:hover .further-info {
  -webkit-transform: translate3d(0, 270px, 0);
}
.container-blue:hover .further-info p, .container-blue:hover .container-blue:hover  {
  -webkit-transform: translate3d(0, 0, 0);
}


.contact-banner {border-top: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; border-left: 5px solid #ebebeb; padding: 20px 25px 0px 25px;}

.child-page-head {padding:0px 0px 0 15px;  border-left:5px solid #ebebeb;}

.vcenter {vertical-align: middle;}

.email-template > table { background:#ffffff;}

.border-bottom {border-bottom:1px solid #ebebeb; }

/* Section styles*/
.inset-section {
background: ebebeb-bg;
-webkit-box-shadow: inset 0  8px 8px -6px rgba(0,0,0,0.1);
box-shadow: inset  0  6px 7px -6px rgba(0,0,0,0.1);
-moz-box-shadow: inset  0  8px 8px -6px rgba(0,0,0,0.1);
}

.title-wrapper-h1 {margin-top:10px;}

.well.header { margin-top:5px; margin-bottom:0;
background-color:rgba(255,255,255,0.5); border:3px solid rgba(255,255,255,0.5);
border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);

}
h3.header { margin-top:20px}
.media-left {max-width:250px;}
.media-left .logo {border:3px solid rgba(255,255,255,0.5); max-width:220px;}


/* Template Row section Title Bars
 * -------------------------- */

.section-title-bar {
 color: #ffffff;
border-top:3px solid #FFF;
border-bottom:3px solid #FFF;
}

.section-title-bar.blue { background-color: #185592;}
.section-title-bar.ltgreen { background-color: #48aa48;}
.section-title-bar.ltgrey { background-color: #3a3a3c;}
.section-title-bar.censor-blue-bg { background: #d6e4f5; }
.section-title-bar:after {
position: absolute;
content: '';
display: block;
left: 0;
right: 0;
margin: 0 auto;
z-index: 2;
width: 0;
height: 0;
border-top: 15px solid;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
}

.section-title-bar.blue:after { border-top: #185592 15px solid;  }
.section-title-bar.darkgrey-bg:after { border-top: #3c3c3c 15px solid;}
.section-title-bar.ltgreen:after { border-top: #48aa48 15px solid; }
.section-title-bar.ltgrey:after { border-top: #3a3a3c 15px solid;}


/* Services
 * -------------------------- */
.service {
    min-height: 220px;
    padding: 20px;
    background-color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


.colored-wrapper .service {
    
    border: 2px solid #f1f1f1;
}

.service.service-2 {
    text-align: left;
}

.service.service-3 {
    padding: 0;
    text-align: left;
    border: 0;
    background-color: transparent;
}

.service.service-4 {
    text-align: left;
    padding: 0;
    border: 0;
    background-color: transparent;
}

.service .service-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 120px;
    font-size: 50px;
    display: inline-block;
    overflow: hidden;
}

.service.service-2 .service-icon {
    float: left;
    margin-right: 15px;
}
.service.service-3 .service-icon {
    width: 50px;
    height: 50px;
    border-radius: 0;
    font-size: 25px;
    
}
.service.service-4 .service-icon {
    float: left;
    margin-right: 20px;
}
.service .service-icon [class^="icon-"],[class*=" icon-"] {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -25px;
    width: 100px;
    height: 100px;
}

.service.service-3 .service-icon [class^="icon-"],[class*=" icon-"] {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -12.5px;
    width: 50px;
    height: 50px;
}

.service:hover  {
    /*background-color: #2c3e50 !important;*/
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}

.service.service-3 h4, .service.service-3 p {
    margin-left: 70px;
}

.service:hover h4 {
    
}

.service.service-3:hover h4, .service.service-4:hover h4 {
    color: #2c3e50;
}

.service:hover {
    /*background-color: #f1f1f1;*/
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    
}

.service.service-3:hover, .service.service-4:hover {
    background-color: transparent !important;
    box-shadow: none;
    color: #95a5a6;
}

.service:hover .service-icon [class^="icon-"],[class*=" icon-"] {
    -webkit-animation: toRightFromLeft 0.2s forwards;
    -moz-animation: toRightFromLeft 0.2s forwards;
    animation: toRightFromLeft 0.2s forwards;
}


@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(100%);
    }

    50% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translate(-100%);
    }

    51% {
        opacity: 1;
        filter: alpha(opacity=100);
    }
}




@-moz-keyframes toRightFromLeft {
    49% {
        -moz-transform: translate(100%);
    }

    50% {
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-transform: translate(-100%);
    }

    51% {
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

.main-content-wrap img { margin: 0px 20px 20px 20px; }

.main-content-wrap-2 { margin: 0px 20px 20px 20px; }

.min-content-ht {min-height:600px;} 

.bannerbg {  padding:1px 0 0px 0; /*background-color:rgba(255,255,255,0.3);*/}

.accredit-media {min-width:170px}


/* Collapse
 * -------------------------- */
.panel-group .panel {
    margin-left: 50px;
    overflow: visible;
    position: relative;
    border-radius: 0;
    border: 0;
}

.panel-group .panel .panel-title > a:hover, .panel-group .panel .panel-title > a:focus {
    text-decoration:none;
}

.accordion-toggle:before, .accordion-toggle.collapsed:before {
    content: '';
    width: 37px;
    height: 37px;
    background-color: #185592;
    display: block;
    position: absolute;
    top: -1px;
    left: -50px;
}

.accordion-toggle.collapsed:before {
    background-color: #185592;
}

.accordion-toggle:after, .accordion-toggle.collapsed:after {
    font-size: 14px;
    content: "-";
    position: absolute;
    top: 10px;
    left: -34px;
    color: #fff;
}

.accordion-toggle.collapsed:after {
    content: "+";
    left: -36px;
}


/* Accordion Right Nav
 * -------------------------- */

.panel-group.accordion-nav > .panel { border:none; background:none; padding:0; margin:3px 0;}

.panel-group.accordion-nav > .panel .panel-heading { border:none; background:none; padding:0; margin:0;}

.panel-group.accordion-nav > .panel .panel-heading a {color:#333; text-decoration:none; display: block; width: 100%; padding:8px 8px 8px 22px; margin:0; background:#fff; border-left:1px solid #f1f1f1; border-right:1px solid #f1f1f1; border-top:1px solid #f1f1f1; border-bottom:2px solid #f1f1f1; }

.panel-group.accordion-nav > .panel .panel-heading a:hover {color:#185592; text-decoration:none; border-bottom:2px solid #185592;}
.panel-group.accordion-nav > .panel .panel-heading a.active {color:#333; text-decoration:none; border-bottom:2px solid #185592;}

.panel-group.accordion-nav .panel {
    margin-left: 0px;
    overflow: visible;
    position: relative;
    border-radius: 0;
    border: 0;
}

.panel-collapse > a.list-group-item.active { background:#f1f1f1; border-color:#ebebeb; color:#333; }
.panel-collapse > a.list-group-item {  }

.accordion-icon:before, .accordion-icon.collapsed:before {
    content: '';
    /*width: 37px;
    height: 37px;
    background-color: #185592;*/
    display: block;
    position: absolute;
    top: -1px;
    left: 0px;
}

.accordion-icon.collapsed:before {
    /*background-color: #185592;*/
}


.accordion-icon:after, .accordion-icon.collapsed:after {
    font-size: 14px;
    font-family: 'FontAwesome';
    content: '\f0aa';
    position: absolute;
    top: 10px;
    left: 5px;
    color: #333;
}

.accordion-icon.collapsed:after {
    /*content: "+";*/
    font-family: 'FontAwesome';
  content: '\f0ab';
    left: 5px;
    color: #333;
}

.well-blue {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #185592;
  border-radius: 0px 20px 0px 20px;
}

.well-grey {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #e1e1e1;
  border-radius: 0px 20px 0px 20px;
}

.panel-height {  min-height: 200px; }

/* Tab Panel */

a > .box-tab, a:link > .box-tab, a:hover > .box-tab {border:1px solid #ebebeb; text-decoration:none; color:#000}

a > .box-tab > .footer {padding:10px; background-color: #f1f1f1; text-decoration:none; }

a:hover > .box-tab > .footer {padding:10px; background-color: #185592; text-decoration:none !important; color:#fff }

a.active > .box-tab > .footer {padding:10px; background-color: #185592; text-decoration:none !important; color:#fff }

a > .footer2 img, a:link > .footer2 img {display:none;}

a.active > .footer2 img {  height:40px; display:inline; }

.media-object { border:3px solid #ebebeb}

/* Event Styles */

.body-event { min-height:160px;}


/* Footer 1
 * -------------------------- */
#footer-1 {
    background-color: #363636;
    padding: 50px 0;
    position: relative;
	color:#fff;
}

#footer-1 a {
    color: #fff;
}

#footer-1 a:hover {
    color: #fff;
}

#footer-1 i {margin-top:2px;}

#footer-1 hr {
    border:1px dotted #626262; margin:8px 0;
}


/* Footer 2
 * -------------------------- */
#footer-2 {
    background-color: #252525;
    padding: 20px 0;
    color: #ecf0f1;
}

#footer-2 .footer-info-wrapper {
    
}

#footer-2 a {
    color: #fff;
}

#footer-2 a:hover {
    color: #2ecc71;
	text-decoration:none;
}

/*Toggle Button CSS*/
.toggle-btn .fa {
    color: #fff;
    position: absolute;
    cursor: pointer;
    top: 6px;
}

.toggle-btn .switch {
    position: relative;
    display: inline-block;
    width: 54px;
    height: 27px;
}

    .toggle-btn .switch input {
        display: none;
    }

.toggle-btn .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #C54C4C;
    -webkit-transition: .4s;
    transition: .4s;
}

    .toggle-btn .slider:before {
        position: absolute;
        content: "";
        height: 21px;
        width: 21px;
        left: 3px;
        bottom: 3px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

.toggle-btn input:checked + .slider {
  
background-color: #46AA73;
}

.toggle-btn input:focus + .slider {
    box-shadow: 0 0 1px #46AA73;
}

.toggle-btn input:checked + .slider:before {
    -webkit-transform: translateX(27px);
    -ms-transform: translateX(27px);
    transform: translateX(27px);
}

.toggle-btn .slider.round {
    border-radius: 34px;
}

    .toggle-btn .slider.round:before {
        border-radius: 50%;
    }

.toggle-btn .fa-check {
    left: 10px;
}

.toggle-btn .fa-remove {
    right: 10px;
    z-index: 1;
}

.mailing-label {padding-left:10px; padding-top:3px;}

/*End Toggle Button CSS*/




@media (max-width: 1200px) {
.strapline {display:none;}
.panel-vendor { min-height:100px}
}

@media (max-width: 1170px) {
.panel-height { min-height: 220px;}
.strapline {display:none;}
}

@media (max-width: 1000px) {
.bluelogo { margin:20px 0 0 0; max-width:140px;  }
.panel-height { min-height: 210px;}
}

@media (max-width: 1000px) {
.bluelogo { max-width:120px; margin:10px 0 0 20px; }
}

@media (max-width: 870px) {
.panel-height { min-height: 230px;}
}


@media (max-width: 768px) {
.bluelogo { margin:15px 0 10px 20px; max-width:120px;  }
.panel-height { min-height: 180px;}
.panel-vendor { min-height:50px}
.search-form {
    width:100%;
    margin:10px 0;
    max-width:768px;
}
body {padding-top:100px;}
.hero h1 {font-size: 2em; }
.hero h3 {line-height:30px; font-size: 1em; }
.hero h1.trend {font-size: 1.5em; }
.btn.btn-trend { margin: 10px 0 0 0;}
h2.tab {font-size: 0.9em; }	
#footer-2 .footer-info-wrapper, #footer-2 .social-link-wrapper {text-align: center;}
#footer-2 .social-link-wrapper .social-links {float: inherit;}
.container-blue h3 { font-size:20px}
}

@media (max-width: 600px) {
.main-content-wrap img { display:none; }
.sm-no-img img { display:none; }
.panel-height { min-height: 100px;}
.search-form {
    width:100%; margin:10px 0;}
}