/* CSS Document */
body{
	
	font-family:'Open Sans', sans-serif;
}
.bannerImg{
	background-image:url(https://www.unisys.com/Style%20Library/Unisys/Events/images/banner.jpg);
	background-size: cover;
	height: 100%;
}

.bannerTextEvents{
	font-size: 72px;
	font-weight: 700;
	color:#fff;
	letter-spacing: -3px;
	text-align: center;
	padding: 120px 0px 140px;
}
.searchBox{
	background: #e9e9ef;
	border-top:1px solid #cacada; 
	border-bottom:1px solid #cacada;
	margin-bottom: 15px;
}
label{
	font-size: 14px;
	color:#444444;
	font-weight: 600;
}
.form-group{
	padding-top: 10px;
}
option{
	color:#444;
}
.reset{
	padding-top: 34px;
}
h3{
	color:#444444 !important;
	font-size: 16px;
	font-weight: 700;
}
.searchTitle{
	padding-top: 13px;
}
.EventImage img{
	border:1px solid #d1d1df;
	margin-bottom: 20px;

}

h2{
	color:#003c7b !important;
	font-size: 26px;
	font-weight: 600;
	margin: 0 0 10px 0;

}
.EventDetails p{
	font-size: 14px;
}

.EventDetails p span{
	font-style: italic;
	color:#000;
}

a:hover .FA_right{
  border: 0.17em solid #444;
}

a:hover .FA_right:after {
  border-top: 0.15em solid #444 ;
  border-right: 0.15em solid #444;
}

.FA_right {
  display: inline-block;
  width: 2.3em;
  height: 2.3em;
  border: 0.17em solid #5eaee9;
  border-radius: 50%;

  margin-bottom:20px;
}

.FA_right:after {
  content: '';
  display: inline-block;
  margin-top: 0.65em;
  margin-left: 0.5em;
  width: 0.6em;
  height: 0.6em;
  border-top: 0.15em solid #5eaee9;
  border-right: 0.15em solid #5eaee9;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


a{
	color: #5db0e5;
    text-decoration: none;
}
a:link,
a:visited {
    color: #5db0e5;
    text-decoration: none;
}

a:hover,
a:active {
    text-decoration: underline;
}

.EventList{
	border-bottom: 1px solid #e4e4ec;
	margin-top: 25px;
}

.btn-primary {
    color: #fff;
    background-color: #5db0e5;
	border: none;
	padding-left:20px;
	padding-right:20px;
  
}

.btn-primary:hover {
    color: #fff;
    background-color: #5db0e5;
  
}

@media only screen and (min-width :320px) and (max-width : 767px) {
	.reset {
    padding-top:0px;
		
}
	.bannerTextEvents {
    font-size: 50px;
    padding: 100px 0px 120px;
}
	.searchTitle {
    padding-top: 0px;
}
select {
color: #444 !important;
}
}