/*
Theme URI: http://www.neudimenxion.com/
Author: Caremy
*/
@font-face {
font-family: "FontAwesome";
src: url('../font-awesome/fonts/fontawesome-webfont.eot');
src: url('../font-awesome/fonts/fontawesome-webfont.eot?#iefix') format('eot'), url('../font-awesome/fonts/fontawesome-webfont.woff') format('woff'), url('../font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'), url('../font-awesome/fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
font-weight: normal;
font-style: normal;
}
/*html, body
{
height: 100%;
width: 100%;
}*/
body {
/*background:url(../images/delegate/delegate-bg.jpg) no-repeat right top;*/
background-size: cover;
font-family: 'Poppins', sans-serif !important;
font-size: 16px;
color: #06245a;
margin: 0;
line-height: 145%;
position:relative;
font-weight:600;
}

body.delegate-bg
{
background:url(../images/virtual-background.jpg) no-repeat right top;
background-size: cover;
background-attachment:fixed;
font-size: 16px;
color: #06245a;
margin: 0;
line-height: 145%;
position:relative;
font-weight:600;
}

body.without-bg
{
	background:none;
	background:#FFF;
	color:#111;
}

.text-primary
{
	color:#553b7d !important;
}

.text-warning
{
	color:#ffcc50 !important;
}

.bg-warning
{
	background:#e5ab78 !important;
}



.btn-info
{
	background:#00aec9 !important;
}


.table td
{
	color:#ffffff !important;
	border-color:#999;
	padding:15px;
}

.text-success
{
	color:#a6ce39 !important;
}
.white-image
{
	filter: brightness(0) invert(1);
}
.text-to-left
{
	text-align:left;
}

.text-to-right
{
	text-align:right;
}
img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		width: auto;
	}
	
img[usemap], map area,
#Map area
{
   outline: none;
   border:none;
}

*:focus
{
outline: none;
outline-width: 0;
}

a.btn-primary,
a.btn-primary:visited
{
	background-color:#51346e !important;
	border:0;
}
a.btn-primary:hover
{
	background-color:#4f2c62 !important;
	border:0;
}
.btn-success
{
	background:#8cb320 !important;
	border:0;
}
.audio-control
{
	padding:20px 0px;
	padding-bottom:0;
}




.logo-row-area
{
	
	z-index:35;
	background:#ffffff;
	width:100%;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	padding:0px 0px;
	margin:auto;
	padding:0px;
}

.logo-row-area .vert
{
	max-width:1000px;
	margin:auto;
}

.carousel-indicators li {
  width: 10px;
  height: 10px;
  border-radius: 100%;
}


.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100% 0);
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
-webkit-transform: translate3d(0,-100%, 0);
        transform: translate3d(0,-100%, 0);
}

#color-overlay {
  position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   opacity: 0.3;
   	background: linear-gradient(-45deg, #733fa3, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	-webkit-animation: gradient 5s ease infinite;
	        animation: gradient 5s ease infinite;
	
}

.dot {
    height: 6px;
    width: 6px;
    margin-left:10px;
    margin-right:10px;
    margin-top: 2px !important;
    background-color:#3CC;
    border-radius: 50%;
    display: inline-block
}

.scrolling-text
{
	background:#2b2962;
	color:#ffffff;
	padding:10px;
	border-bottom:1px solid #666;
}

.scrolling-text a,
.scrolling-text a:visited
{
	color:#ffffff;
	text-decoration:underline;
}


@-webkit-keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


@media (max-width:991px) 
{
.logo-row-area
{
	display:none;
}


}

.extra-button
{
	position:fixed;
	bottom:0%;
	margin:auto;
	left:0%;
	right:0%;
	z-index:99;
	text-align:center;
	padding:10px;
	font-size:90%;
	font-weight:400;
	width:100%;
	background:url(../images/captionbg.png) repeat;
	text-transform:uppercase;

}

.extra-button a img
{
margin:auto;
height:40px;
width:auto;
display:block;
margin-bottom:5px;
}




.extra-button a
{
	display:inline-block;
	vertical-align:middle;
	padding:0px 20px;
	color:#ffffff !important;
	text-align:center;
}

.extra-button a:hover
{
	color:#fd933e !important;
}


@keyframes bounce {
	0%, 100%, 20%, 50%, 80% {
		-webkit-transform: translateY(0);
		-ms-transform:     translateY(0);
		transform:         translateY(0)
	}
	40% {
		-webkit-transform: translateY(-30px);
		-ms-transform:     translateY(-30px);
		transform:         translateY(-30px)
	}
	60% {
		-webkit-transform: translateY(-15px);
		-ms-transform:     translateY(-15px);
		transform:         translateY(-15px)
	}
}
.bounce_button {  
   -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

.bounce_button:hover {
  cursor: pointer;
  animation-name: bounce;
  -moz-animation-name: bounce;
}

.iframe-fullscreen
{
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:hidden;
	height:100%;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
}
img.logo-in-mobile
{
	width:230px;
	height:auto;
	position:absolute;
	right:30px;
	top:60px;
	z-index:10;
}
.delegate-container
{
	padding-top:50px;
padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  position:relative;
}
.delegate-container.less-padding
{
	padding-top:60px;
	margin-bottom:30px;
}
.vertical-center {
  overflow:visible;
  margin: auto;
  position: absolute;
  top:5%; left: 0; bottom:5%; right: 0;
}

.delegate-area
{
	position:relative;
	padding:30px 40px;
	/*background:url(../images/captionbg2.png) repeat;*/
	color:#ffffff;
}


.delegate-area2
{
	position:relative;
	padding:30px 20px;
}

.delegate-area h4,
.delegate-area h3
{
	text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
}

.delegate-area h4
{
	font-size:135%;
}

.delegate-area h1
{
color:#ffc000;

   text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);


font-size:250%;
font-weight:900;
padding:10px;
text-transform:uppercase;
}

.delegate-container h2
{
  font-size:200%;
  font-weight:bold;
  padding:15px 0px;
  padding-bottom:0;
}



.delegate-container .text-white
{
	color:#ffffff;
}
.navbar-brand img
{
	height:50px;
	width:auto;
	padding:0px 20px;
}
.navbar-brand
{
	padding-top:0px;
	padding-bottom:0px;
}
.floating-bottom
{
	position:fixed;
	bottom:0px;
	width:100%;
}
.float-icon{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#fab020;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
  z-index:100;
  padding-top:10px;
}
.my-float,
.my-float:visited
{
	color:#ffffff;
	text-decoration:none;
}
.float-icon span.small-text
{
	font-size:10px;
	color:#000000;
	display:block;
	margin-top:-5px;
	text-center;
	font-weight:bold;
}
.ticker {
	width: 100%;
	height:100px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size:125%;
}
.ticker li {
	padding:10px 0px;
	margin:0;
	
	height:100px;
}
#highlights-slide
{
background: rgb(74,5,144);
background: -moz-radial-gradient(circle, rgba(74,5,144,0.6866946607744661) 0%, rgba(45,0,74,0.4598039044719451) 100%);
background: -webkit-radial-gradient(circle, rgba(74,5,144,0.6866946607744661) 0%, rgba(45,0,74,0.4598039044719451) 100%);
background: radial-gradient(circle, rgba(74,5,144,0.6866946607744661) 0%, rgba(45,0,74,0.4598039044719451) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4a0590",endColorstr="#2d004a",GradientType=1); 
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
padding-bottom:10px;
}

#highlights-slide .caption
{
	min-height:130px;
}


#highlights-slide .caption h5,
#highlights-slide .caption h4
{
padding:0;
margin:0;
}
#highlights-slide .caption h5
{
	background:#f835ff;
	color:#ffffff;
	padding:5px 15px;
	font-size:120%;
	display:inline-block;
	-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomright: 8px;
border-top-left-radius: 8px;
border-bottom-right-radius: 8px;
}

#highlights-slide .caption h4
{
	padding:15px 20px;
	
}
#highlights-slide .caption p
{
	line-height:110%;
}
#highlights-slide .carousel-control {
    color: #ffffff;
    width: 0%;
	left:86%;
	filter: alpha(opacity=100);
	opacity:1;
	position:relative;
	padding-bottom:20px;
	font-size:160%;
}


#highlights-slide .carousel-control:hover,
#highlights-slide .carousel-control:focus {
    color: #ffffff;
}
#highlights-slide .carousel-control.left,
#highlights-slide .carousel-control.right {
    background-image: none;
}
#myCarousel-admin
{
	margin:20px 0px;
}
#myCarousel-admin .carousel-item img
{
	width:100%;
	height:auto;
}
#myCarousel-admin ol.carousel-indicators {
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
  width: auto;
}
#myCarousel-admin ol.carousel-indicators li,
#myCarousel-admin ol.carousel-indicators li.active {
  height:5px;
  margin:0px 5px;
  border-radius: 0;
  border: 0;
  background:#888;
}
#myCarousel-admin ol.carousel-indicators li.active {
  background:#0c3877;
}

.container-fluid
{
	width:95%;
}


.related-agencies
{
	padding:0 30px;
	padding-bottom:10px;
}

.related-agencies ul li img 
{
height:95px;
width:auto;
}

.related-agencies li.sponsor-logo-more-spacing
{
	padding-left:50px !important;
	padding-right:50px !important;
}

.delegate-footer
{
	padding:15px 10px;

	font-size:85%;
	opacity:0.85;
	line-height:135%;
	padding-bottom:75px;
}

.delegate-footer a
{
	color:#ffffff;
}
.opacity-60
{
	opacity: 0.8;
}
.delegate-container a,
.delegate-container a:link,
.delegate-container a:visited
.delegate-footer a,
.delegate-footer a:link,
.delegate-footer a:visited
{
	color:#ffffff;
}

.login-area
{
	position:fixed;
	width:35%;
	right:5%;
	bottom:20%;
}

.dark-bg
{
 background:url(../images/captionbg.png) repeat;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	padding:0px;
	color:#ffffff;
	font-weight:300 !important;
	
}
.dark-bg.no-margin
{
	margin:10px;
}
.dark-bg .alert
{
padding-top:5px;
padding-bottom:5px;
}
label.error {
color: #f7df5d !important;
}
.dark-bg h1
{
	
	margin:0;
	padding:10px;
	padding-bottom:18px;
	color:#ffffff;
	font-size:185%;
}
.dark-bg p
{
	margin-bottom:20px;
}
.modal
{
	color:#111111;
}
.modal {
text-align: center;
padding: 0!important;
}
.modal:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -4px;
}
.modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle;
}

/*--------------------------------------------------------------
# navigator	
--------------------------------------------------------------*/
#navigator {
  width: 250px;
  height: 100%;
  position: fixed;
  top: 0;
  left: -250px;
  background: rgba(52, 152, 219,0.7);
  float: left;
  z-index: 10;
}
#nav {
  width: 250px;
  height: auto;
  display: block;
  margin: 0;
  padding: 0;
}
.nav_tab {
  width: 250px;
  height: 50px;
  display: block;
}
.nav_tab a p {
  color: rgba(255,255,255,0.8);
  font-size: 18px;
  padding: 15px 0;
  text-align: center;
  transition: 0.35s ease;
  -webkit-transition: 0.35s ease;
  -moz-transition: 0.35s ease;
}
.nav_tab a p:hover {
  background: rgba(255,255,255,0.9);
  color: rgba(0,0,0,1);
  letter-spacing: 2px;
  transition: 0.35s ease;
  -webkit-transition: 0.35s ease;
  -moz-transition: 0.35s ease;
}
.menu-icon {
  width: 150px;
  height: 35px;
  position: fixed;
  top: 0;
  left: 0px;
  margin: 10px;
  z-index: 10;
}
.menu-text {
  width: 50px;
  height: 35px;
  font-size: 30px;
  color: #e67e22;
  display: block;
  position: fixed;
  top: 0;
  left: 50px;
  margin: 10px;
  z-index: 9;
}
.menu-icon div {
  width: 40px;
  height: 5px;
  background: #e67e22;
  margin: 5px;
  transition: all 0.35s;
  border-radius: 2px;
}
.on .line_one { transform: rotate(45deg) translate(7px, 7px); }
.on .line_two { opacity: 0; }
.on .line_three { transform: rotate(-45deg) translate(7px, -7px); }
/*		End of navigator			*/

/*--------------------------------------------------------------
# LOGIN PAGE
--------------------------------------------------------------*/
.flex-container {
  display: flex;
  align-items: center;
}
.flex-container > div.items {
  margin: 10px;
  padding: 20px;
  align-items: center; 
   flex: 1 1 0;
  width: 0;
}
.dark-bg .btn-primary
{
	background:#75bf25 !important;
	border:none;
}


.title-area
{
font-weight:bold;
color:#ffffff;
}

.title-area h3
{
font-size:280%;
line-height:100%;	
font-weight:700;
text-transform:uppercase;
text-align:center;
letter-spacing:0px;
padding:5px 50px;
background-color: #FF3CAC;
background-image: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.title-area h4
{
font-size:160%;
line-height:100%;	
font-weight:700;
letter-spacing:0px;
padding:0px 50px;
margin:0;
color:#fff260;
}
.bg-white
{
	background:#ffffff;
}
img.event-logo
{
	max-width:500px;
	height:auto;
}
/*--------------------------------------------------------------
# EXHIBITION AREA
--------------------------------------------------------------*/
img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		width: auto;
	}
	
img[usemap], map area,
#Map area
{
   outline: none;
   border:none;
}
.exhibitor-area
{
padding:20px 10px;
}
.exhibitor-area,
.exhibitor-title h2,
.exhibitor-area h1,
.exhibitor-area h2,
.exhibitor-area h3,
.exhibitor-area h4,
.exhibitor-area h5,
.exhibitor-area h6
{
	word-wrap:break-word;
}
.exhibitor-area h3
{
	font-weight:bold;
	color:#0c3877;
	font-size:145%;
	margin:0;
	padding:0;
	margin-top:30px;
	margin-bottom:10px;
}
.exhibitor-area .intro-text
{
	line-height:125%;
	padding:20px 0px;
	font-size:125%;
	color:#333333;
}
.exhibitor-area .com-logo
{
	height:150px;
	padding:10px;
}
.exhibitor-area .files-folder
{
	padding-bottom:0px;
	display:table;
	width:100%;
}
.exhibitor-area .files-folder h4
{
	padding:0;
	margin:0;
	display:table-cell;
	vertical-align:middle;
	
}
.exhibitor-area .files-folder h4 a
{
	color:#111;
	font-weight:600;
}
.exhibitor-area img.with-bordered
{
	padding:5px;
	border:1px solid #dddddd;
}

table.exhibitor-info
{
	border-top:1px solid #dddddd;
	
}
.exhibitor-info td
{
	border-bottom:1px solid #dddddd;
	padding-top:10px;
	padding-bottom:10px;
	
}
.exhibitor-side-info
{
	padding:20px 10px;
}
.exhibitor-side-info img
{
	height:125px;
	width:auto;
}
.exhibitor-side-info img.countdown-loader
{
	height:24px;
	width:auto;
}
.exhibitor-side-info h4
{
	font-weight:600px;
	font-size:125%;
	
	
	
}
.exhibitor-area .embed-responsive embed-responsive-16by9
{
	margin:10px 0px;
	
}
.exhibitor-area a,
.exhibitor-area a:visited
{
	color:#069 !important;
}
.exhibitor-area a.btn-primary,
.exhibitor-area a.btn-primary:visited
{
	color:#ffffff !important;
}
/*--------------------------------------------------------------
# COUNTDOWN
--------------------------------------------------------------*/
ul#countdown {
	list-style: none;
	margin:30px 0;
	padding: 0;
	display: block;
	text-align: center;
	color:#000000 !important;
}
ul#countdown li {
	display: inline-block;
	background:#ffe65a;		
	padding:10px 20px;
	padding-bottom:0px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	width:90px;
}
ul#countdown li span {
	font-size:40px;
	font-weight:600;
	line-height:40px;
	color:#000000 !important;
}
ul#countdown li p {

	font-size:12px;
	text-transform:uppercase;
}

/*--------------------------------------------------------------
# ICON BOX
--------------------------------------------------------------*/
.icon-list2
{
}
.icon-list2 a
{
	display:block;
	padding:30px 5px;
	text-align:center;
	margin:auto;
	margin-bottom:20px;
	color:#ffffff;
	line-height:125%;
	-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
/*background:url(../images/captionbg.png);*/
background-color: #4158D0;
background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
min-height:50px;
font-size:80%;
}

.icon-list2 a img
{
	width:60px;
	margin:auto;
	height:auto;
	display:block;
	text-align:center;
}
.icon-listing
{
}
.icon-listing a
{
	display:block;
	width:30%;
	float:left;
	margin:10px 7px;
}

.icon-box {
  padding:20px 10px;
  padding-right:0;
  position: relative;
  overflow: hidden;
 background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8016340325192577) 100%); 
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  z-index: 1;
  border:5px solid #e67c00;
}
.icon-box::before {
  content: '';
  position: absolute;
  background: #e67c00;
  right: -70px;
  top: -70px;
  width:90px;
  height:90px;
  border-radius: 50px;
  transition: all 0.3s;
  z-index: -1;
}
.icon-box:hover::before {
  background: #e67c00;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 0px;
}
.icon {
  margin: 0 auto 10px auto;
  padding-top: 10px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: #e67c00;
  transition: all 0.3s ease-in-out;
}

.icon i {
  font-size: 36px;
  line-height: 1;
  color: #fff;
}

.icon-listing .title {
  font-weight:600;
  margin-bottom: 15px;
  font-size:90%;
  margin:0;
  padding-top:0;
  text-transform:uppercase;
}

.description {
  font-size:100%;
  line-height:135%;
  margin-bottom: 0;
}
a .icon-box
{
  color: #e67c00;
}
a .icon-box .title
{
color: #e67c00;	
}

.icon-box:hover .title, 
.icon-box:hover .description
{
  color: #fff;
}
.icon-box:hover .icon {
  background: #fff;
}
.icon-box:hover .icon i {
  color: #e67c00;
}
.oc-team img
{
	width:150px;
	height:auto;
}
.oc-team 
{
	font-size:85%;
}
.oc-team strong 
{
	font-size:120%;
}




.program-area .text-primary
{
	font-size:110%;
	color:#ffc96b !important;
}

.program-area .row
{
	border-top:1px dashed #cccccc;
	padding-top:30px;
	padding-bottom:20px;
}

.program-area h4
{
	font-size:145% !important;
	font-weight:bold;
}

.program-area em
{
	font-family: 'Raleway' !important;
	font-weight:400;
}

.program-area .text-primary em,
.program-area strong.text-primary em
{
	font-family: 'Raleway' !important;
	font-weight:600;
}

.program-area .text-warning
{
	color:#eff797 !important;
}



/*--------------------------------------------------------------
# NAV BAR
--------------------------------------------------------------*/
.navbar-default {
border: 0px;
text-align: left;
z-index: 999;
 background: rgb(65,15,110);
background: -moz-linear-gradient(264deg, rgba(65,15,110,0.37016805013020837) 0%, rgba(30,1,74,0.9892156691778273) 100%);
background: -webkit-linear-gradient(264deg, rgba(65,15,110,0.37016805013020837) 0%, rgba(30,1,74,0.9892156691778273) 100%);
background: linear-gradient(264deg, rgba(65,15,110,0.37016805013020837) 0%, rgba(30,1,74,0.9892156691778273) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#410f6e",endColorstr="#1e014a",GradientType=1); 
margin: 0;
z-index: 10;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}




.navbar-default .navbar-nav > li > a 
{
color: #fff !important;
text-transform:uppercase;
font-size:115%;
}
body.menu01 .navbar-default .navbar-nav > li > a.mm01, 
body.menu02 .navbar-default .navbar-nav > li > a.mm02, 
body.menu03 .navbar-default .navbar-nav > li > a.mm03, 
body.menu04 .navbar-default .navbar-nav > li > a.mm04, 
body.menu05 .navbar-default .navbar-nav > li > a.mm05, 
body.menu06 .navbar-default .navbar-nav > li > a.mm06, 
body.menu07 .navbar-default .navbar-nav > li > a.mm07, 
body.menu08 .navbar-default .navbar-nav > li > a.mm08, 
body.menu09 .navbar-default .navbar-nav > li > a.mm09 
{
border-bottom:3px solid #f7ae58;
background:none;
color:#f7ae58;
font-weight:bold;
}
.navbar-default .navbar-nav > li > a:hover {
background: none;
color:#f7ae58;
}

 @media only screen and (max-width :1280px) 
 {
.navbar-default .navbar-nav > li > a {
padding-left:12px;
padding-right:12px;
}

}

 @media only screen and (min-width : 991px) {
/* Make Navigation Toggle on Desktop Hover 
    */.dropdown:hover .dropdown-menu {
display: block;
}

}

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

 
.navbar-default .navbar-nav > li > a {
font-size: 100% !important;
padding-left:10px;
padding-right:10px;
}
 }

 @media only screen and (max-width :1024px) 
 {
 
 .extra-button
 {
	 display:none;
 }
 
.navbar-default .navbar-nav > li > a {
font-size: 90% !important;
padding-left:10px;
padding-right:10px;
}
.navbar-default .navbar-nav > li > a i {
margin-right: -5px;
margin-top: -3px;
}

.navbar-toggler .line
{
width: 100%;
float: left;
height: 2px;
background-color: #fff;
margin-bottom: 5px;
border-color:#FF0 !important;
color:#ffffff !important;
background:#ffffff !important;

}
 }

@media (max-width: 991px) 
{

.navbar-toggler
{
border-color:transparent !important;
}


.delegate-container
{
	padding-top:30px;
}
	
.delegate-area
{
	padding-top:30px;
}
	
.login-area
{
	position:relative;
	width:100%;
	right:0;
	left:0;
	bottom:20%;
}
img.event-logo
{
	max-width:400px;
	height:auto;
}
.title-area h3
{
font-size:200%;
padding:5px 20px;
}
.title-area h4
{
font-size:140%;
padding:5px 20px;
padding-bottom:0;
margin-bottom:0;
}
.flex-container {
  display:block;
  align-items: center;
  width:100%;
}
.flex-container > div.items {
  margin: 10px auto;
  padding:20px 20px;
  display:block;
  width:100%;
}	
	
.dropdown-toggle .fa {
font-family: 'FontAwesome';
content: '\f067';
display: inlie-block;
line-height: 25px;
position: absolute;
right: 10px;
}


.navbar-default .navbar-nav > li > a 
{
padding-left:20px;
font-size:100%;
padding-top:5px;
padding-bottom:5px;
}


.navbar-default .navbar-nav .dropdown a i
{
padding-right:20px;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a, 
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus 
{
padding-left:20px;
color: #ffffff;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover 
{
background-color: #512867;
color: #ffffff;
}

.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus 
{
color: #ecdbff;
background-color: #3272c7;
}
.related-agencies h4
{
margin-top:0px;
}
.text-to-left,
.text-to-right
{
	text-align:center;
}
}

 @media (max-width:768px) 
{

.delegate-area h1
{
  font-size:200%;
  padding:0px;
}	

.delegate-container.homepage .delegate-footer
{
	color:#111;
}
	

ul#countdown li {
width:90px;
}
ul#countdown li span {
	font-size:40px;
	font-weight: 300;
	line-height:40px;
}
ul#countdown li p {
	color: #a7abb1;
	font-size:13px;
	text-transform:uppercase;
	color:#000000 !important;
}
.related-agencies ul li img 
{
height:60px;
width:auto;
margin-bottom:10px;
}

.sponsor-logo-more-spacing
{
	padding-left:30px;
	padding-right:30px;
}

.font-weight-light
{
	color:#ffffff !important;
}
}

@media (max-width:640px) 
{

img.logo-in-mobile
{
width:150px;
right:15px;
top:65px;
position:absolute;
}
img.event-logo
{
	max-width:320px;
	height:auto;
}
.title-area h3
{
font-size:165%;
padding:5px 20px;
}

.title-area h4
{
font-size:120%;
padding:5px 20px;
padding-bottom:0;
margin-bottom:0;
}

.delegate-area h4
{
font-size:115%;
}


.flex-container > div.items {

  padding:0px;
}	

.audio-control
{
	text-align:center;
}

.navbar-brand img
{
	height:45px;
	width:auto;
	padding:0px 20px;
}	



.icon-listing a
{
	margin:10px 5px;
}


.icon-box {
  padding:10px 5px;
  border:3px solid #e67c00;
}




.icon-listing .title {
  font-weight:600;
  margin-bottom: 10px;
  font-size:75%;
  margin:0;
  padding-top:0;
  text-transform:uppercase;
}

ul#countdown li {
width:65px;
padding:5px;
padding-top:15px;
}
ul#countdown li span {
	font-size:18px;
	font-weight:600;
	line-height:18px;
	padding-bottom:0;

}

ul#countdown li p {
	color: #a7abb1;
	font-size:10px;
	text-transform:uppercase;
	padding:0;
	margin-top:-5px;
	margin-bottom:10px;
}	

#ticker_02
{
	font-size:100%;
	line-height:125%;
	
}


.icon-list .col-6 a
{
	padding:20px 10px;
	font-size:80%;
	height:165px;
}


.icon-list .col-6 a img
{
	width:60px;

}

}



@media (max-width:480px) 
{

.hide-on-mobile
{
	display:none;
}


.delegate-area h4
{
font-size:85%;
}


}