/*
Theme Name: Betheme
Author: Muffin group
Description: The biggest WordPress Theme ever
Theme URI: http://themes.muffingroup.com/betheme
Author URI: http://muffingroup.com
License: Themeforest Split Licence
License URI: -
Version: 14.6

All css files are placed in /css/ folder
*/

@font-face {
  font-family: 'Anton';
  src: url('fonts/Anton.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}

.header-top{
    height: 115px;
    background-color: #ffe25e;
    
}
.mid-title {
    font-size: 15px;
    font-weight: bold;
    
}

/*.top-left-div {
    float:left;
    padding:0px 30px;
    width: 20%;
}*/
.top-left-div {
  left: 28px;
  position: absolute;
}
.top-mid-div {
  padding-top: 26px;
}
.top-right-div {
  position: absolute;
  right: 28px;
  top: 0;
}
.top-left-div img, .top-right-div img{
    max-width: none;
    margin-top: 3px;
}
/*.top-mid-div{
   max-height: 115px;
   float:left; 
   padding-top:10px;
   width: 60%;
}*/

.top-mid-div li h2, .top-mid-div li p{
    font-family: Anton;
    font-size: 40px;
    color: #b90d0d;
    line-height:normal;
text-align:center;
    
}

#slides .textwidget {
    width: 100% !important;
}
#slides .slide p{-webkit-animation:fading 2s infinite;animation:fading 2s infinite}
@-webkit-keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}

/*.top-right-div{
    float:left;
    padding:0px 30px;
    width: 20%;
}*/
.top-right-div img{
    float:right;
}


#carousel {
  position: relative;
  width: 60%;
  margin: 0 auto;
}

#slides {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 250px;
}

#slides ul {
  list-style: none;
  width: 100%;
  height: 250px;
  margin: 0;
  padding: 0;
  position: relative;
}

#slides li {
  width: 100%;
  height: 250px;
  float: left;
  text-align: center;
  font-family: lato, sans-serif;
list-style-type:none;
}

/* Styling for prev and next buttons */

.btn-bar {

  margin: 0 auto;
  display: none;
}

#buttons {
  padding: 0 0 5px 0;
  float: right;
}

#buttons a {
  text-align: center;
  display: block;
  font-size: 50px;
  float: left;
  outline: 0;
  margin: 0 60px;
  color: #b14943;
  text-decoration: none;
  display: block;
  padding: 9px;
  width: 35px;
}

a#prev:hover,
a#next:hover {
  color: #FFF;
  text-shadow: .5px 0px #b14943;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
    .top-mid-div li h2, .top-mid-div li p{
        font-size: 25px;
    }
.top-mid-div {
  padding-top: 20px;
}
.header-top{
    height: 71px;
}
.top-left-div img, .top-right-div img {
  width: 60%;
}
}
@media only screen and (max-width: 640px) {
   .top-left-div, .top-right-div{
        display: none;
    }
 .top-mid-div li h2, .top-mid-div li p{
        font-size: 20px;
    }
#carousel{
width:100%;
}
.header-top{
    height: 60px;
}
}

.header-top{
display: none;
}