/*====================================
 Free To Use For Personal And Commercial Usage
Author: http://binarytheme.com
 License: Open source - MIT
 Please visit http://opensource.org/licenses/MIT for more Full Deatils of license.
 Share Us if You Like our work 
 Enjoy Our Codes For Free always.
======================================*/

/*BrightDoor Custom CSS Start*/

#map-container {
    height: 100%;
}

.mapSlider
{
    margin-bottom: 6px;
}

.datepicker {
    left: 91% !important;
    position: absolute !important;
}

/*BrightDoor Custom CSS END*/


/* CUSTOM STYLE SHEET */

html, body {
    height: 100%;
    width: 100%;
    margin: 0px;
    font-family: 'Open Sans', sans-serif;
    border: none;
    color: #ffffff;
    font-size: 14px;
}



.body-back {
    /*background-color: #5D05A2 !important;  YOU CAN SET COLOR HERE FOR CHANGING COLOR BACKGROUND*/
}



/* GLOBAL  STYLES  */


h1, h2, h3, h4, h5, h6 {
}

.main-color {
    color: #19CF7F;
}

a {
    text-decoration: none;
}

.center {
    text-align: center;
}

h1
{
letter-spacing:5px; 
font-size:50px;
font-weight:900;

 }




.sub-head {
    margin: 35px;
    font-size: 30px;
    text-align: center;
}



.margin-botom-50 {
    margin-bottom: 50px;
}

/* LEFT MENU / PANEL STYLES  */

.left-panel {
    position: fixed;
    display: table;
    height: 100%;
    width: 320px;
    left: -280px;
    top: 0;
   /*background: rgba(0, 0, 0, 0.16);*/
    z-index: 200;
    overflow:auto;
}

#LeftRightArrowDiv
{
    vertical-align:middle;
    padding-left:10px;
    padding-right:10px;
}

/* Media Rules for Min height 850px*/
@media (max-height:850px) {
    .navigatation
    {
        padding-top: 5px !important;
        padding-left: 15px;
        overflow: auto;
        font-size:12px !important;
    }
    .navigatation h4, .menu-text h4
    {
        font-size: 18px !important;
    }
    .navigatation .col-xs-11 {
        padding-bottom: 1px !important;
    }
    .col-xs-11 label {
        margin-top: 1px !important;
        margin-bottom: 8px;
    }    
    .menu-text 
     {
        height:25px !important;
        padding:0px !important;
     }
    .left-panel{
        display:block !important;
    }
    .row {
        margin-right: 20px !important;
    }
    #LeftRightArrowDiv{
        position:absolute !important;
        top:50%;
        left:278px;
    }
}
@media (max-width:767px) {

    .navigatation
    {
        padding-top: 5px !important;
        padding-left: 15px;
        overflow: auto;
        font-size:12px !important;
    }
    .navigatation h4, .menu-text h4
    {
        font-size: 18px !important;
    }
    .navigatation .col-xs-11 {
        padding-bottom: 1px !important;
    }
    .col-xs-11 label {
    margin-top: 1px !important;
    margin-bottom: 8px;
    }    
    .menu-text 
     {
        height:25px !important;
        padding:0px !important;
     }

    /*TOP Panel related*/
    #toppanel_arrow{
        margin-left:-30px !important;
    }
}

@media (max-height:300px) {

    #map-canvas{
        height: 590px;
    }
    #leftControlPanel{
        height: 567px;
    }

}
/* TOP MENU*/
.top-panel {
    position: fixed;
    display: table;
    width: 100%;
    top: -170px;
    left: 0;
   /*background: rgba(0, 0, 0, 0.16);*/
    z-index: 800;
}

.menu-text {
    height:70px;
    padding:10px;
}
.menu-text h4
{
    font-size:28px;
    text-align:center;
}

{

}
.navigatation {
    padding-top: 20px;
    padding-left: 15px;
    text-align:left;
    margin-right:50px;
    height:100%;
}
.navigatation .col-xs-11{
    padding-bottom:5px;
}
.navigatation h4
{
    font-size:28px;
}
.col-xs-11 label
{
    margin-top: 12px;
    margin-bottom: 0px;
    margin-bottom: 8px;
}
.col-md-12 .rangeLabel
{
    font-weight:500 !important;
    margin-top: 12px;
    margin-bottom: 5px;
}
.col-xs-11 input[type=button]
{
    margin-top: 10px !important;
    margin-left: 0px !important;
}

#ProductTypeDiv .DropDownSelectBox
{
    width:104% !important;
}
    .navigatation a {
        color: #fff;
        display: block;
        margin-bottom: 5px;
        font-size: 20px;
        text-decoration: none;
    }

        .navigatation a:hover {
            color: #19CF7F;
            cursor: pointer;
            transition: all linear 0.2s;
            font-size: 20px; /* DO NOT REMOVE THIS */
        }

.Icon-trigger.leftpanel {
    display: table-cell;
}
.Icon-trigger.toppanel {
}

#leftpanel_arrow
{   
    display:list-item;
    background: url(../../images/BDMaps/right-arrow.png) no-repeat 100% 100% ;     
}
      
#leftpanel_arrow.open
{   
    display:list-item;
    background: url(../../images/BDMaps/left-arrow.png) no-repeat 100% 100% ;
}

#toppanel_arrow
{   
    display:list-item;
    margin-left: -3px;
}
      
#toppanel_arrow.open
{
    display:list-item;
    margin-left: -3px;
}

.Icon-trigger.toppanel
{
    padding-top:10px;
    padding-bottom:10px;
}

.Icon-trigger.leftpanel span {
        margin-bottom: 30px;
        margin-top: 10px;
        color: #19CF7F;
        font-size: 40px;
    }
    
    .Icon-trigger.toppanel span {
        /*margin-top: 10px;*/
        margin-left:50%;
        color: #19CF7F;
        font-size: 40px;
    }

#filtersform .container{
    max-width:1000px;
}

#filtersform #btnApply{
    margin-left:0px;
}

.Icon-trigger span:hover {
    cursor: pointer;
}



/* HOME SECTION STYLES */

#home-section {
    padding-top: 120px;
    padding-bottom: 100px;
}

#counter-default {
    margin-top: 80px;
}



.bk-blue {
    background-color: #6E21E2;
}

.bk-green {
    background-color: #02FA33;
}

.bk-red {
    background-color: #FF0700;
}

.bk-pink {
    background-color: #FF00E0;
}

.medium {
    height: 3px;
}
/* Subscribe SECTION STYLES */

#subscribe-section
{
padding-top: 120px;
    padding-bottom: 200px;
 }

/* FOOTER SECTION STYLES */

#footer {

    font-size: 18px;
    text-align: right;
    font-weight: normal;
    padding: 20px;
}
/* COUNTDOWN SECTION */

.progress {
    color: #000;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0;
}

#counter {
   height:80px;
}
#counter-default {
    margin: 20px auto;
}
#counter-default .inner {
    font-size: large;
    text-align: center;
    border: none;
    margin: 8px 0;
    padding: 8px;
}
#counter-default .timer-number {
    font-size: 50px;
margin-bottom: 5px;
font-weight: 500;
color: #FFFFFF;
}
#counter-default  .timer-text {
    padding: 3px;
    font-size:12px;
    font-weight:300;
    letter-spacing:2px;
    color:#FFFFFF;
}

.mapview-link {
    margin-top:2px;
    bottom: 10px;
    position: absolute;
    /*left: 52%;*/
    left: 12%;
}
.mapview-link a{ /*border:#ccc solid 1px;*/ font-weight: bold; padding:4px 8px; color:#fff; font-size:15px; display:inline; text-decoration:none;}
.mapview-link a:hover{ padding:5px 8px; display:inline;}

.ui-slider .ui-slider-handle{ border-radius:50% !important; width:2.5em !important; height:2.5em !important; border:5px solid #666 !important; top:-0.8em !important;}
.ui-state-hover, .ui-state-focus{border:5px solid #666 !important; background:#fff !important;}
.ui-widget-header{background:#666 ; border: 1px solid #666;}
.ui-widget-content { border: none !important; width: calc(100% - 2.40em); margin-left: .5em; margin-right: 1em; }

.nomap-msg { border: 10px; font-weight: bold; font-size: 16px; text-align: center; color:#666; }
.logo{ float:right; width:300px; text-align:right; margin:30px 0px 10px 0px; font-family:Calibri, Arial; font-size:20px; font-weight:normal;}

/* MEDIA QUERIES  */

@media (min-width: 1200px){
    .container{
        width:1000px !important;
    }
}
@media only screen and (max-width: 767px) {
    html, body {
        margin-top: -5px;
    }
}

@media only screen and (max-width: 240px) {
    html, body {
        height: 96%;
        min-width:200px !important;
    }

    .container {
        padding-left: 10px;
    }
}

@media only screen and (max-width: 480px) {
    html, body {
        height: 100%;
        width:100%;
        min-width:300px !important;
    }

    .container {
        padding-left: 10px;
    }
}