@charset "UTF-8";
/* CSS Document */

.hidden {display: none; visibility:hidden;}

a, a:hover {
	color: rgb(83,174,216)
	}

#owl-demo .item img {
	display: block;
	height: auto;
}

.whitebutton {
	display: inline-block;
	padding: 10px 15px;
	color: white;
	transition: .1s ease-in-out all;
	border-radius: 4px;
	border: 2px solid white;
	}
.whitebutton:hover {
	background: white;
	color: darkblue;
	text-decoration: none;
	}
.buttonline:hover {
	text-decoration: none;
	}
#dts-logo {
fill: rgb(0,165,0);	
	}
html {
	height: 100%;
}
body {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	min-width: 960px;
	margin: 0 auto;
}
p, #content li {
	font-size: 16px;
	line-height: 175%;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Bebas Neue Regular', 'Arial Narrow', 'Arial Condensed', 'Helvetica Condensed', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 15px 0;
}

.pageheading, .meetingname {
	padding: 15px;
}

h1 {
	font-size: 50px;
}
.container-fluid {
	position: relative;
	max-width: 1152px;
	min-width: 960px;
}
.logo {
	margin-top: 40px;
}


#companyname {
	text-transform: uppercase;
	font-family: 'Bebas Neue Regular', 'Arial Narrow', 'Arial Condensed', 'Helvetica Condensed', Arial, Helvetica, sans-serif;
	margin-bottom: 1px;
	font-size: 26px;
	font-weight: bold;
	text-shadow: 2px 2px 0px white, -2px -2px 0px white, -2px 2px 0px white, 2px -2px 0px white;
	margin-left: 75px;
	position: relative;
	bottom: -5px;
	z-index: 2;
}
#companyname a {
	color: black;
	text-decoration: none;
}
#companyname a:hover {
	color: black;
	text-decoration: none;
}
#logo {
	width: 136px;
	height: 100px;
	left: 30px;
	top: 5px;
	position: absolute;
}
#stickynav {
	z-index: 300;
}
#stickynav.is_stuck {
	background: white;
}

#generalcontent ul li {
	padding: 5px;
}


#logoline {
	margin-left: 80px;
	height: 2px;
	
}

.redgrad {
    
    background: rgba(225,0,0,0.8);
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff0000+20,ff0000+50,ff0000+80&0+0,0.8+15,1+19,1+81,0.8+85,0+100 */
	background: -moz-linear-gradient(left, rgba(225,0,0,0) 0%, rgba(225,0,0,0.8) 15%, rgba(225,0,0,1) 19%, rgba(225,0,0,1) 20%, rgba(225,0,0,1) 50%, rgba(225,0,0,1) 80%, rgba(225,0,0,1) 81%, rgba(225,0,0,0.8) 85%, rgba(225,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(225,0,0,0) 0%, rgba(225,0,0,0.8) 15%, rgba(225,0,0,1) 19%, rgba(225,0,0,1) 20%, rgba(225,0,0,1) 50%, rgba(225,0,0,1) 80%, rgba(225,0,0,1) 81%, rgba(225,0,0,0.8) 85%, rgba(225,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(225,0,0,0) 0%, rgba(225,0,0,0.8) 15%, rgba(225,0,0,1) 19%, rgba(225,0,0,1) 20%, rgba(225,0,0,1) 50%, rgba(225,0,0,1) 80%, rgba(225,0,0,1) 81%, rgba(225,0,0,0.8) 85%, rgba(225,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff0000', endColorstr='#00ff0000', GradientType=1 ); /* IE6-9 */
}

.greengrad {
    
    background: rgba(0,165,0,0.8);
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff0000+20,ff0000+50,ff0000+80&0+0,0.8+15,1+19,1+81,0.8+85,0+100 */
	background: -moz-linear-gradient(left, rgba(0,165,0,0) 0%, rgba(0,165,0,0.8) 15%, rgba(0,165,0,1) 19%, rgba(0,165,0,1) 20%, rgba(0,165,0,1) 50%, rgba(0,165,0,1) 80%, rgba(0,165,0,1) 81%, rgba(0,165,0,0.8) 85%, rgba(0,165,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,165,0,0) 0%, rgba(0,165,0,0.8) 15%, rgba(0,165,0,1) 19%, rgba(0,165,0,1) 20%, rgba(0,165,0,1) 50%, rgba(0,165,0,1) 80%, rgba(0,165,0,1) 81%, rgba(0,165,0,0.8) 85%, rgba(0,165,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,165,0,0) 0%, rgba(0,165,0,0.8) 15%, rgba(0,165,0,1) 19%, rgba(0,165,0,1) 20%, rgba(0,165,0,1) 50%, rgba(0,165,0,1) 80%, rgba(0,165,0,1) 81%, rgba(0,165,0,0.8) 85%, rgba(0,165,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000a500', endColorstr='#0000a500', GradientType=1 ); /* IE6-9 */
}



.meetinghomemenu {
	text-align: center;
	background: white;
	border-bottom: 1px solid grey;
}

.meetinghomemenu a {
	color: currentColor;	
	display: block;	
		padding: 5px 0;

}

.meetinghomemenu a:hover {
	color: white;
	text-decoration: none;
	background: rgb(32, 95, 185);	
}
.meetinghomemenu:hover {
    
}
.dropdown:hover .dropdown-menu {
	display: block;
}
	.ihdm-menu .col-xs-3 {width: 33.3%;}
		.navbar-nav .dropdown-menu.columns-3 {
			min-width: 640px!important;
		}


.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: white;
	background: transparent;
	box-shadow: none;
}
.dropdown.open {
	background: rgb(32, 95, 185);
}
.bottomnav {
	border-top: 10px solid #205FB9;
	background: #53AED8;
	padding: 0;
	margin: 0;
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-radius: 0;
	min-width: 960px;
}
#secondary-nav>ul>li>a {
	text-align: center;
	vertical-align: middle;
	padding: 10px 5px;
	width: 100%;
}
.bottomnav .navbar-collapse {
	padding: 0;
	
}

.navbar-default .navbar-nav {
	width: 100%;
}
.navbar-default .navbar-nav>li {
	width: 14.28%;
	height: 80px;
	display: flex;
	align-items: center;
	transition: .2s ease-in-out all;
}
.navbar-default .navbar-nav>li:hover {
	background: rgb(32, 95, 185);
}
.navbar-default .navbar-nav>li>a {
	color: white;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: white;
}
.dropdown-menu, .navbar .navbar-nav .open .dropdown-menu {
	background: #EEEEEE;
	padding: 0 15px;
}
.dropdown-menu li {
	text-align: center;
	color: #666666;
}
.dropdown-menu div ul li:first-child {
	background: white;
	border-bottom: 1px solid darkgrey;
	padding: 8px 3px;
	cursor: default;
}
.dropdown-menu li:nth-child(2) {
	padding-top: 10px;
}
.dropdown-menu ul {
	padding: 0;
}
.dropdown-menu .col-xs-15, .dropdown-menu .col-xs-3  {
	padding: 0;
    width: 20%;
}

.topnav {
	text-align: right;
	padding: 10px;
}
.topnav a {
	text-align: center;
	padding: 10px 12px;
	color: grey;
	text-transform: uppercase;
}
.heroslide {
	font-family: 'Bebas Neue Regular', 'Arial Narrow', 'Arial Condensed', 'Helvetica Condensed', Arial, Helvetica, sans-serif;
	padding: 20px;
	background-image: url('images/abstracts.jpg');
	background-position: center center;
	background-size: 100% 100%;
	background-color: black;
	background-repeat: no-repeat;
	color: white;
	position: relative;
	height: 350px;
	width: 100%;
}

.heroslide a {
	color: inherit;
	text-decoration: none;
	}
	
.heroslide a:hover {
	color: inherit;
	text-decoration: none;
}
.heroslide.overlayed:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: rgba(0,0,0,.3);
}
.slidercontent {
	/*position: relative;*/
}
.slidercta {
	text-align: right;
	line-height: 1;
	position: absolute;
	right: 10px;
}
.sliderheadline {
	line-height: 1;
	position: absolute;
	bottom: 10px;
}
.owl-controls {
	position: relative;
	top: -60px;
	text-align: right!important;
	padding-right: 10px;
	height: 0;
	overflow: visible;
}

.owl-nav {display: inline-block;}
.owl-prev, .owl-next {
	display: inline-block;
	border: 4px solid white;
	padding: 5px 8px;
	margin: 5px;
	color: white;
	border-radius: 100%;
	font-weight: bold;
}
.owl-prev:hover, .owl-next:hover {
	background: white;
	color: black;
}

#calendar {
	overflow: hidden;
	}
#calendaryear {
	background: #e10000;
	color: white;
	text-align: center;
	padding: 3px;
	font-family: 'Bebas Neue Regular', 'Arial Narrow', 'Arial Condensed', 'Helvetica Condensed', Arial, Helvetica, sans-serif;
	font-size: 18px;
	}
.calendaryear {
	float: left;
	clear: both;
	background: #e10000;
	color: white;
	text-align: center;
	padding: 3px;
	font-family: 'Bebas Neue Regular', 'Arial Narrow', 'Arial Condensed', 'Helvetica Condensed', Arial, Helvetica, sans-serif;
	font-size: 18px;
	width: 100%;
	display: block;
	}

#calendarcontent {
	height: 290px;
	overflow: hidden;
	overflow-y: scroll;
}
#calendar .date {
	border-radius: 4px;
	border: 2px solid #e3e4e8;
	text-align: center;
	width: 70px;
	margin: 10px;
	background: #f0f2f5;
	font-family: 'Bebas Neue Regular', 'Arial Narrow', 'Arial Condensed', 'Helvetica Condensed', Arial, Helvetica, sans-serif;
	font-weight: bold;
	float: left;
	clear: left;
}
#calendar .month {
	display: block;
	font-size: 30px;
	line-height: 100%;
}
#calendar .day {
	display: block;
	font-size: 40px;
	line-height: 100%;
}
#calendar .event {
	color: #e10000;
	float: left;
	width: 60%;
	margin: 10px;
	text-align: center;
}

#calendar .event a{
	color: #e10000;

}
#calendar .event a:hover{
	color: #e10000;
}
#calendar:after {
	content: "";
	clear: both;
	display: block;
}
#twitterfeed {
	background: rgb(32, 95, 185);
	padding: 10px;
	border-radius: 4px;
}
#news a {color:white;}
#contacticons img {
	width: 100%;
	padding: 15px;
}
#contacticons div {
	text-align: center;
	color: #727272;
}
#generalcontent {
	background: url('images/dts-logo.svg') no-repeat center 160px fixed;
	background-size: 700px;
	min-height: 600px;
}

#generalcontent .col-xs-9{
	
}

.one-col-page #generalcontent{
	background: url('images/dts-logo.svg') no-repeat center 160px fixed;
	background-size: 700px;
	}

.fullpageimagebg {
	background-attachment: fixed!important;
}
.pageheading {
	display: block;
	padding: 20px;
	background: #f0f0f0;
	background: rgba(235,235,235,.8);
	color: black;
}
.pageheading:before {
	content: "// ";
	color: rgb(225,0,0);
}

#cboxLoadedContent {
	padding: 20px;
	}

#colorbox #cboxClose
{
top: 0;
right: 0;
background: url(/colorbox/images/controls.png?ver=1) no-repeat -25px -25px;
}

#cboxLoadedContent{
margin-top:28px;
margin-bottom:0;
}
/*Meeting Pages*/

.cdtm.meetingname:after{
	content: "";
	display: inline-block;
	background-image: url('images/aadecooperation.png?ver=1');
	background-size: contain;
	background-repeat: no-repeat;
	width: 280px;
	height: 80px;
	vertical-align: middle;
	position: absolute;
	right: 15px;
	bottom: 14px;

	}

.dtm.meetingheader {
	background-image: url('images/sf3.jpg');
}
.cdtm.meetingheader {
	background-image: url('images/houston1.jpg');
	background-position: top center;
	}
	
.ihdm.meetingheader {
	background-image: url('images/vhdm-banner.jpg');
	}
.ddc.meetingheader {
	background-image: url('images/sf3.jpg');
	}
.gds.meetingheader {
	background-image: url('/gds/gds4.jpg');
    background-position-y: -155px;
    text-shadow: 1px 1px 1px black, -1px -1px 1px black, 1px -1px 1px black, -1px 1px 1px black, 0px 0px 5px green, 0px 0px 5px green, 0px 0px 10px green, 0px 0px 20px green;
	}
.cds.meetingheader {
	background-image: url('cds/coronavirus-banner.jpg');
	}
.mdc.meetingheader {
	background-image: url('images/anaheim.jpg');
}

.ais.meetingheader {
	background-image: url('images/ais-banner.png');
    background-position:top;
	}

.uris.meetingheader {
	background-image: url('uris/uris-banner.png');
    background-position:top;
	}

.meetingheader {
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	height: 200px;
	position: relative;
	background-position: center center;
}
.meetingheader:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: rgba(0,0,0,.6);
}
.meetingname {
	color: white;
	display: block;
	position: absolute;
	bottom: 0;
	margin: 0;
	width: 100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6bb4db+0,6bb4db+47,6bb4db+100&1+0,0+100 */

	background: -moz-linear-gradient(left, rgba(107,180,219,1) 0%, rgba(107,180,219,0.53) 47%, rgba(107,180,219,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(107,180,219,1) 0%, rgba(107,180,219,0.53) 47%, rgba(107,180,219,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(107,180,219,1) 0%, rgba(107,180,219,0.53) 47%, rgba(107,180,219,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bb4db', endColorstr='#006bb4db', GradientType=1 ); /* IE6-9 */
}
.accordion {
	margin-top: 20px;
}
.accordion .ui-state-default, .ui-state-hover, .ui-state-focus {
	background: #61aed5!important;
	color: white!important;
	text-transform: none!important;
	text-align: center;
	font-family: 'Open Sans';
	border: none;
	padding: 15px!important;
	font-size: 30px!important;
	margin-top: 10px!important;
	outline: none;
	box-shadow: none;
}

.accordion ul {
	text-align: center;
	padding: 0!important;
	list-style: none;	
}

.accordion ul li {
	border-top: 1px solid silver;
	background: #f0f0f0;	
	padding: 0;
}

.accordion li a {
	display: block;
	color: black;
	padding: 10px;	
}
.accordion li a:hover {
	background: rgb(32, 95, 185);
	color: white;	
	text-decoration: none;
}

/*Nivo Slider*/

.theme-default .nivo-caption {
	top:0;
	padding: 0 30px;
	bottom:0;
	left:0;
	right:0;
	height: 100%;
	}
	
/*Footer*/
.nofootermargin #footer {
	margin-top:0;
	}
#footer {
	padding: 10px;
	width: 100%;
	background: rgb(83,174,216);
	color: white;
	margin-top: 30px;
	position: relative;
	min-width: 960px;
	}
	
.copyright {
	display: inline-block;
	position: absolute;
	top: 35%;
	
	}
.footerlinks {
	float: right;
	text-align: right;
	}
.footerlinks a {
	font-size: 40px;
	color: white;
	padding: 0 5px;
	}
#footer:after {
	content:"";
	display: block;
	clear: both;
	}
/*Subscribe Form*/
.mc-closeModal {    color: white!important;
    top: 10px!important;
    z-index: 1000!important;
    right: 15px!important;
}

.mc-layout__modalContent {
	border-top: 40px solid rgb(83,174,216);
    background: white;
	height: auto!important;
	max-height: 100%!important;
	border-radius: 4px;
	}
.herobutton {
    width: 180px;
    padding: 8px;
    background: #E10300;
    z-index: 200;
    text-align: center;
    color: white;
    font-family: 'Bebas Neue Regular', 'Arial Narrow', 'Arial Condensed', 'Helvetica Condensed', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 30px;
    border-radius: 4px;
    opacity: .85;
    transition: all .25s ease-in-out;
}
.herobutton:hover, .herobutton:focus {
    text-decoration: none;
    color: white;
    opacity: 1;
    box-shadow: 0px 0px 5px white;
}
	
@media print {
  a[href]:after {
    content: none;
  }
}