/*!
 * 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:#828282;
    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. */
}

b, strong {
    background-color: unset !important;
}

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

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

.header-subsection {
    font-size: x-large;
    /*font-size: 65%;*/
    color: #777;
    font-style: italic;
}


.page-header {
    padding-bottom: 9px;
    margin: 30px 0px 10px;
    border-bottom: none; 
}


/* Table Cell Colors */
.cell-blue {
    background-color: #2985b0;
    color:#ffffff;    
}
.cell-blue a {
    color: #65c7f4;
}
.cell-blue a:hover {
    color: white;
    text-decoration: underline;
}

.cell-green {
    background-color: #339587;
    color:#ffffff;    
}
.cell-green a {
    color: #62e0ce;
}
.cell-green a:hover {
    color: white;
    text-decoration: underline;
}

/* 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;
}




/* 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;
}

/* Footer Styles */
footer {
    background-color: #23749B;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
    border-radius: 8px;
    height: 180px;
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 20px 20px 0px;

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

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

.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;    
}




/* 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: #fff;
    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: #72b626;
        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;
    }



/* Large FontAwesome stacked icons */
.fa-stack-2x-big {
    color: #8bd4ed;
}

.fa-stack-1x-big {
    text-shadow: 1px 1px 3px #34839e;
}



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




.navbar {
    margin-bottom: 0px;
    border-radius: 0px;
}

/*.panel{
    height: 100%;
}*/

.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;
    font-size:11px;

    background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.11, #58BBA2),
	    color-stop(1, #24726F)
    );
    background-image: -o-linear-gradient(top, #58BBA2 11%, #24726F 100%);
    background-image: -moz-linear-gradient(top, #58BBA2 11%, #24726F 100%);
    background-image: -webkit-linear-gradient(top, #58BBA2 11%, #24726F 100%);
    background-image: -ms-linear-gradient(top, #58BBA2 11%, #24726F 100%);
    background-image: linear-gradient(to top, #58BBA2 11%, #24726F 100%);

}

/*Main YAMM MEGAMENU modifications*/
.dropdown-menu .divider {
    margin: 7px 0px 1px 0px;
}

.nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
}

.navbar-nav > li > .dropdown-menu {
    margin-top: -1px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    
}

.navbar-nav .open .dropdown-menu {
    background-color: #FFF;
    /*border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-left: 0px;*/
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff; /*#FFFFCC;*/ /*#b5feec;*/
    background-color: transparent;
}


.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    
    background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.11, #62D1B3),
	    color-stop(1, #408C88)
    );
    background-image: -o-linear-gradient(top, #62D1B3 11%, #2c807c 100%);
    background-image: -moz-linear-gradient(top, #62D1B3 11%, #2c807c 100%);
    background-image: -webkit-linear-gradient(top, #62D1B3 11%, #2c807c 100%);
    background-image: -ms-linear-gradient(top, #62D1B3 11%, #2c807c 100%);
    background-image: linear-gradient(to top, #62D1B3 11%, #2c807c 100%);

    /*border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;*/
}

.container-header-menu {
    padding-left: 0px;
    padding-right: 0px;
    max-width: 1200px;
}

.list-unstyled, .list-unstyled ul {
    min-width: 180px;
}

/*.yamm .yamm-content {
    padding: 15px 25px;
}*/

.dropdown-menu {
    font-size: 11px;
    padding-bottom:20px;
}

.dropdown-header-style {
  color: #428bca;
  font-size: 13px;
  font-weight:bold;
  padding: 3px 0px;
}

.dropdown-header-link {
  color:#428bca;
}

.dropdown-header {
  /*color: #428bca;*/
  /*font-size: 14px;*/
  /*font-weight:bold;*/
  /*padding: 3px 0px;*/
}

.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
  margin-bottom:1px;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  padding: 3px 5px 0px 0px;
  clear: both;
  /*font-weight: normal;*/
  line-height: 1.428571429;
  color: #333;
  white-space: normal;
}

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
  color: #444;
  background-color: #f5f5f5;
}
.mega-dropdown-menu .dropdown-header {
  /*color: #428bca;
  font-size: 14px;
  font-weight:bold;*/
}

/* Uncomment following lines, if you want to hover to open menu */
/*.dropdown.mega-dropdown:hover > .dropdown-menu.mega-dropdown-menu.row { display: block; }*/

.navbar-default .navbar-nav>li>a { color: #fff; }

.navbar-default .navbar-nav>li>a:hover {
        background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.11, #62D1B3),
	    color-stop(1, #408C88)
    );
    background-image: -o-linear-gradient(top, #62D1B3 11%, #2c807c 100%);
    background-image: -moz-linear-gradient(top, #62D1B3 11%, #2c807c 100%);
    background-image: -webkit-linear-gradient(top, #62D1B3 11%, #2c807c 100%);
    background-image: -ms-linear-gradient(top, #62D1B3 11%, #2c807c 100%);
    background-image: linear-gradient(to top, #62D1B3 11%, #2c807c 100%);

    color:#FFFFCC ;
}


.container-main {
    background-color: #ffffff;
    max-width: 1200px;
    
    padding-top: 0px;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;

    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}


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

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


h1, .h1 {
    margin-bottom: -10px;
}


.media {
    min-height: 80px;
}

h4 {
    font-weight: bold;
}

.img-margin {
    margin-bottom: 10px;
    padding-top: 10px;
}

.li-indent-small {
    margin-left:10px;
}


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

.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;
}

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

.newsbox-text
{
    font-size: 13px;
}

.newsbox-text a
{
    font-weight:400;
}

.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;--*/
}

/*-- 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"*/



    .panel-heading {
        font-size: 18px;
        font-weight: 500;
        /*vertical-align: middle;*/
        padding: 3px 15px;
        /*display:flex;*/
        align-items:center;
        line-height:20px;
    }


    /* EQUAL OUT ROW HEIGHTS */
    /*.equal, .equal > div[class*='col-'] { 
        display: -webkit-flex;
        display: flex;
    }*/


/* Responsive Styles */

/*@media (min-width:300px) {

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

        .col-xs-2 {
        width: auto;
    }
}


@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 (min-width:992px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }

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

    .panel-splash{

    }


    .col-md-4-sidebar {
        position: relative;
        min-height: 1px;
        padding: 0px 15px 0 15px;
        float: left;
        width: 50%; 
        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{
    }

    .col-md-4-sidebar {
        padding: 0 15px 0 15px;
        width:  100%;        
    }

    .col-md-4-sidebar-verticle {
        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; 
    }
}*/


    
/* Responsive Styles */

@media (min-width:300px) {

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

    .col-xs-2 {
        width: auto;
    }
}

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

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

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

     /*header menu adjustments*/

    /*.navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-header {
        float: right;
    }

        .navbar-toggle {
        display: block;
    }

    .navbar-collapse.in {
    overflow-y: auto;
        }
    .collapse.in {
        display: block;
    }*/
}

@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; 
    }


    /*header menu adjustments*/

    /*.navbar-collapse.collapse {
        display: none !important;
    }*/

}


@media (min-width:993px) {

    /*header menu adjustments*/

    /*.navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0px;
        overflow: visible !important;
    }
    .navbar-collapse {
        border-top: 0px none;
        box-shadow: none;
        width: auto;
    }*/
}

@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: 99px 0px 0px 0px; 
    }
}

.LoginPanel
{
    margin:auto;
    width: 50%;
    background-color: #F3F4F6;
    padding: 1%;
    /*border: 1px solid grey;*/
    text-align:center;
    
}