#footer,body{
    font-size:1em
}
#uberheader,.overlay{
    top:0;
    width:100%;
    position:fixed
}
#footer,#uberheader,.overlay{
    position:fixed
}
#footer,.read-more_slidingup{
    bottom:0
}
#authors,.blocks-clear{
    clear:both
}
body{
    background-color:#fff!important;
    font-weight:300
}
.overlay{
    left:0;
    height:100%;
    z-index:10;
    background-color:rgba(0,0,0,.5);
    display:none
}
#homepage_search_form,.select{
    position:relative
}
#footer{
    height:auto!important
}
#content{
    font-size:.8em
}
#logo{
    width:160px;
    height:auto;
    margin-bottom:15px
}
#uberheader{
    z-index:100000000
}
.logged-in #uberheader{
    top:30px
}
#uberheader a{
    font-size:1em!important
}
#homepage_wrapper{
    border-top:30px solid #fff
}
.logged-in #homepage_wrapper{
    border-top:55px solid #fff
}
#homepage_wrapper #sidebar{
    width:288px;
    text-align:center;
    margin-right:288px;
    position:fixed;
    top:64px
}
.logged-in #homepage_wrapper #sidebar{
    top:87px
}
#authors{
    margin:0 auto 20px;
    width:58%;
    text-align:left
}
#authors img{
    padding:2px 5px 0 0
}
#alternate_search,#filter_title,#homepage_filters,#homepage_search_form{
    width:70%;
    margin:0 auto 20px
}
#filter_title{
    text-align:left;
    display:block;
    margin-bottom:0
}
#filter_clear{
    float:right;
    padding-right:6px;
    padding-top:3px;
    cursor:pointer;
    color:#989797;
    font-size:1.1em;
    -webkit-transition:color .5s ease;
    -moz-transition:color .5s ease;
    -o-transition:color .5s ease;
    transition:color .5s ease;
    display:none
}
#filter_clear:hover{
    color:#000
}
#alternate_search{
    margin-bottom:10px
}
#homepage_search_form i{
    position:absolute;
    top:11px;
    right:8px;
    font-size:1.2em;
    color:#989797
}
#homepage_search_form input,#months_form select,#sidebar select,.month_selector, .filter_and_search_wrapper.only_mobile select{
    display:block;
    width:100%;
    margin-top:11px;
    height:34px;
    background-color:#bce4f6;
    font-size:14px;
    border:1px solid #C9C8C8;
    cursor:pointer;
    -webkit-transition:background-color .5s ease;
    -moz-transition:background-color .5s ease;
    -o-transition:background-color .5s ease;
    transition:background-color .5s ease;
    border-radius:6px;
    margin-left:0;
    text-indent:.01px;
    text-overflow:'';
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    padding-left:6px;
    font-weight:300;
    background-image:url(assets/universal/img/icon-arrow-down.png);
    background-repeat:no-repeat;
    background-position:right center;
    padding-right:18px;
    background-size:19px 12px
}
.block-item-wrapper,.block-item-wrapper:hover{
    -webkit-transition-duration:.5s;
    -moz-transition-duration:.5s;
    -o-transition-duration:.5s;
    -webkit-perspective:1000
}
#homepage_search_form input{
    background-image:none;
    cursor:text;
    width:82.5%;
    padding:0 25px 0 8px
}
#sidebar select:hover, .filter_and_search_wrapper.only_mobile select:hover{
    background-color:#99d1eb
}
.select i{
    position:absolute;
    right:6px;
    top:11px;
    font-size:.8em;
    color:#888
}
select:-moz-focusring{
    color:transparent;
    text-shadow:0 0 0 #000
}
#alternate_search input,#alternate_search select,#holiday-sidebar .month_selector,#homepage_search_form input{
    background-color:#efefef
}
#homepage_search_form button{
    border:none;
    background-color:transparent
}
#alternate_search input:hover,#alternate_search select:hover,#homepage_search_form input:hover{
    background-color:#dedede
}
::-webkit-input-placeholder{
    color:#000
}
:-moz-placeholder{
    color:#000
}
::-moz-placeholder{
    color:#000
}
:-ms-input-placeholder{
    color:#000
}
::-ms-input-placeholder{
    color:#000
}
:placeholder-shown{
    color:#000
}
.grid{
    margin:0 0 0 290px;
    padding-bottom:50px;
    background:#F5F5F5;
    min-height:900px
}
.grid-item{
    float:left;
    width:179px;
    height:215px;
    margin:0 6px 12px
}
.grid-item:hover{
    position:absolute;
    z-index:100000001
}
.block-item-wrapper{
    height:215px;
    border:1px solid #c1c1c1;
    background:#fff;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    overflow:hidden;
    position:absolute;
    top:0;
    left:0
}
.block-item-wrapper:hover{
    -webkit-transform:scale(1.2);
    -webkit-box-shadow:0 10px 30px #333;
    -moz-transform:scale(1.2);
    -moz-box-shadow:0 10px 30px #333;
    -o-transform:scale(1.2);
    -o-box-shadow:0 10px 30px #333;
    cursor:pointer;
    z-index:9999999;
    height:335px
}
. .block-content{
    margin-top:0;
    display:block;
    -webkit-transition:margin-top .5s ease;
    -moz-transition:margin-top .5s ease;
    -o-transition:margin-top .5s ease;
    transition:margin-top .5s ease
}
.textcontent{
    margin-top:-17px;
    background:#fff;
    padding:10px;
    overflow:hidden
}
.textcontent .excerpt{
    font-size:.7em;
    line-height:1.4em;
    position:relative
}
.image_wrapper{
    height:170px;
    width:179px;
    overflow:hidden;
    display:block
}
.image_wrapper img{
    width:auto;
    height:190px
}
.read-more{
    position:absolute;
    top:25px;
    z-index:999999;
    left:0;
    width:100%;
    text-align:center;
    margin:0;
    padding:15px 0 0;
    max-height:70px
}
.read-more span.text-fade-to-white{
    width:100%;
    display:block;
    height:45px;
    background-image:-webkit-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,1));
    background-image:-moz-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,1));
    background-image:-ms-linear-gradient(bottom,rgba(255,255,255,0) 100%,rgba(255,255,255,1) 0);
    background-image:-o-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,1));
    background-image:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,1));
    border-bottom:4px solid #fff
}
.read-more-box{
    background:#fff;
    padding-bottom:10px
}
.read-more-box .text{
    border-radius:5px;
    background:#13A0DE;
    width:80%;
    padding:4px 0;
    display:block;
    margin:0 auto;
    color:#fff;
    font-size:12px
}
.read-more-box .text:hover{
    background:#076892
}
.slidingup{
    margin-top:-98px
}
.grid-item h2{
    text-align:left;
    font-weight:300;
    font-size:.9em;
    margin:19px 0 11px;
    letter-spacing:-.4px
}
.grid-item a{
    color:#646464;
    text-decoration:none;
    border:none
}
.grid{
    perspective:1300px
}
.grid .grid-item{
    transform-style:preserve-3d
}
.grid .grid-item.animate{
    transform:translateZ(400px) translateY(300px) rotateX(-90deg);
    animation:fallPerspective .8s ease-in-out forwards
}
@keyframes fallPerspective{
    100%{
        transform:translateZ(0) translateY(0) rotateX(0);
        opacity:1
    }
}
.ubermenu .ubermenu-item .ubermenu-submenu-drop{
    box-shadow:0 20px 70px rgba(0,0,0,.8)!important;
    border-bottom-left-radius:6px!important;
    border-bottom-right-radius:6px!important
}
.ubermenu-target:hover{
    text-decoration:underline
}
@keyframes loader{
    15%,95%{
        transform:translateX(0)
    }
    45%,65%{
        transform:translateX(230px)
    }
}
@keyframes loading-text{
    0%{
        content:"Loading"
    }
    25%{
        content:"Loading."
    }
    50%{
        content:"Loading.."
    }
    75%{
        content:"Loading..."
    }
}
#homepage_search_form{
    margin-bottom:10px
}
#recommended_info p{
    margin-bottom:15px
}
#page-content{
    margin-top:40px
}
.slide_up_footer{
    bottom:25px
}
@media only screen and (min-device-width :320px) and (max-device-width :667px){
    body{
        font-size:1em
    }
    #uberheader{
        position:absolute;
        top:0
    }
    #uberheader .ubermenu-responsive-toggle-main{
        font-size:.7em!important
    }
    #homepage_wrapper,#wrapper{
        width:100%;
        overflow:hidden
    }
    #homepage_wrapper #sidebar{
        width:100%;
        text-align:center;
        margin:0;
        position:relative;
        padding:0;
        top:10px;
        clear:both;
        float:none
    }
    #authors{
        margin:0 20px 20px;
        width:270px
    }
    .grid{
        margin:30px 0 1%;
        width:100%;
        background:0 0
    }
    .grid-item,.image_wrapper{
        width:147px
    }
    .image_wrapper{
        height:140px
    }
    .block-item-wrapper,.grid-item{
        height:174px
    }
    .block-item-wrapper:hover{
        -webkit-transform:scale(1.1);
        -webkit-box-shadow:0 10px 30px #333;
        -moz-transform:scale(1.1);
        -moz-box-shadow:0 10px 30px #333;
        -o-transform:scale(1.1);
        -o-box-shadow:0 10px 30px #333;
        -webkit-transition-duration:.5s;
        -moz-transition-duration:.5s;
        -o-transition-duration:.5s;
        -webkit-perspective:1000;
        height:300px
    }
    #recommended_info,.filter_and_search_wrapper{
        display:none
    }
    #filter_title{
        width:78%;
        padding-bottom:0;
        padding-left:4px
    }
    #filter_title span{
        display:inline-block;
        padding-right:25px;
        background-image:url(assets/universal/img/icon-arrow-down.png);
        background-repeat:no-repeat;
        background-position:right center;
        background-size:19px 12px
    }
    #filter_title span.up{
        background-image:url(assets/universal/img/icon-arrow-up.png)
    }
    #homepage_search_form input{
        width:89.5%
    }
    .grid-item h2{
        margin:13px 0 11px;
        font-size:.8em
    }
    .logged-in #uberheader{
        top:0
    }
    .logged-in #homepage_wrapper{
        border:none
    }
    .logged-in #homepage_wrapper #sidebar{
        top:15px
    }
    .textcontent .excerpt{
        font-size:.6em;
        line-height:1.4em
    }
    .textcontent{
        padding:10px 7px
    }
}
@media only screen and (min-device-width :375px) and (max-device-width :414px){
    .grid-item,.image_wrapper{
        width:160px
    }
    .image_wrapper{
        height:165px
    }
    .block-item-wrapper,.grid-item{
        height:205px;
        font-size:1.1em
    }
    .block-item-wrapper:hover{
        height:325px
    }
    #authors{
        margin:0 20px 40px 80px;
        width:280px
    }
    .grid-item h2{
        margin:17px 0 11px
    }
    #homepage_search_form input{
        width:88%
    }
    #uberheader .ubermenu-responsive-toggle-main{
        font-size:.8em!important
    }
    #uberheader a{
        font-size:1em!important
    }
}
 .homepage_text_box{
     margin: 0 0 0 290px;
     padding: 20px 20px 50px 20px;
     display: block;
     background: #F5F5F5;
}
 .homepage_text_box .inner_box{
     border: 1px solid #14A0DD;
     border-radius: 5px;
     padding: 20px;
}
 .homepage_text_box p{
     margin: 15px 0;
}
 .homepage_text_box h1, .homepage_text_box, h2{
     margin-bottom: 20px;
}
 .circle{
     border-radius: 100%;
}
 @media only screen and (max-device-width :667px){
     .homepage_text_box{
         margin-left: 0;
    }
}