body, html { 
	margin: 0;
  	border: 0;
  	padding: 0;
	min-height: 100%;
  	max-height: 100%;
  	font-family: 'Roboto', sans-serif!important;
  	background: #ffffff;
  	text-align: left;
}


.yg-font {
    font-family: 'Roboto', sans-serif!important;
}

.yg-color {
    color: #005bae;   
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Roboto', sans-serif!important;
}

img {
	border: none;
}

.clear {
	clear: both;
}

a {
    color: #015cab;
}

.time-bg {
    background: #005bae;
    padding: 6px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
}

.ticker-title {
    background: #000000;
    color: #ffffff;
    width: 100px;
    float: left;
    padding: 6px;
    font-weight: bold;
    text-align: center;
}


.zero-left-padding {
    padding-left: 0px;
}

.zero-top-padding {
    padding-top: 0px;
}

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

.zero-right-padding {
    padding-right: 0px;
}

.zero-bottom-padding {
    padding-bottom: 0px;
}



/* ticker */

.example1 {
 padding: 6px;
    height: 32px;
 overflow: hidden;
 position: relative;
    background: #f2f2f2;
    border-bottom: 1px solid #c6c6c6;
    border-top: 1px solid #c6c6c6;
}
.example1 p {
 color: #000000;
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: example1 15s linear infinite;
 -webkit-animation: example1 15s linear infinite;
 animation: example1 15s linear infinite;
}

/* Move it (define the animation) */
@-moz-keyframes example1 {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes example1 {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes example1 {
 0%   { 
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%); 
 }
}

/* ticker end */


.bold-span span {
    font-weight: bold;
}

.nav-pills > li > a {
    border-radius: 0px;
    color: #000000;
    font-size: 14px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #ffffff;
    background-color: #000000;
}

.padding-top-20 {
    padding-top: 20px;
}



.center-banner {
    width: 728px;
    margin: auto;
}

.border-grey {
    border: 1px solid #c5c5c5;
}

/******************  News Slider Demo-1 *******************/

.post-slide{
    overflow: hidden;
    margin-right: 15px;
    background-color:#fff !important;
}
.post-slide .post-img {
    float: right;
    width:50%;
    position: relative;
    margin-left: 10px;
}
.post-slide .post-img img{
    width: 100%;
    height: auto;
}
.post-slide .post-date{
    background: #005bae;
    color: #fff;
    position: absolute;
    top: 0;
    right: 15px;
    display: block;
    padding: 2% 3%;
    text-align: center;
    transition: all 0.50s ease;
}
.post-slide .date{
    display: block;
    font-size:20px;
    font-weight: 700;
}
.post-slide .month{
    display: block;
    font-size:11px;
    text-transform: uppercase;
}
.post-slide .post-review {
    /*padding: 5% 3% 1% 0;*/
    border-top: 3px solid #000000;
}
.post-slide:hover .post-review{
    border-top-color:#005bae;
}
.post-slide .post-title{
    margin:0 0 10px 0;
    line-height: 18px;
}
.post-slide .post-title a{
    font-size:16px;
    color:#333;
}
.post-slide .post-title a:hover{
    text-decoration:none;
    font-weight: bold;
}
.post-slide .post-bar{
    padding:0;
    list-style:none;
    text-transform:uppercase;
    position: relative;
    margin-bottom: 20px;
}
.post-slide .post-bar:after,
.post-slide .post-bar:before{
    border: 1px solid #38cfd8;
    bottom: -10px;
    content: "";
    display: block;
    position: absolute;
    right: 36%;
    width: 25px;
}
.post-slide .post-bar:before{
    border: 1px solid #005bae;
    right: 32%;
}
.post-slide .post-bar li{
    color:#555;
    font-size:10px;
    margin-right:10px;
    display:inline-block;
}
.post-slide .post-bar li a{
    font-size: 13px;
    text-decoration:none;
    text-transform:uppercase;
    color:#ec3c6a;
}
.post-slide .post-bar li a:hover{
    color:#005bae;
}
.post-slide .post-bar li i{
    color:#777;
    margin-right:5px;
}
.post-slide .post-description{
    font-size:12px;
    line-height:21px;
    color:#444454;
}
.owl-theme .owl-controls{
    margin-top: 30px;
}
.owl-theme .owl-controls .owl-page span{
    background: #fff;
    border: 2px solid #37a6a4;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    background: #005bae;
}
@media only screen and (max-width: 990px) {
    .post-slide .post-img {
        width:100%;
    }
    .post-slide .post-review{
        width:100%;
        border-bottom: 4px solid #ec3c6a;
    }
    .post-slide .post-bar:before{
        left: 0;
    }
    .post-slide .post-bar:after{
        left: 25px;
    }
}



.section-title {
    background: #005bae;
    margin-bottom: 20px;
}

.section-title-in {
    background: #ffffff;
    margin-left:42px;
    padding-left: 20px;
    text-align: left;
    font-size: 25px;
    font-weight: 500;
}

.section-title-in-full {
    background: #ffffff;
    margin-left:42px;
    padding-left: 10px;
    padding: 14px;
    width: 100%;
    text-align: center;
    font-size: 25px;
    font-weight: 500;
}

.first-title {
    font-size: 16px;
    padding-top: 0px;
    margin-top: 0px;
    line-height: 20px;
    font-weight: 500;
}

.first-title-h4 {
    font-size: 14px;
    padding-top: 0px;
    line-height: 20px;
    font-weight: 300;
}

.first-title-h5 {
    font-size: 12px;
    padding-top: 0px;
    line-height: 20px;
    font-weight: 300;
}

.black-color {
    color: #000000;
}

.title-opacity {
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 500;
    position: relative;
    background-color: rgba(0,0,0,.5);
    padding: 8px;
    bottom: 80px;
    
}

.blue-border {
    border-left: 5px solid #015cab;
}



/* search bar */

.search__container {
  
}
.search__title {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: #015cab;
}
.search__input {
  width: 100%;
  padding: 12px 24px;
  background-color: transparent;
  transition: transform 250ms ease-in-out;
  font-size: 14px;
  line-height: 18px;
  color: #575756;
  background-color: transparent;
  /*         background-image: url(http://mihaeltomic.com/codepen/input-search/ic_search_black_24px.svg); */
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-position: 95% center;
  border-radius: 50px;
  border: 1px solid #575756;
  transition: all 250ms ease-in-out;
  backface-visibility: hidden;
  transform-style: preserve-3d;
}
.search__input::placeholder {
  color: color(#575756 a(0.8));
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
.search__input:hover, .search__input:focus {
  padding: 12px 0;
  outline: 0;
  border: 1px solid transparent;
  border-bottom: 1px solid #575756;
  border-radius: 0;
  background-position: 100% center;
}
.credits__container {
  margin-top: 24px;
}
.credits__text {
  text-align: center;
  font-size: 13px;
  line-height: 18px;
}
.credits__link {
  color: #ff8b88;
  text-decoration: none;
  transition: color 250ms ease-in;
}
.credits__link:hover, .credits__link:focus {
  color: color(#ff8b88 blackness(25%));
}


.nav-tabs {
    border-bottom: 1px solid #dddddd;
}

.nav-tabs > li {
    width: 50%;
    margin-bottom: 0px;
}

.nav-tabs > li > a {
    border-radius: 0px;
    font-weight: bold;
}


.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-bottom: 2px solid #015cab;
    background: #dddddd;
}



/* slider */
.slider div {
	height: 100%;
	text-align: center;
	font-size: 75px;
	color: #ffffff;
}
.slider-thumb div {

}

.slick-slide img {
    width: 100%;
}

.slider-thumb .slick-active {
    float: left;
    width: 100%!important;
}

.slider-thumb .slick-track {
    width: 100%!important;
}

.slider-thumb .slick-slide {
    border: none;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid;
    border-color: rgba(238,238,238,.1);
}

.slider-thumb .slick-slide:focus {
    border:none!important;
    background: #000000;
}

.slider-thumb a {
    border: none!important;
}

.slider-thumb a:focus {
    border: none!important;
}

.slider-thumb:active {
    border: none!important;
}

.blue-seperator {
    border-top: 2px solid #015cab;
    width: 100%;
}