.itopplus-background {

}
a{
 color:#313131;
}
a:hover{
 color:#f4d134;
}


.navbar-collapse {
    padding-right: 15px;
    padding-left: 50px;
}

.itopplus-bgmain3 {
    margin-bottom: 0px;
}

.navbar-default .navbar-nav>li {
    padding: 2px 10px;
}
.navbar-default .navbar-nav>li>a {
    font-size: 18px;
}
.dropdown-menu>li>a {
    font-size: 16px;
}
.navbar-default {
    background: #f4d134;
}
.navbar-default .navbar-nav>li:hover,.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    border-color: transparent;
}
@media (max-width:768px) {
    .navbar-default {
        background: #f4d134;
    }
}


.ui.input input {
   font-family: Prompt,sans-serif;
    background: #fff0;
    border: 1px solid rgb(255, 255, 255);
    font-size: 12px;
}
.ui.input input:active, .ui.input.down input {
    border-color: rgb(255, 255, 255);
    background: #fafafa00!important;
}
.ui.input.focus input, .ui.input input:focus {
    background: transparent;
    border-color: rgb(255, 255, 255);
}
.ui.action.input, .input.ng-pristine.ng-untouched.ng-valid {
    border: 1px solid #f4d134;
      background: #f4d134;
}
.ui.action.input:not([class*="left action"])>input {
    padding-right: 35px;
}


.pagination>li>a, .pagination>li>span {
    color: #f4d135;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    color: #000000;
    background-color: #f4d134;
}


#searchResultLanding .col-sm-12, .col-md-12, .col-lg-12, .col-sm-12 {
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 5px;
}


figure.effect-jazz {
    background: transparent;
}
figure.effect-jazz figcaption::after {
    border-top: 0px solid #fff;
    border-bottom: 0px solid #fff;
}


.btnp {
  background-color: #333333;
  border: none;
  color: white;
  padding: 7px 20px;
  text-align: center;
  font-size: 14px;
  margin: 4px 2px;
  transition: 0.3s;
}

.btnp:hover {
  background-color: #f4d134;
  color: #333333;
}

.size-picture {
    display: inline-block;
    overflow: hidden;
}
.imgpic{
    transition: 0.7s;
   -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}

.imgpic:hover{
    -webkit-transform: scale3d(1.05,1.05,1);
    transform: scale3d(1.01);
    transition: 0.7s;
}

.jazzpic1{
    padding: 15px 5px 10px 15px;
    width: 100%;
    height: 60px;
    font-size: 26px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    bottom: 0;
    left: 0;
    color: #ffffff;
    background-color: #f4d134;
    transform: scale3d(1,1,1);
    text-align: center;
    font-weight: 300;
}

.jazzpic2{
    padding: 15px 5px 10px 15px;
    width: 100%;
    height: 60px;
    font-size: 26px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    top: 0;
    left: 0;
    color: #ffffff;
    background-color: #333333;
    transform: scale3d(1,1,1);
    text-align: center;
    font-weight: 300;
}





/*timeline*/
.main-timeline{ }
.main-timeline:after{
    content: '';
    display: block;
    clear: both;
}
.main-timeline .timeline{ margin: 0 -22px; }
.main-timeline .timeline-content{
    color: #333333;
    text-align: center;
    display: block;
}
.main-timeline .timeline-content:hover{ text-decoration: none; }
.main-timeline .timeline-year{
    font-size: 40px;
    font-weight: 700;
    padding: 0 0 15px;
    margin: 0 0 54px;
    border-bottom: 2px solid #555;
    position: relative;
    z-index: 1;
    -webkit-text-stroke: 2px white;
}
.main-timeline .timeline-year:before,
.main-timeline .timeline-year:after{
    content: '';
    background: radial-gradient(#fff,#EA2027,#EA2027);
    height: 20px;
    width: 20px;
    border-radius: 50%;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    bottom: -10px;
}
.main-timeline .timeline-year:after{
    background: #555;
    height: 55px;
    width: 3px;
    border-radius: 0;
    bottom: -55px;
    z-index: -1;
}
.main-timeline .inner-content{
    background-color: #fff7e2;
    padding: 20px;
    margin: 0 10px;
    box-shadow: 0 0 5px #444;
    border-radius: 25px;
    position: relative;
    font-size: 18px;
    height: 280px;
}




.main-timeline .description{
    color: #333;
    font-size: 15px;
    letter-spacing: 1px;
}

@media screen and (max-width:768px){
.main-timeline .timeline{ margin: 0 0 15px; }
.main-timeline .inner-content {
    background-color: #fff7e2;
    padding: 20px 10px 10px;
    margin: 0 10px;
    box-shadow: 0 0 5px #444;
    border-radius: 25px;
    position: relative;
    font-size: 18px;
    height: inherit;
  }
}

/*timeline*/

.thumbs {
    background-color: #ffffff00;
    border-radius: 0px!important;
    border: 0px solid #cccccc;
    padding-left: 0px!important;
    padding-right: 0px!important;
    padding: 0px;
    margin-bottom: 0px;
}




@media screen and (max-width:768px){
.row-fluid [class*=col-sm-5fix] {
    display: block;
     float: left;
     width: 33.33%;
 }
  .btn-primary {
    background-image: linear-gradient(to bottom,#f4d134 0,#f4d134 100%);
    border-color: #f4d134;
}
  .btn-primary:hover, .btn-primary:focus {
    background-color: #f4d134;
}
  .btn-primary:active, .btn-primary.active {
    background-color: #f4d134;
    border-color: #f4d134;
}
  label.col-xs-12.col-sm-3.col-md-3.control-label {
    width: 40%;
  }
}

@media only screen and (max-width: 480px){
.row-fluid [class*=col-sm-5fix] {
    display: block;
     float: left;
     width: 100%;
 }
}