#header-back, #header {
    height: 105px;
}

#header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 600;
}

/* ==========================================================================
   Search Bar
   ========================================================================== */

#header-searchbar input {
	background:#fff !important;
}

.searchbar {
    height: 0px;
    
    -webkit-transition: 0.22s;
    transition: 0.22s; 
    overflow:hidden;
}

.searchbar.active {
    display: block;
    height: 75px;
    padding: 12px 0 20px;
    overflow: visible;
}

.lt-ie8 .searchbar {
    display:none;
    height:51px;
    padding: 12px 0 20px;
}

.lt-ie8 .searchbar.active {
    display:block;
}

.searchbar input, .searchbar button,
.searchbar select, .searchbar .custom-select {
    float: left;
    height: 20px;
    padding-top: 12px;
    padding-bottom: 15px;
    line-height:1.5em;
    background-color: #fff;
}

.searchbar input {
    width: 76.33%; /* 80.33% - 2% padding */
    height: 50px;

    font-size: 1.1875em; /* 19/16 */
    font-weight: normal;
}

.searchbar button {
    display: block;
    width: 5.83%;
    height: 50px;
    padding: 0;
}

.searchbar button .icon {
    margin-right: 0;
    margin-bottom: 7px;
}

.searchbar .custom-select {
    width: 17.83%;
    height: 50px;
    padding: 0;
    border-left-width: 1px;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.searchbar .custom-select a span {
    padding-top: 15px;
    padding-bottom: 15px;
}

.lt-ie8 .searchbar select,
.lt-ie8 .searchbar .custom-select {
    height: 50px;
    border-left-width: 0;
}

/* ==========================================================================
   Navbar
   ========================================================================== */

body .navbar-container {
    background-color: #262a2d;
}

.navbar-container, .navbar-container a,
.navbar-container li, .navbar-container p {
    color:#fff;
    text-decoration: none;
}

/*
    Navbar Container with Two Navbars, auto float
    items appropriately.
*/
.navbar-container.has-two-navbars .navbar {
    float: right;
    width: auto;
}

.navbar-container.has-two-navbars .navbar ul {
    float:right;
}

.navbar-container.has-two-navbars .navbar:first-child,
.navbar-container.has-two-navbars .navbar:first-child ul {
    float:left;
}

.navbar {
    width: auto;
    height: 45px;
}

.navbar ul {
    list-style: none;
    height:inherit;
    margin:0;
    padding:0;
}

.navbar li {
    position:relative;
    left:0;
    top:0;
    z-index: 105;

    float:left;
    height:inherit;
}

.navbar li.search {
    position: static;
}

.navbar li > a {
    display:inline-block;
    padding-left:18px;
    padding-right:18px;
    
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;

    font-size:0.875em; /* 14/16 */
    line-height:45px;

    cursor: pointer;
}

.navbar li > a span {
    cursor: pointer;
}

.navbar-top .navbar li > a:hover,
.navbar-top .navbar li > a:focus,
.navbar-top .navbar li > a.active,
.navbar-top .navbar li > .dropdown {
    background-color:#2f3c42;
    text-decoration: none;
}

.navbar li > a:hover span,
.navbar li > a:focus span {
     text-decoration: none;
}

/* ==========================================================================
   Navbar Large
   ========================================================================== */
.navbar-container.navbar-large {
    background-color:#fff;
    height: 95px;
}

.navbar-container.navbar-large {
    position: relative;
    z-index:104;
}


.navbar-large .navbar,
.navbar-large li {
    height: inherit;
}

.navbar-large .navbar {
    float: right;
}

.navbar-large li.active {
    position: static;
}

/*.no-touch body .navbar-large li:hover > a, */
.no-touch .navbar-large li.active > a,
body .navbar-large li.active > a, 
.navbar-large ul.active li.active > a {
    position: relative;
    z-index: 201;
    padding-bottom: 7px;
    color: #000;
    background-color: #fff;
}

.no-touch body .navbar-large li.search:hover > a, 
.no-touch .navbar-large ul.active li.search:hover > a, 
body .navbar-large li.search.active > a, 
.navbar-large ul.active li.search.active > a {
    background-color: #17aee8;
    padding:0; 
}

.navbar-large li:first-child > a {
    border-left-width: 1px;
}

.navbar-large li > a {
    padding-left: 50px;
    padding-right: 50px;
    border-right-width: 1px;
    color: black;

    font-size: 1.125em; /* 18/16 */
    line-height: 95px;
    text-transform: uppercase;
}

.navbar-large ul.active li > a {
    color: #cacaca;
}

/*.navbar-large li > a:hover,
.navbar-large li > a:hover span,
.navbar-large li > a:focus,
.navbar-large li > a:focus span */
.navbar-large li.active > a,
.navbar-large li.active > a span{
    background-color:transparent;
}

/* ==========================================================================
   Navbar Large - Get smaller after scroll down
   ========================================================================== */
.navbar-container.navbar-large .button-search,
.navbar-container.navbar-large {
    -webkit-transition: height 0.14s;
    transition: height 0.14s;
}

.navbar-large.smaller {
	box-sizing:content-box;
	border-bottom-width:1px;
}

.navbar-large .logobox {
    -webkit-transition: 0.28s;
    transition: 0.28s;
}

.navbar-large .logobox div {
    -webkit-transition: 0.14s;
    transition: 0.14s;
}

.navbar-large li > a {
    -webkit-transition: line-height 0.14s;
    transition: line-height 0.14s;
}

.navbar-container.navbar-large.smaller,
.navbar-large.smaller .logo,
.navbar-large.smaller .logobox {
    height: 59px;
}

.navbar-large.smaller .logobox div {
    margin-left: 0;
}

.navbar-large.smaller li > a {
    line-height: 60px;
}

.navbar-large.smaller .logobox {
    background: #fff;
}

.navbar-large .logobox a {
    display: block;
    width: inherit;
    height: inherit;
    
    cursor:pointer;
}

.navbar-large.smaller .logobox div {
    padding-top: 2px;
    margin-top:0;
    opacity: 1;
    vertical-align: middle;
}

.navbar-large.smaller .logobox .logo-large,
.navbar-large .logobox .logo-small {
    opacity: 0;
}

body .logo-small img, body .logo-large img {
	display:block;
	width:191px;
}
body .logo-small img {
	margin-top:3px;
	width:170px;
}

.navbar-large.smaller .logobox .logo-small {
    opacity: 1;
}

.lt-ie8 .navbar-large.smaller .logobox .logo-large,
.lt-ie8 .navbar-large .logobox .logo-small { 
    display: none;
}

.lt-ie8 .navbar-large.smaller .logobox .logo-small {
    display: block;
}

.navbar-large.smaller li.active > .dropdown-large,
.navbar-large.smaller .dropdown-large.active {
    top: 60px;

    /*-webkit-transition: top 0.14s;
    transition: top 0.14s;*/
} 

/* ==========================================================================
   Dropdown
   ========================================================================== */
.dropdown {
    position: absolute;
    left: 0;
    top: 45px;

    display: none;
    width: auto;
    min-height: 200px;
    padding: 0 30px 30px;

    background-color: #000;
}

.dropdown.hang-right {
    left: auto;
    right: 0px;
}

li.active > .dropdown,
li:hover > .dropdown,
.dropdown.active {
    display: block;
}

li.find .dropdown {
    width: 210px;
}

.dropdown a {
    display: block;
    font-size: 0.875em; /* 14/16 */
    line-height: 34px;
}

.find .dropdown a {
    padding-left:8px;
}

.dropdown a:hover,
.dropdown a:focus {
    text-decoration: underline;
}

.dropdown h4 {
    margin:20px 0 0;
    font-size: 0.875em; /* 14/16 */
    font-weight: normal;
}

.dropdown p {
    margin: 0;
    font-size: 0.875em; /* 14/16 */
    line-height: 22px;

    color: #b6bcbf;
}

.dropdown > h2 {
    margin-top: 20px;
    font-size:1em;
    text-transform:none;
    
    font-weight:bold;
}


.dropdown > h2:first-child {
    margin-top: 5px;
}

.dropdown > a {
    border-top: 1px solid #252e33;
}

.dropdown > .row {
    width: 340px;
}

.dropdown > .row > .col{
    width: 120px;
    margin: 20px 0 0;
    padding: 0 0 30px 40px;
    border-color: #425057;
    
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.dropdown > .row > .col:first-child {
    width: 158px;
    padding: 0 20px 20px 0;
    border-right-width: 1px;
}

/* ==========================================================================
   Dropdown Large
   ========================================================================== */
.dropdown-large {
    position: absolute;
    left: 0;
    bottom: -7px;

    width: 100%;
    height: 7px;

    background-color: #db3e37;
    overflow: hidden;
}

.dropdown-large > div {
    display: none;
}

.color-study .dropdown-large,
.color-study .dropdown-large .col.content-small .button {
    background-color: #008bc0;
    border-color: #008bc0;
    border-width: 0;
}

.color-study .dropdown-large .button:hover,
.color-study .dropdown-large .button:focus {
    background-color: #17aee8
}

.color-research .dropdown-large,
.color-research .dropdown-large .col.content-small .button {
    background-color: #db3e37;
    border-color: #db3e37;
    border-width: 0;
}

.color-research .dropdown-large .button:hover,
.color-research .dropdown-large .button:focus {
    background-color: #f44841
}

.color-business .dropdown-large,
.color-business .dropdown-large .col.content-small .button {
    background-color: #f3b229;
    border-color: #f3b229;
    border-width: 0;
    color:#000;
}

.color-business .dropdown-large .button:hover,
.color-business .dropdown-large .button:focus {
    background-color: #fdb92b
}

li.active > .dropdown-large,
/*.no-touch li:hover > .dropdown-large,*/
.dropdown-large.active {
    top: 95px;

    width: 100%;
    
    /*height: 285px;*/
    padding: 30px 0 0;

    border-top-width: 7px;
    background-color: #fff;
    z-index: 200;
    overflow: visible;
}

li.active > .dropdown-large .outer-container, 
.no-touch li.active > .dropdown-large .outer-container,
.dropdown-large.active .outer-container {
    width: 100%;
    background-color: #fff;
}

li.active > .dropdown-large > div,
.no-touch li.active > .dropdown-large > div,
.dropdown-large.active > div {
    display: block;
}
 
.dropdown-large .video-link {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    
    position:relative;
    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.dropdown-large h2, .dropdown-large h3,
.dropdown-large p, .dropdown-large a {
    color: #000;
}

.dropdown-large p {
    margin: 10px 0 0;
    font-size: 0.875em; /* 14/16 */
    line-height: 18px;
}

.dropdown-large .button,
.col.content-small .button {
    font-size: 1em;
    padding-top: 14px;
    padding-bottom: 14px;
    color: #fff;
}

.dropdown-large .button:hover,
.col.content-small .button:hover,
.dropdown-large .button:focus,
.col.content-small .button:focus {
    text-decoration: none;
}

.dropdown-large .hr {
    margin: 10px 0;
}

.dropdown-large .contact p, .dropdown-large .contact a {
    display: inline-block;
}

.dropdown-large .contact p {
    padding-bottom: 15px;
}

.dropdown-large .contact a {
    color:#004b86;
}

.dropdown-large .contact a:hover,
.dropdown-large .contact a:focus {
    text-decoration: underline;
}

/* ==========================================================================
   Dropdown Large - Columns
   ========================================================================== */

.dropdown-large-columns {
    min-height: 210px;
}

.dropdown-large-columns .col.content-small {
    width: 400px;
    padding-right: 30px;
    margin-left:40px; 
    
    -moz-box-sizing: content-box; 
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.dropdown-large-columns .col.image-links {
    width: 555px;
    padding-left: 10px;
    border-right-style: dotted;
    border-right-width: 1px;    
    
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.dropdown-large-columns .col.links {
    width: 200px;
    padding-left: 30px;
    
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.col.content-small h2 {
    margin: 0;
    font-size: 1.3125em; /* 21/16 */
    line-height: 26px;
    font-weight: bold;
    text-transform: uppercase;
}

.col.content-small a {
    margin: 10px 0 0;
    font-size: 0.875em; /* 14/16 */
    line-height: 18px;
    
    position:relative;
}

.col.content-small p a {
    display: inline-block;
    font-size: 1em;
    color: #008bc0;
}

.col.content-small .button {
    white-space: normal;
}

.col.content-small a:hover,
.col.content-small a:focus {
    text-decoration: underline;
}

.col.content-small p {
    margin: 5px 0 0;
}

.col.content-small a {
    display: inline-block;
    color: #004b86;
}

.col.image-links .item {
    float: left;
    width: 220px;
    padding-right: 45px;
    margin-bottom: 30px;
    
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.col.image-links .item .image {
    float: left;
    width: 100px;
    height: 75px;
    margin-right: 20px;
}

.col.image-links .item a {
    line-height: 22px;
}

.dropdown-large-columns .col.links a {
    display: block;
    line-height: 20px;
    margin-top:10px;
}

.dropdown-large-columns .col.links a.tablet {
    display: none;
}


.col.image-links .item a:hover,
.dropdown-large-columns .col.links a:hover,
.col.image-links .item a:focus,
.dropdown-large-columns .col.links a:focus {
    color:#0095d5;
}

/* ==========================================================================
   Logo
   ========================================================================== */
   
.logo {
    float: left;
    height: 95px;
}

.navbar-large.smaller .logobox {
    padding-left: 20px;
}

.logobox {
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    
    position:relative;
    z-index:200;

    width:220px; 
    height:180px;
    padding-left: 30px;
    background-color:#1a1919;
    text-align: center;
}

.logobox .logo-image {
    position: absolute;
    left: 0;
    top: 0;

    display: block;
    margin-top: 55px;
    width: 191px;
    height: 58px;
    text-indent: -9999px;
}

/* When menus are open keep logo visible */
.dropdown-large-open .logobox .logo-image { 
	margin-top:18px;
}

.logobox a {
    position: relative;
    display: block;
}

/* ==========================================================================
   Footer
   ========================================================================== */
#footer, .footer-push, #footer > .outer-container {
    overflow: hidden;
}

/* Sticky Footer, Must equal footer overall height */
#wrap {
    margin: 10px auto 0 auto;
}

#footer a:hover,
#footer a:focus {
    color: #c0c0c0;
}

#footer p {
    font-size: 1.125em; /* 18/16 */
    line-height:26px;
}

#footer .copyright p {
    font-size: 0.875em; /* 14/16 */
}

#footer-4-col {
    padding-top: 45px;
}

#footer-4-col > .col {
    padding-left: 20px;
    width: 260px;
}

#footer-4-col > .col.contact img {
    margin-bottom:5px; 
    width:60%;
    max-width:290px;
}

#footer-4-col > .col.social {
    width: 315px;
}

#footer-4-col > .col:first-child {
    padding-left: 0;
}
/* ==========================================================================
   Footer Links
   ========================================================================== */
.links h2 {
    margin: 0;
    font-size: 1em;
    font-weight: bold;
}
.links h2 a { font-weight:bold; }

.links ul {
    list-style: none;
    padding: 0;
}

.links a {
    line-height: 24px;
}

/* ==========================================================================
   Social Tabs
   ========================================================================== */
.social h2{
    text-transform: uppercase;
    font-size: 1em;
}

.social .tab-buttons a {
    float: left;
    display: inline-block;
}

.social a.icon-button,
.social span.icon-button {
    width: 63px;
    height: 55px;
}

.social a.icon-button {
    position: relative;
    width: 20%;
    background-color: #2a343a;
    background-image: none;

    cursor: pointer;
}

.social .tab-content,
.social a.icon-button.active,
.social a.icon-button:hover,
.social a.icon-button:focus {
    background-color: #333f46;
}

.social a.icon-button span.icon-button {
    margin: 0;
    background-color: transparent;
}

.social .tab-content {
}

.social .tab-content > div {
    display: none;
}

.social .tab-content > div.active {
    display: block;
}

.tab-content > div > a {
    display: inline-block;
    width: 100%;
    padding:15px 0;
    border-top-width: 1px;
    border-color: #333436;
    text-align: center;
}

.tab-content .row {
    padding:25px;
}

.tab-content img {
    margin-right: 25px;
    margin-bottom: 10px;
}

.tab-content .links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tab-content .links a {
    line-height:30px;
}

.social .icon-facebook:before,
.social .icon-twitter:before,
.social .icon-linkedin:before,
.social .icon-youtube:before,
.social .icon-instagram:before { content:' '; }


@media screen and (max-width: 1190px) {

    body #footer-4-col,
    body #footer .copyright,
    body .dropdown-large .dropdown-large-columns,
    body .dropdown-large .contact,
    body #header-searchbar,
    body .navbar-large.smaller .logobox {
        padding-left: 40px;
        padding-right: 40px;

        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    body #header-searchbar.active {
        height: 83px;
        padding-top: 14px;
    }
    
    body .searchbar .custom-select select {
    	float: none;
    	width: 100%;
	}
	
    body .navbar-top .navbar.navbar-dropdowns,
    body .navbar-top .navbar.navbar-dropdowns li.search {
        display: block;
    }

    body .logo {
        width: 26%;
    }

    body #navbar-dropdown-bottom {
        float: left;
        width: 74%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    body #navbar-dropdown-bottom ul {
        width: 100%;
    }

    body #navbar-dropdown-bottom > ul > li {
        width: 30%;
    }

    body #navbar-dropdown-bottom > ul > li.tablet-mobile {
        width: 10%;
        overflow-x: hidden;
    }

    body #navbar-dropdown-bottom ul li > a {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }

    body .container .dropdown-large-columns .col {
        width: 30%;
        padding: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    body .container .dropdown-large-columns .col.content-small
    {
    	margin-left:0;
        width: 40%;
        padding-right: 30px;
    }

    body .container .dropdown-large-columns .col.links {
        padding-left: 15px;
    }

    body .container .dropdown-large-columns .button {
        white-space: normal;
    }
    
     body .searchbar .custom-select {
        width: 5.83%;
        background-position: 12px center;
    }
    
    body .searchbar .custom-select > div {
        width: 200%;
        margin-left: -100%; 
    }
    
    .searchbar input { width:83.33% }
    
    body .searchbar button {
    	width:10.83%;
    }
    
    #header {
        -webkit-transition: 0.16s;
        transition: 0.16s;
    }    

    .mobile-menu-open #body #header {
        left: -250px;
    }
    
     /* ==========================================================================
    Disable Sticky Footer for responsive
    ========================================================================== */

    body #footer, body #footer > .outer-container {
        height: auto;
        overflow-y: visible;
    }

    body .footer-push {
        display: none;
    }

    body #wrap {
        margin: 10px 0 0;
    }
    
     #footer #footer-4-col {
        width: 100%;
    }

    #footer #footer-4-col .col.links,
    #footer #footer-4-col .col.contact  {
        width:33.33%;
        padding-left: 0;
        padding-right: 0;
        margin: 0;
    }

    body #footer .copyright {
        width: 100%;
    }
}

@media screen and (max-width: 865px) {

    body #footer-4-col,
    body #footer .copyright,
    body .dropdown-large .dropdown-large-columns,
    body .dropdown-large .contact,
    body #header-searchbar,
    body .navbar-large.smaller .logobox {
        padding-left: 20px;
        padding-right: 20px;
 
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    body .logo {
        width: 230px;
    }

    body .logo .logobox {
        width: 100%;
    }
    
    body .searchbar .custom-select {
        width: 12.83%;
        background-position: 12px center;
    }
    
    .searchbar input { width:76.33% }
    
	.searchbar .custom-select a span {
    	padding:0;
    	width:100%;
    	height:100%;
	}
	
    body #navbar-dropdown-bottom {
        float: right;
        width: 20%;
        border-left-width: 1px;
    }

    body #navbar-dropdown-bottom > ul > li.tablet-mobile {
        width: 100%;
    }

    body #navbar-dropdown-bottom > ul > li > a:hover {
        padding-bottom: 0;
    }

    body .searchbar button {
        width: 10.83%;
    }

    body .searchbar .custom-select > div {
        width: 200%;
        margin-left: -100%;
    }
    
     /* ==========================================================================
    Footer
    ========================================================================== */
    #footer #footer-4-col {
        width: 100%;
    }

    #footer #footer-4-col .col.links,
    #footer #footer-4-col .col.contact  {
        float: none;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin: 0;
    }

    #footer #footer-4-col .col.social {
        width: 100%;
    }
}

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    body .logo-large {
        background: url("../img/logo@2x.png") no-repeat;
        background-size: 191px 58px;
    }

    body .logo-small {
        background: url("../img/logo-small@2x.png") no-repeat;
        background-size: 85%;
        background-position: 0 5px;
    }
}