@font-face {
  font-family: 'Josefin Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Josefin Slab'), local('JosefinSlab'), url(../fonts/josefinslab.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
  font-family: 'Khula';
  font-style: normal;
  font-weight: 400;
  src: local('Khula'), local('Khula-Regular'), url(../fonts/khula.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
  font-family: 'Righteous';
  font-style: normal;
  font-weight: 400;
  src: local('Righteous'), local('Righteous-Regular'), url(../fonts/Righteous-Regular2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

.josefinslab{
    font-family: 'Josefin Slab';
}
.khula{
    font-family: 'Khula';
    //font-size: 34px;
}
.righteous{
    font-family: 'Righteous', sans-serif;
  font-size: 48px;
}  
html, body{
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.7;
    background-color: #eeefe9;
}
h1, h2, h3, h4{
    font-family: 'Abel', sans-serif;   
}
b, strong{
    font-weight: 400;
}
.carousel-caption{
    z-index: 10;
}
.carousel-inner > .item > img{
    position: absolute;
    top: 50px;
    left: 0;
    min-width: 100%;
    height: auto;
}
.carousel-inner > .item{
    height: 500px;   
}

.intro-block{
    background: url(../images/purpalt.png) repeat;
    padding: 100px 15px 60px;
    color: #fff;
}
.text-muted{
    color: #e9e6df;
    font-weight: 100;
}
.tpad{
    padding-top: 20px;
}
.padded{
    padding: 100px 15px;
}
.marketing{
    background-color: #e9e6df;   
}
hr {
    border-top: 1px solid #c9c9c9;   
}
.info{
    background: #ffa753 url(../images/skyline.png) repeat-x bottom;
    padding: 5px 0;
}
.info small{
    color: #eeefe9;   
}
.info a{
    color: #fff;   
}
.info a:hover{
    color: #333;   
}
.tab-pane{
    padding: 40px 10px 0 10px;
}
.ftr{
    background: url(../images/shattered.png) repeat;
    padding: 35px 0 35px 0;
}
.ftr address, .ftr a, .ftr p{
    color: #fff;   
}
.ft_space{
    padding: 0 10px;   
}
.blog h1 a{ color: #4b8575; }
.blog p a{ color: #ed7337; }
.sidebar{
    background-color: #e9e6df;   
}
.bpad{ margin-bottom: 5px;}
.map {
    height: 300px;
    width: 100%;
}

.sempit{
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

@media(min-width: 768px){
.carousel-inner > .item{
    height: 700px;   
}
.map {
    height: 500px;
}

.progress-label {
    background-color:#eeefe9;
float: left;
margin: 0 auto;
margin-right: 1em;
padding-top: .2em;
}

.paddingbottom10{
    padding-bottom: 10px;
}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.proporsional {
    max-width: 250px;
    max-height:300px;
    width:auto;
    height:auto;
}

.thumbnail-kotak {
    display: block;
    width: 250px;
    height: 320px;
    background-color: #f0f0f0;
}
    
.proporsional-reg {
    max-width: 250px;
    max-height:255px;
    width:auto;
    height:auto;
}
.thumbnail-reg {
    display: block;
    max-width: 250px;
    max-height: 270px;
    width: 250px;
    height: auto;
    background-color: #fafaf0;
}

#topright-platinum {
    position: absolute;
    right: 0;
    top: .5em;
    display: block;
    height: 100px;
    width: 100px;
    background: url(../images/platinum.png) no-repeat;
    background-size: 75%;
    text-indent: -999em;
    text-decoration: none;
}
#topright-gold {
    position: absolute;
    right: 0;
    top: .5em;
    display: block;
    height: 100px;
    width: 100px;
    background: url(../images/gold.png) no-repeat;
    background-size: 75%;
    text-indent: -999em;
    text-decoration: none;
}
#topright-silver {
    position: absolute;
    right: 0;
    top: .5em;
    display: block;
    height: 100px;
    width: 100px;
    background: url(../images/silver.png) no-repeat;
    background-size: 75%;
    text-indent: -999em;
    text-decoration: none;
}
#topright-bronze {
    position: absolute;
    right: 0;
    top: .5em;
    display: block;
    height: 100px;
    width: 100px;
    background: url(../images/bronze.png) no-repeat;
    background-size: 75%;
    text-indent: -999em;
    text-decoration: none;
}
    
}