.search-holder{
        width: 90%;
        max-width: 650px;
        margin: 0 auto;
        padding-top: 13%;
        text-align: center;
}

#search-input{
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        padding: 10px;
        height: 42px;
        font-size: 20px;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-position: 5px;
        background-size: 25px;
}

#search-btn{
        padding: 10px;
        min-width: 50px;
        height: 42px;
        -webkit-border-bottom-right-radius: 2px;
        -moz-border-radius-topright: 2px;
        border-top-right-radius: 2px;
        -webkit-border-top-right-radius: 2px;
        -moz-border-radius-bottomright: 2px;
        border-bottom-right-radius: 2px;
}

#search-input:active{
        border: 1px solid #1A56BD;
}

html,
body {
        height: 100%;
}
#wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        margin: 0 auto -30px;
}

#push{
     height: 30px;
}
#footer {
        height:auto;
        background: none !important;
        background-color: #eee !important;
}

#footer p{
        margin-bottom: 0;
        margin-top: 5px;
}

@media (max-width: 767px) {

}

#footer-top{
        height: 25px;
}

#footer-top img{
        width: 130px;
}

#footer-bottom{
        background: #eee;
        height: 30px;
        padding-top: 8px;
        font-size: 11px;
}

.row {
        margin-left: 0px;
        margin-right: 0px;
}

#hp-under{
        margin-top: 40px;
        color: #707070
}

#nav-bar{
margin-top: 10px;
}

#nav-bar a.navbar-brand{
padding: 5px 15px 0px !important;
}

#nav-bar a.navbar-brand:hover{
background: none;
border: none;
padding: 5px 15px 2px !important;
margin: 1px 2px 0 1px;
}

#home-logo{
        margin-bottom: 40px;
}

a.navbar-brand img{
width: 150px;
margin-top: 5px;
}

.theme-wrap{
width: 90%;
margin: 0 auto;
}

.theme-list{
margin-left: 15px
}

.theme-list h1{
        font-size: 30px;
        margin-bottom: 25px;
        margin-left: 15px;
}

.sidebar .panel{
        background: #EBF9FF;
        border: 1px solid #C7E3F0;
        margin-top: 25px;
}

.sidebar .panel-body{
        border-bottom: 1px solid #C7E3F0;
        padding: 10px;
}


.sidebar .nav>li>a:hover{
        background: #C7E3F0;
        padding: 10px;
}

.sidebar .nav>li:last-child{
        margin-bottom: 10px;
}

.sidebar .nav>li>a {
        padding: 5px 10px;
}

.sidebar .nav>li>a:hover {
        padding: 5px 10px;
}

#extension-box{
        border-radius: 2px;
        border: 1px solid #D1D1D1;
        width: 280px;
        line-height: 1em;
        text-align: left;
        margin: 0 auto;
        margin-top: 15%;
        cursor: pointer;
}
#extension-box p{
        font-size: 13.5px;
        display: block;
        color: #878787;
        font-weight: 200;
        margin: 10px;
        margin-top: 16px;
}
#extension-box img{
        width: 45px;
        float: left;
        margin: 10px;
}

#extension_modal .modal-dialog{
        padding-top: 10%;
        width: 480px;
}
#extension_modal .modal-header{ border: none; padding: 5px 10px;}
#extension_modal h4 {text-align: center;margin-bottom: 10px;}
#extension_modal .modal-content{ border-radius: 3px; box-shadow: none; -webkit-box-shadow: none; }
#extension_modal .modal-body p{color: #707070}
#extension_modal .modal-content button{margin: 0 auto;display:block;}
.modal-backdrop.in{ opacity: 0.6; }

@media (max-width: 660px) {
        #color-icon{
                display:none;
        }
        #search-wrap{
                width:100% !important;
        }
        
        #footer {
               font-size: 13px;
        }
}