@charset "UTF-8";
/*!
Theme Name: Corpboot
Theme URI: http://www.rafamemmel.com/themes/corpboot
Description: Corporate HTML5 Template based on twitter bootstrap.
Version: 1.0
Author: Rafael Memmel
Author URI: http://www.rafamemmel.com
*/

/* Table of Content
==================================================
#GENERAL
#HOME
#ABOUT AND SERVICES
#PORTFOLIO
#PRICING
#BLOG
#CONTACT AND GENERAL FORMS
#NAVBAR
#SLIDER
#FOOTER
*/

/* ---------------------------------------------------------------------- */
/*  Import Google Fonts
/* ---------------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css?family=Roboto:100,400,400italic,300,300italic,500,500italic,700,700italic');

/** GENERAL **/
body{
    font-family:'Roboto',sans-serif;
    font-weight:400;
    color:#555;
    background-color:#FDFEFE;
    overflow-x:hidden;
    font-size:17px;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust:100%;
    -moz-osx-font-smoothing:grayscale;
}
.page{
    min-height:400px;
    overflow:hidden
}
span.nowrap {
    white-space: nowrap;
}
ul.listicon-check li {
    padding-left:1em;
    list-style:none;
    margin-bottom:4px
}
ul.listicon-check li:before {
    content:"\f00c";
    font-family:FontAwesome;
    display:inline-block;
    width:1.5em;
    margin-left:-1.5em
}
ul.listicon-times li {
    padding-left:1em;
    list-style:none;
    margin-bottom:4px
}
ul.listicon-times li:before {
    content:"\f00d";
    font-family:FontAwesome;
    display:inline-block;
    width:1.5em;
    margin-left:-1.5em
}
ul.listicon-angle-right li {
    padding-left:1em;
    list-style:none;
    margin-bottom:4px
}
ul.listicon-angle-right li:before {
    content:"\f105";
    font-family:FontAwesome;
    display:inline-block;
    width:1em;
    margin-left:-1.5em
}
ul.newslist {
    padding-left: 2px;
}
ul.newslist li {
    list-style: none;
    font-size: .9em;
    font-weight: 600;
    margin-bottom:15px
}
    ul.newslist li a {
        font-size: 1em !important;
        font-weight: 400 !important;
    }

.goup-container{
    z-index:30;
    opacity:.9;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    background:#0075c8;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear
}
.goup-container:hover{
    -webkit-animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform:translate3d(0, -5px, 0);
    transform:translate3d(0, -5px, 0)
}
.goup-arrow{
    color:transparent
}
.goup-arrow:after {
    position:absolute;
    font-family:FontAwesome;
    top:0;
    left:12px;
    top:1px;
    font-size:25px;
    font-weight:700;
    content:"\f106";
    color:#FFF
}
.text-color{
    color:#2574A9;
}
th{
    font-family:'brandon-grotesque', sans-serif;
    font-weight:600;
    background-color:#0075c8;
    border-color:#0075c8;
    color:#FFF;
}
table.pub-pres-table th, table.pub-pres-table td {
		padding: 5px;
		vertical-align:top;
		text-align:left;
}
table.pub-pres-table td.date {
font-size: 13px;
min-width:100px;

}
table.pub-pres-table td .item {
width:48%;
display:inline-block;
vertical-align:top;	
}
table.pub-pres-table td {
padding-bottom: 20px;	
padding-top: 10px;
}

table.pub-pres-table .odd td {
	background:#f5f5f5;
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td, 
.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{
    padding: 9px;
    line-height: 1.5;
}
.row{
    margin:0;
    padding:0
}
hr{
    border-top:1px solid #EEE;
    margin-top:25px;
    margin-bottom:25px;
    clear: both;
    
}
a{
    color:rgb(0,117,200);
    text-decoration:none
}
a:visited{
    color:rgb(0,117,200);
    text-decoration:none
}
a:hover{
    color:#0075c8;
    text-decoration:underline;
}
a:focus{
    outline:none
}
h1,h2,h3,h4,h5,h6{
    font-family:'Roboto', sans-serif;
    font-weight:300;
    padding-top:0;
    margin-top:0px;
    line-height: 1.4em;
    color: rgb(0,117,200);
    margin-bottom: 20px;
    font-size: 1.3em;
}
h1{
    margin-bottom:24px; 
    font-weight: 600;
    color: #fff;
}
    /*#index h1 { font-family:'brandon-grotesque', sans-serif; }*/

h2 { 
    font-weight: 300; 
    line-height: 1.2em;
}


h3{
    margin-bottom:20px;
    font-size:27px;
    line-height:35px;
    /*text-transform: uppercase;*/
}
h4{
    margin-bottom:19px;
    font-size:22px;
    line-height:30px;
    padding-top:5px
}
h5{
    margin-bottom:18px;
    font-size:18px
}
h6{
    margin-bottom:18px;
    font-size:15px
}
p, #main li {
    margin-bottom:14px;
    line-height:1.4em;
}

ol.references {
    font-size: .8em;
    line-height: 110%;
    padding-top: 10px;
    padding-left: 22px;
}
#main ol.references li { margin-bottom: 5px;  }

.img-rounded{
    -webkit-border-radius:4px;
    border-radius:4px
}
.img-round{
    -webkit-border-radius:100px;
    border-radius:100px
}
.h-underline{
    padding-bottom:12px;
    margin-bottom:28px;
    position:relative;
    border-bottom:solid 1px rgba(0, 0, 0, 0.07);
    color:#044A67
}
p.h-underline{
    color:#555555;
    margin-top: -15px;
}
.h-underline i{
    color:#2574A9
}
.h-underline:before{
    position:absolute;
    content:"";
    height:1px;
    background:#BDC3C7;
    width:30%;
    max-width:150px;
    bottom:-1px;
    left:0
}
.h-underline2{
    padding-bottom:5px;
    border-bottom:solid 1px #DADADA;
    margin-bottom:10px;
    color:#044A67
}

.h-underline-green{
    padding-bottom:12px;
    margin-bottom:10px;
    position:relative;
    border-bottom:solid 1px #7eb8e4;
    /*color:#044A67*/
}
.h-underline-green i{
    color:#2574A9
}
.h-underline-green:before{
    position:absolute;
    content:"";
    height:4px;
    background:#7eb8e4;
    width:30%;
    max-width:150px;
    bottom:-1px;
    left:0
}

.h-underline-green2{
    padding-bottom:18px;
    margin-bottom:35px;
    position:relative;
    border-bottom:solid 1px #7eb8e4;
    /*color:#044A67*/
}
.h-underline-green2 i{
    color:#2574A9
}
.h-underline-green2:before{
    position:absolute;
    content:"";
    height:5px;
    background:#7eb8e4;
    width:45%;
    max-width:250px;
    bottom:-1px;
    left:0
}

.title{
    position:relative;
    overflow:hidden;
    margin-top:85px;
    color:#FFF;
    background-color:#033f58;
    vertical-align:middle;
    height:200px;
    text-transform:uppercase
}
.title div.bgtitle{
    width:100%;
    height:100%;
    background-color:#222;
    opacity:.7;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70)
}
.title h2{
    position:absolute;
    width:100%;
    font-size:45px;
    color:#FFF;
    top:60px;
    z-index:10;
    text-align:center
}
.title h2:after{
    content:'';
    width:80px;
    display:block;
    background:#FFF;
    height:1px;
    margin:12px auto;
    line-height:1
}
.lead{
    margin-bottom:30px
}
.breadcrumb-container{
    font-family:'brandon-grotesque', sans-serif;
    font-weight:500;
    text-transform:uppercase;
    width:100%;
    margin-top:85px;
    background-color:#044A67;
    color:#D5D5D5
}
.breadcrumb {
    width:100%;
    margin:0;
    padding:20px 0;
    list-style:none;
    background-color:transparent;
    font-size:15px;
    -webkit-border-radius:0;
    border-radius:0
}
.breadcrumb > li {
    display: inline-block
}
.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #D5D5D5;
    content: "/\00a0";
     font-weight:300
}
.breadcrumb > li a{
    color: #D5D5D5
}
.breadcrumb > .active {
  color: #FFF;
  font-weight:600
}
.margin-bottom-20 { margin-bottom: 20px; }
.margin-zero{
    margin:0!important;
    margin-right:0!important;
    margin-left:0!important;
    margin-bottom:0!important;
    margin-top:0!important
}
.padding-zero{
    padding:0!important;
    padding-right:0!important;
    padding-left:0!important;
    padding-bottom:0!important;
    padding-top:0!important
}
.badge-notify{
    background:#FFF;
    color:#BDC3C7;
    border:solid 1px #BDC3C7;;
    font-size:9px;
    padding:3px 5px;
    position:relative;
    top: -12px;
    left: -10px;
}
.container-fluid{
    padding:0
}

.container-fluid.page {
/*    background-image:-moz-linear-gradient(13% -4% -90deg,rgb(228,228,228) 0%,rgb(255,255,255) 99%); 
    background-image:-webkit-gradient(linear,13% -4%,13% 53%,color-stop(0, rgb(228,228,228)),color-stop(0.99, rgb(255,255,255)));
    background-image:-webkit-linear-gradient(-90deg,rgb(228,228,228) 0%,rgb(255,255,255) 99%);
    background-image:linear-gradient(180deg,rgb(228,228,228) 0%,rgb(255,255,255) 99%);
    border-top: 20px solid #CCC;*/
    padding-bottom: 70px;
}

.bg-gray{
    background:#89898D url(../images/bg-home-gray.jpg) center right no-repeat;
    padding:20px 0 30px 0;
   /* border-top:solid 1px #F0F0F0;
    border-bottom:solid 1px #F0F0F0*/
}
    .bg-gray h1, .bg-gray a, .bg-gray p, .bg-gray li {
        color: #FFF;
    }

    #index .bg-gray h1 {
        /*max-width: 600px;*/
    }

.bg-darkblue{
    background-color:#014964;
    padding:50px 0;
    border-top:solid 1px #F0F0F0;
    border-bottom:solid 1px #F0F0F0;
    color: #FFF;
}
    .bg-darkblue a, .bg-darkblue p, .bg-darkblue li {
        color: #FFF;
    }
#index .bg-white{
    padding:40px 0 55px 0;
}
.bg-buy{
    padding:40px 0;
    background: #F3F3F4;
    border-top:solid 1px #F0F0F0;
    border-bottom:solid 1px #F0F0F0
}
.space{
    display:none;
    height:20px
}
.hoffset1{
    margin-right:5px
}
.hoffset2{
    margin-right:10px
}
.hoffset3{
    margin-right:15px
}
.hoffset4{
    margin-right:30px
}
.hoffset5{
    margin-right:40px
}
.hloffset1{
    margin-left:5px
}
.hloffset2{
    margin-left:10px
}
.hloffset3{
    margin-left:15px
}
.hloffset4{
    margin-left:30px
}
.hloffset5{
    margin-left:40px
}
.voffset1{
    margin-top:5px !important;
}
.voffset2{
    margin-top:10px
}
.voffset3{
    margin-top:15px
}
.voffset4{
    margin-top:30px
}
.voffset5{
    margin-top:40px
}
.vboffset1{
    margin-bottom:5px
}
.vboffset2{
    margin-bottom:10px
}
.vboffset3{
    margin-bottom:15px
}
.vboffset4{
    margin-bottom:30px
}
.vboffset5{
    margin-bottom:40px
}
.fs404 {
    padding-top:0.3em;
    font-size:75%
}

.hlpadding0 { padding-left: 0!important;  }
@media (max-width: 991px){
    .hlpadding0mbl { padding-left: 0!important;  }
}

/** HOME **/
.intro-text{
    text-transform:uppercase;
    letter-spacing:.01em;
    color:#044A67
}
.home-icons{
    padding:18px 0 22px;
    margin-top:-20px;
    text-align:center;
    overflow:hidden
}
.home-icons .fa,.home-icons .glyphicon{
    display:inline-block;
    color:#2574A9;
    border:solid 1px #BDC3C7;
    width:110px;
    height:110px;
    font-size:48px;
    line-height:110px;
    text-align:center;
    margin:20px 0 -5px;
    text-decoration:none;
    -webkit-border-radius:70px;
    border-radius:70px;
    -webkit-transition:all .25s linear;
    -moz-transition:all .25s linear;
    -o-transition:all .25s linear;
    transition:all .25s linear;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.home-icons .fa:hover,.home-icons .glyphicon:hover{
    background-color:#2574A9;
    color:#FFF;
    border:0;
    -webkit-animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform:translate3d(0, -5px, 0);
    transform:translate3d(0, -5px, 0)
}
.tithi{
    color:#044A67;
    text-transform:uppercase;
    font-size:20px;
    font-weight:600
}
.texthi{
    font-size:90%;
    line-height:22px
}
.blognews a img{
    -webkit-transition:all .5s linear;
    -moz-transition:all .5s linear;
    -o-transition:all .5s linear;
    transition:all .5s linear;
    -webkit-filter:grayscale(40%);
    -o-filter:grayscale(40%);
    filter:grayscale(40%);
}
.blognews a img:hover{
    -webkit-filter:grayscale(0%);
    -o-filter:grayscale(0%);
    filter:grayscale(0%);
}
.blognews ul{
    padding-top:7px
}
.gallery img{
    width:70px;
    height:53px;
    margin-right:5px;
    margin-bottom:10px;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity:.9;
    -webkit-transition:all .5s linear;
    -moz-transition:all .5s linear;
    -o-transition:all .5s linear;
    transition:all .5s linear;
    -webkit-filter:grayscale(80%);
    -o-filter:grayscale(80%);
    filter:grayscale(80%);
}
.gallery img:hover{
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity:1;
    -webkit-filter:grayscale(0%);
    -o-filter:grayscale(0%);
    filter:grayscale(0%)
}
a.gallery:hover{
    text-decoration:none !important
}

.roundedwhite {
    background: #FFF;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 20px 30px;
}
    .roundedwhite h3 {
        color:#27A4D0;
        margin-top: 0;
        margin-bottom: 5px;
    }
    .roundedwhite h5, .roundedwhite a {
        color:#004864;
        line-height: 1.4em;
    }

    .roundedwhite h5:last-child {
        margin-bottom: 0;
    }

/*Fixed background image and background video*/
#index .bg-img-fixed{
    content:"";
    position:absolute;
    width:100%;
    top:0;
    left:33px;
    height:540px;
    background:url('../images/twotone-bg.png');
    background-repeat: repeat-x;
    background-position: 0 0;
}

@media only screen and (min-width: 1200px) {
    #index .bg-img-fixed{
        left: calc(50% - 600px);
    }
}

#index .bg-img-fixed-content{
    background-color:#fff;
    margin:0px 0 0 0;
    padding-top:150px;
    position:relative;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    height:540px;
    overflow:hidden;
    left: 0;
}

#index .shadow {
    position: absolute;
    width: 100%;
    height: 48px;
    left: 0;
    bottom: 0;
    z-index: 11;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.10) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.10) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.10) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#40000000',GradientType=0 ); /* IE6-9 */
}

#index .curve-holder {
    position: absolute;
    width: 1170px;
    margin: 0 auto;
}

#index .curve {
    position: absolute;
    background: transparent url('/assets/images/curve-white-bg.png') no-repeat 0 0;
    width: 544px;
    height: 597px;
    margin: -150px 0 0;
    left: -80px;
}

#index .product {
    position: absolute;
    top: 160px;
    right: 70px;
    width:390px;
    height:auto;
}

#index .home-promo {
    padding-left: 424px;
}
#index .home-promo h1 {
    font-family: 'brandon-grotesque', sans-serif;
    color: #1875bb;
    font-weight: 900;
    font-size: 53px;
    display: inline-block;
    width: auto;
    margin: 0 0 15px -3px;
    padding-bottom: 14px;
    background: transparent url('/assets/images/underline-h1.png') no-repeat bottom 0 left 3px;

}

#index .home-promo h2 {
    font-family: 'brandon-grotesque', sans-serif;
    color: #555555;
    font-weight: 800;
    font-size: 24px;
    line-height: 28px;
    margin: 7px 0 44px 0;
}

#index .home-promo h2 .light {
    font-size: 22px;
    line-height: 28px;
    font-weight: 300;
}

#index .home-promo h3 {
    font-family: 'brandon-grotesque', sans-serif;
    color: #1875bb;
    font-size: 21px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 75px;
}

#index .home-promo .btn-primary-corp-big {
    font-family: 'Roboto', sans-serif;
    margin-bottom: 60px;
}

#index .home-promo .bottom {
    display: table;
    position: relative;
    top: 90px;

}
@media only screen and (max-width: 1200px){
    #index .home-promo .bottom {
        top: 83px;
    }
}
@media only screen and (max-width: 992px){
    #index .home-promo .bottom {
        top: 173px;
    }
}



#index .home-promo p {
    color: #ffffff;
    font-size: 14px;
    width: 356px;
    padding-right: 24px;
    border-right: 1px solid #fff;
    display: table-cell;
    vertical-align: top;
    margin: 0;
    font-family: 'Roboto', sans-serif;
}

#index .home-promo > .logo-container {
    width:280px;
    height:184px;
    margin:10px 0 0 5px;
}
#index .home-promo > .logo-container > img{
    padding-top: 10px;
    width: 90%;
}
@media only screen and (max-width: 992px){
    #index .home-promo > .logo-container {
        margin-left:0;
        margin-top:40px;
    }
}

#index .home-promo .logo-dsuvia-knockout-white {
    display: table-cell;
    padding-right: 40px;
}
.dsuvia-btn-cont{
    padding: 2px 0 10px 0;
    display: table-cell;
    vertical-align: top;
}

.dsuvia-btn-cont .note {
    padding-top: 10px;
    font-size: 14px;
    line-height: 1.25em;
    font-family: 'Roboto', sans-serif;
    color: #fff;
}
.dsuvia-btn-cont .note a {
    text-decoration: underline;
    color: #fff;
}


#index .bg-white .subhead-holder-underline {
    border-bottom: 1px solid #7eb8e4;
    margin-bottom: 28px;
}

#index .bg-white .subhead-holder-underline  h2 {
    font-family: 'brandon-grotesque', sans-serif;
    color: #0075c8;
    font-weight: 500;
    padding-bottom: 5px;
    display: inline-block;
    border-bottom: 8px solid #7eb8e4;
    margin-bottom: -8px;
    background: none;
    font-size: 30px !important;
    line-height: 33px;
}

#index .barker p {
    font-size: 14px;
    line-height: 1.25em;
    color: #262626;
    margin-left: 20px;
}

#index .barker-content {
    display: table;
    width: 100%;
}

#index .barker-content .barker-content-left {
    display: table-cell;
    vertical-align: top;
    /*width: 40%;*/
    max-width: 220px;
    width: 220px;
}

#index .barker-content .barker-content-right {
    display: table-cell;
    vertical-align: top;
    width: auto;
    padding-right: 10px;
}
#index .barker-content .barker-content-right.first-barker p{
    margin:0;
    font-size: 22px;
    line-height: 27px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    padding-top: 0;
    color: rgb(0,117,200);
}
#index .float-left {
    float: left;
}
#index .clearfix {
    clear: both;
}

#index .barker img {
    margin: 3px 0 20px;
    max-width: 100%;
}

#index .margin-right-20 {
    margin-right: 20px;
}

#index .bg-white h4 {
    padding-top: 0;
}

#index .bg-white h5 {
    color: rgb(0,117,200);
    font-weight: 400;
    font-size: 19px
}

#index .show-for-tablet {
    display: none;
}


.bs-callout {
    padding: 25px 30px 25px 25px;
    margin: 25px 0;
    background: #f5f5f5;
    border-bottom: 10px solid #7eb8e4;
    border-radius: 5px;
}
@media (max-width: 400px){
    .bs-callout {
        padding-left: 2%;
    }
}

.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}

.bs-callout p:last-child {
    margin-bottom: 0;
}
/*SENIOR MANAGEMENT*/
.snr-fade{
    opacity: 0;
    -webkit-animation-name: fadein; /* Safari, Chrome and Opera > 12.1 */
    -webkit-animation-duration: 1000ms;
    -webkit-animation-delay: 300ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: fadein; /* Firefox < 16 *!*/
    -moz-animation-duration: 1000ms;
    -moz-animation-delay: 300ms;
    -moz-animation-fill-mode: forwards;
    animation-name:fadein;
    animation-duration: 1000ms;
    animation-delay: 300ms;
    animation-fill-mode: forwards;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Firefox < 16 *!*/
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}




/* Imported Press Releases */

#index .latest-news * { font-size: .9em;  }

.latest-news .date {
    font-weight: bold;
}
.latest-news a {
    display: block;
    font-weight: normal;
    margin-bottom: 15px;
}

.page-media .latest-news .date {
    float: left;
    width: auto;
}
.page-media .latest-news a {
    margin-left: 13%;
}
@media (max-width: 670px){
    .page-media .latest-news a {
        margin-left: 32%;
    }
}
.page-media .latest-news div { 
    padding: 15px 0 5px 0;
    border-bottom: 1px solid #eee;
}



/* OWL Carousel */

.owlcarousel .item a img{
    display:block;
    width:100%;
    height:auto;
    -webkit-transition:all .5s linear;
    -moz-transition:all .5s linear;
    -o-transition:all .5s linear;
    transition:all .5s linear;
    filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -o-filter:grayscale(100%);
    -webkit-filter:grayscale(100%);
    -webkit-filter:grayscale(1);
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity:.9
}
.owlcarousel .item a img:hover{
    filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter:grayscale(0%);
    -o-filter:grayscale(0%);
    filter:grayscale(0%);
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity:1
}
.owlcarousel .owl-controls{
    margin-top:5px;
    text-align:center;
}
.owl-theme .owl-controls .owl-nav [class*=owl-]{
    font-family:'brandon-grotesque', sans-serif;
    font-weight:900;
    font-size:38px!important;
    width:27px;
    height:40px;
    line-height:30px!important;
    font-weight:700!important;
    padding:0 4px!important;
    background:#FFF !important;
    color:#BDC3C7!important;
    -webkit-border-radius:20px !important;
    border-radius:20px !important;
}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{
    background:#FFF !important;
    color:#777!important;
}


/** PIPELINE **/

.skills {
    border-radius: 5px;
    padding: 0px 30px 20px 30px;
    border: 1px solid #eee;
}

.skills > h5 {
    margin: 30px 0 5px;
}
.progress { height: 40px;  }
.progress-bar{
    background-color:rgba(0,117,200,.54) !important;
    -webkit-print-color-adjust:exact; /* enables printing of the background colors in Chrome */
    font-size:13px;
    line-height:20px
}
.progress { position: relative;  }
.progress ul { 
    position: absolute; 
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    }
    .progress ul li {
        display: inline-block;
        float: left;
        width: 16%;
        height: 40px;
        margin: 0 auto;
        padding-top: 12px;
        color: rgba(0,0,0,.6);
        text-transform: uppercase;
        border-left: 1px solid rgba(0,0,0,.1);
        font-weight: 600;
        /*font-size: 14px;*/
        font-size: 7px;
    }
    .progress ul li:first-child {
        border-left: none;
    }


/** PUBLICATIONS **/

.pub {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}


/** ABOUT AND SERVICES **/

/* About */


.socialstaff li a{
    display:inline-block
}
.socialstaff li a .fa-facebook-square{
    color:#3b5998;
}
.socialstaff li a .fa-twitter-square{
    color:#00aced;
}
.socialstaff li a .fa-google-plus-square{
    color:#d34836;
}
.socialstaff li a .fa-pinterest-square {
    color:#cb2027;
}
.socialstaff li a .fa-flickr-square{
    color:#ff0084;
}
.socialstaff li a i.fa-linkedin-square{
    color:#007bb6;
}
.counter,.number{
    font-family:'Roboto',sans-serif!important
}

/* Services */
.servdesc > h3{
    color:#033f58
}
.ico-services{
    color:#2574A9;
    text-align:center;
    padding-top:10px
}

/* Accordion */
.panel{
    -webkit-box-shadow:none;
    box-shadow:none
}
.panel-collapse{
    border:0
}
.panel-group{
    margin-bottom:30px
}
.panel-group .panel{
    background:transparent;
    margin-top:2px;
    border:0;
    -webkit-border-radius:4px;
    border-radius:4px
}
.panel-group .panel-heading{
    position:relative;
    background-color:#EEE;
    border-bottom:0;
    -webkit-border-radius:4px;
    border-radius:4px
}
.panel-heading{
    padding:0
}
.panel-group .panel-heading:after{
    font-family:FontAwesome;
    content:"\f078";
    font-size:14px;
    font-weight:700;
    color:#BDC3C7;
    position:absolute;
    right:15px;
    top:50%;
    margin-top:-8px
}
.panel-group .panel-heading h4{
    margin-top:0;
    padding-top:0
}
.panel-group .panel-heading a{
    font-weight:500;
    color:#044A67;
    display:block;
    padding:12px 15px
}
.panel-group .panel-heading a:hover,.panel-group .panel-heading a:active,.panel-group .panel-heading a:focus{
    color:#2574A9;
    text-decoration:none
}
.panel-group .panel-heading a i{
    margin-right:5px;
    color:#e91b23
}
.panel-group .panel-body,.collapse .panel-body{
    border:0!important
}

/** PORTFOLIO **/

.vnbx-title{
    background-color:#033f58!important
}
.contact-por h4{
    display:inline-block
}
.grabbing { 
    cursor:url(../images/grabbing.png) 8 8, move !important
}
#grid .mix{
    opacity:0;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    display:none;
    padding:10px
}
.portfolio-filters{
    margin:0 auto 30px;
    text-align:center;
}
.portfolio-filters li,.nav-tabs>li>a{
    display:inline-block;
    padding:10px 15px;
    text-transform:uppercase;
    color:#2574A9;
    background-color:#F1F1EF;
    font-weight:600;
    max-height:40px;
    -webkit-border-radius:4px;
    border-radius:4px;
    cursor:pointer;
    transition:all 0.4s ease-in-out;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out
}
.portfolio-filters li:hover,.portfolio-filters li.active:hover,
.nav-tabs>li>a:hover,.nav-tabs>li>a:focus{
    background-color:#0075c8; 
    color:#fff
}
.portfolio-filters li.active{
    background-color:#2574A9;
    color:#fff
}
.item-img-wrap{
    -webkit-border-radius:4px!important;
    border-radius:4px!important;
    position:relative;
    text-align:center;
    overflow:hidden
}
.item-img-wrap img{
    -webkit-transition:all 200ms linear; 
    -moz-transition:all 200ms linear; 
    -o-transition:all 200ms linear; 
    -ms-transition:all 200ms linear; 
    transition:all 200ms linear;
    -webkit-border-radius:4px!important;
    border-radius:4px!important
}
.item-img-overlay{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    -webkit-border-radius:4px!important;
    border-radius:4px!important
}
.item-img-overlay span{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:url(../images/plus.png) no-repeat center center rgba(37, 116, 169, 0.5);
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter:alpha(opacity=0);
    opacity:0;
    -webkit-transition:opacity 250ms linear;
    transition:opacity 250ms linear
}

.item-img-wrap:hover .item-img-overlay span{
    opacity:1;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.item-img-overlay h5{
    width:100%;
    font-size:18px;
    font-weight:500;
    position:absolute;
    bottom:-18px;
    text-align:center;
    color:#fff;
    text-transform:uppercase;
    background:rgba(34, 34, 34, 0.4);
    padding:10px 5px
}

/** PRICING **/

.corp-pricing{
    border:1px solid #EEE;
    text-align:center;
    background-color:#F9F9F9;
    -webkit-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow:0 2px 0 0 rgba(0,0,0,0.08);
    box-shadow:0 2px 0 0 rgba(0,0,0,0.08)
}
.corpboot-price-title{
    border-bottom:1px solid #EEE;
    padding:15px 0;
    background:#2574A9;
    position:relative;
    -webkit-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
    color:#FFF
}
.corpboot-price-title h3{
    margin:0px;
    font-size:18px;
    text-transform:uppercase;
    color:#FFF;
}
.corpboot-price-title h2{
    font-size:38px;
    margin-bottom:20px
}
.corpboot-price-title sup{
    top:.05em;
    font-size:32px;
    margin-right:3px;
}
.corpboot-price-title sub{
    color:#F9F9F9;
    font-size:18px;
    margin-left:2px;
}
.popular-title sub{
    color:#F5F5F5;
}
.corpboot-price-content{
    padding:20px 0;
}
.corpboot-price-content p{
    margin:0px;
    padding:10px 0;
    border-bottom:1px solid #EEE
}
.corp-pricing-btn{
    padding-bottom:20px;
}
span.popular-tag{
    position:absolute;
    right:-6px;
    top:-8px;
    font-weight:600;
    padding:6px 10px;
    color:#FFF;
    background-color:#0075c8;
    border:solid 2px #FFF;
    font-size:12px;
    -webkit-border-radius:5px;
    border-radius:5px
}
.corpboot-price-title.popular-title{
    background-color:#044A67;
}
.corpboot-price-title.popular-title h2{
    color:#fff;
}
.corpboot-price-title.popular-title h3{
    color:#fff;
}

/** BLOG **/

#main{
    padding-top: 30px;
    font-size: 16px;
}
.entry-title{
    font-size:30px;
    margin-bottom: 20px;
    margin-top: 28px;
    color:#044A67
}
.post_content{

    text-align:left;/* justify */
    overflow: hidden;
    padding-right: 1em;
    
}
.post_content h1,.post_content h2,.post_content h3,
.post_content h4,.post_content h5,.post_content h6{
    text-align:left
}
.author{
    font-size:12px;
    text-transform:uppercase;
    color:#044A67;
    line-height:22px;
    margin-bottom:15px;
    letter-spacing:.02em
}
.author i{
    color:#0075c8;
    margin-right:5px
}
.author span{
    color:#999
}
.pagination{
    margin:0
}
.pagination li a{
    margin-left:1px;
    font-size:14px
}
.pagination li a,.pagination li span{
    color:#0075c8;
    border:none;
    background-color:#F5F5F5;
    -webkit-transition:background-color .2s ease-out;
    -moz-transition:background-color .2s ease-out;
    -o-transition:background-color .2s ease-out;
    transition:background-color .2s ease-out
}
.pagination li a:hover,.pagination li span:hover{
    border:none;
    background-color:#0075c8;
    color:#FFF
}
.sidebar{
    padding-top:0;
    margin-top:0
}
.well{
    padding:12px
}
.widget{
    background:transparent;
    border:none;
    /*padding-top:0;*/
    -webkit-box-shadow:none;
    box-shadow:none;
    margin:0 13px 10px 12px;
    font-size:13px;
    letter-spacing:.03em;
    background: #F1F1F1;
    border-radius:0px !important;
    padding: 0px; 
}

.widget ul{
    display: none; /* hides it on small screens */
    /*margin-left:10px; */
    font-size: 16px;
    /*margin-top: -42px;*/
    padding: 30px 0 20px 0;
    background: #ECECEC;
    width: 261px;
    overflow: hidden;
    float: left;
}
.widget ul li{

}

.widget ul li i { /* icon */
    font-size: 80%;
    color: #999; 
}

.widget ul li a{
    display: block;
	color:rgb(0,117,200);
    font-size: 19px;
    letter-spacing: -.01em;
    font-weight: 300;
    margin-bottom:5px;
    padding: 6px 11px 6px 14px;
    border-left: 8px solid rgba(109,217,0,0);
    
}
.widget ul li:first-child a {
    
}
.widget ul li:last-child a {
    
    border-bottom-width: 1px;
}
.widget ul li a:hover, .widget ul li a.current {
    text-decoration:none;
    background: #F6F6F6;
    -webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
    .widget ul li a.current {
        border-left: 8px solid #7eb8e4;       
    }

.entry-meta {
    padding-top:15px
}
.entry-meta div p.tags-links a, .tagcloud a {
    color:#777;
    background:transparent;
    font-size:10px;
    line-height:18px;
    text-transform:uppercase;
    font-weight:700;
    letter-spacing:.05em;
    display:inline-block;
    max-height:28px;
    padding:4px 8px;
    margin:3px 2px;
    border:1px solid #F0F0F0;
    -webkit-border-radius:4px;
    border-radius:4px;
    -webkit-transition:all 0.1s ease-in-out;
    transition:all 0.1s ease-in-out;
}
.entry-meta div p.tags-links a{
    margin:0 1px 10px 0;
}
.entry-meta div p.tags-links a:hover, .tagcloud a:hover{
    background-color:#0075c8;
    border:1px solid #0075c8;
    color:#FFF;
    text-decoration:none
}
.comments-title{
    font-family:'Roboto',sans-serif;
    font-weight:600;
    color:#676767;
    margin:25px 0 
}
.comments,.author-bio,.reply{
    background-color:#F6F6F6;
    padding:20px;
    margin:17px 0;
    -webkit-border-radius:4px;
    border-radius:4px;
    overflow:hidden;
    border-bottom:solid 1px #E1E1E1
}
.author-bio div div ul li{
    padding-right:0
}
.social-author{
    font-size:20px;
    padding:0
}
.reply{
    background-color:#F5F5F5;
    margin:-17px 0 17px;
    padding-left:4em;
}
.author-bio{
    background-color:#F9F9F9;
    border:solid 1px #E9E9E9;
    padding-bottom:5px;
    margin-bottom:25px;
    margin-top:10px
}
.author-bio .media-heading{
    padding-top:0
}
.view-all{
    text-transform:uppercase;
    font-weight:700;
    font-size:13px;
    margin-bottom:0;
    padding-bottom:0
}
.comments h5 small,.reply h5 small{
    font-family:'Roboto',sans-serif;
}
.avatar img{
    max-width:64px;
    min-width:48px;
    -webkit-border-radius:4px;
    border-radius:4px;
    margin:0 15px 15px 0
}
blockquote{
    font-size:16px;
    text-align:left;
    border-left:4px solid #F2F1EF;
    font-style:italic
}
.subscribe-label{
    font-weight:400;
    font-size:13px
}
.btn-reply, .btn-edit{
    display:inline-block;
    min-width:90px;
    text-align:center;
    font-weight:600;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.03em;
    padding:5px 12px;
    margin:2px;
    background-color:#0075c8;
    color:#fff!important;
    -webkit-border-radius:4px;
    border-radius:4px;
    text-decoration:none
}
.btn-edit{
    background-color:#999;
}
.btn-reply:hover,.btn-reply:active,.btn-reply:focus,
.btn-edit:hover,.btn-edit:active,.btn-edit:focus{
    background-color:#2574A9;
    text-decoration:none
}
.btn-reply i{
    margin-right:3px
}
/*Calendar*/
#wp-calendar{
    width:100%;
    font-size:11px
}
#wp-calendar thead th{
    background:#f5f5f5;
    border:1px solid #ddd;
    border-top:none;
    font-size:11px
}
#wp-calendar tbody td{
    text-align:center;
    border:1px solid #ddd;
    line-height:2.5em;
    transition:background 0.15s ease;
    -webkit-transition:background 0.15s ease;
    -o-transition:background 0.15s ease;
    -moz-transition:background 0.15s ease
}
#wp-calendar tbody td:hover{
    background:#f1f1f1;
    color:#333
}
#wp-calendar tbody td a{
    display:block;
    text-decoration:none;
    background:#f1f1f1;
    color:#333
}
#wp-calendar tbody td:hover a{
    background:#999;
    color:#fff
}
#wp-calendar tfoot td{
    padding-top:1px;
    padding:4px;
}
#wp-calendar caption{
    font-family:'Roboto',sans-serif;
    text-align:center;
    background:#eee;
    border:solid 1px #ddd;
    padding:7px 15px;
    font-size:16px;
    font-weight:500;
    line-height:35px;
    text-transform:uppercase;
    margin-bottom:0;
    -webkit-border-radius:4px 4px 0 0;
    border-radius:4px 4px 0 0
}
#wp-calendar tbody a{
    display:block;
    text-decoration:underline
}
#wp-calendar th{
    text-align:center;
    border:1px solid transparent;
    border-top:none;
    padding:7px 0;
    color:#a3a3a3
}
#footer #wp-calendar thead th{
    background:#222
}
#footer #wp-calendar tbody td{
    border-color:#222
}

/** MEDIA SECTION **/

.press-headline { 
	text-align: center;
	font-size: 1.3em;
}

.press-subheadline { 
	text-align: center;
	font-style: italic;
}

.tableReleases td { padding: 10px 20px 10px 0px;  border-bottom: 1px solid #eee; }


/** CONTACT AND GENERAL FORMS **/
#map-canvas{
    width:90%;
    height:250px;
    bottom:0;
    overflow:hidden;
    margin-bottom:20px;
    -webkit-border-radius:7px;
    border-radius:7px
}
.cinfo{
    padding-right:10px;
    padding-top:0!important
}
.cinfo p{
    margin-bottom:0
}
.cinfo div i{
    width:25px;
    min-width:25px;
    text-align:center;
    color:#FFF;
    margin:4px 8px 8px 0;
    background-color:#2574A9;
    padding:5px 0;
    -webkit-border-radius:4px;
    border-radius:4px
}
.cinfo div p{
    border-bottom:1px solid #EEE;
    margin-bottom:7px
}
#alertform{
    padding:20px 5px;
    background:none;
    border:none;
    text-align:right;
    margin-top:-20px;
    font-size:13px;
    display:none
}
input{
    border:solid 1px #E5E5E5;
    background-color:#F9F9F9;
    color:#777;
    -webkit-box-shadow:none;
    box-shadow:none
}
textarea,.selectcorp,.form-control,.inputbr{
    width:100%;
    height:auto;
    min-height:40px;
    padding:8px 9px;
    border:solid 1px #E5E5E5;
    background-color:#F9F9F9;
    color:#777;
    -webkit-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:none;
    box-shadow:none
}
.inputbr{
    background-color:#F1F1F1;
    margin:10px 0;
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.form-control::-moz-placeholder{
    color:#999;
    opacity:1
}
.form-control:-ms-input-placeholder{
    color:#999
}
.form-control::-webkit-input-placeholder{
    color:#999
}
.form-control:focus,.btn-group.open .dropdown-toggle,
.inputbr:focus{
    border-color:#BDC3C7;
    -webkit-box-shadow:none;
    box-shadow:none;
    outline:0
}
.bootstrap-select > .open{
    padding-top:10px;
    border:solid 1px #BDC3C7;
    background-color:#F9F9F9;
    margin-top:-11px;
    border-top:0;
    -webkit-border-top-left-radius:0;
    -webkit-border-top-right-radius:0;
    border-top-left-radius:0;
    border-top-right-radius:0
}
.bootstrap-select.btn-group .dropdown-menu.inner{
    background:transparent;
    -webkit-box-shadow:none;
    box-shadow:none
}
.bootstrap-select.btn-group .dropdown-menu.inner > li > a:hover{
    background-color:#F1F1F1;
    color:#333
}
.dropdown-menu{
    /*-webkit-border-radius:4px;
    border-radius:4px;*/
    -webkit-box-shadow:0 2px 0 0 rgba(0,0,0,0.08);
    box-shadow:0 2px 0 0 rgba(0,0,0,0.08)
}
.has-error .form-control{
    border-color:#E2B9C0;
    -webkit-box-shadow:none;
    box-shadow:none
}
.has-error .form-control:focus{
    border-color:#C58382;
    -webkit-box-shadow:none;
    box-shadow:none
}
.alert-danger{
    background-color:rgba(231, 76, 60,0.1);
    border-color:rgba(231, 76, 60,0.2);
    color:rgb(231, 76, 60);
}
.alert-info{
    background-color:rgba(30, 139, 195,0.1);
    border-color:rgba(30, 139, 195,0.2);
    color:rgb(30, 139, 195);
}
.alert-success{
    background-color:rgba(22, 160, 133,0.1);
    border-color:rgba(22, 160, 133,0.2);
    color:rgb(22, 160, 133);
}
.alert-warning{
    background-color:rgba(245, 171, 53,0.1);
    border-color:rgba(245, 171, 53,0.2);
    color:rgb(245, 171, 53);
}
.selectcorp{
    margin-bottom:0
}
.bootstrap-select.btn-group .dropdown-menu li a {
    color:#777;
    font-weight:400
}
select:after{
    color:#dadada!important;
    background-color:#dadada!important
}
.msgcontact{
    padding:10px 0;
    margin-bottom:15px;
    margin-top:-10px
}
.newsletter input{
    border:0
}
.newsletter-desc{
    padding-top:15px
}
.newsletter-desc span{
    font-size:12px
}
.btn-primary-corp{
    font-weight:600;
    background-color:#0075c8;
    border:0;
    color:#FFF!important;
    padding:0 15px;
    height:40px;
    line-height:40px;
    text-transform:uppercase;
    letter-spacing:.03em;
    -webkit-transition:background-color .4s ease-out;
    -moz-transition:background-color .4s ease-out;
    -o-transition:background-color .4s ease-out;
    transition:background-color .4s ease-out
}
.btn-alternative-corp{
    font-weight:600;
    background-color:#2574A9;
    border:0;
    color:#FFF!important;
    padding:6px 17px;
    height:42px;
    line-height:28px;
    text-transform:uppercase;
    letter-spacing:.03em;
    -webkit-transition:background-color .4s ease-out;
    -moz-transition:background-color .4s ease-out;
    -o-transition:background-color .4s ease-out;
    transition:background-color .4s ease-out
}
.btn-primary-corp-wht{
    font-weight:600;
    background-color:#FFFFFF!important;
    border:0;
    color:#0075c8!important;
    padding:2px 15px 0 15px;
    height:37px;
    line-height:35px;
    text-transform:uppercase;
    letter-spacing:.03em;
    -webkit-transition:background-color .4s ease-out;
    -moz-transition:background-color .4s ease-out;
    -o-transition:background-color .4s ease-out;
    transition:background-color .4s ease-out;
}
.btn-primary-corp:hover,.btn-primary-corp:active,.btn-primary-corp:focus,
.btn-alternative-corp:hover,.btn-alternative-corp:active,.btn-alternative-corp:focus{
    background-color:#1FADF1;
    border:0
}
.btn-primary-corp-big{
    font-weight:600;
    background-color:#0075c8;
    border:0;
    width:auto;
    height: auto;
    white-space: normal;
    padding:14px 26px;
    color:#FFF!important;
    text-transform:uppercase;
    letter-spacing:.03em;
    -webkit-transition:background-color .4s ease-out;
    -moz-transition:background-color .4s ease-out;
    -o-transition:background-color .4s ease-out;
    transition:background-color .4s ease-out
}
.btn-primary-corp-big:hover,.btn-primary-corp-big:active,.btn-primary-corp-big:focus{
    background-color:#1FADF1;
    border:0;
    color:#FFF
}
.btn-primary-corp-wht:active,.btn-primary-corp-wht:focus,.btn-primary-corp-wht:hover{
    background-color:#1FADF1!important;
    border:0;
    color:#FFF!important;
    -webkit-transition:background-color .4s ease-out;
    -moz-transition:background-color .4s ease-out;
    -o-transition:background-color .4s ease-out;
    transition:background-color .4s ease-out;
 }
a > i.le,.btn > i.le{
    margin-right:4px
}
a > i.ra,.btn > i.ra{
    margin-left:4px
}

/** NAVBAR **/

/* Nav-tabs (hover effects in portfolio section) */
.nav-tabs>li>a,.nav-tabs>li.active>a{
    -webkit-border-radius:4px 4px 0 0;
    border-radius:4px 4px 0 0
}
.nav-tabs>li.active>a,.nav-tabs{
    border-color:#F1F1EF
}
.nav-tabs>li.active>a{
    border-bottom:0
}

/* Main Navbar */
.navbar-default{
    font-family:'Roboto',sans-serif;
    /*background: url(../images/bg-topnav.png) center 50px repeat-x;*/
    
    /*border:0;*/
    /*border-top:solid 5px #0075c8;*/
    border-bottom: 6px solid #ddd;
    text-transform:uppercase;
    /*min-height:158px;*/
    -webkit-transition:all .25s ease-out;
    -moz-transition:all .25s ease-out;
    -o-transition:all .25s ease-out;
    transition:all .25s ease-out
}
.navbar-default.tiny{
    min-height:70px;
    /*border-top:solid 3px #0075c8;*/
    background: #FFF;
    border-bottom: 2px solid #eee;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.navbar-brand, .navbar-brand:hover{
    color:#044A67;
    margin:0;
    padding:0 15px;
    line-height:70px;
    font-size:28px;
    font-weight:700
}
.navbar-brand img{
    width: 220px;
    margin-top: 45px;
    -webkit-transition:all .25s ease-out;
    -moz-transition:all .25s ease-out;
    -o-transition:all .25s ease-out;
    transition:all .25s ease-out
}
.navbar.tiny .navbar-brand img{
    margin-top:13px;
    width: 130px;
}

.navbar-collapse.in { /* mobile menu */
    max-height: 100% !important;
    width: 100%;
    background: #0075c8;
}

    .navbar-default .navbar-collapse.in .navbar-nav > li > a {
        color: #FFF;
    }

    .navbar-default .navbar-collapse.in .navbar-nav > li > a:hover {
        border-bottom-width: 1px;
    }





.navbar-default .navbar-nav > li > a{
    margin:16px 0px 0px;
    padding:15px 17px 16px 17px;
    font-size:17px;
    text-transform:uppercase;
    color:#FFF;
    font-weight:500;
    letter-spacing: -.01em;
    -webkit-transition:margin .25s ease-out,padding .25s ease-out;
    -moz-transition:margin .25s ease-out,padding .25s ease-out;
    -o-transition:margin .25s ease-out,padding .25s ease-out;
    transition:margin .25s ease-out,padding .25s ease-out;
    border-bottom: 6px solid rgba(0,0,0,0);
    cursor: pointer;
}

.navbar-default .nav-careers, .navbar-default .nav-contact {
    display: none;
}

.navbar-default.tiny .navbar-nav > li > a{
    height: 46px;
    margin:16px 2px 0;
    padding:8px 15px;
    color: #0075C8;
}
    .navbar-default.tiny .navbar-nav > li > a:hover{
        color: #0075C8;
    }


.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:active,.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:active,.navbar-default .navbar-nav > .open > a:focus{
    color:#F9F9F9;
    background-color: rgba(0,0,0,0);
    border-bottom: 6px solid #7eb8e4; 
    outline:none;
    -webkit-transition:border-color .4s ease-out;
    -moz-transition:border-color .4s ease-out;
    -o-transition:border-color .4s ease-out;
    transition:border-color .4s ease-out
}
.navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav > .dropdown > ul > li > a:focus{
    background-color:#3498DB;
    color:#F9F9F9;
    -webkit-transition:background-color .4s ease-out;
    -moz-transition:background-color .4s ease-out;
    -o-transition:background-color .4s ease-out;
    transition:background-color .4s ease-out
}
.navbar-default .navbar-nav > .dropdown > a .caret{
    border-bottom-color:#2574A9;
    border-top-color:#2574A9;
    margin-left:0;
    margin-right:-4px
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,.navbar-default .navbar-nav > .dropdown > a:focus .caret,
.navbar-default .navbar-nav > .open > a .caret,.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret,.navbar-default .navbar-nav .active > a .caret{
    border-bottom-color:#FFF;
    border-top-color:#FFF
}
.navbar-default .navbar-nav > li .dropdown-menu:before{
    border-bottom-color:#F9F9F9;
}
.dropdown-menu{
    background:#F9F9F9;
    border:solid 1px #E9EAEA;
    border-top:0;
    padding:7px;
    margin:7px 0;
    min-width:80px;
    -webkit-border-radius:0 !important;
    border-radius:0 !important;
    -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.08);
    box-shadow:0 2px 0 0 rgba(0,0,0,0.08);
}
.dropdown-menu > li > a{
    display:inline-block;
    padding: 5px 20px;
    color:#0075c8;
    font-size:13px;
    line-height:20px;
    white-space:nowrap;
    width:100%;
    height:100%;
    font-weight:600;
    -webkit-transition:background .05s ease-out;
    -moz-transition:background .05s ease-out;
    -o-transition:background .05s ease-out;
    transition:background .05s ease-out
}
.dropdown-menu > li.active > a{
    background:#2574A9
}
.dropdown-menu > li > a:hover{
    color:#F9F9F9;
    background:#0075c8
}
.navbar-default .navbar-toggle,.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{
    background-color:#0075c8;
    border:none;
    color:#fff;
    margin-top:20px;
    -webkit-border-radius:4px;
    border-radius:4px
}
.navbar-default .navbar-toggle .icon-bar{
    background-color:#F9F9F9
}



/* navbar - secondary menu */

.navbar-secondary {
    visibility: visible;
    float: right;
    margin-top: 10px;
    margin-right: -10px;
}

.navbar-secondary .list-inline {
    margin-left: 0;
}

    .navbar-secondary li a {
        color: white;
        font-weight: 500;
        font-size: 14px;
        padding: 5px;
        margin: 0px 0 0 10px;
    }

    .navbar-secondary li a:hover {
        border-bottom: 4px solid rgba(255,255,255,.25);
        text-decoration: none;
    }

    .navbar-secondary.gray-2nd-nav li a {
        color: #7b797e;
    }

    .navbar-secondary.home-2nd-nav li a:hover {
        border-bottom: 4px solid rgba(0,0,0,.25);
        text-decoration: none;
    }

    .navbar-default.tiny .navbar-secondary {
        display: none;
    }


.navbar-collapse.in .nav-careers, .navbar-collapse.in .nav-contact { /* add the secondary items to the mobile menu */
    display: inline;
}



.open > .dropdown-menu{
    animation-name:slidenavAnimation;
    animation-duration:.2s;
    animation-iteration-count:1;
    animation-timing-function:ease;
    animation-fill-mode:forwards;
    -webkit-animation-name:slidenavAnimation;
    -webkit-animation-duration:.2s;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-name: slidenavAnimation;
    -moz-animation-duration:.2s;
    -moz-animation-iteration-count:1;
    -moz-animation-timing-function:ease;
    -moz-animation-fill-mode:forwards;
}
@keyframes slidenavAnimation{
    from{
        opacity:0;
    }
    to{
        opacity:1;
    }
}
@-webkit-keyframes slidenavAnimation{
    from{
        opacity:0;
    }
    to{
        opacity:1;
    }
}
.navbar-default .navbar-nav > li .dropdown-menu:before{
    border-bottom-color:#F9F9F9;
}




/** SLIDER **/
.intro-slider{
    text-align:center;
    height:600px;
    overflow:hidden;
    padding-top:180px;
    margin-top:85px
}
.flexslider {
    margin:0;
    border:0;
    position:relative;
    zoom:1;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none
}
.bg-slider-wrapper{
    content:"";
    position:absolute;
    width:100%;
    top:85px;
    left:0;
    height:600px;
}
.bg-slider-wrapper .flexslider{
    margin:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    border:none;
    -webkit-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    max-height:600px;
    overflow:hidden
}
.bg-slider > ul{
    margin:0;
    padding:0;
}
.bg-slider-wrapper .flexslider .slide{
    margin:0;
    display:block;
    height:600px
}
.push-text-slide{
    height:180px;
}
.bg-slider-wrapper .flexslider .slide.slide-1:before,
.bg-slider-wrapper .flexslider .slide.slide-2:before,
.bg-slider-wrapper .flexslider .slide.slide-3:before{
    background:rgba(34, 34, 34, 0.5);
    content:"";
    position:absolute;
    width:100%;
    top:0;
    left:0;
    height:600px;
    z-index:5
}
.bg-slider-wrapper .flexslider .slide.slide-1{
    background:#222 url('http://placehold.it/1920x600/BDC3C7/ffffff') no-repeat 50% top;
    -webkit-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
}
.bg-slider-wrapper .flexslider .slide.slide-2{
    background:#222 url('http://placehold.it/1920x600/BDC3C7/ffffff') no-repeat 50% top;
    -webkit-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
}
.bg-slider-wrapper .flexslider .slide.slide-3{
    background:#222 url('http://placehold.it/1920x600/BDC3C7/ffffff') no-repeat 50% top;
    -webkit-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
}
.bg-slider-wrapper .flexslider .flex-control-nav{
    z-index:20;
    bottom:45px;
    position:relative;
    margin-bottom:0
}
.bg-slider-wrapper .flexslider .flex-control-nav li a{
    background:rgba(255, 255, 255, 0.4)
}
.bg-slider-wrapper .flexslider .flex-control-nav li a.flex-active{
    background:rgba(255, 255, 255, 0.7)
}
.flex-direction-nav a:before {
    font-size:34px;
    font-family:"FontAwesome";
    content:"\f104";
    color: rgba(255, 255, 255, 0.8);
    text-shadow:none;
}
.flex-direction-nav a.flex-next:before {
    content:"\f105";
    margin-right:15px
}

/*Fixed background image and background video*/
.bg-img-fixed{
    content:"";
    position:absolute;
    width:100%;
    top:0;
    left:0;
    height:540px;
    background:url('../images/twotone-bg.png');
    background-repeat: repeat-x;
    background-position: 0 0;
    /*opacity:0.5;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);*/
}
.bg-img-fixed-content{
    background-color:#417791;
    margin:0 0 0 0;
    padding-top:190px;
    position:relative;
    /*text-align:center;*/
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    height:540px;
    overflow:hidden
}

#index .bg-img-fixed-content {
    padding-top: 150px;
}

.bg-img-fixed-content-small {
    background-color:#eee;
    margin:0 0 0 0;
    padding-top: 98px;
    position:relative;
    /*text-align:center;*/
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    height:180px;
    overflow:hidden;
/*    -webkit-box-shadow: inset 0px -10px 20px rgba(0,0,0,0.2);
    box-shadow: inset 0px -10px 20px rgba(0,0,0,0.2);*/
}

.bg-video {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    opacity:.6;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60)
}

.bg-image {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 385px;
    /*opacity:.4;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40)*/
}
@media (max-width: 991px){
    .bg-image{
        height: 210px;
    }
}

/* Promo section */
.home-promo{
    font-family:'brandon-grotesque', sans-serif;
    /*display:inline-block;*/
    color:#fff;
    position:relative;
    z-index:10;
    /*width:auto;*/
    margin:0 auto;
}

.page-promo{
    font-family:'brandon-grotesque', sans-serif;
    /*display:inline-block;*/
    color:#fff;
    position:relative;
    z-index:10;
    width:auto;
    background-color: rgba(0,0,0,.2);
    top: 50%;
    transform: translateY(-50%);
    /*margin:160px auto 0 auto;*/
           /* border: 1px solid #aa0000;*/
}


.page-promo .contentsheader {
    display: none;
}

/*.company */
.bg-img-fixed-content-small .bg-image {
    background: url(../images/mastheads/mastheads_4.jpg) top center no-repeat;
    background-size: cover;
}

.page-pipeline .bg-img-fixed-content-small .bg-image
{
    background: url(../images/mastheads/mastheads_7.jpg) top center no-repeat;
    background-size: cover;
}

.page-partnering .bg-img-fixed-content-small .bg-image
{
    background: url(../images/mastheads/mastheads_2.jpg) top center no-repeat;
    background-size: cover;
}

.page-media .bg-img-fixed-content-small .bg-image
{
    background: url(../images/mastheads/mastheads_5.jpg) top center no-repeat;
    background-size: cover;
}

.page-contact .bg-img-fixed-content-small .bg-image
{
    background: url(../images/mastheads/mastheads_6.jpg) top center no-repeat;
    background-size: cover;
}

.page-technology .bg-img-fixed-content-small .bg-image
{
    background: url(../images/mastheads/mastheads_8.jpg) top center no-repeat;
    background-size: cover;
}


/*.home-promo .titlepro{
    font-size:30px;
    font-weight:800;
    text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);
    margin-bottom:40px;
    text-transform:uppercase;
    background:transparent;
    font-weight:700
}*/


.home-promo .titlepro, .page-promo .titlepro {
    
    /*font-weight:200 !important;*/
    /*font-family: 'Roboto', Arial, sans-serif;*/
    /*text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);*/
    /*margin-bottom:40px;*/
    /*text-transform:uppercase;*/
    background:transparent;
    
    /*font-weight:700;*/
}

.page-promo h1 { 
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: .2em;
    font-size: 1.8em;
    margin-top: 21px;
    float: left;
    /*padding-top: 20px;*/
}

.home-promo h1 {
    font-size:63px;
    letter-spacing: -.03em;
    display: block;
    width: 500px;
    line-height: 100%;
    font-weight: 500;
}

.home-promo .titlepro span{
    display:block
}
.home-promo .titlepro .middle{
    margin-top:20px;
    margin-bottom:20px;
    font-size:56px;
    font-weight:800;
    color:#E4F1FE
}
.home-promo .titlepro .middle strong{
    color:#3498DB
}
.home-promo .titlepro .bottom{
    font-size:20px;
    text-transform:lowercase;
    font-weight:700
}
.promo-button{
    font-family:'brandon-grotesque',  sans-serif;
    border:solid 2px #FFF;
    color:#FFF!important;
    background:rgba(0,0,0,0.05);
    font-size:16px;
    text-transform:uppercase;
    letter-spacing:.02em;
    font-weight:500;
    -webkit-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    padding:10px 20px;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear
}
.promo-button:hover,.promo-button:active,.promo-button:focus{
    background:#0075c8;
    color:#FFF
}
.promo-button i{
    margin-right:5px
}

/** FOOTER **/
#footer_top a, #footer_bottom a{
    color:#FFF;
    font-weight:600
}
#footer_top a:hover, #footer_bottom a:hover{
    text-decoration:underline
}
#footer_top{
    padding:40px 0 35px;
    background-color:#044A67;
    margin: 0em 0 0 0;
    color:#E4F1FE
}
#footer_top .footer_teaser h3{
    font-size:16px;
    line-height:18px;
    color:#dadada;
    font-weight:800;
    text-transform:uppercase;
    padding-bottom:15px
}
#footer_top .footer_teaser p,#footer_top .footer_teaser ul li{
    font-size:13px;
    font-weight:300;
    text-shadow: 0 0 1px rgba(255,255,255,0.3);
    line-height:20px
}
#footer_top .footer_teaser ul li{
    margin-bottom:10px
}
#footer_top .footer_teaser ul li i{
    margin-right:4px
}
#footer_bottom{
    width:100%;
    background-color:#0075C8;
    color:#FFF;
    margin:0;
    padding:0;
    font-size:14px;
    font-weight:400;
    /*border-top:solid 5px #eee;*/
}
#footer_bottom a,#footer_bottom a:visited{
    color:#E4F1FE;
    display:inline-block
}
#footer_bottom a:hover{
    color:#FFF
}
.social{
    height:110px;
    text-align: right;
    padding-top: 20px;
}
.social .fa{
    margin-top:35px;
    display:inline-block;
    color:#FFF;
    background-color:rgba(34,34,34,.18);
    width:48px;
    height:48px;
    line-height:48px;
    border-radius:5px;
    text-align:center;
    font-size:18px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    -o-transition:all .4s ease;
    transition:all .4s ease;
}
.social .fa:hover{
    background-color:#2574A9;
    text-decoration:none
}
.credits{
    /*text-align:right;*/
    font-size:14px;
    padding:40px 0;
}

@media (max-width:767px){
    .credits {
        padding:40px 0 0 0;
    }
}
.credits p{
    margin-bottom:4px;
    font-size:13px
}
.credits p.small{
    font-size:12px
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:focus:active, .btn:focus {
    outline: none;
 }

.blue-btn-cont{
    word-wrap: break-spaces;
    width: 100%;
    height: auto;
    max-width: 305px;
    margin: 5px 0 30px 40px;
}

/*SENIOR MANAGEMENT PAGE*/
.bio-item {
    min-height: 420px;
    width: 235px;
    height: auto;
    float: left;
    margin-right: 20px;
    border: 1px solid #ddd;
    -webkit-border-radius:7px;
    border-radius:7px;
    padding: 5px;
    text-align: center;
    margin-bottom: 20px;

}
@media (max-width: 599px){
    .bio-item{
        float:none;
        margin-left:auto;
        margin-right: auto;
    }
}
.bio-item:hover {
    background: #f7f7f7;
}
.bio-item p.photo {
    width: 100%;
}
.bio-item img {
    width: 100%;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}
.bio-item h4 {
    font-weight: 500;
    font-size: 17px;
    margin-bottom: 8px;
    text-align: center;
    color: #333;
    line-height: 110%;
    padding: 0 5px;
}
.bio-item p.bio-title {
    font-size: .9em;
    line-height: 110%;
    display: block;
    height: 40px;
    padding: 0 5px;
}  /*END SENIOR MANAGEMENT PAGE*/


/** RESPONSIVE **/
@media (min-width:992px){
    #main{
        font-size: 17px;
        width: 662px;
        padding-left:0;
    }
    .no-sub-nav{
        width: 100% !important;
    }
    #contact-form-cont{
        padding-left:50px;
    }
}
@media (min-width:1200px){
    #main{
        width: 877px;
        padding-left:15px;
    }
    .no-sub-nav{
        width: 100% !important;
    }
    .bg-white .container, .bg-buy .container, .bg-gray .container, 
    footer div .container, main .container{
        width:1200px
    }
    .navbar-default {
        min-height: 158px;
    }
    .navbar-default .navbar-nav > li > a {
        margin-top: 16px;
    }
    .navbar-default.tiny .navbar-collapse {
        margin-top: 5px;
    }
    .navbar-collapse {
        margin-top: 45px;
    }
    .container>.navbar-header {
        margin-left: 106px;
    }
    #index .bg-gray h1 {
        font-size: 35px;
    }
}
@media (min-width:992px){
    .page{
        min-height:406px;
        /*margin-top: 185px;*/
    }
    .col-pad7{
        padding-left:0;
        padding-right:7px
    }
    .cform{
        padding-right:0
    }
    .navbar-default {
        background: url(../images/bg-topnav.png) center 50px repeat-x;
        border-bottom: none;
    }

    .navbar-collapse {
        background-color: transparent !important;
    }

    .bg-img-fixed-content-small {
        padding-top: 298px;
        height:380px;
    }

    #index .barker-content .barker-content-left img.zalviso-crop {
        display: none;
    }

    h2 {
        font-size: 30px;
        line-height: 35px;
    }

    .widget ul{
        display: inline; 
    }

    .page-promo h1 {  font-size: 46px; }

    .page-promo .contentsheader {
        display: block;
        font-family: 'Roboto', sans-serif;
        float: right;
        width: 261px;
        background: rgba(0,117,200,.75);
        padding:15px 13px 13px 16px;
        font-size:18px;
        font-weight: 400;
        text-transform:uppercase;
        margin: 44px 5px 0 0px;
        color:#FFF;
    }

}

@media (min-width: 992px) {
    .col-md-offset-0 {
        left: 0;
    }
}

@media only screen and (max-width:1920px) and (min-height:1200px){
    .page{
        min-height:800px
    }
}

@media only screen and (max-width:1920px) and (min-height:1080px){
    .page{
        min-height:680px
    }
}

@media only screen and (max-width:1600px) and (min-height:1600px){
    .page{
        min-height:1200px
    }
}

@media only screen and (max-width:1280px) and (min-height:1024px){
    .page{
        min-height:630px
    }
}

@media only screen and (max-width:1920px) and (min-height:900px){
    .page{
        min-height:500px
    }
}


@media (max-width:1279px){
    .bg-video {
        width: 125%;
    }
}

@media (max-width:800px){
    .bg-video {
        width: 150%;
    }
}

@media (max-width:640px){
    .bg-video {
        width: 180%;
    }
}
@media (max-width:481px){
    .bg-video {
        width: 240%;
    }
     h2 {
        font-size: 20px !important;
    }

    h4 {
        line-height:20px;
    }

}
@media (max-width:360px){
    .bg-video {
        width: 330%;
    }
}
@media (max-width:320px){
    .bg-video {
        width: 360%;
    }
}

@media (max-width:991px) {
    .navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:active,
    .navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:active,.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:active,.navbar-default .navbar-nav > .open > a:focus{
        color: rgb(0,117,200);
    }

    .show-for-large {
        display: none;
    }
    .col-pad7{
        padding-left:0;
        padding-right:0
    }
    .container{
        width:95%
    }
    .bg-white .container, .bg-buy .container, .bg-gray .container, 
    footer div .container, main .container{
        width:98%
    }
    .bg-img-fixed{
        background-size: auto 650px;
        height:650px
    }
    .bg-img-fixed-content{
        height:650px
    }

    #index .bg-img-fixed-content{
        margin: 70px 0 0 0;
        padding-top: 30px;
    }
    #index .bg-img-fixed {
        left: 0;
    }

    #index .curve {
        left: -130px;
    }
    #index .home-promo {
        padding-left: 374px;
    }
    #index .home-promo h1 {
        display: block;
    }

    #index .bg-white {
        padding: 40px 0 20px 0;
    }

    #index .barker p {
        font-size: 16px;
    }

    #index .barker-content .barker-content-left {
        display: table-cell;
        vertical-align: top;
        width: 32%;
    }
/*
    #index .barker-content .barker-content-left img.zalviso-top {
        margin-bottom: -60px;
        margin-left: -6%;
    }
*/

    #index .barker-content .barker-content-left img.zalviso-top {
        display: none;
    }

    #index .barker-content .barker-content-left img.zalviso-crop {
        display: block;
    }

    .bg-img-fixed-content-small {
        margin-top:70px;
        padding-top: 128px;
        height:210px;
    }

    .navbar-secondary li a {
        color: rgb(0,117,200);
        font-size: 12px;
    }

    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li.active > a{
        margin:0px 2px 2px;
        padding:10px 12px;
        font-size:14px;
        letter-spacing:0;
        color: rgb(0,117,200);
    }    
    .navbar-default.tiny .navbar-nav > li > a{
        padding:7px 10px
    }
    .space{
        display:block
    }
    h2 {
        font-size: 30px;
    }
    
    #index .bg-white .subhead-holder-underline  h2 {
        font-size: 30px !important;
    }

}

@media (min-width:768px) {
    #index .product-mobile {
        display: none;
    }
}

@media (min-width:768px) and (max-width:991px) {
    #index .home-promo h3 {
        margin-top: 70px;
    }
    #index .home-promo h1 {
        margin: 0 0 15px 0px;
        padding-bottom: 24px;
        background-position: bottom left;
    }
    #index .home-promo h2 {
        margin-bottom: 78px;
    }
    #index .show-for-tablet {
        display: block;
    }
    #index .product {
        top: 180px;
    }

    #index .container{
        width:95%
    }
}

@media (max-width:768px) {
    #index .home-promo h3 {
        margin-top: -35px;
    }
}

@media (min-width:921px) and (max-width:991px) {
    #index .product {
        width: 30vw;
    }
}

@media (min-width:768px) and (max-width:920px) {
    /*#index .home-promo p {
        font-size: 13px;
        line-height: 1.25em;
    }*/
    #index .home-promo {
        /*padding-left: calc(100% - 529px);*/
        padding-left: calc(80% - 348px);
    }
    #index .curve {
        /*left: calc(100% - 988px);*/
        left: calc(80% - 816px);
    }

    #index .product {
        width: calc(50vw - 184px);
        right: 10.9vw;
    }


    #index .home-promo p {
        font-size: 13px;
        line-height: 1.25em;
        padding-right: 20px;
    }

    #index .home-promo .btn-primary-corp-big {
        margin-bottom: 70px;
    }
}

@media (min-width:841px) and (max-width:991px){
    .navbar-default .navbar-nav > li > a,
    .navbar-default.tiny .navbar-nav > li > a{
        padding: 7px 9px;
    }
}

@media (min-width:768px) and (max-width:840px){
    .navbar-brand img{
        width:130px
    }
    .navbar-brand{
        margin-left:-20px
    }
    .navbar-default .navbar-nav > li > a,
    .navbar-default.tiny .navbar-nav > li > a{
        padding:7px;
        font-size:13px
    }

}
.video-container{
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
}
.video-player{
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.map-container {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
}
.google-map{
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/*MOBILE NAV FIX*/
.navbar-collapse.in { /* mobile menu */
    max-height: 100% !important;
    width: 100%;
    background: #0075c8;
}

.navbar-default .navbar-collapse.in .navbar-nav > li > a {
    color: #FFF;
}

.navbar-default .navbar-collapse.in .navbar-nav > li > a:hover {
    border-bottom-width: 1px;
}

.navbar-default .navbar-collapse.in .navbar-nav > li.active a {
    border-bottom-width: 1px;
}

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

.navbar-default .navbar-collapse.in .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: transparent;
    border-radius: 0;
}
@media (max-width: 991px) {
    .navbar-toggle {
        display: inline-block;
    }
    .navbar-secondary {
        display:none;
    }
    .navbar-default{
        height:70px;
    }
    .navbar-brand{
        height:70px;
    }
    .navbar-brand img {
        width: 130px;
        margin-right: 70px;
        margin-top: 14px;
    }

    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
    .navbar-default .navbar-nav > li > a{
        margin:0;
        font-size:14px;
        border-bottom:solid 1px #EEE
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li{
        border-bottom:solid 1px #EEE;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a{
        background:transparent;
        color:#0075c8;
        padding-bottom:5px;
        padding-top:5px;
        margin:0;
        font-size:90%
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{
        background:#F9F9F9;
        color:#0075c8 !important;
        -webkit-border-radius:4px;
        border-radius:4px
    }
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}
@media (min-width: 768px){
    .navbar-right {
        margin-right: 0;
    }
}/*END MOBLE NAV FIX*/

/*@media (max-width: 991px)*/
/*{*/
    /*ul.nav li.dropdown:hover > ul.dropdown-menu*/
    /*{*/
        /*display: none!important;*/
    /*}*/
/*}*/

@media (max-width:767px) {

    #index .bg-white .container, #index .dk-gray-section .container, #index .home-promo.container { 
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    #index .home-promo.container {
        height: auto;
        padding: 30px;
    }

    #index .bg-img-fixed-content {
        height: auto;
        background: #fff url('/assets/images/curve-white-bg-mobile.png') no-repeat bottom 200px right -20px;
    }


    #index .bg-img-fixed {
        display: none;
    }

    #index .curve {
        display: none;
    }

    #index .home-promo .btn-primary-corp-big {
        margin-bottom: 20px;
    }
    .dsuvia-btn-cont{
        border-left: none;
        padding: 10px 0 10px 0;
    }

    #index .home-promo .bottom {
        display: none;
    }

    #index img.product-mobile {
        margin: 20px 0;
        display: block;
        width: 300px;
        max-width: 100%;
    }

    #index .dk-gray-section {
        padding: 60px 30px;
        background: #8c8c8e;
    }

    #index .dk-gray-section .bottom p {
        color: #fff;
        padding-bottom: 20px;
        font-size: 14px;
        border-bottom: 1px solid #fff;
    }

    #index .home-promo .btn-primary-corp-big {
        margin-bottom: 0;
    }

    
    .intro-slider, .bg-slider-wrapper, .bg-slider-wrapper .flexslider .slide,
    .bg-slider-wrapper .flexslider .slide.slide-1:before,
    .bg-slider-wrapper .flexslider .slide.slide-2:before,
    .bg-slider-wrapper .flexslider .slide.slide-3:before{
        height:540px
    }
    .bg-slider-wrapper{
        top:80px
    }
    .bg-img-fixed-content,.breadcrumb-container{
        margin-top:80px;
    }
    .intro-slider,.push-text-slide{
        padding-top:125px;
    }
    .home-promo .titlepro .middle {
        font-size:48px;
    }
    .home-promo{
        padding-left:7px;
        padding-right:7px
    }
    .space{
        display:block
    }    
    .home-icons{
        padding-top:15px
    }    
    .blognews{
        padding-top:15px;
        overflow:hidden
    }
    .reply{
        padding-left:3em;
    }
    .ico-services{
        margin-left:-10px
    }    
    .servdesc{
        margin-right:-15px
    }
    li.filter{
        margin-bottom:10px;
        font-size:14px
    }
    .item-img-wrap img{
        max-width:680px
    }
    .social{
        height:auto;
        text-align:center;
    }    
    .credits{
        text-align:center;
        margin-bottom:20px;
        padding-top:30px;
    }
    .vnbx-label{
        font-size:.8em!important;
    }

	table.pub-pres-table td .item {
	width:100%;	
	}

    #footer_bottom .social{
        margin-bottom: 30px;
    }
}



@media (max-width:767px) and (min-width: 381px) {

    #index .home-promo.container, #index .barker, #index .dk-gray-section {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 650px) and (max-width:752px){ /* fixes cutoff text in products/progress bars*/
    .progress ul li:first-child {
        padding-top: 3px;
    }
}
@media (min-width: 992px) and (max-width:1199px){ /* fixes cutoff text in products/progress bars*/
    .progress ul li:first-child {
        padding-top: 3px;
    }
}

@media (min-width:650px) {
    .avatar{
        float:left
    }
    .progress ul li {
        font-size: 13px;
        color: rgba(0,0,0,.3);
    }
}

@media (max-width:640px) {
    .ico-services{
        margin-left:-20px
    }    
    .servdesc{
        margin-right:-30px
    }
    .item-img-wrap img{
        max-width:560px
    }
    .avatar img{
        margin:15px auto
    }
}


@media (max-width:599px) {
    #index .barker .barker-content-left {

    }

    #index .barker-content {
        display: block;
    }
    #index .barker-content .barker-content-left {
        display: block;
        width: 100%;
    }
    #index .barker-content .barker-content-left img.zalviso-top {
        margin-bottom: -36px;
        margin-left: -18px;
    }

    #index .barker-content .barker-content-right {
        display: block;
        width: 100%;
    }
    #index .barker-content .barker-content-right p {
        margin-left: 0;
    }
}

@media (min-width:481px) and (max-width:767px) {
    .xs-50{
        width: 50%!important;
        padding-right: 10px;
        padding-left: 10px;
        float:left;
    }
}


@media (max-width:480px) {

    #index .bg-img-fixed-content {
        background-position: bottom 200px right -60px;
    }

    .xs-50{
        width: inherit;
        padding-right: inherit;
        padding-left: inherit;
        float:inherit;
    }
    .intro-slider,.bg-img-fixed-content{
        padding-top:130px;
    }
    .push-text-slide{
        height: 130px;
    }
    .flex-direction-nav, .flex-direction-nav a:before {
        display:none
    }
    .flex-direction-nav, .flex-direction-nav a.flex-next:before {
        display:none
    }
    .home-promo .titlepro .middle {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    h3{
        font-size:20px;
        line-height: 1.2em;
    }    
    h4{
        font-size:16px
    }    
    h5{
        font-size:16px
    }    
    p{
        font-size:16px;
        margin-bottom:14px;
        line-height:20px
    }
    .social .fa{
        width:44px;
        height:44px;
        line-height:44px
    }
    .item-img-wrap img{
        max-width:400px
    }


    .skills {
        border-radius: 0px;
        padding: 0px;
        border: 0px solid #eee;
    }




}

@media (max-width:380px) {

    #index .home-promo.container, #index .barker, #index .dk-gray-section {
        padding-left: 15px;
        padding-right: 15px;
    }
    #index .home-promo > .logo-container{
        margin-top:0;
    }
    #index .home-promo > .logo-container > img{
        width: 90%;
    }

}

@media (max-width:360px) {
    .intro-slider{
        margin-top:80px
    }
    .bg-slider-wrapper{
        top:80px;
    }
    .bg-img-fixed-content{
        margin:70px 0 0 0;
    }
    .intro-slider, .bg-slider-wrapper, .bg-img-fixed-content,
    .bg-slider-wrapper .flexslider .slide, .bg-img-fixed,
    .bg-slider-wrapper .flexslider .slide.slide-1:before,
    .bg-slider-wrapper .flexslider .slide.slide-2:before,
    .bg-slider-wrapper .flexslider .slide.slide-3:before{
        height:580px
    }
    .bg-img-fixed{
        background-size: auto 580px;
        height:580px
    }
    .breadcrumb-container{
        margin-top:80px
    }
    .item-img-wrap img{
        max-width:300px;
        margin-left:-10px
    }
    #index .home-promo > .logo-container{
        width:85%;
        min-width: 200px;
    }
    #index .home-promo > .logo-container > img{
        width: inherit;
    }
}

@media (max-width:320px) {
    .intro-slider, .bg-slider-wrapper, .bg-img-fixed-content,
    .bg-slider-wrapper .flexslider .slide, .bg-img-fixed,
    .bg-slider-wrapper .flexslider .slide.slide-1:before,
    .bg-slider-wrapper .flexslider .slide.slide-2:before,
    .bg-slider-wrapper .flexslider .slide.slide-3:before{
        height:500px
    }
    .bg-img-fixed{
        background-size: auto 500px;
        height:500px
    }
    .intro-slider{
        padding-top:75px
    }
    .bg-slider-wrapper{
        top:75px
    }
    .bg-img-fixed-content,.breadcrumb-container{
        margin-top:75px
    }
    .home-promo .titlepro .upper {
        font-size:26px
    }
    .home-promo .titlepro .middle {
        margin-top: 12px;
        margin-bottom: 12px;
        font-size:38px
    }
    .navbar-default{
        min-height:75px;
    }
    .bg-slider-wrapper{
        top:75px
    }
    .owl-theme .owl-controls .owl-page span{
        width:9px;
        height:9px;
        margin:5px
    }    
    .social .fa{
        margin-top:30px
    }
    .item-img-wrap img{
        max-width:260px
    }
    .post_content{
        text-align:left
    }
}

@media (max-width:240px) {
    .item-img-wrap img{
        max-width:200px;
        margin-left:-20px
    }
}

@media only screen and (max-device-width:800px),
only screen and (device-width:1024px) and (device-height:600px),
only screen and (width:1280px) and (orientation:landscape),
only screen and (device-width:800px),
only screen and (max-width:767px){
    .flex-video{
        padding-top:0
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.25),
only screen and (min-device-pixel-ratio:1.25),
only screen and (min-resolution:200dpi),
only screen and (min-resolution:1.25dppx){
    html{
        -webkit-font-smoothing:subpixel-antialiased;
    }
}


/*
PRINT STYLESHEET
*/
@media print {
  * { 
    background: transparent !important; 
    color: black !important; 
    text-shadow: none !important; 
    filter:none !important; 
    -ms-filter: none !important; 
     /*CSS transitions*/ /* following ensures that lazy loading elements still get printed, doesn't work perfectly however */
     -o-transition-property: none !important;
     -moz-transition-property: none !important;
     -ms-transition-property: none !important;
     -webkit-transition-property: none !important;
     transition-property: none !important;
     /*CSS transforms*/
     -o-transform: none !important;
     -moz-transform: none !important;
     -ms-transform: none !important;
     -webkit-transform: none !important;
     transform: none !important;
     /*CSS animations*/
     -webkit-animation: none !important;
     -moz-animation: none !important;
     -o-animation: none !important;
     -ms-animation: none !important;
     animation: none !important;
    } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: none; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  /*.fadeIn { animation-name: none !important;  }*/

 .bg-img, #footer_bottom .social, .contentsheader, #sidebar-right, .tiny, .btn  { display: none; }
 #index .bg-img-fixed-content { padding-top: 10px; height: auto; }
 #index .bg-img-fixed { display: none; }
 .bg-img-fixed-content-small { padding-top: 10px; height: 80px; }
 #footer_bottom .credits { color: #000 !important;  }



}