/*
Theme Name: evalybd
Author Name: Nextpage Team
*/
/*============Preloader============*/
/*PRELOADING------------ */
body, html {
    height: 100%;
    width:100%;
    margin:0;
    padding:0;
    position:relative;
}
.text-white{
    color: #fff;
}
/*PRELOADING------------ */
#overlayer {
    width:100%;
    height:100%;
    position:absolute;
    z-index:1;
    /*background: #032c3e;*/
}
.loader {
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    z-index:3;
    border: 4px solid #Fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: loader 2s infinite ease;
}

.loader-inner {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    animation: loader-inner 2s infinite ease-in;
}

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

    25% {
        transform: rotate(180deg);
    }

    50% {
        transform: rotate(180deg);
    }

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

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

@keyframes loader-inner {
    0% {
        height: 0%;
    }

    25% {
        height: 0%;
    }

    50% {
        height: 100%;
    }

    75% {
        height: 100%;
    }

    100% {
        height: 0%;
    }
}

/*==========================================================*/
/*---------------Topbar Section-------------*/
.topbar-section{
    padding:10px;
    background: #021f2b;
}
.topaddressbar ul li{
    float: left;
}
.topaddressbar ul li a {
    color: #fff;
    font-size: 15px;
    padding: 0px 5px;
}
.topaddressbar ul li a i.fa {
    height: 25px;
    width: 25px;
    background: #222;
    text-align: center;
    line-height: 25px;
    border-radius: 25px;
}
.topsocialaddress ul{
    float: right;
}
.topsocialaddress ul li{
    float: left;

}
.topsocialaddress ul li a{
    height: 30px;
    width: 30px;
    display: block;
    color: #fff;
    background: #222;
    margin-left: 5px;
    line-height: 30px;
    border-radius: 25px;
    text-align: center;
}
.topsocialaddress ul li a:hover{
    box-shadow: 0px 0px 10px;
}
/*---------------------------------------*/
.main-navbar{
    border-radius: 0px;
    margin-bottom: 0px;
    background: rgb(3, 44, 62);
}
.main-navbar .navbar-brand {
    padding: 5px 15px;
}
.main-navbar .navbar-brand img{
    height: 50px;
}
.main-navbar .navbar-nav > li > a {
    padding: 20px 22px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}
.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: block;
    transform: scale(0);
    transition: ease-out 0.3s;
}
.dropdown:hover .dropdown-menu {
    transform: scale(1);
}
.main-navbar .navbar-nav .dropdown-menu > li > a {
    display: block;
    padding: 10px 16px;
    font-size: 14px;
    clear: both;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 1.42857143;
    color: #ffffff;
    white-space: nowrap;
}
.main-navbar .navbar-nav .dropdown-menu > li > a:hover {
    background:#fff;
    color: #222;
}
.dropdown-menu1
{
    background: rgb(3, 44, 62);
    border:none;
    display: block;
    transform: scale(1)!important;
    height: 0px;
    overflow: hidden;
    padding: 0px;
    top: 180px;
    transition: all .3s;
}
.dropdown:hover .dropdown-menu1
{
    display: block;
    top: 100%;
    height: inherit;
}
/*==========================================*/
.carousel,
.item,
.active {
    height: 90%;
}

.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
    background: #000;
}
.carousel-caption {
    top: 55%;
    transform: translateY(-50%);
    padding-bottom: 0px;
}
.carousel-caption h2{
    color: #fff;
}
.carousel-caption h2{font-size: 60px;}
.carousel-caption p{padding:10px}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    opacity:0.9;
}




/**
 * Button
 */
.btn-transparent {
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
}
.btn-transparent:hover {
    background-color: #fff;
}

.btn-rounded {
    border-radius: 70px;
}

.btn-large {
    padding: 11px 45px;
    font-size: 18px;
}

/**
 * Change animation duration
 */
.animated {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
/*==================================*/
.services-us-section{
    padding: 100px 0px;
    background-image: url(../../assets/images/cy-sketch.jpg);
    background-size: calc(100% + 50px);
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.services-section-title{
    text-align: center;
    position: relative;
    margin-bottom: 70px;
}
.services-section-title h3{
    font-size: 35px;
    text-transform: uppercase;

}
.services-section-title:after {
    position: absolute;
    content: "";
    height: 5px;
    width: 350px;
    background: #222;
    bottom: -23px;
    transform: translate(-50%);
}
.services-section-title:before {
    position: absolute;
    content: "";
    height: 30px;
    width: 30px;
    background: #222;
    bottom: -46px;
    transform: rotate(45deg) translate(-50%);
}
/*--------------service-content-box------------------*/
.service-content-box {
    position: relative;
    box-shadow: 0px 7px 10px -7px;
    transition: all .3s ease-in-out;
    cursor: pointer;
    margin-bottom: 20px;
}
.service-content-box .service-box {
    transition: all .3s ease-in-out;
    padding: 10px;
    background: #fff;
}
.service-content-box .images-box{
    overflow: hidden;
    transition: all .3s ease-in-out;
}
.service-content-box .service-box .service-title{

    line-height: 25px;
}
.service-content-box .service-box .service-title a{
    font-size: 20px;
    line-height: 25px;
}
.service-content-box:hover.service-content-box .images-box img{
    transform: scale(1.2) rotate(5deg);
    transition: all .3s ease-in-out;
}
.service-content-box:hover.service-content-box .service-box{
    background: #032c3e;
    transition: all .3s ease-in-out;
    color: #fff;
}
.service-content-box:hover.service-content-box .service-box a{
    color: #fff;
}
/*---------------ourmissin-vissiomourmissin-vissiom--------------------------*/
.ourmissin-vissiom{
    padding: 100px 0px;
    background-image: url(../images/bg1.png) !important;
    background-color: #044765;
    background-repeat: repeat;
    background-size: 100px !important;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}
.our-mission-title{
    position: relative;
    margin-bottom: 30px;
    font-size: 25px;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 15px;

}
.our-mission-title:after{
    position: absolute;
    content: "";
    height: 5px;
    width: 350px;
    background: #fff;
    bottom: 0px;
    left: 0px;
}
.our-mission-title:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    background: #fff;
    bottom: 0px;
    left: 0px;
    transform: rotate(45deg);
    top: 45px;
}

.our-mission{
    position: relative;
}
.our-mission p{
    margin-bottom: 10px;
    color: #fff;
    text-align: left;
}

/*-------------*/
.our-vission{
    position: relative;
}
.our-vission p{
    margin-bottom: 10px;
    color: #fff;
    text-align: right;
}
.our-vission-title{
    position: relative;
    margin-bottom: 30px;
    font-size: 25px;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 15px;

}
.our-vission-title:after{
    position: absolute;
    content: "";
    height: 5px;
    width: 350px;
    background: #fff;
    bottom: 0px;
    right: 0px;
}
.our-vission-title:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    background: #fff;
    bottom: 0px;
    right: 0px;
    transform: rotate(45deg);
    top: 45px;
}
/*===============ourproductstatics=====================*/
.ourproductstatics{
    padding: 100px 0px;
    background: #fff;
}
.counter-box h2 {
    color: #fff;
    font-size: 22px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;


}
.counter-box .counter{
    border: 20px solid #01283a;
    text-align: center;
    color: #fff;
    height: 150px;
    width: 150px;
    border-radius: 50%;
    line-height: 100px;
    background: #23353e;
    font-size: 50px;
    margin: 0 auto;
    box-shadow: 0px 0px 10px;
    font-weight: bold;
}
/*------------------ourclientlistourclientlist---------------*/
.ourclientlist{
    padding: 100px 0px;
    background-image: url(../../assets/images/cy-sketch.jpg);
    background-size: calc(100% + 50px);
    background-attachment: fixed;
    background-repeat: no-repeat;
    overflow: hidden;

}
.our-satisfife-box{
    position: relative;

}
.our-satisfife-box h3{
    position: relative;
    font-size: 25px;
    color: #032c3e;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 15px;
}
.our-satisfife-box h3:after{
    position: absolute;
    content: "";
    height: 5px;
    width: 200px;
    background: #222;
    bottom: 0px;
    left: 0px;
}
.our-satisfife-box h3:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    background: #222;
    bottom: 0px;
    left: 0px;
    transform: rotate(45deg);
    top: 38px;
}
/*-----------------------------*/
.clients-logo-bos{
    margin-bottom: 20px;
   /*-- border: 1px solid #ededed;----*/
    padding: 10px;
    background: #fff;
    border-radius: 10px;
}
.clients-logo-bos img {
    height: 95px;
    width: 100%;
}
/*======================================*/
.big-footer{
    border-top: 2px solid #054866;
    padding: 100px 0px;
    background-image: url(../../frontend/images/footer-bg.jpg);
    /* background-size: calc(100% + 50px); */
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}
.fotter-content-box{
    position: relative;
}
.fotter-content-box .foter-title{
    color: #fff;
    font-size: 22px;
    position: relative;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.fotter-content-box .foter-title:before{
    position: absolute;
    content: '';
    height: 2px;
    width: 100px;
    background: #fff;
    bottom: 0px;
    left: 0px;
}
.fotter-content-box .foter-title:after {
    position: absolute;
    content: '';
    height: 10px;
    width: 10px;
    background: #fff;
    bottom: -4px;
    left: 0px;
    transform: rotate(45deg);
}
.fotter-content-box p{
    color: #fff;
    margin-top: 20px;
}

.fotter-content-box .social li{
    float: left;

}
.fotter-content-box .social{
    margin-top: 15px;
}
.fotter-content-box .social li a{
    height: 30px;
    width: 30px;
    display: block;
    color: #fff;
    background: #032c3e;
    margin-left: 10px;
    line-height: 30px;
    border-radius: 25px;
    text-align: center;
}
.fotter-content-box .social li a{
    box-shadow: 0px 0px 10px;
}
.fotter-content-box .importantlink{
    margin-top: 15px;
}
.fotter-content-box .importantlink li {
    padding: 5px 0px;
}
.fotter-content-box .importantlink li a{
    color: #fff;
    font-size: 15px;
}
.fotter-content-box .importantlink li a:hover{
    text-shadow: 0px 0px 10px;
}
.fotter-content-box .importantlink li a i.fa {
    font-size: 10px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px;
    background: #222;
    border-radius: 50%;
}
.footet-form{
    margin-top: 20px;
}
.footet-form .input-group input{
    border-radius: 0px;
    height: 40px;
    background: #032c3e;
    color: #fff;
    border: 2px solid #034461;
}
.footet-form .input-group input::placeholder {
    color: #fff;
}
.footet-form .input-group-addon{
    background: #032c3e;
    font-weight: bold;
    color: #fff;
    border: 2px solid #032c3e;
}
.stcky-footer{
    padding: 20px 0px;
    background: #032c3e;
}
.copyright-text{
    color: #fff;
}
/*-------------------------------*/
.social-icons-ql{
    float: right;
}
.social-icons-ql li{
    list-style:none;
    float:left;
    width:30px;
    height:30px;
    line-height:30px;
    background:#000;
    text-align:center;
    margin:0px 5px;
    border-radius: 50%;

}

.social-icons-ql li:nth-child(1){
    background:#34558E;
}

.social-icons-ql li:nth-child(2) {
    background:#25B8E6;
}

.social-icons-ql li:nth-child(3) {
    background:rgba(0, 122, 181, 1);
}
.social-icons-ql li:nth-child(4) {
    background:#DC4A38;
}
.social-icons-ql li:nth-child(5) {
    background:#CC2028;
}
.social-icons-ql li i{
    color:#fff;
    font-size:15px;
}
/*========================================================*/
/*=
    Who we are page design css start
=*/
/*--------------------------------------------------------------*/
.common-page-breadcumb{

    padding: 70px 0px;
    background-size: calc(100% + 50px);
    background-attachment: fixed;
}
.pagetitle-and-breadcumb h3{
    font-size: 40px;
    text-transform: uppercase;
    color: #032c3e;
    -webkit-text-fill-color: white; /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #032c3e;
}
/* Style the list */
ul.breadcrumb {
    padding: 12px 0px;
    list-style: none;
    background: none;
    margin-bottom: 0px;
}

/* Display list items side by side */
ul.breadcrumb li {
    display: inline;
    font-size: 18px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
    color: #222;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
    color: #01447e;
    text-decoration: none;
}
/*---------------------------------*/
.who-we-content-section{
    padding: 80px 0px;
    background-image: url(../images/bg1.png) !important;
    background-color: #044765;
    background-repeat: repeat;
    background-size: 100px !important;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    background-attachment: fixed;
}
.who-we-are-content{
    padding: 15px;
    background: #032c3e;
    margin-bottom: 40px;
}
.who-we-are-content h3{
    color: #fff;
    font-size: 18px;
}
.who-we-are-content p{
    color: #999;
    margin-top: 10px;
    font-size: 14px;
}
/*---------------------------------*/
.main-timeline{
    padding: 50px 0 0;
    position: relative;
}
.main-timeline:before{
    content: '';
    background-color: #fff;
    height: 100%;
    width: 60%;
    box-shadow: 0 0 10px #333;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: 10px;
}
.main-timeline .timeline{
    margin: -42px 0 0 0;
    position: relative;
    z-index: 1;
}
.main-timeline .timeline:before{
    content: '';
    border: 20px solid #FF9B00;
    height: 90%;
    width: 50%;
    border-radius: 100px;
    position: absolute;
    left: 12%;
    top: 22px;
    z-index: -1;
}
.main-timeline .timeline-content{
    background-color: #222;
    text-align: center;
    width: 60%;
    padding: 10px 15px 60px;
    margin: 0 auto;
    display: block;
}
.main-timeline .timeline-content:hover{ text-decoration: none; }
.main-timeline .timeline-year{
    /*color: #FF9B00;*/
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 10px;
}
.main-timeline .title{
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
}
.main-timeline .title:after{
    content: '';
    background-color: #FF9B00;
    height: 3px;
    width: 60px;
    margin: 12px auto;
    display: block;
}
.main-timeline .description{
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
}
.main-timeline .timeline:nth-child(even):before{
    left: auto;
    right: 12%;
}
.main-timeline .timeline:nth-child(4n+2):before{ border-color: #FF503B; }
.main-timeline .timeline:nth-child(4n+2) .timeline-year{ color: #FF503B; }
.main-timeline .timeline:nth-child(4n+2) .title:after{ background-color: #FF503B; }
.main-timeline .timeline:nth-child(4n+3):before{ border-color: #009CE6; }
.main-timeline .timeline:nth-child(4n+3) .timeline-year{ color: #009CE6; }
.main-timeline .timeline:nth-child(4n+3) .title:after{ background-color: #009CE6; }
.main-timeline .timeline:nth-child(4n+4):before{ border-color: #B160BD; }
.main-timeline .timeline:nth-child(4n+4) .timeline-year{ color: #B160BD; }
.main-timeline .timeline:nth-child(4n+4) .title:after{ background-color: #B160BD; }

/*===========================================================*/
.faund-pas-section{
    padding: 80px 0px;
    background-image: url(../images/bg1.png) !important;
    background-color: #044765;
    background-repeat: repeat;
    background-size: 100px !important;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    background-attachment: fixed;
}
.faundation-of-passion{
    padding: 15px;
    background: #032c3e;
}
.passion-cont-pra p{
    color: #999;
    font-size: 14px;
    margin-bottom: 10px;
}
/*-----------------------------*/
.management-box{
    background: #094b68;
    padding: 15px;
    margin-bottom: 20px;
}
.user-profile-content-box h3{
    color: #fff;
    font-size: 20px;
}
.user-profile-content-box p{
    color: #fff;
    font-weight: bold;
}
.user-profile-content-box .social-icons-ql{
    margin-top: 10px;
}
.pad-lr{
    padding-left: 0px;
    padding-right: 0px;
}
.director-massage{
    padding: 15px;
}
.director-massage h3{
    color: #999;
    font-size: 22px;
}
.director-massage p{
    margin-bottom: 10px;
    color: #999;
}
/*=======================================================*/

.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.filter-button {
    font-size: 15px;
    border: 1px solid #384449;
    border-radius: 0px;
    background: #222;
    text-align: center;
    color: #fff;
}
.filter-button:hover {
    font-size: 15px;
    border: 1px solid #ffffff;
    border-radius: 0px;
    text-align: center;
    color: #ffffff;
    background-color: #384449;
}
.btn-default:active .filter-button:active
{
    background-color: #384449;
    color: white;
}
.filter-button:focus {
    color: #fff;
    background-color: #384449;
    border: 1px solid #ffffff;
    box-shadow: none;
}


.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
}
/*====================================*/
.project-button-box{
    background: #384449;
    padding: 10px;
    margin-bottom: 30px;
}
.project-button-box h3 {
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    line-height: 30px;
    margin-bottom: 10px;
}
.hoverable-box{
    transition: all .3s ease-in-out;
    opacity: 0;
    position: absolute;
    height: 0%;
    width: 0%;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(255,255,255,.5);
}
.project-box-content:hover .hoverable-box{
    opacity: 1;
    height: 100%;
    width: 100%;
    transition: all .3s ease-in-out;
}
.hoverable-box a{
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    display: block;
    height: 50px;
    width: 50px;
    background: #222;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}
.project-box-content{
    cursor: pointer;
    position: relative;
    padding: 15px;
    background: #222;
}
.project-box-content h3 {
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    margin-top: 10px;
    text-align: center;
}
/*====================================================*/

@media (max-width: 1199px) {
    .modal-fullscreen-md-down {
        padding: 0 !important;
    }
    .modal-fullscreen-md-down .modal-dialog {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }
    .modal-fullscreen-md-down .modal-content {
        height: auto;
        min-height: 100%;
        border: 0 none;
        border-radius: 0;
    }
}
.modal-fullscreen {
    padding: 0 !important;
}
.modal-fullscreen .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.modal-fullscreen .modal-content {
    height: auto;
    min-height: 100%;
    border: 0 none;
    background: rgba(0,0,0,0.8);
    border-radius: 0;
}
.project-modal-header{
    background:#fff;
    border-bottom: 0px;
}
.project-modal-header .modal-title{
    color: #222;
}
.project-modal-header .close {
    background: #222;
    opacity: 1;
    color: #fff;
    height: 40px;
    width: 40px;
}
.project-details-box {
    padding: 15px;
    background: #384449;
    height: 85vh;
}
.pro-slide-img img{
    width: 100%;
    height: 90vh;
}
.project-details-box .nav-tabs li a {
    border-radius: 0px;
    background: #222;
    color: #fff;
    padding: 7px 25px;
    border: 0px;
}
.project-details-box .nav-tabs{
    border: 0px;
}
.project-details-box .nav-tabs > li.active > a, .project-details-box .nav-tabs > li.active > a:hover, .project-details-box .nav-tabs > li.active > a:focus {
    color: #ffffff;
    cursor: default;
    background-color: #000;
    border: 0px;
    border-bottom-color: transparent;
}
.project-details-box .tab-content{
    padding-top: 20px;
    color: #ccc;
}
.project-details-box .tab-content .table > thead > tr > th, .project-details-box .tab-content .table > tbody > tr > th, .table > tfoot > tr > th, .project-details-box .tab-content .table > thead > tr > td, .project-details-box .tab-content .table > tbody > tr > td, .project-details-box .tab-content .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top:0px;
}
.table-colon{
    float: right;
}
.special-feature h4{
    color: #ccc;
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 10px;
}
.special-feature p{
    color: #ccc;
    margin-bottom: 20px;
}
/*------------------------------*/
.our-contact-content-box{
    background: #384449;
}
.contact-information{
    padding: 15px;

}
.contact-information h3{
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 30px;
}
.contact-information ul li {
    color: #fff;
    padding: 10px 0px;
    font-size: 15px;
}
.contact-information ul li i.fa {
    height: 30px;
    width: 30px;
    line-height: 30px;
    background: #222;
    text-align: center;
    margin-right: 15px;
    border-radius: 50%;
    box-shadow: 0px 0px 10px;
}
.contact-form-info label{
    color: #fff;
}
.contact-form-info .form-control{
    background: none;
    border-radius: 4px;
    color: #999;
}
.contact-form-info .form-control:focus{
    border: 1px solid #fff;
    box-shadow: none;
}
.contact-form-info button {
    background: #222;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 8px 25px;
    border: 0px;
}
.contact-form-info button:hover {
    background: #222;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 8px 25px;
}
.contact-form-info .btn-default:active {
    color: #fbfbfb;
    background-color: #384449;
    background-image: none;
    border: 1px solid #fdfdfd;
}
/*----------------------*/
.property-page-header{
    padding: 100px 0px;

    background-attachment: fixed;
    background-size: cover;
    animation: animName 5s infinite;
    transition: all ease-in;

}
@keyframes animName {
    0% {
        background-image: url(../../assets/images/property-1.jpg);
    }
    30% {
        background-image: url(../../assets/images/property-2.jpg);
    }
    100% {
        background-image: url(../../assets/images/property-3.jpg);
    }
}
/*----------property-search-box-here----------*/
.property-search-box-here{
    background: #384449;
    padding: 15px;
}
.pad-30{
    padding: 30px 0px;
}
.property-search-box-here .form-group{
    background: #222;
    padding: 10px;
    margin-bottom: 0px;
}
.property-search-box-here .form-group .control-label{
    color: #fff;
}
.property-search-box-here .form-group .bootstrap-select{
    width: 100%!important;
}
.property-search-box-here .form-group .bootstrap-select .btn-default{
    background: #384449;
    color: #fff;
    border-radius: 0px;
    border: 0px;
}
.property-search-box-here .form-group .bootstrap-select .dropdown-menu{
    border-radius: 0px;
    border: 0px;
}
.property-search-box-here .form-group .bootstrap-select .dropdown-menu .form-control{
    border-radius: 0px;
}
.property-search-box-here .form-group .bootstrap-select .dropdown-menu > .active > a, .property-search-box-here .form-group .bootstrap-select .dropdown-menu > .active > a:hover, .property-search-box-here .form-group .bootstrap-select .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #384449;
    outline: 0;
}
.property-search-box-here .form-group .bootstrap-select .dropdown-menu a{
    padding: 10px 20px;
    font-size: 14px;
    border-top: 1px solid #ddd;
}
/*----------------------------*/
.property-conent-box{
    background: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    cursor: pointer;
    transition: all .3s ease-in-out;
}
.example-image{
    margin-bottom: 20px;
    box-shadow: 2px 2px 5px #a09f9fdd;
}


.overlay-details {
    position: absolute;
    bottom: -182px;
    /* padding: 10px; */
    width: 100%;
    height: 100%;
    background: rgba(255,255,255, .5);
    padding: 10px;
    transition: all .3s ease-in-out;
}
.property-conent-box:hover .overlay-details{
    bottom: -90px;
    transition: all .3s ease-in-out;
    background: rgba(255,255,255, .7);
}
.overlay-details .price-tag {
    background: #222;
    color: #fff;
    padding: 6px 15px;
    font-weight: bold;
}
.overlay-details .property-title{
    line-height: 25px;
}
.overlay-details p{
    margin-bottom: 20px;
}
.overlay-details .property-title a {
    font-size: 20px;
}
.property-details{
    background: #222;
}
.property-details .table{
    margin-bottom: 0px;
}
.property-details .table tbody tr th, .property-details .table tbody tr td{
    color: #fff;
    text-align: center;
}
.custom-pagination{
    margin:0px;
}
.custom-pagination > .active > a, .custom-pagination.pagination > .active > span, .custom-pagination.pagination > .active > a:hover, .custom-pagination.pagination > .active > span:hover, .custom-pagination.pagination > .active > a:focus, .custom-pagination.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #222222;
    border-color: #222222;
}
.custom-pagination.pagination > li:first-child > a, .custom-pagination.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.custom-pagination.pagination > li:last-child > a, .custom-pagination.pagination > li:last-child > span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.custom-pagination.pagination > li > a{
    font-size: 15px;
    color: #222;
}
/*------------*/
.property-details-page {
    background: #ffff;
    padding: 15px;
    box-shadow: 0px 0px 10px -7px;
}
.property-details-page .property-title {
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.property-details-page .property-title h3{
    font-weight: normal;
}
.quick-summary-box h3{
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.property-diicription h3{
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.property-diicription p{
    margin-bottom: 10px;
}
.quick-summary-table .table tbody tr td{
    padding: 10px 0px;
    border-top: 0px;
    text-align: right;
}
.quick-summary-table .table tbody tr th{
    padding: 10px 0px;
    border-top: 0px;
}
.quick-summary-table .table tbody tr th span{
    float: right;
    padding-right: 10px;
}
.property-diicription ul{
    list-style-type: circle;
    padding-left: 15px;
}
.property-diicription ul li{
    width: 50%;
    float: left;
    font-size: 15px;
    padding:7px 0px;
}
.mar-top-20{
    margin-top: 20px;
}
.quick-summary-box {
    padding: 10px;
    background: #fff;
}
.quick-summary-box .form-group label{
    display: block;
}
.quick-summary-box .form-group .dropdown-toggle {
    border-radius: 0px;
    background: #f5f5f5;
    height: 40px;
    border: 0px;
    font-size: 15px;
}
.quick-summary-box .form-group .bootstrap-select{
    width: 100%!important;
}
.quick-summary-box .form-group .dropdown-menu li a{
    font-size: 15px;
}
.quick-summary-box .form-group .dropdown-menu .form-control{
    border-radius: 0px;
}
.quick-summary-box .form-group .dropdown-menu > .active > a, .quick-summary-box .form-group .dropdown-menu > .active > a:hover, .quick-summary-box .form-group .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #222222;
    outline: 0;
}
.quick-summary-box .form-group .dropdown-menu > li > a {
    display: block;
    padding: 6px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}
.box-shadow{
    box-shadow: 0px 0px 10px -7px;

}
.mar-bot-20px{
    margin-bottom: 20px;
}
.quick-summary-box .media .media-heading {
    font-size: 15px;
    /* font-weight: normal; */
}
.search-now-btn{
    background: #222;
    color: #fff;
    font-weight: bold;
    border-radius: 0px;
    padding: 10px;
    border: 0px;
}
.emi-calculator{
    margin-right: 20px;

}
.emi-calculator a{
    width: 100%!important;
    height:30px!important;
    padding: 0px 10px;
    text-transform: uppercase;

}
/*------------------------*/
.emi-calculator-box{
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 10px -7px;
}
.emi-calculator-box .form-group .control-label{
    display: block;
}
.emi-calculator-box .form-group .form-control{
    border-radius: 4px;
    height: 40px;
}
.emi-calculator-box .form-group .input-group .form-control{
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
    height: 40px;
}
.emi-calculator-box .form-group .bootstrap-select{
    width: 100%!important;
}
.emi-calculator-box .form-group .bootstrap-select .dropdown-toggle {
    border-radius: 4px;
    background: none;
    height: 40px;
}
.emi-calculator-box .form-group .dropdown-menu li a{
    font-size: 15px;
}

.emi-calculator-box .form-group .dropdown-menu > .active > a, .emi-calculator-box .form-group .dropdown-menu > .active > a:hover, .emi-calculator-box .form-group .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #222222;
    outline: 0;
}
.emi-calculator-box .form-group .dropdown-menu > li > a {
    display: block;
    padding: 6px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}
.emi-calculator-box .table{
    border: 0px;
}
.emi-calculator-box .table tbody tr th{
    border: 0px;
    padding: 28px 10px;
}
.emi-calculator-box .table tbody tr td{
    border: 0px;
    padding: 28px 10px;
}
.apply-loan{
    margin-top: 30px;
    padding: 20px;
    background: #fff;
    border: 1px solid #ddd;
}
.apply-loan h3 {
    font-size: 20px;
    font-weight: normal;
}
.apply-loan h2 {
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 20px;
}
.apply-loan p {
    margin-bottom: 20px;
}
/*footer logo*/
.footer-logo{
    height: 45px;
}

.service-right-sideber {
    padding: 15px;
    background: #032c3e;
    margin-bottom: 30px;
}
.service-right-sideber h3{
    color: #fff;
    font-size: 20px;
    border-bottom: 1px solid red;
    text-transform: uppercase;
}
.service-right-sideber table tr td{
    padding: 10px 0;
    vertical-align: middle;
}
.service-right-sideber table tr td strong{
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
}
.service-right-sideber table tr td p{
    font-size: 13px;
    color: #00abe1;
}
.service-right-sideber table tr td small{
    font-size: 11px;
    color: #ededed;
    text-transform: uppercase;
}
.service-right-sideber table tr td img{
    padding: 5px;
    background: #fff;
    border: 1px solid #ededed;
}
.service-right-category li{
    padding: 10px 0;
    border-bottom: 1px solid #044765;
}
.service-right-category li a{
    color: #fff;
    font-size: 14px;
}
.service-right-category li a span{
    float: right;
}

.servicetag-top{
    margin-top: 10px;
}
.service-details h3 {
    color: #fff;
    font-size: 20px;
    border-bottom: 1px solid red;
    text-transform: uppercase;
}
.service-tag-style {
    margin: 5px;
    width: auto;
    float: left;
    padding: 2px 10px;
    border: 1px solid #ededed;
}
.service-tag-style a{
    color: #ededed;
}
.service-right-tag{
    margin: 3px 1px;
    background: transparent;
    color: #fff;
}
.service-tag-top{
    margin-top: 15px;
}
.hr-color{
    border-top: 1px solid #565555;
}
.mb30{
    margin-bottom: 30px;
}
.blog-post-box{
    background: #fff;
    padding: 2px;
}
.blog-post-box .blog-post-thum{
    background: #fff;
    text-align: center;
}
.blog-post-box .blog-info{
    padding: 5px 10px;
    text-align: center;
}
.blog-post-box .blog-info span{
    font-size: 12px;
    color: #032c3e;
}
.blog-post-box .blog-info a{
    font-size: 18px;
    font-weight: 600;
    color: #032c3e;
}
.blog-details-content img {
    width: 100%;
    background: #fff;
    padding: 2px;
}
.big-cat-custom-label{
    padding: 10px 0;
}
.educational-componats{
    color: #fff;
}
.product-details-title{
    color: #fff;
    margin-bottom: 10px;
}
.social-dropdown{
    margin: 0;
    padding: 0;
}
.social-dropdown li{
    width: 100%;
    float: left;
    border-bottom: 1px solid #ededed;
}
.social-dropdown li a {
    font-size: 17px;
}
.blog-comments-area h4{
    color: #ededed;
    margin-top: 15px;
}

.media-heading{
    margin-top: 0!important;
}
.media-body p{
    color: #ededed;
}
.sidebar-category-list li{
    padding: 10px 0;
    color: #fff;
    border-bottom: 1px solid #ededed;
}
.sidebar-category-list li a{
    color: #ededed;
}
.sidebar-category-list li span{
   float: right;
}
.tagcloud{
    margin-top: 10px;
}
.tagcloud a{
    margin: 5px 0;
    background: transparent;
    color: #fff;
}
/*popup image*/
.main-image{
    border: 1px solid #fff;
    padding: 5px;
}
#thumbnails {
    text-align: center;
}
#thumbnails img {
    width: 85px;
    height: 75px;
    margin: 10px 5px;
    cursor: pointer;
    padding: 2px;
    box-shadow: 0px 0px 3px 0px #f5f5f5;
}
.hidden {
    opacity: 0;
}
.badge-light{
    position: absolute;
    background: red;
    top: 5px;
    right: 8px;
}
.cart-background{
    background: #222222;
    text-align: center;
}
.cart {
    background: transparent;
    color: #fff;
    border-radius: 18px;
    margin-bottom: 15px;
}
.reg-login-btn {
    height: 30px;
    padding: 5px 10px;
    border-radius: 18px;
    float: right;
    background: #222222;
    border: none;
    color: #fff;
    font-weight: 600;
}
.reg-login-btn:hover {
    box-shadow: 0px 0px 10px;
}
.select-product-count{
    width: 130px;
}
.select-product-count input{
    text-align: center;
}
.scart-title{
    margin: 25px 0;
}
.cart-product{
    border: 1px solid #ededed;
}
.cart-close-btn {
    background: red;
    border: none;
    border-radius: 5px;
    color: #fff;
}
.cart-close-btn:hover{
    box-shadow: 0px 0px 5px #2d1e1e;
}
.order-summery{
    margin-bottom: 15px;
}
.cart-product tbody tr td{
    vertical-align: middle;
}
.top-log-header{
    margin-bottom: 13px;
    color: #fff;
    font-size: 20px;
}
.top-reg-header{
    margin-bottom: 13px;
    color: #fff;
    font-size: 20px;
}
.modal-header button{
    color: #fff;
    border: 1px solid #ededed;
    height: 30px;
    width: 30px;
    border-radius: 30px;
    background: #000;
}
.modal-header button:hover{
    color: #fb0101;
    background: #fff;
    box-shadow: 2px 2px 2px #000;
}
.modal-header h4{
    color: #fff;
}
.btn-reg{
    background: red;
    color: #fff;
    font-weight: 600;
}
.btn-login{
    background: green;
    color: #fff;
    font-weight: 600;
}
.dashboard-dropdown{
    float: right;
    display: inline-block;
}
.dashboard-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    /* min-width: 160px; */
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    /*padding: 10px 10px;*/
    z-index: 1;
    margin-top: 8px;
}
.dashboard-content p {
    border-bottom: 1px solid #ededed;
    padding: 6px 14px;
}
.dashboard-content .fa-caret-up {
    position: absolute;
    font-size: 22px;
    top: -14px;
    left: 10px;
    color: #fff;
}
.dashboard-dropdown:hover .dashboard-content {
    display: block;
}
.dashboard-dropdown img{
    border-radius: 30px;
}
.dashboard-dropdown .login-user {
    height: 30px;
    padding: 5px 10px 5px 15px;
    border-radius: 0 18px 18px 0;
    float: right;
    background: #222222;
    border: none;
    color: #fff;
    font-weight: 600;
    margin-left: -10px;
}
.dashboard-dropdown .login-user:hover {
    box-shadow: 0px 0px 10px;
}