body {
    padding: 0px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select {
    max-width: 280px;
}


/* ============================== BEGIN CUSTOM ============================== */
body {
    background-color: #F5F7F8;
}

a, a:hover, a:focus {
    color: #808080;
}

.mcp-asterisk {
    font-size: 14px;
}

.mcp-margin-bottom-0 {
    margin-bottom: 0px;
}

.mcp-margin-bottom-10 {
    margin-bottom: 10px;
}

.mcp-margin-bottom-20 {
    margin-bottom: 20px;
}

.mcp-margin-bottom-40 {
    margin-bottom: 40px;
}

.mcp-margin-top-0 {
    margin-top: 0px;
}

.mcp-margin-top-10 {
    margin-top: 10px;
}

.mcp-margin-top-20 {
    margin-top: 20px;
}

.mcp-margin-top-40 {
    margin-top: 40px;
}
.nowrap {
    white-space: nowrap;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}
.padtop {
    padding-top: 1em;
}
.padbotHidden{
    padding-bottom: 0 !important;
}
.marbotHidden {
    margin-bottom: 0 !important;
}
.mobile-only {display:none !important;}
@media (max-width:340px){
    .mobile-only {display:inline-block !important;}
}

a.button:hover {text-decoration:none !important;}



/*Header Styles*/
.navbar {
    margin: 0 0;
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1300;
}
.navbar.stuck {position:fixed;top:-64px;}

    .navbar > .container {
        position:relative;
        padding: 0 0;
        width: 100%;
        max-width: 1400px;
        margin: 0 auto;
        overflow:visible;
    }

    .navbar a {
        color: #fff;
    }

        .navbar a:hover {
            text-decoration: none;
        }

.navbar-header {
    float: none;
    height: 64px;
    margin: 0 0 32px 0;
    background-color: #FF5C21;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#FF5C21",GradientType=1 ); /* IE6-8 */
}

.navbar-toggle {
    display: none;
    position: absolute;
    float: none;
    border: none;
    top: 1px;
    right: 0;
    outline: none !important;
    -webkit-border-radius:0;
    border-radius:0;
}

    .navbar-toggle .icon-bar {
        background-color: #fff;
    }

.navbar .utility {
    position: absolute;
    right: 18px;
    top: 0;
}

    .navbar .utility ul {
        float: right;
        margin: 14px 0 0 0;
    }

        .navbar .utility ul li {
            display: inline;
            float: right;
            margin-left: 12px;
        }

            .navbar .utility ul li:first-child {
                display: inline;
                color: #fff;
            }

            .navbar .utility ul li a {
                display: block;
                width: 66px;
                color: #fff;
            }

                .navbar .utility ul li a:hover {
                    text-decoration: none;
                }

                .navbar .utility ul li a span {
                    display: block;
                    text-align: center;
                    background-position: top center;
                    background-repeat: no-repeat;
                    background-size: 28px 22px;
                }

                .navbar .utility ul li a span {
                    background-image: url("/Content/images/ico-header-fontsize.png");
                }

            .navbar .utility ul li:nth-of-type(2) a span {
                background-image: url("/Content/images/ico-header-contact.png");
            }

            .navbar .utility ul li:nth-of-type(3) a span {
                background-image: url("/Content/images/ico-header-news.png");
            }

            .navbar .utility ul li a span strong {
                display: block;
                padding: 20px 0 0 0;
                text-align: center;
                font-size: 10px;
                line-height: 22px;
                font-weight: normal;
            }

            .navbar .utility ul li .search-form {
                width: 230px;
                position: relative;
                text-align: right;
                top: 1px;
            }

                .navbar .utility ul li .search-form label {
                    display: none;
                    font-weight: normal;
                    font-size: 10px;
                    padding: 14px 0 0 0;
                }

                .navbar .utility ul li .search-form input#site-search {
                    -webkit-border-radius: 3px;
                    border-radius: 3px;
                }
                .navbar .utility ul li .search-form input#site-search::-ms-clear {display:none;}

                .navbar .utility ul li .search-form i.fa {
                    position: absolute;
                    top: 10px;
                    right: 12px;
                    color: #666;
                    z-index: 18;
                }

                .navbar .utility ul li .search-form .trigger {
                    display: none;
                }

.navbar-collapse.collapse {
    padding-right: 18px;
}



#logo {
    position: absolute;
    top: 12px;
    left: 30px;
    display: block;
    width: 220px;
    height: 68px; 
    z-index: 6;
}

.btn-par-grey {
    color: #fff;
    background-color: #575e61;
    border-color: #394042;
}

.btn-par-org2 {
    color: #fff;
    background-color: #FF7E52;
    border-color: #ff5c21;
}

#care-image {
    float: right;
    top: -5px;
    display: block;
    margin-top: -10px;
    margin-right: -5%;
    /* height: 66px; */
    z-index: 6;
}

.navbar.stuck #logo {display:none;}

    #logo img {
        width: auto;
        height: 68px;
    }

    .pushy {display:none;}

/*pushy styles*/
@media (max-width: 768px) {
	.pushy{
        display:block;
		position: fixed;
		width: 90%;
		height: 100%;
		top: 0;
		z-index: 9999;
		background: #575E61;
		font-size: 13px;
		-webkit-text-size-adjust: 100%;
		-webkit-box-shadow: inset 7px 0 16px 0px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: inset 7px 0 16px 0px rgba(0, 0, 0, 0.25);
		box-shadow: inset 7px 0 16px 0px rgba(0, 0, 0, 0.25);
		overflow: auto;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
		right: 0;
	}
    .pushy.pushy-open:before,.pushy.pushy-open:after {content:"";display:block;}
	
	.lt-ie9 .pushy {
		display: none !important;
		background: transparent !important;
	}
	
	.pushy .main-nav {
		padding-top: 64px;
	}
	
	.pushy ul {
		padding-left: 0;
		margin-bottom: 0;
		list-style-type: none;
	}
	
	.pushy li {
		border-top: 1px solid rgba(255,255,255,0.5);
		color: #FFFFFF;
		font-weight: 700;
	}
	.pushy li li {
		border-width:0px;
	}
	
	.pushy .top-level {
		display: block;
		padding: 10px;
		text-transform: uppercase;
	}
	
	.pushy .sub_menu li a,
	.pushy .sub_menu li a:hover {
		color: #FFFFFF;
		display: block;
		font-weight: 400;
		padding: 10px 40px 8px 26px;
		text-decoration: none;
        font-size:13px;
        line-height:14px;
	}
	
		.pushy .sub_menu li .has-trigger a {
			padding-right: 50px;
		}
	
	.pushy .sub_menu li a:hover {
		/*background: #b7b9dc;*/
	}
	
	.pushy .sub_menu ul ul {
		display: none;
	}
	
	.pushy a{
		display: block;
		padding: 15px 30px;
		text-decoration: none;
	}
	
	.pushy a:hover{
		/*background: #fff;
		color: #575E61;*/
	}
    
	.pushy ul ul a.active {background-color:#fff;color:#575E61;}
	.pushy ul ul ul a.active {background-color:#575E61;color:#fff;}
	
	/* Menu Movement */
	
	.pushy-left{
		-webkit-transform: translate(-90%,0);
		-moz-transform: translate(-90%,0);
		-ms-transform: translate(-90%,0);
		-o-transform: translate(-90%,0);
		transform: translate(-90%,0);
	}
	
	.pushy-right{
		-webkit-transform: translate(100%,0);
		-moz-transform: translate(100%,0);
		-ms-transform: translate(100%,0);
		-o-transform: translate(100%,0);
		transform: translate(100%,0);
	}
	
	.pushy-open{
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
	
	/*    -webkit-transition: width .2s cubic-bezier(.16, .68, .43, .99);
		-moz-transition: width .2s cubic-bezier(.16, .68, .43, .99);
		-o-transition: width .2s cubic-bezier(.16, .68, .43, .99);
		transition: width .2s cubic-bezier(.16, .68, .43, .99);*/
	}
	
	.pushy-open.level-2 {
	/*    -webkit-transform: translate3d(-100%,0,0);
		-moz-transform: translate3d(-100%,0,0);
		-ms-transform: translate3d(-100%,0,0);
		-o-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);*/
		width: 180%;
        -webkit-transform: translate3d(0,0,0);
	}
	.pushy-open.level-3 {
	/*    -webkit-transform: translate3d(-100%,0,0);
		-moz-transform: translate3d(-100%,0,0);
		-ms-transform: translate3d(-100%,0,0);
		-o-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);*/
		width: 360%;
        -webkit-perspective: 0px !important;
        -webkit-backface-visibility: visible !important;
        -webkit-transform: translate3d(0,0,0);
	}
	
	.no-csstransforms3d .pushy-open.level-2 {
		width: 90%;
	}
	
	.container-push, .push-push{
		-webkit-transform: translate(-90%,0);
		-moz-transform: translate(-90%,0);
		-ms-transform: translate(-90%,0);
		-o-transform: translate(-90%,0);
		transform: translate(-90%,0);
	}
	
	.pushy .has-trigger {
		position: relative;
	}
	
	.pushy .sub_menu li a.icon-arrow-right,
	.pushy .sub_menu li a.icon-arrow-right:hover {
		color:#fff;
		cursor: pointer;
		padding-right: 30px;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		width: 20px;
	}
	.pushy .sub_menu ul ul li a.icon-arrow-right,
	.pushy .sub_menu ul ul li a.icon-arrow-right:hover {
		color:#575E61;
	}
	
	.pushy.level-2 .main-nav {
		/*position: relative;*/
	}
	
	.pushy .sub_menu ul ul,
	.no-csstransforms3d .pushy .sub_menu ul ul.open {
		background: #fff;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		left: 50%;
		z-index: 99;
	
		-webkit-transform: translate(100%,0);
		-moz-transform: translate(100%,0);
		-ms-transform: translate(100%,0);
		-o-transform: translate(100%,0);
		transform: translate(100%,0);
	}
	
	.no-csstransforms3d .pushy .sub_menu ul ul {
		display: none;
	}
	
	.pushy .sub_menu ul ul.open {
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
	
		-webkit-box-shadow: inset 7px 0 16px 0px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: inset 7px 0 16px 0px rgba(0, 0, 0, 0.25);
		box-shadow: inset 7px 0 16px 0px rgba(0, 0, 0, 0.25);
	}
    .pushy .sub_menu ul.open li:last-child {border-bottom:1px solid rgba(0,0,0,0.2);}
	
	.pushy .sub_menu ul ul a.back-button,
	.pushy .sub_menu ul ul a.back-button:hover {
		color: #575E61;
		display: block;
		height: 65px;
		line-height: 66px;
		padding: 0 0 0 20px;
		border-bottom: 1px solid rgba(0,0,0,0.2);
	}
    .pushy .sub_menu ul ul a.back-button i.fa {font-size:40px;font-weight:700;padding-right:10px;position:relative;top:6px;}
	
	.pushy .sub_menu ul ul li {
		border-top: 1px solid rgba(0,0,0,0.2);
	}
	
	.pushy .label {
		border-top: 1px solid rgba(255,255,255,0.5);
		padding: 10px 10px 8px 20px;
        display: block;
        font-size: 12px;
        text-align: left;
        line-height: 12px;
	}
	
	.pushy .label,
	.pushy .sub_menu ul ul a,
	.pushy .sub_menu ul ul a:hover {
		color:#575E61;
		text-decoration: none;
	}
	
	.pushy .sub_menu ul ul a:hover {
		/*background: #575E61;*/
	}
	
	/* Menu Transitions */
	/*



	*/
	.pushy, .container, .push, .pushy .sub_menu ul ul {
		-webkit-transition: -webkit-transform .2s ease-in-out;
		-moz-transition: -moz-transform .2s ease-in-out;
		-o-transition: -o-transform .2s ease-in-out;
		transition: transform .2s ease-in-out;
		/* improves performance issues on mobile*/
		-webkit-backface-visibility: hidden;
		-webkit-perspective: 1000;
	}
	
	/* Site Overlay */
	
	.site-overlay{
		display: none;
	}
	
	.pushy-active .site-overlay{
		/*background: rgba(0,0,0,0.5);*/
		cursor: pointer;
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		z-index: 9998;
	}
}
/*end pushy nav*/

#site-wrapper {
    width: 100%;
}

#site-canvas {
    margin: 0 auto;
    width: 100%;
    max-width: 1400px;
    -webkit-box-shadow:#626262 0px 0px 20px;
    box-shadow:#626262 0px 0px 20px;
}

#backing, #boxlinks, #footer {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
}

#site-menu-bar {
    top: -32px;
    position: relative;
    width:100%;
    height:30px;
    background-color: #FF5C21;
}

    .standard-nav {
        width:100%;
    }
    .standard-nav ul {list-style-type:none;padding:0 0;margin:0 0;}
    .standard-nav .main-nav {float:right;margin-right:14px;}
    .standard-nav ul.main-nav li.drop {display:inline-block;}
    .standard-nav ul ul ul {visibility:hidden;position:absolute;}
    .standard-nav ul ul ul ul {display:none;}
    .standard-nav .sub_menu {font-size:13px;}
    .standard-nav .sub_menu > ul > li {float:left;position:relative;display:block;}
    .standard-nav .sub_menu > ul > li.hover > a {background-color:#a3cf62;}
    .standard-nav .sub_menu > ul > li.hover > a:before {z-index:13;display:block;width:100%;height:10px;content:"";top:29px;left:0;position:absolute;background:url("/Content/images/site-map-arrow.png") no-repeat;background-size:100% 10px;}
    .standard-nav .sub_menu > ul > li > a {display:block;position:relative;padding:6px 20px;}
    .standard-nav .sub_menu > ul > li ul {visibility:hidden;float:left;position:absolute;top:30px;left:0;font-size:12px;margin:0 0;padding:0 0;}
    .standard-nav .sub_menu > ul > li ul li {background:rgba(90,144,10,0.85);}
    .standard-nav .sub_menu > ul > li ul li a {padding:6px 10px 10px 15px;line-height:10px;display:block;width:248px;border-bottom:1px solid rgba(255,255,255,0.3);font-weight:400;}
    .standard-nav .sub_menu > ul > li ul li a:first-child {padding-top:12px;}
    .standard-nav .sub_menu > ul > li ul li a:hover,
    .standard-nav .sub_menu > ul > li ul li a.hover {background-color:rgba(163,207,98,0.85);}

@media (max-width: 992px) {
    body {
        background: #fff;
        position:relative;
}

    #logo {
        top: 8px;
        height: 56px;
    }

        #logo img {
            width: auto;
            height: 51px;
        }
}

@media (max-width: 768px) {
    .navbar,
    .navbar.stuck {position:absolute;top:0;}

    #logo {
        left: 12px;
    }
    .navbar.stuck #logo {display:block;}

    .container > .navbar-header {
        margin: 0 0;
    }

    .navbar-toggle {
        display: block;
        top: 0;
        margin: 0 5px 0 0;
        padding: 25px 10px 25px 12px;
        border-left: 2px solid rgba(255,255,255,0.5);
    }

    .navbar .utility {
        top: 0;
        right: 70px;
    }

        .navbar .utility ul li {
            display: none;
            margin: 0 0;
            padding: 0 0;
        }

            .navbar .utility ul li .search-form {
                width: 24px;
                position: relative;
                text-align: right;
                top: 8px;
            }

                .navbar .utility ul li .search-form label {
                    display: inline;
                    line-height: 40px;
                }

                .navbar .utility ul li .search-form.active input {
                    width: 16em;
                    padding:6px 30px 6px 12px !important;
                    border: none;
                    position: relative;
                    top: 42px;
                    right: -21px;
                    z-index: 7;
                    -webkit-box-shadow:4px 4px 10px #333;
                    box-shadow:4px 4px 10px #333;
                }

                .navbar .utility ul li .search-form input {
                    width: 0;
                    padding: 0 0 !important;
                    border: none;
                }

                .navbar .utility ul li .search-form.active label {display:none;}

                .navbar .utility ul li .search-form i.fa {
                    position: absolute;
                    top: -4px;
                    right: 10px;
                    color: #fff;
                    z-index: 4;
                }

                .navbar .utility ul li .search-form.active i.fa {
                    position: absolute;
                    top: 50px;
                    right: -10px;
                    color: #000;
                    z-index: 8;
                    font-size: 18px;
                    cursor: pointer;
                }

                .navbar .utility ul li .search-form .trigger {
                    width: 44px;
                    height: 44px;
                    background: transparent;
                    position: absolute;
                    display: block;
                    right: -5px;
                    top: -12px;
                    cursor: pointer;
                    z-index: 7;
                }

    .navbar-collapse {
        padding: 80px 0;
        max-height: 100%;
    }

    #site-canvas {
        max-width: 100%;
        -webkit-box-shadow:none;
        box-shadow:none;
    }

    #site-menu-bar {
        display: none;
    }

    #site-wrapper ul.active {
        visibility: visible;
    }
}




/*Window Layout Styles*/
.container {
    width: 100%;
    max-width: 1400px;
    padding: 0 0;
    overflow:hidden;
}

.body-content {
    padding: 30px 0;
    margin: 0 0;
    background-color: #fff;
}

    .body-content.video {
        margin: 0 0;
        padding: 0 0;
    }

        .body-content.video > div {
            margin: 0 0;
            padding: 0 0;
        }

        .body-content.video #content {
            margin: 0 0;
            padding: 0 0;
        }

.body-content.video .homepage,
        .body-content.video .homepage > div {
            margin: 0 0;
            padding: 0 0;
        }

@media (max-width: 768px) {
    .body-content {
        padding-top: 0;
}
}



/*Backgrounds and Page Titles Styles*/
#video-backing,
#backing {
    position: fixed;
    top: 0;
    z-index: -1;
    width: 100%;
    overflow:hidden;
}

    #backing .container.super {
        height: 590px;
    }

    #backing .container.tall {
        height: 400px;
    }

    #backing .container.short {
        height: 300px;
    }

    #backing .container {
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: bottom;
        background-color:#fff;
    }

        #backing .container.about {
            background-image: url("/Content/images/backing-about.jpg");
            background-size: cover;
        }

        #backing .container.leadership {
            background-image: url("/Content/images/backing-leadership.jpg");
            background-size: cover;
        }

        #backing .container.investors {
            background-image: url("/Content/images/backing-investors.jpg");
            background-size: cover;
        }

        #backing .container.responsibility {
            background-image: url("/Content/images/backing-responsibility.jpg");
            background-size: cover;
        }

        #backing .container.contact {
            background-image: url("/Content/images/backing-contact.jpg");
            background-size: cover;
        }

        #backing .container.general {
            background-image: url("/Content/images/backing-general.jpg");
            background-size: cover;
        }

        #backing .container.research_and_developement {
            background-image: url("/Content/images/backing-science.jpg");
            background-size: cover;
        }

        #backing .container.products {
            background-image: url("/Content/images/GI-2185763213_web.jpg");
            background-size: cover;
            background-position-x: 30%;
        }

            #backing .container.products h3 {
                margin-top: 220px;
                text-align: center;
                color: #fff;
                font-weight: bold;
                font-size: 38px;
            }

            #backing .container.products p {
                color: #fff;
                font-size: 16px;
                line-height: 1.5;
                text-align: center;
                padding: 0 27%;
            }

        #backing .container.video {
            width: 120%;
            height: auto;
            position: relative;
            background-color:#3c3c3c;
        }
        #backing .container.video .vjs-default-skin {
            opacity:0;
            -webkit-transition:opacity .15s ease-in-out;
            transition:opacity .15s ease-in-out;
        }
        #backing .container.video.playing .vjs-default-skin {opacity:1;}

        #video-backing .container.video {width:120%;height:1144px;background-size:1400px auto;background-position:0 16px;background-repeat:no-repeat;background-image:url("/Content/images/curtain-man.jpg");}

        #video-backing .container.video.middle {background-image:url("/Content/images/curtain-woman.jpg");}

        #backing video#video {width:100%;max-width:1400px;height:auto;}
        #backing .container.video .overlay {position:absolute;top:0;width:100%;max-width:1400px;height:784px;}

        .hider {width:1px;height:1px;position:absolute;top:-1px;overflow:hidden;}
        .hider image {width:1px;height:1px;}

#page-title {
    height: 400px;
    position: relative;
}

    #page-title.newsfeed {
        width: 100%;
        height: 780px;
        position: relative;
    }

    #page-title.general {
        height: 260px;
    }

    #page-title.products {
        height: 588px;
    }

    #page-title h1 {
        font-size: 50px;
        line-height: .8em;
        position: absolute;
        bottom: -4px;
        left: 20px;
        color: #fff;
        text-transform: uppercase;
        margin: 0 0 0 0;
    }

        #page-title h1 strong {
            font-weight: bold;
        }
        #page-title h1 .pullup {position:relative;top:-3px;}

    #page-title.products h1 {
        text-indent: -9999px;
        background: url(/Content/images/logo-m.png) no-repeat center;
        width:100%;
        height: 176px;
        z-index: 12;
        background-size: 220px 166px;
        position:absolute;
        bottom:-45px;
        margin-left:-15px;
    }

    #page-title.products h3 {
        color:#fff;
        font-weight:bold;
        font-size:38px;
        text-align:center;
        margin:0 0;
        padding:296px 0 3px 0;
        width:100%;
        -webkit-text-shadow:0px 2px 6px #333;
        text-shadow:0px 2px 6px #333;
    }

    #page-title.products p {
        color:#fff;
        font-size:20px;
        text-align:center;
        margin:0 0 0 0;
        padding:0 19%;
        -webkit-text-shadow:0px 2px 6px #333;
        text-shadow:0px 2px 6px #333;

    }

    #page-title .intro {
        position: absolute;
        bottom: 220px;
        width: 100%;
    }

        #page-title .intro h1 {
            text-align: center;
            text-transform: uppercase;
            position: relative;
            bottom: auto;
            left: auto;
            font-size:60px;
        }

        #page-title .intro p {
            padding: 8px 7em 0 7em;
            margin: 0 0;
            color: #fff;
            font-size: 18px;
            line-height: 24px;
            text-align: center;
        }
            #page-title .intro .pushbot {padding-bottom:1.2em !important;}

            #page-title .intro p.small-print {
                position: relative;
                color: #fff;
                font-size: 11px;
                padding-top: 80px;
            }

                #page-title .intro p.small-print a.scrolldown {
                    position: absolute;
                    margin-top: -60px;
                    right: 50%;
                    margin-right: -25px;
                    width: 50px;
                    height: 50px;
                    display: block;
                    cursor: pointer;
                    background: url(/Content/images/ico-body-scrolldown.png) no-repeat;
                }
    #page-title .intro .msg {
        width:100%;
        height:auto;
        text-align:center;
        position:relative;
        opacity:0;
        -webkit-transition:opacity .25s ease-in-out;
        transition:opacity .25s ease-in-out;
    }
    #page-title .intro .msg.animate {opacity:1;}

@media (max-width: 992px) {
    #backing .container.tall {
        height: 330px;
    }

    #backing .container.video {
        width: 140%;
    }
    #video-backing {
        display:none;
    }

    #backing .container.products {
        height: 520px;
    }


    #page-title {
        height: 300px;
    }

        #page-title.newsfeed {
            height: 710px;
        }

        #page-title.general {
            height: 220px;
        }

        #page-title.products {
            height: 520px;
        }

        #page-title h1 {
            font-size: 38px;
            bottom: -3px;
            margin-right: 10px;
        }

        #page-title.products h1 {
            bottom:-44px;
        }

        #page-title.products h3 {
            font-size:32px;
           padding-top:250px;

        }

        #page-title.products p {
           padding:0 10%;

        }

        #page-title p.small-print {
            padding-top: 40%;
        }
        #page-title .intro {
            bottom:170px;
        }
}

@media (max-width: 767px) {
    #backing .container.tall {
        height: 200px;
    }

    #backing .container.video {
        width: 170%;
        margin-left: -10%;
    }

    #backing .container.video .overlay {right:0;width:1024px;}

    #backing .container.products {
        height: 460px;
    }

    #page-title {
        height: 200px;
    }

        #page-title.newsfeed {
            height: 620px;
        }

        #page-title .intro {
            bottom:110px;
            padding: 0 15px;
        }
            #page-title .intro h1 {font-size:38px;line-height:34px;}
            #page-title .intro p {
                font-size: 20px;
                line-height:1.1em;
                padding-left:15%;
                padding-right:15%;
            }

        #page-title.general {
            height: 160px;
        }

        #page-title.products {
            height: 460px;
        }

            #page-title.products h1 {
                bottom: -21px;
                background-size: 105px 84px;
                height:84px;
                margin-left:-15px;
            }
            #page-title.products h3 {font-size:24px;padding:220px 10% 3px 10%;}
            #page-title.products p {font-size:15px;font-weight:bold;padding:0 10%;}

        #page-title h1 {
            font-size: 28px;
            bottom: -2px;
            left: 15px;
        }

        #page-title p.small-print {
            padding-top: 50%;
        }
}

@media (max-width: 480px) {
        #page-title.newsfeed {
            height: 410px;
        }

        #page-title .intro {
            bottom:20px;
        }
            #page-title .intro h1 {font-size:28px;line-height:24px;}
            #page-title .intro p {
                font-size: 14px;
                line-height:1.1em;
                padding-left:15%;
                padding-right:15%;
            }
        .container.video .jsMovieFrame {background-size:150% auto !important;max-width:500px !important;}
}

/*box link styles*/
#boxlinks {
    position: relative;
    padding: 0 0 0 0;
    overflow: visible;
}

    #boxlinks #gototop {
        position: absolute;
        top: -30px;
        right: 10px;
        width: 50px;
        height: 50px;
        display: block;
        cursor: pointer;
        background: url(/Content/images/ico-body-gototop.png) no-repeat;
    }

    #boxlinks.home #gototop {
        right: 50%;
        margin-right: -25px;
    }

    #boxlinks .row {
        margin: 0 0 0 0;
        border-right: 1px solid #ccc;
    }

    #boxlinks .nopad {
        padding: 0 0 0 0;
        border-left: 1px solid #ccc;
    }

    #boxlinks .box-image {
        width: 100%;
        height: auto;
    }

    #boxlinks .box-copy {
        color: #fff;
        position: absolute;
        left: 30px;
        top:55%;
        width: 90%;
        height: auto;
        padding-bottom: 30px;
    }

        #boxlinks .box-copy h3 {
            font-size: 28px;
        }

        #boxlinks .box-copy p {
            font-size: 14px;
            line-height: 22px;
        }

        #boxlinks .green-button {
            position: absolute;
            left: 30px;
            bottom: 30px;
            border: 30px;
            font-size: 14px;
            -webkit-border-radius: 0;
            border-radius: 0;
            background: #a3cf62;
            color: #fff;
            padding: 6px 0 5px 0;
            text-align: center;
            font-weight: bold;
            width: 50%;
        }
        #boxlinks .green-button:hover {text-decoration:none;background-color:#81ad40;}
@media (max-width: 1220px) {
    #boxlinks .box-copy {top:45%;}
}
@media (max-width: 992px) {

        #boxlinks .box-copy h3 {
            font-size: 23px;
            margin-bottom: 4px;
        }

        #boxlinks .box-copy p {
            font-size: 13px;
            line-height: 19px;
        }

        #boxlinks .green-button {
            font-size: 13px;
            left:30px;
            bottom:30px;
        }
}

@media (max-width: 890px) {
    #boxlinks .box-copy {top:40%;}
}

@media (min-width: 768px) {
    .col-sm-6.nopad {width:50%;}
}

@media (max-width: 767px) {
    #boxlinks .nopad {
        border-left:0;
        border-bottom:1px solid #ccc;
    }
    #boxlinks .box-copy {
        top:auto;
        left: 15px;
        bottom: 15px;

    }

        #boxlinks .box-copy h3 {
            font-size: 18px;
            margin-bottom: 1px;
        }

        #boxlinks .box-copy p {
            font-size: 12px;
            line-height: 15px;
        }

        #boxlinks .green-button {
            font-size: 11px;
            left:15px;
            bottom:15px;
        }
}

.boxes.products img {
    width: 100%;
    height: auto;
}

/*global elements*/
.contact-link {
    font-size: 1.2em;
}

    .contact-link .fa-envelope-o {
        font-size: 1.5em;
        margin-left: 0.2em;
    }

/*Main Content Area Styles*/
#content, #content.regular {
    position: relative;
    font-size: 10px;
    line-height: 1.5;
    padding: 1em 0 6em 0;
    color: #666;
    min-height: 400px;
}

    #content.larger {
        font-size: 12px;
    }

    #content.largest {
        font-size: 14px;
    }

@media (max-width : 768px) {
    #content, #content.regular {
        position: relative;
        font-size: 10px;
        line-height: 1.5;
        padding: 1em 0 6em 0;
        color: #666;
    }
}

#content h2 {
    font-size: 300%;
    border-bottom: 1px solid #ccc;
    margin: .4em 0;
    padding: 0 0 .2em 0;
}

#content h3 {
    font-size: 200%;
    line-height: 130%;
    margin: .6em 0 0 0;
    padding: 0 0 .2em 0;
    font-weight: bold;
}

#content h4 {
    text-transform: uppercase;
    font-size: 180%;
    color: #575E61;
}

    #content h4.green-bar {
        color: #fff;
        background-color: #575E61;
        padding: 14px;
        margin-bottom: 1em;
    }

#content p {
    font-size: 140%;
    margin: .4em 0 1.4em 0;
    padding: 0 0;
}
#content .cutbottom {
    margin-bottom:0 !important;
}

#content object {max-width:100%;}

#content ul, #content ol {
    font-size: 140%;
    margin-bottom: 1.4em;
    padding-left: 1.8em;
}
#content ul.no-first-bullet li:first-child {list-style-type:none;position:relative;left:-1.8em;}
#content ol li {padding-bottom:1em;}

#content center {
    font-size: 140%;
}

#content label {
    font-size: 140%;
}

#content .green-button {
    display: inline-block;
    border: 0;
    font-size: 100%;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #a3cf62;
    color: #fff !important;
    padding: 6px 20px 5px 20px;
    margin: 0 0 1.4em 0;
    text-align: center;
    font-weight: bold;
    width: auto;
    text-decoration:none;
}
#content .green-button.full-width {display:block;width:100%;}
#content .green-button:hover {text-decoration:none;background-color:#81ad40;}

#content a.scrolldown {
    position: absolute;
    top: -30px;
    right: 50%;
    margin-right: -25px;
    width: 50px;
    height: 50px;
    display: block;
    cursor: pointer;
    background: url(/Content/images/ico-body-scrolldown.png) no-repeat;
}

#content p a {text-decoration:underline;}

#content .dar-green-button {
    border: 0;
    font-size: 16px;
    border-radius: 0;
    background: #394042;
    color: #fff;
    padding: .5em 1.2em .3em;
    font-weight: bold;
    text-decoration:none;
}

#content .purple-button {
    border: 0;
    font-size: 16px;
    border-radius: 0;
    background: #FF5C21;
    color: #fff;
    padding: .7em 1.2em .6em;
    font-weight: bold;
    text-decoration:none;
}
#content .purple-button.full-width {display:block;width:100%;max-width:330px;margin:0 auto;text-align:center;}

#content .navy-button {
    border: 0;
    font-size: 14px;
    border-radius: 0;
    background: #FF7E52;
    color: #fff;
    padding: .7em 1.2em .6em;
    font-weight: bold;
    text-decoration:none;
}

.table-head {color:#fff;background-color:#FF7E52;}
.table-head th.bigger {font-size:1.4em;text-transform:uppercase;}
.table.table-bordered.valigned-middle td {vertical-align:middle !important;}
.table.table-bordered .moblock {display:none;}
@media (max-width:480px){
.table.valigned-middle > thead > tr > th, .table > tbody > tr > th, .table.valigned-middle > tfoot > tr > th, .table.valigned-middle > thead > tr > td, .table > tbody > tr > td, .table.valigned-middle > tfoot > tr > td {padding:2px;font-size:8px;}
}

#content .two-col {
    display:inline-block;width:49%;float:left;
}
@media (max-width : 1400px) {
    #content .two-col {margin-bottom:0;display:block;float:none;width:100%;}
}
@media (max-width : 768px) {
    #content .two-col {display:inline-block;width:49%;float:left;}
    #content h2 {font-size:240%;}
    #content h3 {font-size:200%;}
    #content h4 {font-size:160%;}
}

/*forms */

#content form.gsc-search-box {
    display: none;
}
#content .form-3-4 {
    width: 75%;
    margin: 2.4em 25% .6em 0;
}

@media (max-width : 768px) {
    #content .form-3-4 {
        width: 100%;
        margin-right: 0;
    }
}

/*homepage*/


.container.video #movie {width:100%;max-width:1400px;height:auto;overflow:hidden;}

#newsWidget {
    background-color: rgba(153,156,206,.7);
    width: 100%;
    position: absolute;
    bottom: 0;
    margin-top: 30px;
    margin-bottom: 60px;
}

    #newsWidget h4 {
        position: absolute;
        left: 30px;
        top: 0;
        margin: 0 0;
        padding: 12px 25px 0 0;
        font-size: 18px;
        line-height: 38px;
        font-weight: bold;
        color: #fff;
        height: 60px;
        border-right: 1px solid rgba(255,255,255,0.5);
    }

    #newsWidget #newsfeed-carousel {
        height: 60px;
        margin: 0 120px 0 200px;
        overflow: hidden;
    }

#newsWidget #newsfeed-carousel .slick-list,
        #newsWidget #newsfeed-carousel .slick-track {
            height: 60px;
        }

        #newsWidget #newsfeed-carousel i.slick-prev {
            position: absolute;
            right: 80px;
            top: 6px;
            color: #fff;
            font-size: 28px;
            padding: 10px 15px;
            cursor: pointer;
        }

        #newsWidget #newsfeed-carousel i.slick-next {
            position: absolute;
            right: 30px;
            top: 6px;
            color: #fff;
            font-size: 28px;
            padding: 10px 15px;
            cursor: pointer;
        }

        #newsWidget #newsfeed-carousel .newsfeed-item {
            float: left;
            padding-top: 21px;
            overflow: hidden;
        }

            #newsWidget #newsfeed-carousel .newsfeed-item a {
                color: #fff;
                padding-left: 20px;
                font-weight: normal;
                white-space: nowrap;
            }

            #newsWidget #newsfeed-carousel .newsfeed-item.slick-slide {
                visibility: hidden;
            }

            #newsWidget #newsfeed-carousel .newsfeed-item.slick-active {
                visibility: visible;
            }

@media (max-width: 992px) {
    #newsWidget #newsfeed-carousel .newsfeed-item a {
        font-size: 12px;
        overflow: hidden;
    }
}

@media (max-width: 768px) {
    #newsWidget {
        margin-bottom: 50px;
    }

        #newsWidget h4, #newsWidget #newsfeed-carousel {
            display: none;
        }
}

#content #products-animation {
    background: url(/Content/images/bg_light_purlple_pattern.png) repeat-x;
    width: 100%;
    height: 760px;
    position: relative;
    padding: 40px 0 15px 0;
    color: #fff;
}

#products-animation .call-out {
    margin-top: -649px;
    position: relative;
}

    #products-animation .call-out .button {
        width: 295px;
        margin-top: 21em;
        display: block;
    }

    #products-animation .call-out button .fa.fa-angle-right {
        display: inline-block;
        margin-left: 0.3em;
        margin-top: 0.19em;
    }

    #products-animation .call-out .inner-right-call-out {
        padding-top: 12em;
    }

        #products-animation .call-out .inner-right-call-out h2, #products-animation .call-out .call-out-mb h2 {
            font-size: 30px;
            border: 0;
            padding: 0;
        }

        #products-animation .call-out .inner-right-call-out h5, #products-animation .call-out .call-out-mb h5 {
            font-size: 15px;
            border-bottom: 1px solid #848295;
            margin: .4em 0;
            padding: 0 0 .2em 0;
            color: #c5c4d4;
        }

#products-animation p {
    margin: .4em 0 .8em;
    font-size:14px;
}

#circleHolder {
    position: relative;
}

#circleSpace {
    position: absolute;
    top: 329px;
    left: 286px;
}

    #circleSpace > .circle, #circleSpace > .circle > .circleLabel, #circleSpace > .circle > .blurb {
        position: absolute;
        display: block;
    }

#circleHolder {
    background: url("/content/images/m_circle_bg.png") no-repeat center center;
    width: 591px;
    height: 677px;
    margin: 0 auto;
}
#circleHolder .circleHolderHover {
    width: 591px;
    height: 677px;
    position:absolute;
    z-index:20;
}

#circleSpace > .circle {
    width: 15px;
    height: 15px;
    background: #a3cf62;
    overflow: visible;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity:1;
    -webkit-transition:opacity .35s ease-in-out;
    transition:opacity .35s ease-in-out;
}
#circleSpace > .circle.trim {opacity:0;}

.circle > .circleLabel {
    color:#fff;
    font-size:11px;
    line-height:11px;
    white-space:nowrap;
    margin-bottom:-10px;
    margin-right:-20px;
    width: auto;
}

#circleSpace > .circle > .blurb {
    top: -20px;
    left: 5px;
    opacity:0;
    -webkit-transition:opacity .35s ease-in-out;
    transition:opacity .35s ease-in-out;
}
#circleSpace > .circle > .blurb p {font-size:11px;line-height:1.2em;width:290px;padding-left:85px;background:url(/Content/images/blurb-arrow.png) no-repeat top left;}

#circleSpace > .circle > .blurb p strong {display:block;font-size:12px;}

    #circleSpace > .circle.show > .blurb {
        opacity:1;
    }
    #circleSpace > .circle.show > .circleLabel {
        opacity:0;
    }


@media (min-width: 768px) and (max-width: 992px) {
    #products-animation .col-lg-8 {
        padding-left: 3em;
        padding-right: 3em;
    }

    #products-animation .call-out .button {
        width: 240px;
        font-size: 13px;
        margin-top: 230px;
    }

}

@media (max-width: 768px) {
    #content #products-animation {
        height:680px;
    }

    #circleHolder {
        background: url("/content/images/m_circle_bg_m.png") no-repeat center top;
        background-size: 100%;
        width: 340px;
    }
    #circleHolder .circleHolderHover {display:none;}

    #products-animation .call-out .inner-right-call-out {
        padding-top:58px;
    }
    #products-animation .inner-right-call-out {
        margin: 0 auto;
        float: none;
        width: 330px;
    }
    #products-animation .call-out .inner-right-call-out h2 {
        font-size:28px;
        line-height:32px;
    }
    #products-animation p {
        font-size: 15px;
        line-height: 22px;
    }



    #products-animation .call-out .button {
        margin: 3em auto 0;
        float: none !important;
        width: 100%;
    }
}

@media (max-width: 340px) {

    #circleHolder {
        width: 77%;
    }

    #products-animation .inner-right-call-out {
        width: 80%;
    }

    #products-animation .call-out .button {
        font-size: 12px;
    }

    #products-animation .inner-right-call-out .pull-right {
        float: none !important;
    }
}



@media (min-width: 800px) and (max-width: 860px) {

    #products-animation .call-out .button {
        width: 250px;
        font-size: 13px;
    }
}


    /*clock animation*/
#content #newsticker-animation {
    background: url("/Content/images/white-tiles-bg.jpg") no-repeat #fff;
    width: 100%;
    height: 760px;
    background-size: 100% 100%;
}

#content .hexicon-shape.greyBg {
    background: url("/Content/images/ico-body-clock.png") center top no-repeat;
    background-size: 100%;
    height: 677px;
    width: 100%;
    width: 590px;
    margin: 0 auto;
}

#content #newsticker-animation .clock-wrapper {
    width: 100%;
    position: relative;
}

#clock {
    background: url(/Content/images/clock-bg.png) no-repeat;
    width: 509px;
    height: 509px;
    background-size: cover;
    position: absolute;
    top: 84px;
    left: 38px;
}

#hour {
    width: 25px;
    height: 258px;
    left: 0;
    top: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg); 
    -ms-transform: rotate(0deg); 
    margin-left: 254px;
    margin-top: 0;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
}

    #hour div {
        background: #a3cf62;
        width: 25px;
        height: 25px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        -ms-border-radius: 25px;
        border-radius: 25px;
        position: absolute;
        top: 0;
    }

#sec {
    width: 4px;
    height: 256px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg); 
    -ms-transform: rotate(0deg);
    margin-left: 254px;
    margin-top: 0;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
}

    #sec div {
        background: #a3cf62;
        width: 4px;
        height: 18px;
        position: absolute;
        top: 0;
        border-radius: 25px;
    }

#min {
    width: 4px;
    height: 254px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg); 
    -ms-transform: rotate(0deg);
    margin-left: 254px;
    margin-top: 0;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
}

    #min div {
        background: #9a9dce;
        width: 8px;
        height: 8px;
        position: absolute;
        top: 4px;
        border-radius: 25px;
    }

#newsticker-animation {
    position: relative;
    padding: 40px 0 15px 0;
}

    #newsticker-animation .call-out {
        margin-top: -649px;
        position: relative;
    }

        #newsticker-animation .call-out .button {
            width: 265px;
            margin-top: 18em;
        }

            #newsticker-animation .call-out button .fa.fa-angle-right {
                display: inline-block;
                margin-left: 0.3em;
                margin-top: 0.19em;
            }

        #newsticker-animation .call-out .inner-right-call-out {
            padding-top: 18em;
        }

            #newsticker-animation .call-out .inner-right-call-out h2, #newsticker-animation .call-out .call-out-mb h2 {
                font-size: 26px;
                border: 0;
                padding: 0;
            }

            #newsticker-animation .call-out .inner-right-call-out h5, #newsticker-animation .call-out .call-out-mb h5 {
                font-size: 15px;
                border-bottom: 1px solid #ccc;
                margin: .4em 0;
                padding: 0 0 .2em 0;
            }

    #newsticker-animation .quotesWidget p {
        font-size: 12px;
    }

        #newsticker-animation .quotesWidget p.localtime span {
            font-size: 10px;
        }

    #newsticker-animation .quotesWidget .nyseMnk {
        margin-bottom: 8em;
        margin-top: 9em;
    }

        #newsticker-animation .quotesWidget .nyseMnk p {
            margin: 0;
        }

    #newsticker-animation .quotesWidget h1 {
        font-size: 80px;
        color: #6c9685;
        margin-bottom: 0;
        line-height: .8em;
        letter-spacing:-.05em;
    }

        #newsticker-animation .quotesWidget h1 sup {
            top: -26px;
            font-size: 40px;
        }

    #newsticker-animation .quotesWidget .upDownValue img {
        vertical-align: top;
        margin-right: .4em;
    }

    #newsticker-animation .quotesWidget .upDownValue p {
        color: #a4a4a4;
        font-size: 20px;
    }

    #newsticker-animation .quotesWidget .openHighLowVol {
        margin-top: 8em;
    }

        #newsticker-animation .quotesWidget .openHighLowVol p {
            margin-bottom: 0;
            color: #c4d6d4;
        }

        #newsticker-animation .quotesWidget .openHighLowVol .label-title {
            color: #c3c3c4;
            width: 49px;
            display: inline-block;
            padding-right: .5em;
        }

@media (min-width: 992px) and (max-width: 1199px) {
    .col-md-5.quotesWidget {
        width: 38.666667%;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    #newsticker-animation .call-out .col-sm-4 {
        width: 29.333333%;
    }

    #newsticker-animation .call-out .col-sm-3 {
        width: 29%;
    }

    #newsticker-animation .call-out .col-sm-5 {
        width: 41.66666666666667%;
    }

    #newsticker-animation .call-out .button {
        width: 240px;
    }
}

@media (max-width: 768px) {
    #content #newsticker-animation {
        height: 760px;
        padding-top:100px;
    }
    #newsticker-animation .call-out .call-out-mb h2 {
        font-size:26px;
        line-height:30px;
    }
    #newsticker-animation p {
        font-size: 15px;
        line-height: 22px;
        white-space: pre-line;
    }

    #newsticker-animation .call-out {
        margin-left: 2em;
        margin-right: 2em;
        margin-top: -75em;
    }

    #newsticker-animation .call-out .inner-right-call-out h5, #newsticker-animation .call-out .call-out-mb h5 {
        margin-top:28px;
    }

    #content .hexicon-shape.greyBg {
        width: 83.33333333333334%;
    }

    #newsticker-animation .call-out-mb {
        margin: 0 auto;
        float: none;
    }

    #newsticker-animation .quotesWidget {
        padding-left:0;
        padding-right:0;
    }
    #newsticker-animation .quotesWidget .nyseMnk {
        margin-bottom: 3em;
        margin-top: 0em;
    }

    #content #newsticker-animation .hexicon-shape.greyBg {
        margin-top: 70px;
    }

    #newsticker-animation .call-out .button {
        width: 100%;
        margin-top: 10px;
        min-width: 174px;
    }
}

@media (max-width: 768px) and (min-width: 350px) {
    #content .hexicon-shape.greyBg {
        width: 340px;
    }

    #newsticker-animation .call-out-mb {
        width: 320px;
    }
}

@media (max-width: 320px) {
    #newsticker-animation .call-out {
        margin-top: -95em;
    }

    #content #newsticker-animation .hexicon-shape.greyBg {
        margin-top: 200px;
    }
}



/*about us landing page*/
#content .hexicon-div-padding {
    padding: 1.6em 0 0 0;
}

#content .hexicon-set {
    vertical-align: top;
    font-size: 1.4em;
    color: #a3cf62;
    font-weight: bold;
    width: 20%;
    height: 160px;
    background-position: top center;
    background-size: 104px 112px;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 120px 0 60px 0;
}

    #content .hexicon-set.history {
        background-image: url("/Content/images/ico-body-history.png");
    }

    #content .hexicon-set.leadership {
        background-image: url("/Content/images/ico-body-executiveteam.png");
    }

    #content .hexicon-set.corestrengths {
        background-image: url("/Content/images/ico-body-corestrengths.png");
    }

    #content .hexicon-set.products {
        background-image: url("/Content/images/ico-body-products.png");
    }

    #content .hexicon-set.responsibility {
        background-image: url("/Content/images/ico-body-responsibility.png");
    }

    #content .hexicon-set.presentation {
        background-image: url("/Content/images/ico-body-presentations.png");
    }

    #content .hexicon-set.culture {
        background-image: url("/Content/images/ico-body-culture.png");
    }

    #content .hexicon-set.events {
        background-image: url("/Content/images/ico-body-calendar.png");
    }

    #content .hexicon-set.secfiling {
        background-image: url("/Content/images/ico-body-secfilings.png");
    }

    #content .hexicon-set.factsheet {
        background-image: url("/Content/images/ico-body-factsheet.png");
    }

@media (max-width: 768px) {
    #content .hexicon-set {
        width: 48%;
    }
}

@media (max-width: 319px) {
    #content .hexicon-set {
        width: 100%;
    }
}

/*pipeline
#content .pipeline {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    padding-bottom: 100px;
    color: #666;
}

    #content .pipeline .Product {
        color: #ffffff;
        width: 47%;
        text-align: center;
        float: left;
        height: 6em;
        padding: 0px .5em;
        background-color: #008c52;
        border-radius: 2px;
        -moz-box-shadow: 3px 3px 2px #ececec;
        box-shadow: 3px 3px 2px #ececec;
        font-weight: bold;
        font-size: 1em;
        line-height: 1em;
        overflow: hidden;
        margin-top: 2%;
        margin-left: 2%;
    }
    #content .pipeline .Product div {
         
        width: 60%; 
        height: 6em;
        vertical-align:middle;
        display:table-cell;
    }
@media (max-width: 1220px) {
    #content .pipeline .Product {
        height: 5em;
    }
    #content .pipeline .Product div{
        height: 5em;
    }
}
@media (max-width: 768px) {
    #content .pipeline .Product {
        height: 4em; 

    }
    #content .pipeline .Product div{
        height: 4em;
    }
}
#content .tableContainer {
    margin-top: 10px;
    float: left;
    border-top: 1px dotted #c5c0c0;
    padding-top: 15px;
    padding-bottom: 10px;
    width: 100%;
}
    #content .tableContainer.toppies {
        min-height: 19em;
    }

#content .colStatus {
    float: left;
    display: table;
    width: 14%;
    height: 140px;
    margin-top: 2px;
    margin-right: 2px;
    background-size: 27px 150px;
    background-repeat: no-repeat;
}

#content .Status {
    color: white;
    margin-top: 0%;
    display: table-cell;
}

#content .colProducts {
    padding-bottom: 30px;
    width: 84%;
    float: left;
    height: auto;
}

#content .Specialty, #content .ARD, #content .Hospital, #content .SpecialtyBrands {
    min-width: 160px;
    height: auto;
    float: left;
    margin-left: 2%;
    margin-bottom: 50px;
    padding-bottom: 1%;
    width: 23%;
}

#content .productLines {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    text-align: left;
    float: left;
    height: 2.4em;
    font-size: 2em;
    line-height: 1.2em;
    background-color: white;
    border: 1px solid #ffffff;
    color: #575E61;
    padding-left: 16px;
}

#content .preClinical {
    background-image: url(/Content/images/pre-clinical.png);
}

#content .clinical {
    background-image: url(/Content/images/clinical.png);
}

#content .registration {
    background-image: url(/Content/images/registration.png);
}

#content .hiddenElement {
    visibility: hidden !important;
}
    */
.colorImmuno {
    background-color: #476a9d !important;
}

.table-green {
    background-color: #107d43 !important;
}

.table-purple {
    background-color: #442696 !important;
}

.colorIntrathecal {
    background-color: #4a4b4a !important;
}

.table-teal {
    background-color: #6eaca1 !important;
}

.table-olive {
    background-color: #72c462 !important;
}


#mobilehistory strong {font-size:1.6em;display:block;padding:6px 10px;background-color:#a3cf62;color:#fff;}
#mobilehistory p {margin-bottom:6em;}

/*leadership page*/
#content.leadership .col-md-4 {
    margin-bottom: 2.3em;
    margin-top: 1em;
}

    #content.leadership .col-md-4 h3 {
        margin-bottom: 0;
        margin-top: 1em;
        font-weight: 500;
    }

    #content.leadership .col-md-4 p {
        font-size: 1.2em;
    }

#content.leadership img.thumbnail {
    width: 172px;
    display: inline-block;
    border: 0;
}

#content.leadership .col-md-4 a {
    font-size: 0.9em;
    color: #575E61;
    text-decoration: none;
    margin-top: 1.2em;
    display: block;
}

    #content.leadership .col-md-4 a i {
        color: #a3cf62;
    }

@media (max-width : 768px) {
    #content.leadership .col-md-4 {
        margin-bottom: 3.3em;
        margin-top: 1em;
    }
}


/*#content.story-list h2 {margin: 0 0 .4em 0;padding: 0 0 .5em 0;}
#content.story-list h2 span {font-size: 0.7em;font-weight: bold;}
#content.story-list p {margin-bottom: 2.3em;}
@media (max-width: 768px) {
    #content.story-list img.space {margin:2em 0 3em 0;display:inline-block;}
}
@media (min-width: 1300px) {
    #content.story-list .img-responsive {width:90%;}
}*/

/** Search Globa Fix **/
.navbar .utility ul li .search-form input {
    padding: 6px 30px 6px 12px;
}
/** Leadership-Bio **/
#content.leadership-bio h2 {
    margin: 0;
    padding: 0 0;
    border: 0;
}

#content.leadership-bio hr {
    margin: 0.5em 0 .5em 0;
    border: 0;
    height: 1px;
    background: #ccc;
}

#content.leadership-bio h2 span {
    font-size: 0.7em;
    font-weight: bold;
}

#content.leadership-bio p {
    margin-bottom: 2.3em;
}

@media (min-width: 768px) {
    #content.leadership-bio img {
        margin: 0 0 .6em 1.5em;
        max-width: 209px;
        display: inline-block;
    }
}
@media (max-width:767px) {
    #content.leadership-bio img {
        margin:2em auto 3em;
    }
}


/*responsibility page*/

#content.responsibility h3 {
    border-bottom: 1px solid #ccc;
    margin: 3.3em 0 1em 0;
}

#content.responsibility a {
    color: #a3cf62;
}

/*News section page*/ 
#content.investor .greenSec-head {
    background: #a3cf62;
    font-size: 1.9em;
    padding: .3em 1em .3em 2em;
    color: #FFF;
    margin: 1.7em 0 .7em 0;
}
@media (max-width:767px) {
    #content.investor .greenSec-head {padding-left:.5em;}
}

    #content.investor .greenSec-head a {
        font-size: .6em;
        color: #FFF;
        line-height: 1.8em;
    }

#content.investor #NewsFeed {
}

#content.investor .list-group {
    margin-bottom: 2.5em;
}

    #content.investor .list-group p {
        margin: 0;
        line-height: 1.5;
    }

    #content.investor .list-group a {
        font-weight: bold;
        color: #a3cf62;
    }

#content.investor .webCast {
    background: url("/Content/images/box-investors.jpg") no-repeat;
    background-size: cover;
    color: #fff;
    padding-top: 2em;
    margin: 0 0 5em 0;
}

    #content.investor .webCast div {
    }

    #content.investor .webCast p {
        font-size: 1.9em;
        margin-bottom: 1em;
    }

    #content.investor .webCast a {
        color: #fff;
    }

#content.investor .mapbar {
    border-top: 4px solid #575E61;
    padding: 0 15px;
    margin: 8px 0 16px 0;
}

    #content.investor .mapbar .nopad {
        padding-left: 0;
        padding-right: 0;
    }

    #content.investor .mapbar a {
        display: block;
        text-align: center;
        padding: 6px 0;
        background: #a3cf62;
        color: #fff;
        border-top: 1px solid #fff;
        border-left: 1px solid;
    }

    #content.investor .mapbar .firstchild a {
        border-left: 0;
    }

    #content.investor .mapbar .active a {
        background-color: #575E61;
        border-top: 0;
        position: relative;
    }

        #content.investor .mapbar .active a:after {
            content: "";
            display: block;
            position: absolute;
            top: 100%;
            width: 100%;
            height: 10px;
            z-index: 22;
            background-repeat: no-repeat;
            background-size: 100% 10px;
            background-position: top center;
            background-image: url(/Content/images/mapbar-arrow.png);
        }

 #content.investor .axis {font-size: 11px;
  font-weight: bold;  
}
 @media (max-width:767px) {
     #content.investor .axis {font-size:9px;}
     #content.investor .y.axis .tick text {display:none;}
     #content.investor .y.axis .tick:nth-child(3n) text,
     #content.investor .y.axis .tick:first-child text {display:inline;}
     #content.investor .lineChart--xAxis .tick text {display:none;}
     #content.investor .lineChart--xAxis  .tick:nth-child(4n) text,
     #content.investor .lineChart--xAxis  .tick:first-child text {display:inline;}
 }
#content.investor .axis path,
#content.investor .axis line {
  fill: none;
  stroke: #e4e4e4;
  stroke-width: 2px;
 
}
#content.investor .y.axis line {display:none;}

#content.investor .axis path {
   shape-rendering: crispEdges;-webkit-transform: translate(44px,10px); 
   opacity: 0;    
}
#content.investor .axis line {
   shape-rendering: crispEdges;-webkit-transform: translate(44px,8px);     
}

#content.investor .area {
  fill: steelblue;
}  

#tickerWidget {
    padding-left: 15px;
    padding-top: 20px;
    margin-right:15px;
}

    #tickerWidget p {
        font-size: 1.1em;
        line-height: 1em;
        padding: 0 0 .3em 0;
        margin: 0 0;
        color: #333;
    }

    #tickerWidget h1 {
        position: relative;
        font-size: 5em;
        line-height: 1em;
        font-weight: bold;
        letter-spacing: -.05em;
        color: #333;
        padding: 0 0 0 24px;
        margin: 0 0;
        text-align: right;
    }

        #tickerWidget h1 sup {
            font-size: .6em;
            position: relative;
            top: -.5em;
        }

    #tickerWidget h3 {
        font-size: 4em;
        color: #333;
        line-height: .7em;
        padding: 0 0 .1em 0;
        margin: 0 0;
    }

        #tickerWidget h3 span {
            font-size: .5em;
            color: #999;
            display: block;
        }

    #tickerWidget .nopad {
        padding-left: 0;
        padding-right:0;
    }

    #tickerWidget .upDownValue p {
        text-align: right;
        font-size: 1.6em;
        color: #666;
    }

    #tickerWidget .upDownValue img {
        position: absolute;
        top: 12px;
        right: 3.1em;
    }

    #tickerWidget .openHighLowVol {
        padding: .6em 0 0 1.8em;
        border-left: 1px solid #999;
        margin-left:1.6em;
    }

        #tickerWidget .openHighLowVol .value {
            font-weight: bold;
            float: right;
        }

@media (max-width: 768px) {
    #tickerWidget {
        padding-left: 15px;
        padding-top: 20px;
    }

        #tickerWidget p {
            font-size: 1.1em;
            line-height: 1em;
            padding: 0 0 .3em 0;
            margin: 0 0;
            color: #333;
        }

        #tickerWidget h1 {
            position: relative;
            font-size: 3em;
            line-height: 1em;
            font-weight: bold;
            letter-spacing: -.05em;
            color: #333;
            padding: 0 0 0 14px;
            margin: 0 0;
            text-align: right;
        }

            #tickerWidget h1 sup {
                font-size: .6em;
                position: relative;
                top: -.5em;
            }

        #tickerWidget h3 {
            font-size: 2.4em;
            color: #333;
            line-height: .7em;
            padding: 0 0 .1em 0;
            margin: 0 0;
        }

            #tickerWidget h3 span {
                font-size: .5em;
                color: #999;
                display: block;
            }

        #tickerWidget .row {
            position: relative;
        }

        #tickerWidget .nopad {
            padding-left: 0;
            position: initial;
        }

        #tickerWidget .nyseMnk p {
            font-size: .9em;
            position: absolute;
            bottom: 0;
        }

        #tickerWidget .upDownValue {
            top: 0;
        }

            #tickerWidget .upDownValue p {
                text-align: right;
                font-size: 1.3em;
                color: #666;
            }

            #tickerWidget .upDownValue img {
                position: absolute;
                top: 6px;
                right: 3.1em;
            }

        #tickerWidget .openHighLowVol {
            padding: .6em 0 0 1.2em;
            border-left: 1px solid #999;
            font-size: .9em;
        }

            #tickerWidget .openHighLowVol .value {
                font-weight: bold;
                float: right;
            }
}

/*contact details page*/
#content .contact-details {
    border: 2px solid #d4e8b3;
    padding: 4em 3em 5em 3em;
    border-radius: 8px;
    position: relative;
    margin: 3em 0 0 0;
}

    #content .contact-details form {
        position: absolute;
        top: -2.5em;
        width: 49.5%;
    }
    @media (max-width:767px) {
        #content .contact-details form {width:81%;}
    }

    #content .contact-details address, #content .contact-details p, #content .contact address {
        font-size: 1.4em;
        margin: 1em 0;
        padding: 0 0;
    }

        #content .contact-details p a {
            color: #a1d05c;
        }

    #content .contact-details h4 {
        margin-top: 2em;
    }

    #content .contact-details .bootstrap-select {
        border: 1px solid #c9c9c9;
        border-radius: 4px;
        height: 48px;
    }

        #content .contact-details .bootstrap-select button {
            height: 46px;
        }

    #content .contact-details section {
        display: none;
    }

    #content .contact-details .dropdown-header {
        display: none;
    }

    #content .contact-details section ul li, #content .bootstrap-select ul {
        font-size: 1em;
        padding: 0 0;
    }

/* Terms of use */
#content.terms p {
    margin-bottom: 1.5em;
}

.terms ol {
    margin-left: 2em;
    padding: 0;
}

    .terms ol li {
        margin-bottom: 1em;
    }

        .terms ol li ul li {
            font-size: .7em;
            line-height: 1.4;
            margin-top: .2em;
            margin-bottom: 0.3em;
        }

/* Privacy Policy */
#content.privacy p {
    margin-bottom: 1.5em;
}

/*product landing page*/  
#content.products {
    padding: 9em .4em 11em;
    background: url("/Content/images/white-tiles-bg.jpg") no-repeat #fff;
    background-size: cover;
}

    #content.products h3 {
        margin-bottom: 1em;
    }

    #content.products p {
        font-size: 2em;
        margin-bottom: 2.5em;
        line-height: 1.4em;
        padding-left:2em;
        padding-right:2em;
    }

    #content.products button {
        border: 0;
        font-size: 1.6em;
        -webkit-border-radius: 0;
        border-radius: 0;
        background: #6b55a4;
        color: #fff;
        padding: .5em 1.2em .3em;
        font-weight: bold;
    }

        #content.products button .fa.fa-angle-right {
            float: right;
            margin-left: 0.3em;
            margin-top: 0.19em;
        }

/*IIR_FAQ page*/
#content.IIR_FAQ p {
    margin-left: 1.8em;
}

/*Error page*/
#content.error404 p {
    text-align: center;
}

#content.error404 .img-centered {
    margin: 0 auto;
    text-align: center;
    display: inline-block;
}

/*nasdaq Toolkit addons*/
.irToolkit {
    padding-top: 15px;
    padding-bottom: 20px;
    font-size: 1.4em;
    line-height: 1.5;
}

    .irToolkit table {
        width: 100%;
    }

    .irToolkit a {
        color: #666;
    }

    .irToolkit span.ccbnLnk a {
        text-decoration: underline;
    }

    .irToolkit table td {
        height: 33px;
        vertical-align: top;
    }

        .irToolkit table td span {
            vertical-align: bottom;
        }

        .irToolkit table td img {
            position: relative;
            top: -2px;
        }

/*Left Nav and Callouts Styles*/
#leftnav {
    padding-top: 30px;
    position: relative;
    left: -15px;
    margin-right: -15px;
    border-bottom: 1px solid #ccc;
}

    #leftnav ul {
        list-style: none;
        margin: 0 0;
        padding: 0 0;
    }

        #leftnav ul li {
            display: block;
        }

    #leftnav > ul > li:first-child {
        display: none;
    }

    #leftnav ul li ul {
        display: none;
    }

#leftnav ul li:hover,
    #leftnav ul li.hover {
        background-color: #e8f3d8;
    }

    #leftnav ul li a {
        display: block;
        padding: 8px 0 6px 35px;
        color: #575E61;
        border-top: 1px solid #ccc;
    }

    #leftnav ul li.hover > a {
        font-weight: bold;
    }

    #leftnav ul li i.fa {
        position: absolute;
        left: 20px;
        line-height: 36px;
        color:#848484;
    }

    #leftnav ul li.more i.fa.more {
        display: none;
    }

    #leftnav ul li:hover i.fa,
    #leftnav ul li.hover i.fa {
        font-weight: bold;
        color: #575E61;
    }
    /*#leftnav ul li.more:hover i.fa,*/
    #leftnav ul li.more.hover i.fa {
        display: none;
    }
    /*#leftnav ul li.more.hover ul li i.fa,*/
    #leftnav ul li.more.hover ul li i.fa {
        display: inline;
        left: 26px;
        line-height: 32px;
    }
    /*#leftnav ul li.more:hover i.fa.more,*/
    #leftnav ul li.more.hover i.fa.more {
        display: inline;
        font-weight: bold;
        color: #575E61;
    }

    #leftnav ul li.more.hover ul li i.fa.more {
        display: none;
    }
    /*#leftnav ul li.more.hover ul li:hover i.fa {display:none;}
#leftnav ul li.more.hover ul li.more:hover i.fa,*/
    #leftnav ul li.more.hover ul li.more.hover i.fa {
        display: none;
    }
        /*#leftnav ul li.more.hover ul li.more:hover i.fa.more,*/
        #leftnav ul li.more.hover ul li.more.hover i.fa.more {
            display: inline;
            font-weight: bold;
            color: #575E61;
            left: 24px;
            line-height: 32px;
        }

    #leftnav ul li.hover ul {
        display: block;
    }

        #leftnav ul li.hover ul li a {
            padding-left: 42px;
            font-size: 12px;
        }

        #leftnav ul li.hover ul li ul {
            display: none;
        }

        #leftnav ul li.hover ul li.hover ul {
            display: block;
        }

            #leftnav ul li.hover ul li.hover ul li a {
                display: block;
                padding-left: 50px;
            }

    #leftnav > ul > li.active > a {
        border-left: 6px solid #575E61;
        padding-left: 31px;
    }

    #leftnav > ul > li > ul > li.active > a {
        border-left: 6px solid #575E61;
        padding-left: 36px;
    }

    #leftnav ul li.hover ul li.hover ul li.active > a {
        border-left: 6px solid #575E61;
        padding-left: 44px;
    }


    #leftnav > ul > li > ul > li:first-child {
        border-top-width: 0;
    }

#callouts ul {
    list-style: none;
    margin: 0 0;
    padding: 0 0;
}

#callouts .callout {
    position: relative;
    border: 1px solid #a3cf62;
    margin: 48px 0 0 0;
    padding: 20px 8px;
}

    #callouts .callout:before {
        display: block;
        width: 44px;
        height: 50px;
        position: absolute;
        top: -28px;
        left: 20px;
        content: "";
        background: url("/Content/images/ico-left-callout.png") no-repeat;
        background-size: 44px 50px;
    }

    #callouts .callout ul {
        margin: 0 0;
        padding: 0 0;
    }

        #callouts .callout ul li {
            position: relative;
            padding: 8px 5px 8px 25px;
        }

            #callouts .callout ul li a {
                color: #575E61;
                font-size: 12px;
            }

            #callouts .callout ul li i.fa {
                position: absolute;
                left: 10px;
                top: 11px;
                color: #a4a4a4;
                font-size: 13px;
            }

#callouts .contact {
    position: relative;
    margin: 20px 0 0 0;
    padding: 20px 8px 20px 0;
}

    #callouts .contact h4 {
        font-size: 14px;
        font-weight: bold;
    }

    #callouts .contact h5 {
        font-size: 14px;
        font-weight: bold;
        color: #575E61;
        margin: 1.2em 0 .2em 0;
    }

    #callouts .contact p {
        font-size: 13px;
        color: #a4a4a4;
        line-height: 1.7;
    }

    #callouts .contact dl dt {
        font-size: 12px;
        font-weight: normal;
        color: #a4a4a4;
    }

@media (max-width: 768px) {
    #leftnav {
        left: 0;
        margin-right: 0;
        padding-top: 15px;
        z-index: 28;
        border-bottom-width: 0;
    }

        #leftnav > ul > li {
            display: none;
        }

            #leftnav > ul > li.more.hover {
                display: block;
                background-color: #575E61;
            }

                #leftnav > ul > li.more.hover a {
                    color: #fff;
                    text-decoration:none;
                }

                #leftnav > ul > li.more.hover > ul {
                    position: absolute;
                    visibility: hidden;
                    width: 100%;
                }

                #leftnav > ul > li.more.hover.expanded > ul {
                    visibility: visible;
                }

                #leftnav > ul > li.more.hover > ul li > a {
                    color: #fff;
                    background-color: #575E61;
                    padding-left: 45px;
                    font-size: 12px;
                    border-left-width: 0;
                }

                    #leftnav > ul > li.more.hover > ul li > a:hover {
                        background-color: #575E61;
                        padding-left: 45px;
                        border-left-width: 0;
                    }

                #leftnav > ul > li.more.hover > ul li.hover > a {
                    padding-left: 45px;
                    border-left-width: 0;
                }

    #leftnav > ul > li.more.hover > ul li > ul li > a,
    #leftnav > ul > li.more.hover > ul li > ul li > a:hover,
    #leftnav > ul > li.more.hover > ul li.hover > ul li > a,
                #leftnav > ul > li.more.hover > ul li.hover > ul li > a:hover {
                    padding-left: 58px !important;
                }

        #leftnav ul li.active a {
            border-left-width: 0 !important;
        }

        #leftnav ul li.hover ul {
            display: block;
            padding-left: 0px;
        }

            #leftnav ul li.hover ul li a {
                padding-left: 14px;
            }

            #leftnav ul li.hover ul li ul {
                display: block;
            }

            #leftnav ul li.hover ul li.hover ul {
                display: block;
                padding-left: 0px;
            }

        #leftnav ul li.more:hover i.fa.more,
        #leftnav ul li.more.hover i.fa.more {
            color: #fff;
            font-weight: bold;
            left:15px;
        }

        #leftnav ul li.more.hover ul li i.fa {
            display: none;
        }

            #leftnav ul li.more.hover ul li i.fa.more {
                display: block;
                line-height: 32px;
                left:26px;
            }

        #leftnav ul li.more.hover ul li.more:hover i.fa.more,
        #leftnav ul li.more.hover ul li.more.hover i.fa.more {
            color: #fff;
            font-weight: bold;
        }

        #leftnav .active > a {
            background-color: #387008 !important;
        }

    #callouts {
        display: none;
    }
}


/*Footer Styles*/
footer {
    padding: 40px 15px 30px 40px;
    background-color: #fff;
}

.footer {
    font-size: 12px;
}

    .footer #logo-footer {
        padding: 0px 0 30px 0;
    }

        .footer #logo-footer img {
            width: 90%;
            max-width: 310px;
            height: auto;
        }

    .footer .legalese {
        font-size: 10px;
        line-height: 12px;
        color: #394042;
        padding-top: 5%;
        font-weight: bold;
    }

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

        .footer ul.triples {
            width: 100%;
            max-width: 460px;
            float: right;
        }

            .footer ul.triples > li {
                display: inline;
                position: relative;
                width: 33%;
                float: left;
            }

                .footer ul.triples > li:last-child {
                    width: 30%;
                }

                .footer ul.triples > li ul li {
                    display: block;
                    width: 100%;
                    float: none;
                }

                .footer ul.triples > li > ul > li:first-child {
                    padding-bottom: 5px;
                }

                .footer ul.triples > li > ul.other-links li:first-child {
                    padding-bottom: 0;
                }

                .footer ul.triples > li ul li a {
                    color: #333;
                    font-weight: bold;
                    padding-left: 12px;
                }

                .footer ul.triples > li ul li i.fa {
                    position: absolute;
                    left: 0;
                }

        .footer ul#social-links {
            float: right;
            margin-right: 20px;
        }

            .footer ul#social-links li {
                display: inline;
                float: left;
                padding: 0 0 0 10px;
            }

                .footer ul#social-links li a {
                    display: block;
                    width: 34px;
                    height: 40px;
                    text-indent: -9999px;
                    background-repeat: no-repeat;
                    background-size: 34px 40px;
                }

                .footer ul#social-links li.Blog a {
                    background-image: url(/Content/images/ico-footer-rss.png);
                }

                .footer ul#social-links li.LinkedIn a {
                    background-image: url(/Content/images/ico-footer-linkedin.png);
                }

                .footer ul#social-links li.YouTube a {
                    background-image: url(/Content/images/ico-footer-youtube.png);
}

@media (max-width: 768px) {
    footer {
        padding: 25px 15px 15px;
    }

    .footer #logo-footer {
        padding: 0 0 30px 0;
    }

    .footer ul.triples {
        width: 100%;
        padding-left: 0;
    }

        .footer ul.triples > li {
            display: none;
        }

            .footer ul.triples > li:last-child {
                width: 100%;
                max-width: 100px;
                margin-left: 0;
            }

        .footer ul.triples li#other-links {
            display: block;
        }

    #other-links ul.other-links {
        visibility: hidden;
        position: absolute;
        top: 34px;
        right: -3px;
        width: 136px;
        border: 2px solid #fff;
        -webkit-border-radius: 9px;
        border-radius: 9px;
        padding: 18px 12px 12px 12px;
        background-color: #575E61;
        z-index: 5;
    }

        #other-links ul.other-links li a {
            display: block;
            color: #fff;
            font-weight: normal;
            padding: 0 0 4px 0;
            font-size: 12px;
        }

        #other-links ul.other-links li i.fa {
            display: none;
        }

    #other-links.hover ul.other-links {
        visibility: visible;
    }

    #other-links ul#other-links-btn li:first-child {
        height: 34px;
        background-color: #575E61;
        color: #fff;
        text-align: center;
        font-weight: bold;
        font-size: 14px;
        line-height: 34px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

    .footer ul#social-links {
        margin-right: 4px;
    }

        .footer ul#social-links li {
            display: block;
            float: none;
            padding: 0 0 7px 0;
        }

            .footer ul#social-links li a {
                width: 17px;
                height: 20px;
                background-size: 17px 20px;
            }
}


/*XML feed styles*/
.xmlstyle {
    font-size: 1.4em;
    line-height: 1.4em;
}

    .xmlstyle.list div {
        padding-top: 1.4em;
    }

    .xmlstyle.list.downloads div a {
        display: block;
        padding: 0 0 0 48px;
        color: #333;
        min-height: 40px;
        position: relative;
    }

        .xmlstyle.list.downloads div a:before {
            display: block;
            width: 30px;
            height: 30px;
            position: absolute;
            left: 0;
            content: url(/Content/images/ico-xml-download.png);
        }



/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/*form style override*/
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #ddd;
}

.btn.btn-primary {
    background-color: #575e61;
    border-color: #a3cf62;
}

    .btn.btn-primary:hover, .btn.btn-primary:active {
        background-color: rgba(90,144,10,0.8);
        border-color: #a3cf62;
    }

.field-validation-error {
    color: #c09853;
    font-size: 13px;
    line-height: 22px;
}
/* google search styles override */
.gs-result .gs-title, .gs-result .gs-title * {color:#575E61 !important;}
.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {color:#848484 !important;}
.gsc-preview-reviews, .gsc-control-cse .gs-snippet, .gsc-control-cse .gs-promotion em, .gsc-control-cse .gs-snippet, .gsc-control-cse .gs-promotion em {color:#666 !important;}
.gsc-results .gsc-cursor-box .gsc-cursor-page {color:#666 !important;margin-right:1.2em !important;font-weight:normal;font-size:12px !important;}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {color:#a3cf62 !important;font-weight:bold;}
.gsc-results .gsc-cursor-box {margin:1em 0 !important;padding:1em 0 !important;border-top:1px solid #eee;}
.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {padding:0 0 3px 0 !important;}
.gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet {border-width:0 !important;background-color:#fff !important;color:#666 !important;font-size:1.2em;}

/* SPECIAL IE9 EXCEPTIONS*/
.no-flexboxlegacy #content #newsticker-animation .clock-wrapper #clock div {display:block !important;}


@media print {
    #page-title {height:100px;}
    .body-content > col-sm-3 {width: 0;}
    .body-content > .col-sm-9 {width:100%;}
    #leftnav, #callouts, #boxlinks, .footer ul, a[href]:after {display:none !important;width:0px; height:0px; overflow:hidden;}
    .footer #logo-footer img {width:200px;}
}
/* ============================== END CUSTOM ============================== */