html { height: 100%; }

/*
body.modal-open-noscroll
{
    padding-right: 0!important;
    overflow: hidden;
}
.modal-open-noscroll .navbar-fixed-top, .modal-open .navbar-fixed-bottom
{
    padding-right: 0!important;
}*/


a:hover{
    text-decoration: none;
    color: #4c4847;
}

p{
    font-size: 16px;
    margin: 0 0 5px;
}

h3{
    font-size: 19px;
}
.fz-font-color-black{
    color: #4c4847;
}
.fz-font-color-gray{
    color:#E5E5E5;
}

.fz-font-color-white{
    color:#fff;
}

.fz-font-caslon{
    font-family: 'Caslon 540'; 
}
.fz-font-trajan{
    font-family: 'Trajan Pro';
}
.fz-font-size16{
    font-size: 16px;
}

.fz-fon-size{
    font-size: 8px;
}

.full-screen {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.fz-animation-delay{
    visibility: visible; 
    animation-delay: 0.3s; 
    animation-name: fadeInUp;
}

.fz-navbar-left-text{
    padding-top: 12px; 
    padding-right: 36px;
}
.fz-navbar-right-text{
    padding-left: 50px; 
    padding-top: 12px
}
.fz-font-size13{
    font-size: 13px;
}
/*
.fz-font-size24{
    font-size: 20px;
}*/

@media (min-width: 768px) {
    .navbar .navbar-nav {
        /*display: inline-block;*/
        float: none;
    }
    /*
        .navbar-brand {  
            font-size: 30px;
        }*/

    /*    .navbar .navbar-collapse {
            text-align: center;
        }*/
}




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

/* CAROUSEL MODIFCATION START */

.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}

/* CAROUSEL MODIFCATION END */


.fz-navbar-fix-top{
    position: fixed;
    top: 10px;
    left: 5%;
    right: 5%;       
}
.fz-navbar{
    z-index: 1200;
}
.fz-navbar-default {
    background-color: #fff;
    background: rgba(255, 255, 255, 0.8);
    color: #000;

}
.fz-navbar-font{
    color: #4c4847;
    font-family: 'Trajan Pro';
}

.fz-active-navtab{
    background: rgba(255, 255, 255, 0.8);
}

.fz-home-background{
    background-image: url(../img/home.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.fz-index-page-video{
    overflow:hidden;  
    width: 100%; 
    position: absolute; 
    height: 100%;
}

.fz-z_index-1000{
    z-index: -1000;
}

.fz-index-min-height250{
    margin-top: 50px; 
    min-height: 250px;
}

.fz-body-padding-r{
    padding-right: 0px;
}

.fz-home-logo{
    position: absolute;
    top: 27%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation-duration: 2s;
    z-index: 1000;
}

.fz-home-main-button{
    /*    padding-top: 425px;*/
    /*margin-top: -140px;*/
    position: absolute;
    top: 80%;
    left: 15%;
    right: 15%;
    bottom: 15%;
}

.fz-pedrobarn-main-button{
    position: absolute;
    top: 80%;
    left: 15%;
    right: 15%;
    bottom: 15%;
}

.fz-bur_or_rent-button{
    top: 50%;
    left: 15%;
    right: 15%;
    bottom: 15%;
}

.fz-home-main-button_location{
    /*    padding-top: 425px;*/
    /*margin-top: -140px;*/
    position: absolute;
    top: 80%;
    left: 15%;
    right: 15%;
    bottom: 15%;
}
/*
.post-contact .fz-button,.post-contact .fz-button:focus {
    display: block;
    background-color: #333;
    padding: 2px;
    color:#fff;
    text-decoration: none;
    font-size: 12px;

}*/

.property-img-height{
    width: 354px;
    height:207px;
}
.property-slider-img-height{
    width: 698px;
    height: 398px;
}

.post-contact{

    background: rgba(255, 255, 255, 0.5);
}
.fz-height-100a{
    height: 100%;
}
.fz-margin-top0{
    margin-top: 0;
}
.fz-margin-top-5{
    margin-top: 5px;
}
.fz-margin-top10{
    margin-top: 10px;
}

.fz-margin-top-15{
    margin-top: 15px;
}

.fz-margin-toph3-15{
    margin-top: 15px;
}

.fz-margin-toph3-0{
    margin-top: 0;
}


.fz-margin-bottom-15{
    margin-bottom: 15px;
}

.fz-padding-15{
    padding:15px;
}
.fz-padding-2{
    padding: 0;
}
.fz-padding-top-modal-5a{
    padding-top: 5%;   
}
.fz-padding-top-15{
    padding-top: 15px;
}

.fz-padding-top-pd-10a{
    padding-top:10%;
}


.fz-padding-top-buy80{
    padding-top: 80px;
}

.fz-padding-top-rent80{
    padding-top: 80px;
}


.fz-padding-top-footer50{
    padding-top: 10%;
}

.fz-padding-top-footer-ipad{

}

.fz-padding-left-15{
    padding-left: 15px;
}

.fz-padding-confirm_link{
    padding-left: 35px;
    /*    color: #5ac45e;*/
}

.fz-padding-right{
    padding-right: 15px;
}

.fz-padding-top-45{
    padding-top: 45px;
}
.fz-padding-top-5a{
    padding-top: 5%;
}

.fz-padding-top-nuwaraeliya5a{
    padding-top: 5%;
}

.fz-padding-top-buy5a{
    padding-top: 5%;
}

.fz-padding-top-10a{
    padding-top: 10%;
}

.fz-padding-top-index-10a{
    padding-top: 10%;
}

.fz-padding-top-15a{
    padding-top: 15%;
}
.fz-padding-bottom-15{
    padding-bottom: 15px;
}

.fz-padding-top-footer-nav10{
    padding-top: 10px;
}
.fz-padding-footer-nav{
    padding-top: 30px;    
}

.fz-index-sec4-padding{
    padding-top: 10%;
}

.fz-padding-bottom-footer50{
    padding-bottom: 12%;
}

.fz-button{
    display: block;
    text-decoration: none;
    font-style:normal;
    padding: 25px;
    border: 1px solid #fff; 
    background: rgba(255, 255, 255, 0.8);
    color: #000;
    font-family: 'Trajan Pro';
}

.fz-ul-square{
    list-style-type:square;
}

.fz-second-section{
    background-image: url(../img/subtle_white_mini_waves.png);  

}
.fz-slider-text-wrap{

    background-color: #e7e3e3;
    /*    margin-top:15px;*/
    /*    margin-bottom: 30px;*/
    padding: 15px;
    min-height: 200px;
}

.fz-slider-hr{
    background-color: #c6c3c3;
    height: 1px;
    border: none;
}




.fz-conten-hr{
    background-color: #c6c3c3;
    height: 1px;
    border: none;
}

.fz-conten-text-wrap{
    background-color: #fff;
    background: rgba(255, 255, 255, 0.7);
    margin-top:15px;
    margin-bottom: 15px;
    padding: 40px;
    border-radius: 4px;
}

.fz-buy-h1-wrap{
    background-color: #fff;
    background: rgba(255, 255, 255, 0.7);
    margin-top:15px;
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 4px;
}

.fz-pedrobarn-h1-wrap{
    background-color: #fff;
    background: rgba(255, 255, 255, 0.7);
    margin-top:15px;
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 4px;
}






.fz-conten-second-img-wrap{
    background-color: #fff;
    background: rgba(255, 255, 255, 0.4);
    height: 100%;
}
.fz-conten-second{
    padding-top: 130px;
}

.fz-contact-footer-bg{
    background-color: #e8e8e6;    
}

.fz-footer-font{
    font-size: 12px;
}

.fz-footer-font a:active, .fz-footer-font a:focus{
    text-decoration: none;
}

.fz-buy-page{
    background-color: #000; 
    padding-top:5%;
}

figure {
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: hidden;
}
figure:hover+span {
    bottom: 50%;
    opacity: 1;
}

.span-css {
    position: absolute;
    bottom: 50%;
    left: 0;
    z-index: 100;
    display: block;
    width: 300px;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 0;
}

.property-wrap{
    background-color: #fff;
    background: rgba(255, 255, 255, 0.7);
    margin-top:15px;
    margin-bottom: 15px;
    padding: 2px;
    border-radius: 4px;
}

.fz-icon-class{
    width :25px; 
    height: 25px;
    padding: 1px;
}

.fz-ipad-padding50{

}

/* Sepia */
.hover09 figure img {
    -webkit-filter: sepia(50%);
    filter: sepia(50%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.hover09 figure:hover img {
    -webkit-filter: sepia(0);
    filter: sepia(0);
}

/* Zoom In #1 */
.hover01 figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.hover01 figure:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}


/* Zoom Out #1 */
.hover03 figure img {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.hover03 figure:hover img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* Blur + Gray Scale */
.hover10 figure img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.hover10 figure:hover img {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}

/* Shine */
.hover14 figure {
    position: relative;
}
.hover14 figure::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.hover14 figure:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}

.btn_effects .zoo_effect {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.btn_effects .zoo_effect:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/*

.btn_effects span {
    position: relative;
}
.btn_effects span::before {
    position: absolute;
    top: 0;
    left: 1px;
    z-index: 2;
    display: block;
    content: '';
    width: 2px;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.btn_effects span:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}*/


svg{
    /*    background-color: #ccc;*/
    margin-bottom: 150px;
    margin-top: 0;
    /*    padding-top: 155px;*/
    top:155px !important;
    /*    padding-top: 10%;*/

}

.svg-map-height{
    height: 600px;
}

.fz-svg-wrap{
    background-color: #000;
    background: rgba(0, 0, 0, 0.4);
    min-height: 100%;
}




.fz-call-to-action{
    display: block;
    text-decoration: none;
    font-style: normal;
    padding: 10px;
    border: 1px solid #fff;
    background: rgba(255, 255, 255, 0.8);
    color: #000;
    font-family: 'Trajan Pro';
    text-align: center;
}

.fz-call-to-action span{
    display: block;
    border: 1px solid #fff;
    padding: 10px;
    padding-top: 18px;
}



.fz_button_buy_or_rent{
    position: relative; 
    width: 220px; 
    margin: -22% auto; 
    z-index: 999;
    margin-left: 5%;
}

.fz-button_buy_or_rent_center{
    position: absolute; 
    width: 98%;  
    z-index: 999;
    margin-top: 0;
}

.fz-indication_buy_or_rent{
    position: absolute; 
    z-index: 999;
    bottom: 20%;
    right: 10%
}


.fz-padding-top-ipad230{

}

.fz-padding-top-ipad300{

}

.fz-mob-margin-top{
    margin-top: 0;
}
.fz-img-slider{
    padding-top: 15%;
    height: 100%
}

.fz-img-slider-pedrobarn{
    padding-top: 21px;
    height: 100%
}




@media(max-width:1024px)and (orientation:landscape){
    body {
        font-size: 10px;
    }

    .fz-font-size16 {
        font-size: 11px;
    }

    .nav>li>a {
        position: relative;
        display: block;
        padding: 10px 10px;
    }

    .fz-padding-top-footer-ipad{
        padding-top:40px
    }

    .fz-index-sec4-padding{
        padding-top: 6%;
    }

    /*  Background Images */
    .fz-pedrobarn-bg{
        background-image: url(../img/cottages-to-pedrobarn-bg-pad_l.jpg);
        background-repeat: no-repeat;
        height: 100%;
        background-size: cover;

    }

    .fz-conten-bg{
        background-image: url(../img/cottages-for-rent-nuwera-eliya-pad_l.jpg);
        background-repeat: no-repeat;       
        height: 100%;
        background-size: cover;

    }

    .fz-conten-second-bg{
        background-image: url(../img/cottages-to-buy-nuwera-eliya-pad_l.jpg);
        background-repeat: no-repeat;     
        height: auto;
        background-size: cover;
    }

    .fz-home-conten-second-bg{
        background-image: url(../img/cottages-to-buy-nuwera-eliya-home-pad_l.jpg);
        background-repeat: no-repeat;      
        height: auto;
        background-size: cover;
    }

    /*Location*/

    .fz-location-background{
        background-image: url(../img/little-england-cottages-for-rent-nuweraeliya-location-pad_l.jpg);
        background-repeat: no-repeat;        
        min-height: 100%;
        width: 100%;
        background-size: cover;

    }

    .fz-location-bg{
        background-image: url(../img/little-england-cottagest-nuweraeliya-location2-pad_l.jpg);
        background-repeat: no-repeat;
        height: 100%;
        background-size: cover;
    }

    .fz-the-developer-bg{
        background-image: url(../img/little-england-cottagest-nuweraeliya-location2-pad_l.jpg);
        background-repeat: no-repeat;
        height: 100%;
        background-size: cover;
    }

    .fz-location3-bg{
        background-image: url(../img/little-england-cottagest-nuweraeliya-location3-pad_l.jpg);
        background-repeat: no-repeat;
        height: 100%;
        background-size: cover;
    }

    .fz-complex-background{
        background-image: url(../img/little-england-cottages-for-rent-complex-pad_l.jpg);
        background-repeat: no-repeat;
        height: 100%;
        width: 100%;
        background-size: cover;
    }
    .fz-life-bg{
        background-image: url(../img/little-england-cottagest-nuweraeliya-location4-pad_l.jpg);
        background-repeat: no-repeat;      
        min-height: 120%;
        background-size: cover;
    }
    

}    

@media(max-width:1024px)and (orientation:portrait){
    body {
        font-size: 10px;
    }

    .fz-font-size16 {
        font-size: 11px;
    }

    .nav>li>a {
        position: relative;
        display: block;
        padding: 10px 10px;
    }

    .fz-padding-top-footer-ipad{
        padding-top:40px
    }

    .fz-index-sec4-padding{
        padding-top: 6%;
    }

    /*  Background Images */
    .fz-pedrobarn-bg{
        background-image: url(../img/cottages-to-pedrobarn-bg-pad_p.jpg);
        background-repeat: no-repeat;
        height: 100%;
        background-size: cover;
       
    }

    .fz-conten-bg{
        background-image: url(../img/cottages-for-rent-nuwera-eliya-pad_p.jpg);
        background-repeat: no-repeat;
        height: 100%;
        background-size: cover;
        
    }

    .fz-conten-second-bg{
        background-image: url(../img/cottages-to-buy-nuwera-eliya-pad_p.jpg);
        background-repeat: no-repeat;
        height: auto;
        background-size: cover;
    }

    .fz-home-conten-second-bg{
        background-image: url(../img/cottages-to-buy-nuwera-eliya-home-pad_p.jpg);
        background-repeat: no-repeat;
        height: auto;
        background-size: cover;
    }

    /*Location*/

    .fz-location-background{
        background-image: url(../img/little-england-cottages-for-rent-nuweraeliya-location-pad_p.jpg);
        background-repeat: no-repeat;
        min-height: 100%;
        width: 100%;
        background-size: cover;

    }

    .fz-location-bg{
        background-image: url(../img/little-england-cottagest-nuweraeliya-location2-pad_p.jpg);
        background-repeat: no-repeat;  
        min-height: 155%;
        background-size: cover;
    }

    .fz-the-developer-bg{
        background-image: url(../img/little-england-cottagest-nuweraeliya-location2-pad_p.jpg);
        background-repeat: no-repeat;
        height: 100%;
        background-size: cover;
    }

    .fz-location3-bg{
        background-image: url(../img/little-england-cottagest-nuweraeliya-location3-pad_p.jpg);
        background-repeat: no-repeat;
        height: 100%;
        background-size: cover;
    }

    .fz-complex-background{
        background-image: url(../img/little-england-cottages-for-rent-complex-pad_p.jpg);
        background-repeat: no-repeat;
        height: 100%;
        width: 100%;
        background-size: cover;
    }
    
    .fz-life-bg{
        background-image: url(../img/little-england-cottagest-nuweraeliya-location4-pad_p.jpg);
        background-repeat: no-repeat;       
        min-height: 120%;
        background-size: cover;
    }

}



@media (max-width: 768px) {

    p{
        font-size: 12px;
        margin: 0 0 5px;
    }

    h3{
        font-size: 13px;
        margin-top: 2px;
    }
    h1{
        font-size: 18px;
    }
    .fz-mob-padding-top{
        margin-top: 10%;
    }

    .fz-padding-top-5a{
        padding-top: 15%;
    }

    .fz-padding-top-nuwaraeliya5a{
        padding-top: 20%;
    }

    .fz-padding-top-buy5a{
        padding-top: 15%;
    }

    .fz-padding-top-index-10a{
        padding-top: 20%;
    }

    .fz-padding-top-footer50{
        padding-top: 50px;
    }

    .fz-padding-top-buy80{
        padding-top: 80px;
    }

    .fz-padding-top-rent80{
        padding-top: 80px;
    }

    .fz-padding-top-iphone5{
        padding-top: 10%
    }

    .fz-padding-top-footer-nav10{
        padding-top: 0;
    }
    .fz-padding-footer-nav{
        padding-top: 0;    
    }


    .fz-img-slider{
        padding:40% 0; 
        height: 100%
    }

    .fz-img-slider-pedrobarn{
        padding:10px 0; 
        height: 100%
    }

    .fz-button{
        display: block;
        text-decoration: none;
        font-style:normal;
        padding: 5px;
        border: 1px solid #fff; 
        background: rgba(255, 255, 255, 0.8);
        color: #000;
    }

    .fz-home-main-button{
        margin-top: -120px;
        padding-top: 0;
        font-size: 10px;
        z-index: 1000;
    }

    .fz-pedrobarn-main-button{
        margin-top: 0;
        padding-top: 0;
        font-size: 10px;
        z-index: 1000;
    }

    .fz-pedrobarn-h1-wrap{
        background-color: #fff;
        background: rgba(255, 255, 255, 0.7);
        margin-top:25px;
        /*        margin-bottom: -15px;*/
        padding: 5px;
        border-radius: 4px;
    }

    .fz-buy-or-rent-button{
        margin-top: -280px;
        padding-top: 0;
        font-size: 10px;
        z-index: 1000;
    }

    .fz_button_buy_or_rent{
        position: relative; 
        width: 220px; 
        margin: -183px auto; 
        z-index: 999;
    }


    .fz-button_buy_or_rent_center{
        position: absolute; 
        width: 90%;  
        z-index: 999;
        margin-top: 0;
    }

    .fz-indication_buy_or_rent{
        position: absolute; 
        z-index: 999;
        bottom: 10%;
        right: 10%
    }

    .fz-icon-class{
        width :22px; 
        height: 22px;
        padding: 1px;       
    }

    .fz-home-main-button_location {
        margin-top: 5px;
        padding-top: 0;
        font-size: 10px;
        z-index: 1000;
    }

    .fz-conten-second{
        padding-top: 70px;
    }

    .fz-home-logo{
        position: absolute;
        top: 35%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
        animation-duration: 2s;
        z-index: 1000;
    }

    .fz-conten-text-wrap{
        background-color: #fff;
        background: rgba(255, 255, 255, 0.7);
        margin-top:15px;
        margin-bottom: 15px;
        padding: 10px;
        border-radius: 4px;
    }

    .fz-call-to-action{
        display: block;
        text-decoration: none;
        font-style: normal;
        padding: 10px;
        border: 1px solid #fff;
        background: rgba(255, 255, 255, 0.8);
        color: #000;
        font-family: 'Trajan Pro';
        text-align: center;
        margin-bottom: 5px;
    }

    .fz-call-to-action:active, .fz-call-to-action:focus{
        text-decoration: none;
        color:inherit;
    }


    .fz-call-to-action span{
        display: block;
        border: 1px solid #fff;
        padding: 10px;
        padding-top: 18px;
    }

    /*    .fz-location-bg{
            background-image: url(../img/little-england-cottagest-nuweraeliya-location2.jpg);
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-size: cover;
            min-height: 155%;    
        }*/

/*    .fz-the-developer-bg{
        background-image: url(../img/little-england-cottagest-nuweraeliya-location2.jpg);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        min-height: 135%;    
    }*/

/*    .fz-life-bg{
        background-image: url(../img/little-england-cottagest-nuweraeliya-location4.jpg);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        min-height: 120%;    
    }*/
/*    .fz-complex-background{
        background-image: url(../img/little-england-cottages-for-rent-complex.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        height: 114%;
        width: 100%;
    }*/

    .property-img-height{
        width: 270px;
        height:154px;
    }
    .property-slider-img-height{
        width: 270px;
        height:154px;
    }

    .fz-index-sec4-padding{
        padding-top: 10%;
    }


}
/*ipad*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
    .fz-padding-top-footer-nav10{
        padding-top: 0;
    }
    .fz-padding-footer-nav{
        padding-top: 0;    
    }
    .fz-padding-top-ipad230{
        padding-top: 230px;
    }

    .fz-padding-top-ipad230{
        padding-top: 300px;
    }

    svg{
        /*    background-color: #ccc;*/
        margin-bottom: 0;
        margin-top: -10%;
        padding-top: 0;

        /*    padding-top: 10%;*/
    }

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

    .fz-ipad-padding50{
        padding-top: 100px;
    }

    .fz-padding-top-5a {
        padding-top: 8%;
    }

    .fz-padding-top-nuwaraeliya5a{
        padding-top: 8%;
    }

    .fz-padding-top-buy5a{
        padding-top: 10%;
    }

    .fz-padding-top-ipad230{
        padding-top: 270px;
    }

    .fz-padding-top-ipad300{
        padding-top: 300px;
    }

    svg{
        /*    background-color: #ccc;*/
        margin-bottom: 0;
        margin-top: -10%;
        padding-top: 0;
        /*    padding-top: 10%;*/
    }

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {


    .fz-padding-top-footer-ipad {
        padding-top: 150px;
        padding-bottom: 130px;
    }

    .fz-padding-top-5a {
        padding-top: 10%;
    }

    .fz-padding-top-nuwaraeliya5a {
        padding-top: 10%;
    }


    .fz-padding-right-buy60a{
        padding-right: 60%;
    }

    .fz-navbar-padding{
        padding-left: 10px;
        padding-right: 10px;
    }

    .fz_button_buy_or_rent{
        position: relative; 
        width: 220px; 
        margin: -22% auto; 
        z-index: 999;
        margin-left: 0%;
    }

}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 


    .fz-margin-toph3-15{
        margin-top: 5px;
    }

    .fz-button_buy_or_rent_center{
        position: absolute; 
        width: 98%;  
        z-index: 999;
        margin-top: 32%;
    }


}

video#bgvid { 
    position:absolute;
    top: 50%;
    left: 50%;
    right: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;   
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);    
    background-size: cover; 
}

.fz-life-bg{
    background-image: url(../img/little-england-cottagest-nuweraeliya-location4.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    height: 100%;    
}

.home2{
    background-color: #ddd;
}


#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(119, 119, 119, 0.8);
    font-family: 'Trajan Pro';
    font-size: 12px;
}



#custom-bootstrap-menu.navbar-default {
    font-size: 14px;
    background-color: rgba(255, 255, 255, 0.7);
    border-bottom-width: 1px;
    background-image: none;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: rgba(119, 119, 119, 1);
    background-color: rgba(248, 248, 248, 0);
    font-family: 'Trajan Pro';
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(51, 51, 51, 1);
    background-color: rgba(248, 248, 248, 0);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(85, 85, 85, 1);
    background-color: rgba(255, 255, 255, 0.5);
    background-image: none;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #ffffff;
}

#custom-bootstrap-menu.navbar-fixed-top{
    top: 10px;
}

html, body {
    height:100%;

}

.home2-height-100-percent{            
    min-height: 100%;
}


.home2-height-120-percent{            
    min-height: 100%;
}

.home2-sec4-min-height{            
    min-height: 100%;
}


.nuwara-eliya-height-120-percent{            
    min-height: 100%;
}

.home2-logo-wrapper{
    position: absolute;            
    text-align: center;
    left: 0;
    right: 0;
}

.home2-ca-main-buttons{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
}


#home2-intro-carousel{
    background-color: #e7e3e3;
}

#home2-intro-carousel .item{
    min-height: 300px;
    background-color: #e7e3e3;
}

.home2-footer-whitebg{
    background-color: #fff;
}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    #custom-bootstrap-menu.navbar-fixed-top{
        top: 0;
    }

    #custom-bootstrap-menu.navbar-default .navbar-brand {           
        font-family: 'Trajan Pro';
        font-size: 12px;
    }

    .home2-logo-wrapper{           
        top: 15%;          
    }

    .home2-ca-main-buttons{
        min-height: 50px;
        bottom: 50px;
    }



    .home-keep-top-padding-100{
        padding-top: 20px;
    }

    .home2-height-120-percent{            
        min-height: 150%;
    }

    .home2-sec4-min-height{            
        min-height: 120%;
    }

    .nuwara-eliya-120-percent{            
        min-height: 120%;
    }

    .fz-pedrobarn-main-button{
        position: absolute;
        top: 80%;
        left: 15%;
        right: 15%;
        bottom: 15%;
    }


    svg{
        /*    background-color: #ccc;*/
        margin-bottom: 0;
        margin-top: 12%;
        padding-top: 0;
        /*    padding-top: 10%;*/
    }


    .fz-svg-chart{
        width: 100%; 
        height: 70%; 
        padding: 0; 
        margin: 0;
    }

    .fz-indication_buy_or_rent{
        position: absolute; 
        z-index: 999;
        bottom: 0%;
        right: 10%
    }

    .fz-index-sec4-padding{
        padding-top: 10%;
    }


}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {


    svg{
        /*    background-color: #ccc;*/
        margin-bottom: 0;
        margin-top: -10%;
        padding-top: 0;
        /*    padding-top: 10%;*/
    }

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    #custom-bootstrap-menu.navbar-fixed-top{
        top: 10px;
    }

    #custom-bootstrap-menu.navbar-default .navbar-nav>.active>a, #custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover, #custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus{
        padding-top: 19px;
    }

    #custom-bootstrap-menu.navbar-default .navbar-nav>li>a{
        padding-top: 19px;

    }

    #custom-bootstrap-menu.navbar-default .navbar-brand{
        font-size: 14px;
    }

    #custom-bootstrap-menu.navbar-default .navbar-nav>li{
        margin-left: 10px;

    }

    .home-keep-top-padding-100{
        padding-top: 100px;
    }

    .home2-height-120-percent{            
        min-height: 100%;
    }

    .home2-sec4-min-height{            
        min-height: 100%;
    }

    .nuwara-eliya-120-percent{            
        min-height: 100%;
    }

    .fz-pedrobarn-main-button{
        position: absolute;
        top: 80%;
        left: 15%;
        right: 15%;
        bottom: 15%;
    }

    svg{
        /*    background-color: #ccc;*/
        margin-bottom: 150px;
        margin-top: 0;
        /*        padding-top: 155px;*/
        top:155px !important;
        /*    padding-top: 10%;*/




    }
    .fz-svg-chart{
        width: 100%; 
        height: 55%; 
        padding-left: 110px; 
        margin: 0;
    }

    .fz-indication_buy_or_rent{
        position: absolute; 
        z-index: 999;
        bottom: 20%;
        right: 10%
    }


    .fz-index-sec4-padding{
        padding-top: 6%;
    }



}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

    #custom-bootstrap-menu.navbar-default .navbar-nav>.active>a, #custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover, #custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus{
        padding-top: 19px;
    }

    #custom-bootstrap-menu.navbar-default .navbar-nav>li>a{
        padding-top: 19px;

    }

    #custom-bootstrap-menu.navbar-default .navbar-brand{
        font-size: 16px;
    }

    #custom-bootstrap-menu.navbar-default .navbar-nav>li{
        margin-left: 24px;

    }

    .home-keep-top-padding-100{
        padding-top: 100px;
    }

    .home2-height-120-percent{            
        min-height: 100%;
    }

    .home2-sec4-min-height{            
        min-height: 100%;
    }
    .nuwara-eliya-120-percent{            
        min-height: 100%;
    }

    .fz-pedrobarn-main-button{
        position: absolute;
        top: 80%;
        left: 15%;
        right: 15%;
        bottom: 15%;
    }

    svg{
        /*    background-color: #ccc;*/
        margin-bottom: 150px;
        margin-top: 0;
        /*        padding-top: 155px;*/
        top:155px !important;
        /*    padding-top: 10%;*/   
    }
    .fz-svg-chart{
        width: 100%; 
        height: 55%; 
        padding-left: 20px;
        margin: 0;
    }

    .fz-indication_buy_or_rent{
        position: absolute; 
        z-index: 999;
        bottom: 20%;
        right: 15%
    }

    .fz-index-sec4-padding{
        padding-top: 6%;
    }

    /*  Background Images */
    .fz-pedrobarn-bg{
        background-image: url(../img/cottages-to-pedrobarn-bg.jpg);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        height: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
    }

    .fz-conten-bg{
        background-image: url(../img/cottages-for-rent-nuwera-eliya.jpg);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        height: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
    }

    .fz-conten-second-bg{
        background-image: url(../img/cottages-to-buy-nuwera-eliya.jpg);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        height: auto;    
    }

    .fz-home-conten-second-bg{
        background-image: url(../img/cottages-to-buy-nuwera-eliya-home.jpg);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        height: auto;    
    }

    /*Location*/

    .fz-location-background{
        background-image: url(../img/little-england-cottages-for-rent-nuweraeliya-location.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 100%;
        width: 100%;

    }

    .fz-location-bg{
        background-image: url(../img/little-england-cottagest-nuweraeliya-location2.jpg);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        height: 100%;    
    }

    .fz-the-developer-bg{
        background-image: url(../img/little-england-cottagest-nuweraeliya-location2.jpg);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        height: 100%;    
    }

    .fz-location3-bg{
        background-image: url(../img/little-england-cottagest-nuweraeliya-location3.jpg);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        height: 100%;    
    }

    .fz-complex-background{
        background-image: url(../img/little-england-cottages-for-rent-complex.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
        width: 100%;

    }

}

@media (min-width: 480px) and (orientation:landscape) {
    .col-xs-12 {
        width: 33%;
    }

    #home2-intro-carousel .item{
        min-height: 200px;
        background-color: #e7e3e3;
    }

}

@media (min-width: 480px) and (orientation:portrait) {
    .col-xs-12 {
        width: 33%;
    }
    .home-keep-top-padding-100{
        padding-top: 20px;
    }
    .fz-svg-chart{
        width: 100%; 
        height: 70%; 
        padding: 0; 
        margin: 0;
    }

    .fz-indication_buy_or_rent{
        position: absolute; 
        z-index: 999;
        bottom: 10%;
        right: 15%
    }

}

.home2-keep-top-margin-15{
    margin-top: 15px;
}

.home-keep-bottom-padding-15{
    padding-bottom: 15px;
}

.home-keep-top-padding-15{
    padding-top: 15px;
}

.home-keep-top-padding-30{
    padding-top: 30px;
}





/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}


.fz-lot-num-icon{
    position: absolute;
    margin-top: -20px;
    top:-20px; 
    right: 15px; 
    z-index: 1000; 
    background: #F1C40F; 
    width: 40px;
    height: 40px;
}

.fz-margin5{
    margin: 5px;
}


.fz-min-height75p{
    min-height: 70%;
}

.mouse-piont{
    cursor:pointer; 
}

.selected img:hover {
    opacity:0.5;

}

.fz-selected-padding{
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 5px;

}
.fz-item-min-heidht150{
    min-height: 150px
}

.fz-weather-widget{
    position: absolute; 
    right: 164px;
/*    left:12px;*/
    top: 100px; 
    z-index:100;
}


.fz-date_filer_position{
    left:0; 
    position: absolute; 
    top:72%; 
    z-index: 1000;
}

.fz_date_filer-wrap{
    background-color: #fff;
    background: rgba(255, 255, 255, 0.9);
    margin-top:15px;
    margin-bottom: 15px;   
    border-radius: 4px;
} 

.fz-date-filter-bar-position{
    z-index: 1000; 
    position: absolute; 
    left: 0; 
    padding: 0; 
    margin-top: -12px;
    width: 100%;
} 

.fz-gray-color-action-btn{
    display: block;
    cursor:pointer;
    text-decoration: none;
    font-style: normal;
    padding: 10px;
    border: 1px solid #fff;
    background: #a5a5a5;
    color: #000;
    font-family: 'Trajan Pro';
    text-align: center;
}

.fz-gray-color-action-btn span{
    display: block;
    border: 1px solid #fff;
    padding: 10px;
    padding-top: 18px;
}

.fz-gray-color-action-btn{
    display: block;
    text-decoration: none;
    font-style: normal;
    padding: 10px;
    border: 1px solid #fff;
    background: #a5a5a5;
    color: #000;
    font-family: 'Trajan Pro';
    text-align: center;
    margin-bottom: 5px;
}

.fz-gray-color-action-btn:active, .fz-gray-color-action-btn:focus{
    text-decoration: none;
    color:inherit;
}


.fz-gray-color-action-btn span{
    display: block;
    border: 1px solid #fff;
    padding: 10px;
    padding-top: 18px;
}

/*----------------------------------*/

.fz-gray-color-action-btn-sm{
    display: block;
    text-decoration: none;
    font-style: normal;
    padding: 10px;
    border: 1px solid #fff;
    background: #e8e8e6;
    color: #000;
    font-family: 'Trajan Pro';
    text-align: center;
}

.fz-gray-color-action-btn-sm span{
    display: block;
    border: 1px solid #fff;
    padding: 10px;
    padding-top: 12px;
}

.fz-gray-color-action-btn-sm{
    display: block;
    text-decoration: none;
    font-style: normal;
    padding: 10px;
    border: 1px solid #fff;
    background: #e8e8e6;
    color: #000;
    font-family: 'Trajan Pro';
    text-align: center;
    margin-bottom: 5px;
}

.fz-gray-color-action-btn-sm:active, .fz-gray-color-action-btn-sm:focus{
    text-decoration: none;
    color:inherit;
}


.fz-gray-color-action-btn-sm span{
    display: block;
    border: 1px solid #fff;
    padding: 10px;
    padding-top: 12px;
}
/*Green btn*/

.fz-green-color-action-btn{
    display: block;
    text-decoration: none;
    font-style: normal;
    padding: 10px;
    border: 1px solid #fff;
    background: #5ac45e;
    color: #000;
    font-family: 'Trajan Pro';
    text-align: center;
}

.fz-green-color-action-btn span{
    display: block;
    border: 1px solid #fff;
    padding: 10px;
    padding-top: 18px;
}

.fz-green-color-action-btn{
    display: block;
    text-decoration: none;
    font-style: normal;
    padding: 10px;
    border: 1px solid #fff;
    background: #5ac45e;
    color: #000;
    font-family: 'Trajan Pro';
    text-align: center;
    margin-bottom: 5px;
}

.fz-green-color-action-btn:active, .fz-green-color-action-btn:focus{
    text-decoration: none;
    color:inherit;
}


.fz-green-color-action-btn span{
    display: block;
    border: 1px solid #fff;
    padding: 10px;
    padding-top: 18px;
}

.list-inline>li.fz-padding-0{
    padding-right: 0;
    padding-left: 0;
}

.fz-icon-min-height{
    min-height: 30px;
}

.fz-bg-color-red{
    background-color: #fe0000;
}

.fz-bg-color-green{
    background-color: #58ad36;
}

@media(max-device-width : 736px) 
and (orientation : portrait) {

    .home2-logo-wrapper{           
        top: 10%;          
    }

    .home2-sec4-min-height{            
        min-height: 140%;
    }

    .home2-ca-main-buttons{
        min-height: 50px;
        bottom: 50px;
    }

    .fz-indication_buy_or_rent{
        position: absolute; 
        z-index: 999;
        bottom: -22%;
        right: 10%
    }

    svg{
        /*    background-color: #ccc;*/
        margin-bottom: 0;
        margin-top: 27%;
        padding-top: 0;
        /*    padding-top: 10%;*/
    }

    .fz-location-bg{
        background-image: url(../img/little-england-cottagest-nuweraeliya-location2-ip6_p.jpg);
        background-repeat: no-repeat;
        height: 100%; 
        background-size: cover;
    }

    .fz-the-developer-bg{
        background-image: url(../img/little-england-cottagest-nuweraeliya-location2-ip6_p.jpg);
        background-repeat: no-repeat;
        min-height: 135%; 
        background-size: cover;
    }


    /*  Background Images */
    .fz-pedrobarn-bg{
        background-image: url(../img/cottages-to-pedrobarn-bg-ip6_p.jpg);
        background-repeat: no-repeat;
        height: 100%;
        background-size: cover;
    }

    .fz-conten-bg{
        background-image: url(../img/cottages-for-rent-nuwera-eliya-ip6_p.jpg);
        background-repeat: no-repeat;
        height: 100%;
        background-size: cover;
    }

    .fz-conten-second-bg{
        background-image: url(../img/cottages-to-buy-nuwera-eliya-ip6_p.jpg);
        background-repeat: no-repeat;
        height: auto;
        background-size: cover;
    }

    .fz-home-conten-second-bg{
        background-image: url(../img/cottages-to-buy-nuwera-eliya-home-ip6_p.jpg);
        background-repeat: no-repeat;
        height: auto;
        background-size: cover;
    }

    /*Location*/

    .fz-location-background{
        background-image: url(../img/little-england-cottages-for-rent-nuweraeliya-location-ip6_p.jpg);
        background-repeat: no-repeat;
        min-height: 100%;
        width: 100%;
        background-size: cover;

    }

    .fz-location3-bg{
        background-image: url(../img/little-england-cottagest-nuweraeliya-location3-ip6_p.jpg);
        background-repeat: no-repeat;
        height: 100%;
        background-size: cover;
    }

    .fz-complex-background{
        background-image: url(../img/little-england-cottages-for-rent-complex-ip6_p.jpg);
        background-repeat: no-repeat;
        height: 100%;
        width: 100%;
        background-size: cover;

    }


}


@media(max-device-width : 736px) 
and (orientation : landscape) 
{
    
    
    .fz-location-bg{
        background-image: url(../img/little-england-cottagest-nuweraeliya-location2-ip6_l.jpg);
        background-repeat: no-repeat;
        height: 100%;
        background-size: cover;
    }

    .fz-the-developer-bg{
        background-image: url(../img/little-england-cottagest-nuweraeliya-location2-ip6_l.jpg);
        background-repeat: no-repeat;
        min-height: 135%;
        background-size: cover;
    }


    /*  Background Images */
    .fz-pedrobarn-bg{
        background-image: url(../img/cottages-to-pedrobarn-bg-ip6_l.jpg);
        background-repeat: no-repeat;
        height: 100%;
        background-size: cover;
    }

    .fz-conten-bg{
        background-image: url(../img/cottages-for-rent-nuwera-eliya-ip6_l.jpg);
        background-repeat: no-repeat;
        height: 100%;
        background-size: cover;
    }

    .fz-conten-second-bg{
        background-image: url(../img/cottages-to-buy-nuwera-eliya-ip6_l.jpg);
        background-repeat: no-repeat;
        height: auto;
        background-size: cover;
    }

    .fz-home-conten-second-bg{
        background-image: url(../img/cottages-to-buy-nuwera-eliya-home-ip6_l.jpg);
        background-repeat: no-repeat;
        height: auto;
        background-size: cover;
    }

    /*Location*/

    .fz-location-background{
        background-image: url(../img/little-england-cottages-for-rent-nuweraeliya-location-ip6_l.jpg);
        background-repeat: no-repeat;
        min-height: 100%;
        width: 100%;
        background-size: cover;

    }

    .fz-location3-bg{
        background-image: url(../img/little-england-cottagest-nuweraeliya-location3-ip6_l.jpg);
        background-repeat: no-repeat;
        height: 100%;
        background-size: cover;
    }

    .fz-complex-background{
        background-image: url(../img/little-england-cottages-for-rent-complex-ip6_l.jpg);
        background-repeat: no-repeat;
        height: 100%;
        width: 100%;
        background-size: cover;

    }
    
    .home2-logo{
        width:25%;
    }

    svg{
        /*    background-color: #ccc;*/
        margin-bottom: 150px;
        margin-top: 0;
        /*    padding-top: 155px;*/
        top:308px !important;
        /*    padding-top: 10%;*/

    }

    .fz-padding-top-buy5a{
        padding-top: 5px;;
    }
    
    .fz-indication_buy_or_rent {
        position: absolute;
        z-index: 999;
        bottom: -36%;
        right: 10%;
    }


    .fz-padding-top-iphone5 {
        padding-top: 70%;
    }

    
     .fz-location-background.nuwara-eliya-page{
        background-image: url(../img/little-england-cottages-for-rent-nuweraeliya-location-ip6_p.jpg);
        background-repeat: no-repeat;
        min-height: 200%;
        width: 100%;
        background-size: 100% 120%;
    } 
    
    
    .fz-img-slider {
        padding: 10% 0;
        height: 100%;
    }
    
    .about-us.fz-pedrobarn-main-button {
    position: absolute;
    top: 121%;
    left: 15%;
    right: 15%;
    bottom: 15%;
}

.home-sec5.home-keep-top-padding-100 {
    padding-top: 5px;
}

    
}


.iti-flag {background-image: url("../img/flags.png");}

span.homepage-pedrobarn-button{
    display: block; 
    border: 1px solid #fff; 
    padding: 0; 
    padding-top: 13px;

}

@font-face {
    font-family: 'weather';
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot');
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff') format('woff'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf') format('truetype'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight: normal;
    font-style: normal;
}


#weather {
  
  margin: 0px auto;
  text-align: center;
  text-transform: uppercase;
}

i {
  color: #fff;
  font-family: weather;
  font-size: 75px;
  font-weight: normal;
  font-style: normal;
  line-height: 1.0;
  text-transform: none;
}

.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }

#weather h2 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 50px;
  font-weight: 300;
  text-align: center;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}

#weather ul {
  margin: 0;
  padding: 0;
}

#weather li {
  background: #fff;
  background: rgba(255,255,255,0.90);
  padding: 20px;
  display: inline-block;
  border-radius: 5px;
}

#weather .currently {
  margin: 0 20px;
}



.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

.arrow_down {
    position: absolute;
    margin-top: -25px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    background-size: contain;
}

.fz-font-size30{
    font-size: 30px;
}

.fz-font-size40{
    font-size: 30px;
}