/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
    /*background-color:#111111;*/
    background-color: #2f3237;
    

    /*font-family: Segoe UI, Arial, Verdana, helvetica, sans-serif;*/
	font-size:10pt;
}

body {
    /*padding-top: 50px;  Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

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

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    /*height: 50%;*/
    height:500px;
    min-height:200px;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}


.header-divider-text {
    font-family: 'Montserrat', serif;
    font-size: 22px;
    text-shadow: 2px 2px 6px #000;
    color: #c5c584;
    margin-top: -37px;
    background-color: #5e5e5e;
    /*display:inline;*/
    position:relative;
    top:-38px;

}

hr {
    text-shadow: 2px 2px 6px #000;
    color: rgba(197, 197, 132, 0.6);
    border-color: rgba(197, 197, 132, 0.6);
}

/* google search padding and styles */

.cse table.gsc-search-box td.gsc-input, table.gsc-search-box td.gsc-input {
    padding-right: 5px !important;
}

.cse .gsc-search-button-v2, .gsc-search-button-v2 {
    padding: 8px 27px !important;
}

.cse .gsc-search-button-v2, .gsc-search-button-v2 {
    margin-top: 0px !important;
}


.gsc-branding {
    display: none !important;
}


.gsc-input {
    /*background: unset !important;*/
    background: none !important;
}

.lsa_search {
    float: right;
    display: table;
    padding: 10px 10px 10px 10px;
    width: 25%;
}


/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}



/* Flexslider
=================================================================== */

/* Browser Resets
=================================================================== */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus
{
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav
{
    margin: 0;
    padding: 0;
    list-style: none;
}


/* Necessary Styles
=================================================================== */
.flexslider
{
    margin: 0;
    padding: 0;
}

    /* Hide the slides before the JS is loaded. Avoids image jumping */
    .flexslider .slides > li
    {
        position: relative;
        zoom: 1;
        display: none;
        -webkit-backface-visibility: hidden;
    }

    .flexslider .slides img
    {
        width: 100%;
        display: block;
    }

.flex-pauseplay span
{
    text-transform: capitalize;
}

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flexslider
{
    position: relative;
    zoom: 1;
    z-index: 50;
}

/* Clearfix for the .slides element */
.slides:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides
{
    display: block;
}

* html .slides
{
    height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child
{
    display: block;
}


/* Default Styles
=================================================================== */
.flexslider
{
    background: #5e5e5e;
    zoom: 1;
}

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

.flex-viewport
{
    max-height: 2000px;
}

.loading .flex-viewport
{
    max-height: 300px;
}

.flexslider .slides
{
    zoom: 1;
}


/* Direction Nav
=================================================================== */

.flex-direction-nav a
{
    width: 35px;
    height: 35px;
    display: block;
    background-color: #555;
    top: 20px;
    right: 20px;
    float: none;
    position: absolute;
    cursor: pointer;
    text-indent: -9999px;
    background-color: #222;
    background: rgba(0, 0, 0, 0.65);
    *bottom: 50px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.flex-direction-nav .flex-next
{
    background-image: url(../images/slider/slider-control-right.png);
    background-repeat: no-repeat;
    background-position: 52% 50%;
}

.flex-direction-nav .flex-prev
{
    margin-right: 36px;
    background-image: url(../images/slider/slider-control-left.png);
    background-repeat: no-repeat;
    background-position: 48% 50%;
}

    .flex-direction-nav .flex-prev:hover,
    .flex-direction-nav .flex-next:hover
    {
        background-color: #a9965e;
        opacity: 1;
    }

.subpage .flex-direction-nav a
{
    bottom: 0px;
    right: 0px;
    *bottom: 30px;
}


/* Control Nav
=================================================================== */
.flex-control-nav
{
    width: 100%;
    position: absolute;
    bottom: -30px;
    text-align: center;
}

    .flex-control-nav li
    {
        margin: 0 3px 0 0;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

.flex-control-paging li a
{
    width: 14px;
    height: 14px;
    display: block;
    background: #c8c8c8;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

    .flex-control-paging li a:hover,
    .flex-control-paging li a.flex-active
    {
        background: #505050;
    }

    .flex-control-paging li a.flex-active
    {
        cursor: default;
    }


/* Caption
=================================================================== */
.slide-caption
{
    width: auto;
    max-width: 31%;
    padding: 10px 20px 15px 20px;
    margin: 0 0 0px 10px;
    position: absolute;
    display: block;
    left: 20px;
    bottom: 20px;
    background-color: #222;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 5px;
}

    .slide-caption.n
    {
        background-color: #222;
        background: rgba(0, 0, 0, 0.8);
    }

    .slide-caption h3
    {
        color: #fff;
        font-size: 18px;
        margin: 0;
        line-height: 33px;
    }

    .slide-caption p
    {
        margin: 0;
        line-height: 19px;
        color: #bbb;
    }


/* Layout */

ol, ul {
    margin-left: -20px;
}

.header-subsection {
    font-size: 22px;
    /*font-size: 65%;*/
    color: #777;
}

.header-bg {
    height: 198px;
    background-repeat: no-repeat;
    /*background-color: #191919;*/
    background-color: #400000;
}

.img-header-logo {
    display: inline;
    /*margin-top: 25px;*/
    margin-top: 14px;
    /*margin-top: -5px;*/
    margin-left: 25px;
    /*margin-left: 10px;*/
    position:absolute;
    z-index:1000;
}

.img-header-motto {
    display: inline;
    margin-top: 80px;
    margin-right: 25px;
}


/* Navigation basic */
.navbar {
    margin-bottom: 0px;
    border-radius: 0px;
    position:relative;
}

.tab-content > .tab-pane {
    padding: 25px 50px 25px 50px;
    
    background-color: #fff;
    border-bottom: 1px solid #DDD;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    

}

.navbar-default {
    /*background-color: #F8F8F8;*/
    /*border-color: #E7E7E7;*/
    border: 0px;
    /*background-color: rgba(117, 117, 97, 1);*/
    background-color: #111111;
    margin-top: -50px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}




/* Footer Styles */

.container-footer {
    /*background-color: #191919;*/
    background-color: #222222;
    height: 150px;
    padding-left: 30px;
    padding-right: 30px;
    color: #ffffff;
    font-size: 11px;
    padding-bottom: 40px;
    margin-bottom: 30px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.container-footer a {
    color: #ffffff;
}

.container-footer a:hover {
    color: #ffcc33;
    text-decoration: none;
}

.footer-up-arrow {
    float: right;
    background: rgb(0,0,0);
    background: rgba(0,0,0,0.15);
    padding: 0px;
    font-size: 16px;
    margin-right: 15px;
    border-radius: 6px;
}

footer {
    /*margin: 50px 0;*/
    /*max-width:1200px;*/

    background-color: #2c2b2b;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
    /*border-radius: 8px;*/
    height: 180px;
    /*margin-top: 30px;*/
    padding: 20px 20px 0px;

    color:#ffffff;
    font-size:12px;
}

.footer-row {
    margin-left:25px;
    margin-top:25px;
}

.footer-row a {
    color: #FFF;
}






.container-main {
    background-color: #5e5e5e;
    max-width: 1200px;
    padding-bottom: 40px;
    padding-top: 5px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    /*border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;*/
}




.shadow-bottom
{
    box-shadow: 0px 1px 8px #000000;
}

.navbar-toggle {
    background-color: #ddd;
}


h1, .h1 {
    font-weight: bold;
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 10px;    
}



/*.page-header {
    border-bottom: none;
}*/


/*-- Blog --*/
.blog-items-header {
    font-size: 18px;
}
.blog-items-date {
    font-size: 10px;
}
.blog-items-summary {
    margin-top: 10px; 
}
.blog-items-table {
}

.news-items-header {
    font-size: 16px;
}


/*-- Press Release boxes for news page --*/

.newsbox-text
{
    font-size: smaller;
}

.newsbox-text a
{

}

.news-table
{
    padding-right: 30px;
    padding-bottom: 20px;    
}

.news-ul {
    margin-left: -25px;
}

.news-li {
    margin-bottom: 5px;
}

.sidebar-newsbox-adjust 
{
    margin-right:10px;
    color: #999999;
}

.news-header {
    margin: 0px 0px 20px;
    font-weight: bold;
}

/*-- For the multiple bullets/icon display --*/
.media {
    min-height:80px;
}


/*-- Panel heading adjustments --*/
.panel-heading {
    padding: 8px 15px 6px 15px;
}

.panel-header-title {
    font-family: 'Rokkitt', serif;
    font-size: 24px;
    line-height:normal;
}

.panel-header-title-fullpage {
    font-family: 'Rokkitt', serif;
    font-size: 34px;
}

.panel{
    /*background-color: transparent;*/
    border: 0px;
}

.panel-subsection-full {
    padding: 15px 15px 0px 15px;
}

.panel-subsection-text-area {
    background-color: #fcf8e3;
}

.panel-subsection2-text-area {
    background-color: #eee8c2;

}

.panel-subsection2-heading {
    background-color: #eee8c2;    
    color: #333;
    border-color: #ddd;
    padding: 8px 15px 0px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-img {
    background-color: transparent;
}

.img-panel {
    border-radius: 5px;
    border: 1px solid #4b4949;
    background-color: transparent;
}

.img-roundtop {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}


/*-- Panel-body modifications: for putting "learn more" buttons at bottom --*/
.panel-section-adjustment {
    padding-bottom: 10px;
}

.panel-body-adjustment {
    /*padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;*/
    margin-bottom: 10px;
}

.panel-body-footer {
    margin-top: -65px;
}

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


/*-- Learn More splash button modifications --*/
.btn-primary {
    background-color: #757362; 
    border-color: #5f5e4f;
}

.btn-primary:hover {
    background-color: #59584a;
    border-color: #204d74;
}


/*-- START Gridview styles --*/

.GridViewCss
{
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    /*border: 1px dashed red;*/
    border-collapse: collapse;   
}

    .GridViewCss td
    {
        /*padding: 2px;*/
        padding: 2px 5px 2px 5px;
        /*border: solid 1px #000;*/
        /*color: #717171;*/
        color: #525050;
    }

    .GridViewCss th
    {
        /*padding: 4px 2px;*/
        padding: 5px;
        /*color: #000000;*/
        /*border-left: solid 1px #525252;*/
        font-size: 0.9em;
    }

/*-- END Gridview styles --*/


 
.GridViewFooterStyle
{
    background-color: #5D7B9D;
    font-weight: bold;
    color: White;
}
 
.GridViewRowStyle td, .GridViewAlternatingRowStyle td
{
    border: 1px solid #EBE9ED;
}
 
.GridViewHeaderStyle th
{
    /*border-left: 1px solid #EBE9ED;
    border-right: 1px solid #EBE9ED;*/
    border: 1px solid #EBE9ED;
    background-color: #EBE9ED;
}
 
.GridViewHeaderStyle
{
    background-color: #5D7B9D;
    font-weight: bold;
    color: #666666;
}

.GridViewPagerStyle
{
    background-color: #EBE9ED;
    /*border: 2px solid #EBE9ED;*/
    font-weight: bold;
    font-size: 1.25em;
    border:none;
}

    .GridViewPagerStyle td {
        border: 1px solid #EBE9ED;
    }
    .GridViewPagerStyle th {
        border:none;
    }

.GridViewFooterStyle
{
    border:none;
}



 
.GridViewPagerStyle table /* to center the paging links*/
{
    margin: 0 auto 0 auto;
}

/*PagerStyle-Font-Bold="true"
                        PagerStyle-BackColor="#d9d9d9"
                        PagerStyle-Font-Size="12pt"
                        PagerSettings-Position="Bottom"
                        PagerStyle-Height="10px"*/






/* Responsive Styles */

/*lsa google search mobile width*/

@media (max-width:767px) {
    .lsa_search {
        width: 100%
    }
}


.slider {
    max-width:1200px;
    margin-top:-5px;
    margin-left:-20px; /*TEST*/
    }

@media (max-width:600px) {
    .img-header-logo {
        margin-left: 0px;
        z-index: 100;
        position:relative;
    }
}
@media (min-width:300px) {

    .col-md-4-sidebar {
        margin: 20px 15px 0px 15px; 
    }
}


@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        background-color: #fff;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        margin-left: -10px;
    }

    .slider {
    margin-left: 0px; /*TEST*/
    }
}


@media (min-width:768px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    .slider {
    width: 750px;
    }
    .container {
    width: 750px;
    }

    .col-md-4-sidebar {
        margin: 20px 15px 0px 15px; 
    }

}

@media (max-width:800px) {
    .img-header-motto {
        visibility: hidden;
    }

}

@media (min-width:992px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }

    .slider {
    width: 970px;
    }
    .container {
    width: 970px;
    }

    /*.panel-splash{
    min-height: 370px;
    }*/

    .col-md-4-sidebar {
        /*background-color: red;*/
        position: relative;
        min-height: 1px;
        padding: 0px 15px 0 15px;
        float: left;
        width: 50%; /*50% for 2 columns, 33.3333% for 3 columns*/
        margin: 0px 0px 0px 0px; 
    }

    .col-md-4-sidebar-verticle-top {
        margin: 20px 0px 0px 0px; 
    }

}

@media (min-width:1200px) {

    .slider {
    width: 1200px;
    }
    .container {
    width: 1200px;
    }

    /*.panel-splash{
    min-height: 320px;
    }*/

    .col-md-4-sidebar {
        /*background-color: orange;*/
        padding: 0 15px 0 15px;
        width:  100%;        
    }

    .col-md-4-sidebar-verticle {
        /*background-color: blue;*/
        position: relative;
        min-height: 1px;
        padding: 0 0 0 15px;
        float: left;
        width: 33.3333%;
    }

    .col-md-4-sidebar-verticle-top {
        margin: 40px 0px 0px 0px; 
    }
}

/*CALENDAR*/
.MyCalendar .ajax__calendar_container {
    position: relative;
    cursor: default;
    width: 180px;
    font-size: 11px;
    z-index: 5000000;
}

.MyCalendar .ajax__calendar_body {
    height: 130px;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: auto;
    background-color: #C3C3C3;
}

.MyCalendar .ajax__calendar_container TABLE {
    padding: 0px;
    margin: 0px;
    font-size: 11px;
}

.MyCalendar .ajax__calendar_container TD {
    padding: 0px;
    margin: 0px;
    font-size: 11px;
}

.MyCalendar .ajax__calendar_header {
    height: 20px;
    /*width: 100%;*/
    background-color: #C3C3C3;
}

/*This causes the other month's days (previous and post) to be hidden */
.MyCalendar .ajax__calendar_other {
    color: #C3C3C3;
}