@media (max-width:767px){
    .imgBannerMaxHeight {
        height: 150px !important;
        /*width: 100%;*/
    }
}

@media (min-width:768px){
    .imgBannerMaxHeight {
        height: 256px !important;
        /*width: 100%;*/
    }
}

@media (min-width:992px){
    .imgBannerMaxHeight {
        height: 331px !important;
        /*width: 100%;*/
    }
}

@media (min-width:1200px){
    .imgBannerMaxHeight {
        height: 450px !important;
        /*width: 100%;*/
    }
}

.carousel {
    background: url('../images/BGbanner.jpg') no-repeat center;
    background-size: cover;
}
body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #333;
    background-color: #fff;
    font-size: 14px;
}
hr {
        border-top: 1px solid #CCC;
}
a  {
    color: #72c02c;
    text-decoration:none;
}

    a.btn-default:not([href]):not([tabindex]) {
        color: #000;
        text-decoration: none;
    }

    a:not([href]):not([tabindex]) {
        color: #FFF;
        text-decoration: none;
    }

    a:not([href]):not([tabindex]) {
        color: #FFF;
        text-decoration: none;
    }

        a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
            color: #FFF;
            text-decoration: none;
        }

    a:hover {
        color: #72c02c;
        text-decoration: underline;
    }
    .a-tone {
        color: #555;
    }
.a-tone:hover {
    color: #72c02c;
}
h1 {
    font-size: 28px;
    line-height: 35px;
}
.text-tone {
    color: #72c02c;
}
.text-black {
    color: #333333;
}
.bg-tone{ background:#72c02c; }

.btn-tone{
    color: #fff;
    background-image: -webkit-linear-gradient(top,#72c02c 0,#46860d 100%);
    background-image: -o-linear-gradient(top,#72c02c 0,#46860d 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#72c02c),to(#46860d));
    background-image: linear-gradient(to bottom,#72c02c 0,#46860d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72c02c', endColorstr='#46860d', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #46860d;
}

.btn-tone:hover{
    color: #fff;
    background-image: -webkit-linear-gradient(top,#46860d 0,#46860d 100%);
    background-image: -o-linear-gradient(top,#46860d 0,#46860d 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#46860d),to(#46860d));
    background-image: linear-gradient(to bottom,#46860d 0,#46860d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#46860d', endColorstr='#46860d', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #46860d;
}
.border-tone {
    border:1px solid #72c02c;
}
.row{
    margin-top:20px;
    /*margin-bottom:20px;*/
}
.header {
    z-index: 99;
    /*background: #fff;*/
    background-image: linear-gradient(to bottom, #f3f3f3, #e2e2e2);
    position: relative;
    border-bottom: solid 2px #72c02c;
}
.header .navbar-nav > li > a {
    font-size: 14px;
    padding: 5px 20px;
}
.header .navbar-nav > li > a, .header .navbar-nav > li > a:hover, .header .navbar-nav > li > a:focus, .header .navbar-nav > .active > a, 
.header .navbar-nav > .active > a:hover, .header .navbar-nav > .active > a:focus {
    background: none;
}
.header .navbar-nav > li > a {
    color: #687074;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    border-bottom: solid 2px #eee;
    bottom:-2px;
}
.header .mega-menu .dropdown-menu {
    left: auto;
}
.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.breadcrumbs-x {
    padding: 10px 0;
    border-bottom: solid 1px #C2C2C2;
    background: #f2f2f2;
    margin-bottom:15px;
}
.breadcrumbs-x h1 {
    color: #666;
    font-size: 30px;
    margin-top: 8px;
}
.breadcrumbs.breadcrumbs-light {
    background: rgba(0,0,0,0.5);
    border-bottom: 1px solid #eee;
    padding: 50px 0 50px;
}
.breadcrumbs h1 {
    color: #FFF;
    font-size: 30px;
    margin-top: 8px;
    text-shadow:0px 2px 2px #333;
}
.breadcrumbs a{
    color:#FFF;
    text-shadow:0px 2px 2px #333;
}
.breadcrumbs a:hover{
    color:#72c02c;
    text-shadow:0px 2px 2px #333;
}
.breadcrumbs .active{
    color:#72c02c;
    text-shadow:0px 2px 2px #333;
}
.pull-left {
    float: left!important;
}
.pull-right {
    float: right!important;
}

.breadcrumb {
   top: 10px;
   background: none;
   position: relative;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
}

.headline h2 {
    font-size: 22px;
    color: #555;
}
.thumbnail h3 {
    font-size: 20px;
    color: #555;
}

#topcontrol {
    cursor:pointer;
    text-align: center;
    color: #fff;
    z-index: 99;
    width: 30px;
    height: 30px;
    font-size: 20px;
    background: #051d00;
    position:fixed;
    right: 14px !important;
    bottom: 11px !important;
    border-radius: 3px !important;
}

/*================================= Block ==================================*/
.block-circle{
    color: #FFF; 
    background-color:#CCC;
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    border-radius: 50% !important;
}

.block-transition {
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    -ms-transition: background 0.5s ease-in-out;
    -o-transition: background 0.5s ease-in-out;
    transition: background 0.5s ease-in-out;
}

.block-circle:hover{
    color: #FFF; 
    background-color:#000;
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    border-radius: 50% !important;
}

/*================================= Calendar ==================================*/
.calendar_Body {
	/*background-color:#F5F3E5;*/
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
	border: 1px solid #DDDDDD;
    box-shadow:rgba(0,0,0,0.5) 0px 5px 10px;
} 

.calendar_DayStyle { 
    background-image: linear-gradient(135deg ,#72c02c 0,#46860d 100%);
	/*background-color:#72c02c;*/
	border:1px solid #DDDDDD;
} 

.calendar_NextPrevStyle{
    /*padding:5px;*/
} 

.calendar_Mark {
	background: url('../images/i_markYellow.png') #72c02c;
    background-repeat: no-repeat;
    background-position: right bottom;
} 

.calendar_DayHeaderStyle {
    color:Gray;
    text-align:center;
    border:1px solid #DDDDDD;
} 

.calendar_OtherMonthDayStyle {
	border: 1px solid #DDDDDD;
} 

.calendar_SelectedDayStyle {
    background-color:Aqua;
    border:1px solid #E4BF4D;
    font-size:11pt;
    font-weight:bold;
}

.calendar_TitleStyle{
    font-size:18px;
    font-weight:bold;
}
/**************** Tone Web Design *******************/
.thumbnail a {
    color: #72c02c;
}
.headline {
    display: block;
    margin: 10px 0 25px 0;
    border-bottom: 1px dotted #CCC;
}
.headline h2, .headline h3, .headline h4 {
    margin: 0 0 -2px 0;
    padding-bottom: 5px;
    display: inline-block;
    border-bottom: 2px solid #72c02c;
}

.footer-v1 .footer {
    color: #fff;
    padding: 40px 0px;
    background: #082c00;
}

.footer-v1 .copyright {
    color: #fff;
    background: #051d00;
    padding: 10px 0px;
}


.webMainName{
    font-size:20pt;
    margin-left:10px;
    color:#72c02c;
}
.webSubName{
    margin-left:10px;
    color:#808080;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 0px;
    margin-bottom: 8px;
    background-color: #72c02c;
    background-image: none;
    border: 1px solid #72c02c;
    border-radius: 0px;
}
.header .navbar-nav > li > a:hover, .header .navbar-nav > .active > a {
    bottom: -2px;
    position: relative;
    border-bottom: solid 2px #72c02c;
    color:#72c02c;
}
.header .dropdown-menu {
    padding: 0;
    border: none;
    min-width: 200px;
    border-radius: 0;
    z-index: 9999 !important;
    border-top: solid 2px #72c02c;
    border-bottom: solid 2px #687074;
}
.header .navbar-toggle .icon-bar {
    background-color: #fff;
}

/* Dropdown Button */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
    padding:0 0 5px 0;
}

    .dropdown a {
        color: #687074;
    }

        .dropdown a:hover {
            color: #72c02c;
            text-decoration: none;
        }

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 300px;
    max-height: 400px;
    overflow-y: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999;
    border: 1px solid #ddd;
    padding: -1px;
}

    /* Links inside the dropdown */
    .dropdown-content a {
        color: #687074;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        border-bottom:1px solid #ddd;
        margin-bottom:-1px;
    }

        /* Change color of dropdown links on hover */
        .dropdown-content a:hover {
            color: #687074;
            text-decoration: none;
            background-color: #ddd;
            border-bottom: 1px solid #ddd;
        }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

@media (max-width: 991px) {
    .header .navbar-nav > li a {
        border-bottom: solid 1px #eee;
        bottom:-1px;
    }
    .header .navbar-nav > li > a:hover, .header .navbar-nav > .active > a {
        bottom: -1px;
        position: relative;
        border-bottom: solid 1px #72c02c;
        background: #72c02c;
        color: #fff !important;
    }
    .header .navbar-nav > li > a {
        font-size: 14px;
        padding: 9px 10px;
    }
    .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
        border-color: #eee;
    }
    .navbar-header{border-bottom:solid 1px #eee;}
}