/* Note to Developers: Add New Styles or Override existing styles here */

@media screen and (max-width:767px) {
    .navbar-header {
        display: none;
    }
}

.navbar-brand > img {
    display: inline-block;
}

@media screen and (max-width:767px) {
    .search-input-group .input-group-btn {
        padding-top: 5px;
        padding-left: 5px;
        width: auto;
    }

    .search-input-group .input-group .btn.btn-search {
        font-size: 0px;
    }

    .search-input-group .input-group {
        display: inline-flex;
        width: 100%;
    }
}

.subpage .content {
    background-size: 100% 350px;
}

.search-input-group {
    padding-top: 6px;
    padding-bottom: 6px;
}

.margin-bottom-30  {
    margin-bottom: 30px;
}

#pageloading {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 100000;
    position: fixed;
    display: none;
}

#spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 100000;
    margin: -60px 0 0 -60px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Replace all .svg images with .png versions */

.navbar-default .navbar-nav > li.home a {
    background-image: url(../images/home.svg);
}

.navbar-default .navbar-nav > li.directory a {
    background-image: url(../images/directory.svg);
}

.navbar-default .navbar-nav > li.e-services a {
    background-image: url(../images/services.svg);
}

.navbar-default .navbar-nav > li.write-to-us a {
    background-image: url(../images/write.svg);
}

.navbar-default .navbar-nav > li.home.active a {
    background-image: url(../images/home-act.svg);
}

.navbar-default .navbar-nav > li.directory.active a {
    background-image: url(../images/directory-act.svg);
}

.navbar-default .navbar-nav > li.e-services.active a {
    background-image: url(../images/services-act.svg);
}

.navbar-default .navbar-nav > li.write-to-us.active a {
    background-image: url(../images/write-act.svg);
}

.navbar-default .navbar-nav > li.home a:hover, .navbar-default .navbar-nav > li.home a:focus {
    background-image: url(../images/home-act.svg);
}

.navbar-default .navbar-nav > li.directory a:hover, .navbar-default .navbar-nav > li.directory a:focus {
    background-image: url(../images/directory-act.svg);
}

.navbar-default .navbar-nav > li.e-services a:hover, .navbar-default .navbar-nav > li.e-services a:focus {
    background-image: url(../images/services-act.svg);
}

.navbar-default .navbar-nav > li.write-to-us a:hover, .navbar-default .navbar-nav > li.write-to-us a:focus {
    background-image: url(../images/write-act.svg);
}

.search-input-group .input-group .btn.btn-search, .btn-inline-center .btn-default {
    background-image: url(../images/search.svg);
}

.icon.phone {
    background-image: url(../images/phone.png);
}

.icon.web {
    background-image: url(../images/web.png);
}

.icon.mailto {
    background-image: url(../images/mail.png);
}

.icon.fax {
    background-image: url(../images/fax.png);
}

.details-top .icon.phone {
    background-image: url(../images/phone-white.png);
}

.details-top .icon.web {
    background-image: url(../images/web-white.png);
}

.details-top .icon.mailto {
    background-image: url(../images/mail-white.png);
}

.details-top .icon.fax {
    background-image: url(../images/fax-white.png);
}

/*.go-back {
    background-image: url(../images/back-icon.png);
}*/

.details-content .panel-default > .panel-heading a::after {
    background-image: url(../images/close.png);
}

.details-content .panel-default > .panel-heading a.collapsed::after {
    background-image: url(../images/plus.png);
}

.back-to-top {
    background-image: url(../images/back-icon-top.png);
}

@media screen and (max-width:767px) {
    .go-back {
        background-image: url(../images/back-icon-white.png);
        margin: 0px;
        font-weight: 600;
        font-size: 16px !important;
        padding: 30px 10px 11px 35px;
        background: rgba(0,0,0,0) url(../images/back-icon-white.png) no-repeat 10px center;
        background-size: 20px;
        position: fixed;
        z-index: 99999;
        width: 20px;
        left: 0;
        top: 0;
        text-align: center;
        display: block;
    }
    .title {
        z-index: 1;
    }



    .home-content .faq {
        padding-top: 50px;
    }
}

.navbar-default .navbar-nav > li.login a {
    background: url(../images/login-blue.png) no-repeat center 30px;
}

.navbar-default .navbar-nav > li.login.active a {
    background: url(../images/login-red.png) no-repeat center 30px;
}

.navbar-default .navbar-nav > li.login a:hover, .navbar-default .navbar-nav > li.login a:focus {
    background: url(../images/login-red.png) no-repeat center 30px;
}

#preloadimages {
    display: none;
}

/*media screen form footer*/
@media screen and (max-width: 767px) {
    .copyright, .terms-of-use {
        color: #ffffff;
        padding: 0px 15px 20px 15px;
    }

    .copyright {
        padding-top: 25px;
    }

    .terms-of-use {
        background: none;
        width: 100%;
    }

    .in-between {
        display: none;
    }

    .terms-of-use p, .terms-of-use a {
        color: #ffffff;
    }
}