html {
}

body {
    margin:0px;
}

/********************************************************************/
/***************************    Header    ***************************/
/********************************************************************/
/*.page-header {
  padding-bottom:0px;
  margin:0px 0px 0px 0px;
  border-bottom: 1px solid #eee;
}*/
/*.soi_header {
}
.state-header { background-color:rgb(102,102,102); }
.state-header h1 { margin: 0px 0px 0px 0px; }
.state-header .governor { padding:10px 0px 0px 0px; }
.state-header .governor a { font-size: 1.5em; color:rgb(255,255,255); text-shadow: 1px 1px 0px rgba(255,255,255,0.2); }*/

/*.agency-header { background-color:rgb(255,255,255); }
.agency-header  h1 { margin:19px 0px 10px 0px; padding:0px; font-size:1.75em; color:rgb(154,166,175); }
.agency-header h1 > a { color:rgb(154,166,175); }
.agency-header .header-search { margin:19px 0px 10px 0px; padding:0px 0px 0px 0px; }

.agency-header .socialfollow { float: right; }
.agency-header .socialfollow img { opacity: 0.79; }
.agency-header .socialfollow i { color: rgb(255,255,255); font-size: 18px; opacity: 0.95; }
.agency-header .socialfollow a { background:rgb(255,255,255); margin-right:3px; padding: 10px; border-radius: 2px; transition:0.31s; height: 36px; text-decoration: none; float: left; display: block; -webkit-transition: all .31s ease; }
.agency-header .socialfollow a::after { color: inherit !important; content: "" !important; }
.agency-header .socialfollow a:first-of-type { margin-left: 0px; }
.agency-header .socialfollow a:hover { text-decoration: none; color: rgb(255,255,255); }

.agency-header .socialfollow a.facebook i { color: rgb(59, 89, 150); }
.agency-header .socialfollow a.facebook:hover { background: rgb(59, 89, 150); }
.agency-header .socialfollow a.facebook:hover i { color: rgb(255, 255, 255); }

.agency-header .socialfollow a.twitter i { color: rgb(0, 172, 238); }
.agency-header .socialfollow a.twitter:hover { background: rgb(0, 172, 238); }
.agency-header .socialfollow a.twitter:hover i { color:rgb(255,255,255); }

.agency-header .socialfollow a.google i { color: rgb(195, 57, 28); }
.agency-header .socialfollow a.google:hover { background: rgb(195, 57, 28); }
.agency-header .socialfollow a.google:hover i { color: rgb(255,255,255); }

.agency-header .socialfollow a.flickr i { color: rgb(137, 131, 131); }
.agency-header .socialfollow a.flickr:hover { background: rgb(137, 131, 131); }
.agency-header .socialfollow a.flickr:hover i { color: rgb(255,255,255); }

.agency-header .socialfollow a.youtube i { color: rgb(203, 50, 44); }
.agency-header .socialfollow a.youtube:hover { background: rgb(203, 50, 44); }
.agency-header .socialfollow a.youtube:hover i { color:rgb(255,255,255); }

.agency-header .socialfollow a.vimeo i { color: rgb(13, 173, 214); }
.agency-header .socialfollow a.vimeo:hover { background: rgb(13, 173, 214); }
.agency-header .socialfollow a.vimeo:hover i { color:rgb(255,255,255); }

.agency-header .socialfollow a.dribble i { color: rgb(213, 62, 104); }
.agency-header .socialfollow a.dribble:hover { background: rgb(213, 62, 104); }
.agency-header .socialfollow a.dribble:hover i { color: rgb(255,255,255); }

.agency-header .socialfollow a.pinterest i { color: rgb(203, 32, 39); }
.agency-header .socialfollow a.pinterest:hover { background: rgb(203, 32, 39); }
.agency-header .socialfollow a.pinterest:hover i { color: rgb(255,255,255); }

.agency-header .socialfollow a.linkedin i { color: rgb(0, 115, 178); }
.agency-header .socialfollow a.linkedin:hover { background: rgb(0, 115, 178); }
.agency-header .socialfollow a.linkedin:hover i { color: rgb(255,255,255); }

.agency-header .socialfollow a.rss i { color: rgb(242, 154, 29); }
.agency-header .socialfollow a.rss:hover { background: rgb(242, 154, 29); }
.agency-header .socialfollow a.rss:hover i { color: rgb(255,255,255); }

.agency-header .socialfollow a.instagram i { color: rgb(69, 115, 153); }
.agency-header .socialfollow a.instagram:hover { background: rgb(69, 115, 153); }
.agency-header .socialfollow a.instagram:hover i { color: rgb(255,255,255); }*/
/********************************************************************/
/*************************    End Header    *************************/
/********************************************************************/

/********************************************************************/
/***************************    NavBar    ***************************/
/********************************************************************/
.navbar {
    /*background-color:transparent;*/
    /*border:none;*/
    margin-bottom: 0px;
}

/*.navbar-header { background-color:rgb(255,255,255); background-color:green; }
.navbar-header  h1 { margin:10px 0px 10px 0px; padding:0px; font-size:1.55em; color:rgb(154,166,175); }
.navbar-header h1 > a { color:rgb(154,166,175); }
.navbar-header .header-search { margin:19px 0px 10px 0px; padding:0px 0px 0px 0px; }*/
.navbar .header-search { margin:19px 0px 10px 0px; padding:0px 0px 0px 0px; text-align:right; }

.navbar-brand {
    float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px;
    padding:0px 0px 0px 0px; height:64px; width:250px;}

.navbar-brand > img#img-logo { border-radius: 50%; border: 5px solid rgb(248, 248, 248); border-image: none; height:64px; float:left; margin-right:5px; /*height:90px;*/ }

.navbar-brand > h1 { margin:0px 0px 0px 0px; padding:5px 0px 0px 0px; font-size:24px; color:rgb(154,166,175); }

/*.navbar-brand:hover {
	text-decoration: none;
}
.navbar-brand:focus {
	text-decoration: none;
}*/
/*@media all and (max-width:768px)
{
    .agency-header { display:none; }
}*/
@media all and (max-width:768px)
{
    .navbar-brand { width:50px;}
    /*.navbar-brand > img#img-logo { border-radius: 50%; border: 5px solid rgb(248, 248, 248); border-image: none; height:64px; float:left; margin-right:5px; }*/
    .navbar-header .navbar-brand > h1 { display:none; }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) /* iPad in landscape */
{ 
    .navbar-brand > h1 { margin:0px 0px 0px 0px; padding:5px 0px 0px 0px; font-size:20px; color:rgb(154,166,175); }
}

/*@media all and (max-width:991px) 
{ 
    .navbar-brand { width:50px;}
    .navbar-header .navbar-brand > h1 { display:none; }
}*/

        /*@media all and (max-width:768px) { .icon-box6 { min-height:inherit; } }
        @media all and (min-width:768px) { .icon-box6 { min-height:200px; } }
        @media all and (min-width:992px) { .icon-box6 { min-height:265px; } }
        @media all and (min-width:1200px) { }*/

/*@media all and (min-width:768px)
{
.navbar > .container .navbar-brand {
	margin-left: -15px; max-width: 118px;
}
.navbar > .container-fluid .navbar-brand {
	margin-left: -15px; max-width: 118px;
}
}*/
/********************************************************************/
/*************************    End NavBar    *************************/
/********************************************************************/

/********************************************************************/
/***************************    Footer    ***************************/
/********************************************************************/
/*footer {background: rgb(45, 45, 45);border-top-color: rgb(247, 218, 0);border-top-width: 3px;border-top-style: solid; margin-top: 10px;}*/
/* SOI Footer Defaults */
/*#footer {position: absolute;bottom: 0;width: 100%; Set the fixed height of the footer here height: 325px;}*/
.soi-footer {border-top: 4px #5d8e0a solid;}
.soi-footer, .soi-footer h3 {color: #fff;}
.soi-footer h3 {font-size: 24px;font-weight: 500;}
.soi-footer-agency {background-color: #2C327A;padding-top: 10px;padding-bottom: 20px;}
.soi-footer-state {border-top: 1px #000 solid;background-color: #2C327A;padding-top: 20px;padding-bottom: 20px;}
.soi-4doit {font-size: 1.3em;color: #57d6cf;font-weight: bold;}
.soi-footer a {color: #d6d7d9;}
.soi-footer a:hover,.soi-footer a:focus,.soi-footer a:hover,.soi-footer a:focus {color: #fff;text-decoration: underline;}

/* Agency Footer */
.soi-footer {background:rgb(45, 45, 45);border-top-color: rgb(247, 218, 0);/*border-top-width: 3px; border-top-style: solid;*/margin-top:10px;}
.soi-footer-agency {background-color:rgb(45, 45, 45);margin: 0px auto;color: rgb(204, 204, 204);padding-top: 20px;padding-bottom: 50px;position: relative;}
.soi-footer-state {border-top: 1px #000 solid;background-color:rgb(45, 45, 45);padding-top: 20px;padding-bottom: 20px;}

.soi-footer-agency {
    margin: 0px auto;
    color: rgb(204, 204, 204);
    padding-top: 20px;
    padding-bottom: 50px;
    position: relative;
}
    .soi-footer-agency h5.subtitle {
        margin: 24px 0px;
        color: rgb(221,221,221);
        padding-bottom: 6px;
        border-bottom-color: rgb(33,33,33);
        border-bottom-width: 1px;
        border-bottom-style: solid;
        display: block;
        position: relative;
        box-shadow: 0px 1px #373737;
        -webkit-box-shadow: 0 1px #373737;
    }

    .soi-footer-agency a {
        transition: 0.18s;
        color: rgb(155, 155, 155);
        text-decoration: none;
        display: block;
        -webkit-transition: all .18s ease;
    }
        .soi-footer-agency a i {
            margin: 0px 5px;
        }
        .soi-footer-agency a span.noicon {
            text-indent: 24px;
            display: block;
        }
        .soi-footer-agency a:hover {
            color: rgb(250, 250, 250);
        }
.soi-footer-agencya:hover i {
    margin-left: 10px;
}
.soi-footer-agency a:hover span.noicon {
    text-indent: 29px;
}

.soi-footer-agency .socialfollow {
    float: right;
}
@media all and (max-width:768px) { .soi-footer-agency .socialfollow { float: left; } }
@media all and (min-width:768px) { .soi-footer-agency .socialfollow { float: right; } }
@media all and (min-width:992px) { .soi-footer-agency .socialfollow { float: right; } }
@media all and (min-width:1200px) { .soi-footer-agency .socialfollow { float: right; } }

.soi-footer-agency .socialfollow img { opacity: 0.79; }
.soi-footer-agency .socialfollow i { color: rgb(255,255,255); font-size: 18px; opacity: 0.95; margin:0px; }
.soi-footer-agency .socialfollow a { /*background:rgb(255,255,255);*/ margin-right:3px; padding: 10px; border-radius: 2px; transition:0.31s; height: 36px; text-decoration: none; float: left; display: block; -webkit-transition: all .31s ease; }
.soi-footer-agency .socialfollow a::after { color: inherit !important; content: "" !important; }
.soi-footer-agency .socialfollow a:first-of-type { margin-left: 0px; }
.soi-footer-agency.socialfollow a:hover { text-decoration: none; color: rgb(255,255,255); margin-left:0px;}
.soi-footer-agency .socialfollow a:hover i { margin:0px; }

.soi-footer-agency .socialfollow a.facebook:hover { color: rgb(59, 89, 150); }
.soi-footer-agency .socialfollow a.facebook:hover i { color: rgb(59, 89, 150); }

.soi-footer-agency .socialfollow a.twitter:hover { color:rgb(0, 172, 238); }
.soi-footer-agency .socialfollow a.twitter:hover i { color:rgb(0, 172, 238); }

.soi-footer-agency .socialfollow a.youtube:hover { color:rgb(203, 50, 44);  }
.soi-footer-agency .socialfollow a.youtube:hover i { color:rgb(203, 50, 44); }

.soi-footer-agency .socialfollow a.rss:hover { color: rgb(242, 154, 29); }
.soi-footer-agency .socialfollow a.rss:hover i { color: rgb(242, 154, 29); }

.soi-footer-agency .socialfollow a.google:hover { color: rgb(195, 57, 28); }
.soi-footer-agency .socialfollow a.google:hover i { color: rgb(195, 57, 28); }

.soi-footer-agency .socialfollow a.flickr:hover { color: rgb(137, 131, 131); }
.soi-footer-agency .socialfollow a.flickr:hover i { color: rgb(137, 131, 131); }

.soi-footer-agency .socialfollow a.vimeo:hover { color: rgb(13, 173, 214); }
.soi-footer-agency .socialfollow a.vimeo:hover i { color: rgb(13, 173, 214);  }

.soi-footer-agency .socialfollow a.dribble:hover { color: rgb(213, 62, 104); }
.soi-footer-agency .socialfollow a.dribble:hover i { color: rgb(213, 62, 104); }

.soi-footer-agency .socialfollow a.pinterest:hover { color: rgb(203, 32, 39); }
.soi-footer-agency .socialfollow a.pinterest:hover i { color: rgb(203, 32, 39); }

.soi-footer-agency .socialfollow a.linkedin:hover { color: rgb(0, 115, 178); }
.soi-footer-agency .socialfollow a.linkedin:hover i { color: rgb(0, 115, 178); }

.soi-footer-agency .socialfollow a.instagram:hover { color: rgb(69, 115, 153); }
.soi-footer-agency .socialfollow a.instagram:hover i { color: rgb(69, 115, 153);}




/*.agency-footer {
    margin: 0px auto;
    color: rgb(204, 204, 204);
    padding-top: 20px;
    padding-bottom: 50px;
    position: relative;
}
.agency-footer h5.subtitle {
	margin:24px 0px;
    color:rgb(221,221,221);
    padding-bottom:6px;
    border-bottom-color:rgb(33,33,33);
    border-bottom-width:1px;
    border-bottom-style:solid;
    display:block;
    position:relative;
    box-shadow:0px 1px #373737;
    -webkit-box-shadow:0 1px #373737;
}

.agency-footer a {
	transition:0.18s;
    color:rgb(155, 155, 155);
    text-decoration:none;
    display:block;
    -webkit-transition: all .18s ease;
}
.agency-footer a i {
	margin: 0px 5px;
}
.agency-footer a span.noicon {
	text-indent: 24px;
    display:block;
}
.agency-footer a:hover {
	color: rgb(250, 250, 250);
}
.agency-footer a:hover i {
	margin-left: 10px;
}
.agency-footer a:hover span.noicon {
	text-indent: 29px;
}

.agency-footer .socialfollow { float: right; }
@media all and (max-width:768px) { .agency-footer .socialfollow { float: left; } }
@media all and (min-width:768px) { .agency-footer .socialfollow { float: right; } }
@media all and (min-width:992px) { .agency-footer .socialfollow { float: right; } }
@media all and (min-width:1200px) { .agency-footer .socialfollow { float: right; } }

.agency-footer .socialfollow img { opacity: 0.79; }
.agency-footer .socialfollow i { color: rgb(255,255,255); font-size: 18px; opacity: 0.95; margin:0px; }
.agency-footer .socialfollow a { margin-right:3px; padding: 10px; border-radius: 2px; transition:0.31s; height: 36px; text-decoration: none; float: left; display: block; -webkit-transition: all .31s ease; }
.agency-footer .socialfollow a::after { color: inherit !important; content: "" !important; }
.agency-footer .socialfollow a:first-of-type { margin-left: 0px; }
.agency-footer .socialfollow a:hover { text-decoration: none; color: rgb(255,255,255); margin-left:0px;}
.agency-footer .socialfollow a:hover i { margin:0px; }

.agency-footer .socialfollow a.facebook:hover { color: rgb(59, 89, 150); }
.agency-footer .socialfollow a.facebook:hover i { color: rgb(59, 89, 150); }

.agency-footer .socialfollow a.twitter:hover { color:rgb(0, 172, 238); }
.agency-footer .socialfollow a.twitter:hover i { color:rgb(0, 172, 238); }

.agency-footer .socialfollow a.youtube:hover { color:rgb(203, 50, 44);  }
.agency-footer .socialfollow a.youtube:hover i { color:rgb(203, 50, 44); }

.agency-footer .socialfollow a.rss:hover { color: rgb(242, 154, 29); }
    .agency-footer .socialfollow a.rss:hover i { color: rgb(242, 154, 29); }

.agency-footer .socialfollow a.google:hover { color: rgb(195, 57, 28); }
.agency-footer .socialfollow a.google:hover i { color: rgb(195, 57, 28); }

.agency-footer .socialfollow a.flickr:hover { color: rgb(137, 131, 131); }
.agency-footer .socialfollow a.flickr:hover i { color: rgb(137, 131, 131); }

.agency-footer .socialfollow a.vimeo:hover { color: rgb(13, 173, 214); }
.agency-footer .socialfollow a.vimeo:hover i { color: rgb(13, 173, 214);  }

.agency-footer .socialfollow a.dribble:hover { color: rgb(213, 62, 104); }
.agency-footer .socialfollow a.dribble:hover i { color: rgb(213, 62, 104); }

.agency-footer .socialfollow a.pinterest:hover { color: rgb(203, 32, 39); }
.agency-footer .socialfollow a.pinterest:hover i { color: rgb(203, 32, 39); }

.agency-footer .socialfollow a.linkedin:hover { color: rgb(0, 115, 178); }
.agency-footer .socialfollow a.linkedin:hover i { color: rgb(0, 115, 178); }

.agency-footer .socialfollow a.instagram:hover { color: rgb(69, 115, 153); }
.agency-footer .socialfollow a.instagram:hover i { color: rgb(69, 115, 153);}



.state-footer { background: rgb(45,45,45); margin: 0px auto; padding: 10px 0px 10px; text-align: right; position: relative; border-top-color:rgb(33,33,33); border-top-width:1px; border-top-style:solid; }
.state-footer .state-brand { margin:0px; padding:0px; }
.state-footer .state-brand h1 { margin: 0px; padding:0px; float:left; display:inline-block;line-height:25px; }
.state-footer .state-brand h1>a { margin:0px; padding:0px; }
.state-footer .state-brand h1>a>img { height:25px;}

.state-footer .governor { margin-top:10px; }
.state-footer .governor a { color:rgb(155,155,155); text-shadow: 1px 1px 0px rgba(255,255,255,0.2); }
.state-footer .governor a:hover { color: rgb(204, 204, 204); text-decoration: underline; }
.state-footer .governor a i { margin: 0px 5px 0px 0px; }
@media all and (max-width:768px) { .state-footer .governor { text-align:left; } }
@media all and (min-width:768px) { .state-footer .governor { text-align:right; } }
@media all and (min-width:992px) { .state-footer .governor { text-align:right; } }
@media all and (min-width:1200px) { .state-footer .governor { text-align:right; } }


.state-footer .footer-nav { color: rgb(155, 155, 155); margin-top:0px; float: left; padding-left:4px; }
.state-footer .footer-nav ul { margin-bottom: 0px; }
.state-footer .footer-nav a { margin: 0px 4px; color: rgb(169, 178, 180); }
.state-footer .footer-nav a:last-child { margin: 0px 0px; }
.state-footer .footer-nav a:hover { color: rgb(204, 204, 204); text-decoration: underline; }
.state-footer .footer-nav a i { margin: 0px 5px 0px 0px; }

.state-footer .copyright { color: rgb(155, 155, 155); padding-left:4px; text-align:right; }
.state-footer .copyright a { margin: 0px 4px; color: rgb(169, 178, 180); }
.state-footer .copyright a:hover { color: rgb(204, 204, 204); text-decoration: underline; }
@media all and (max-width:768px) { .state-footer .copyright { text-align:left; } }
@media all and (min-width:768px) { .state-footer .copyright { text-align:right; } }
@media all and (min-width:992px) { .state-footer .copyright { text-align:right; } }
@media all and (min-width:1200px) { .state-footer .copyright { text-align:right; } }*/

/********************************************************************/
/*************************    End Footer    *************************/
/********************************************************************/

/********************************************************************/
/**************************    Sidebar    ***************************/
/********************************************************************/
.soi-sidebar.affix{position:static}
@media (min-width:768px){
    .soi-sidebar { padding-left:20px }
}
.soi-sidenav{margin-top:20px;margin-bottom:20px}
.soi-sidebar .nav>li>a{display:block;padding:4px 20px;font-size:13px;font-weight:500;color:#767676}
.soi-sidebar .nav>li>a:focus,.soi-sidebar .nav>li>a:hover{padding-left:19px;color:#563d7c;text-decoration:none;background-color:transparent;border-left:1px solid #563d7c}
.soi-sidebar .nav>.active:focus>a,.soi-sidebar .nav>.active:hover>a,.soi-sidebar .nav>.active>a{padding-left:18px;font-weight:700;color:#563d7c;background-color:transparent;border-left:2px solid #563d7c}
.soi-sidebar .nav .nav{display:none;padding-bottom:10px}
.soi-sidebar .nav .nav>li>a{padding-top:1px;padding-bottom:1px;padding-left:30px;font-size:12px;font-weight:400}
.soi-sidebar .nav .nav>li>a:focus,.soi-sidebar .nav .nav>li>a:hover{padding-left:29px}
.soi-sidebar .nav .nav>.active:focus>a,.soi-sidebar .nav .nav>.active:hover>a,.soi-sidebar .nav .nav>.active>a{padding-left:28px;font-weight:500}
                                                                                                                                                                                                                                                                 
@media (min-width:992px){
    .soi-sidebar .nav>.active>ul{display:block}
    .soi-sidebar.affix,.soi-sidebar.affix-bottom{width:213px}
    .soi-sidebar.affix{position:fixed;top:20px}
    .soi-sidebar.affix-bottom{position:absolute}
    .soi-sidebar.affix .soi-sidenav,.soi-sidebar.affix-bottom .soi-sidenav{margin-top:0;margin-bottom:0}
}
@media (min-width:1200px){
    .soi-sidebar.affix,
    .soi-sidebar.affix-bottom{width:263px}
}

.soi-sidebar-section h4 { margin: 19px 0px 21px; color: rgb(84, 96, 107); text-transform: uppercase; line-height: 2; letter-spacing: 1px; padding-bottom: 8px; clear: both; font-family: "Roboto",Helvetica,Arial; font-size: 13px; font-weight: 900; border-bottom-color: rgb(49, 157, 68); border-bottom-width: 1px; border-bottom-style: solid; }
.soi-sidenav {background: rgb(230, 238, 255);}
/*.soi-sidebar-section .nav:first-child { border-top-color: rgb(226, 226, 226); border-top-width: 1px; border-top-style: dotted; background-color:red;}*/
/*.soi-sidebar-section .nav { list-style: none; margin: 0px; padding: 0px; background-color:none;}*/
/*.soi-sidebar-section .nav>li { list-style: none; margin: 0px; padding: 0px; }*/
/*.soi-sidebar-section .nav>li { border-bottom-color: rgb(226, 226, 226); border-bottom-width: 1px; border-bottom-style: dotted; }*/
.soi-sidebar-section .nav>li>a { display:block; padding:8px 0px 8px 6px;font-size:13px;font-weight:500;color:rgb(122,122,122);   transition:0.07s; text-decoration: none; -webkit-transition: all .07s ease; }
.soi-sidebar-section .nav>li>a:focus, .soi-sidebar-section .nav>li>a:hover { background: rgb(250, 250, 250); color: rgb(86, 61, 124); padding-left: 6px; }
.soi-sidebar-section .nav>li>a::after { color: rgb(122, 122, 122); padding-right: 3px; font-family:"Glyphicons Halflings"; font-size: 8px; vertical-align: middle; float: right; content: "\e250"; }
.soi-sidebar-section .nav>.active:focus>a,.soi-sidebar-section .nav>.active:hover>a,.soi-sidebar-section .nav>.active>a{padding-left:6px;font-weight:700;color:#563d7c;background-color:transparent;border-left:2px solid #563d7c}
.soi-sidebar-section .nav .nav{display:block;padding-bottom:10px; margin-left:0px;}
.soi-sidebar-section .nav .nav>li>a { padding:6px 0px 6px 30px;font-size:12px;font-weight:400 }
.soi-sidebar-section .nav .nav>li>a:focus,.soi-sidebar-section .nav .nav>li>a:hover{padding-left:29px}
.soi-sidebar-section .nav .nav>.active:focus>a,.soi-sidebar-section .nav .nav>.active:hover>a,.soi-sidebar-section .nav .nav>.active>a{padding-left:28px;font-weight:500}
.soi-sidebar-section .nav>.active>a::after { content:""; }

/********************************************************************/
/************************    End Sidebar    *************************/
/********************************************************************/

/********************************************************************/
/**************************    Topbar    ***************************/
/********************************************************************/
@media (min-width:768px){
    .soi-topbar { padding-left:0px }
}
.soi-topnav{margin-top:20px;margin-bottom:20px}
/*.soi-topbar-section { width:100%; background-color:rgb(102,102,102); }*/
.soi-topbar-section .nav > li { list-style-type: none; width: 120px; float: left; }
.soi-topbar-section .nav > li:first-child { }
.soi-topbar-section .nav > li > a
{
        padding: 5px 6px; width: 119px; height:55px; font-size: 13px; display: inline-block;
        color: rgb(255, 255, 255);text-decoration: none;
        border-right-color: rgb(255, 255, 255); border-right-width: 1px; border-right-style: solid;
}
.soi-topbar-section .nav > li > a:hover { text-decoration: none; }


.soi-topbar-section .nav > li.gray { background-color: rgb(102,102,102); }
.soi-topbar-section .nav > li.gray.active { background: rgb(3, 84, 149); }
.soi-topbar-section .nav > li.gray a:hover,.soi-topbar-section .nav > li.gray a:focus { background: rgb(3, 84, 149); }

/********************************************************************/
/************************    End TopBar    **************************/
/********************************************************************/

/********************************************************************/
/*************************    Page Header    ************************/
/********************************************************************/
.soi-page-header {
	background:rgb(102,102,102);
    padding: 0px 0px 0px 0px;
    width: 100%;
    min-height:100px;
    margin-bottom:20px;
     /*background: -webkit-linear-gradient(red, blue);*/ /* For Safari 5.1 to 6.0 */
  /*background: -o-linear-gradient(red, blue);*/ /* For Opera 11.1 to 12.0 */
  /*background: -moz-linear-gradient(red, blue);*/ /* For Firefox 3.6 to 15 */
  /*background: linear-gradient(rgb(0,78,188), rgb(64,142,252));*/ /* Standard syntax */
    background: linear-gradient(rgb(70,70,70), rgb(134,134,134));
}
.soi-page-header h1 {
	margin: 0px;
    padding-top:0px;
    padding-bottom:0px;
    color: rgb(234, 237, 238);
    /*line-height: 1.3;*/
    letter-spacing: 0px; 
    font-size: 22px;
    font-weight: 100;
    /*position: relative;*/
}
.breadcrumb {
  padding: 8px 15px 8px 0px;
  margin-bottom: 10px;
  list-style: none;
  background-color: transparent; /*#f5f5f5; */
  border-radius: 4px;
  font-size:12px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0px; /*0 5px;*/
  color: none; /*rgb(204,204,204);*/
  content: none; /*"/\00a0";*/
}
.breadcrumb > li:after {
  padding: 0px 5px 0px 10px;
  color: rgb(204,204,204);
  content: "/\00a0";
}
.breadcrumb > li > a {
    color: rgb(204,204,204);
}
.breadcrumb > .active {
  color: #777;
}
@media all and (min-width:768px)
{
/*.soi-page-header {
	padding: 48px 0px 20px; height: 82px; margin-top: -22px;
}*/
.soi-page-header h1 {
	line-height: 1.3; font-size: 32px;
}
}
@media all and (min-width:992px)
{
.soi-page-header { padding: 0px 0px 0px 0px; }
.soi-page-header h1 { font-size: 42px; }
}
/********************************************************************/
/***********************    End Page Header    **********************/
/********************************************************************/


/********************************************************************/
/***************************    Lists    ****************************/
/********************************************************************/
.list-unstyled {
	list-style: none; padding-left: 0px;
}
.list-inline {
	list-style: none; padding-left: 0px; margin-left: -5px;
}
.list-inline > li {
	padding-right: 5px; padding-left: 5px; display: inline-block;
}

ul.list-check {
    list-style: none;
    padding: 0;
}
ul.list-check li:before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'icomoon';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:rgb(49, 157, 68);
    padding: 0 10px;
    content: "\e70f";
}

ul.list-plus {
    list-style: none;
    padding: 0;
}
ul.list-plus li:before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family:'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:rgb(49, 157, 68);
    padding: 0 10px;
    content:"\002B"; /*content: "\e733";*/ /*content: "\e71b";*/
}
ul.list-plus2 {
    list-style: none;
    padding: 0;
}
ul.list-plus2 li:before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family:'icomoon';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:rgb(49, 157, 68);
    padding: 0 10px;
    content:"\e709"; /*content: "\e733";*/ /*content: "\e71b";*/
}
ul.list-minus {
    list-style: none;
    padding: 0;
}
ul.list-minus li:before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family:'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:rgb(49, 157, 68);
    padding: 0 10px;
    content:"\2212"; /*content: "\e733";*/ /*content: "\e71b";*/
}

ul.list-star {
    list-style: none;
    padding: 0;
}
ul.list-star li:before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family:'icomoon';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:rgb(49, 157, 68);
    padding: 0 10px;
    content:"\e6d8"; /*content: "\e733";*/ /*content: "\e71b";*/
}

ul.list-arrow {
    list-style: none;
    padding: 0;
}
ul.list-arrow li:before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family:'Glyphicons Halflings'; /*font-family: 'icomoon';*/
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:rgb(49, 157, 68);
    padding: 0 10px;
    content:"\e080"; /*content: "\e733";*/ /*content: "\e71b";*/
}

ul.list-arrow2 {
    list-style: none;
    padding: 0;
}
ul.list-arrow2 li:before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family:'icomoon';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:rgb(49, 157, 68);
    padding: 0 10px;
    content:"\e73b";
}
/********************************************************************/
/*************************    End Lists    **************************/
/********************************************************************/
/********************************************************************/
/****    Secondary Button new in Bootstrap 4    *********************/
/********************************************************************/
.soi-btn-secondary{color:#373a3c;background-color:#fff;border-color:#ccc}
.soi-btn-secondary:hover{color:#373a3c;background-color:#e6e6e6;border-color:#adadad}
.soi-btn-secondary.focus,.soi-btn-secondary:focus{color:#373a3c;background-color:#e6e6e6;border-color:#adadad}
.soi-btn-secondary.active,.soi-btn-secondary:active,.open>.soi-btn-secondary.dropdown-toggle{color:#373a3c;background-color:#e6e6e6;background-image:none;border-color:#adadad}
.soi-btn-secondary.active.focus,.soi-btn-secondary.active:focus,.soi-btn-secondary.active:hover,.soi-btn-secondary:active.focus,.soi-btn-secondary:active:focus,.soi-btn-secondary:active:hover,.open>.soi-btn-secondary.dropdown-toggle.focus,.open>.soi-btn-secondary.dropdown-toggle:focus,.open>.soi-btn-secondary.dropdown-toggle:hover{color:#373a3c;background-color:#d4d4d4;border-color:#8c8c8c}
.soi-btn-secondary.disabled.focus,.soi-btn-secondary.disabled:focus,.soi-btn-secondary:disabled.focus,.soi-btn-secondary:disabled:focus{background-color:#fff;border-color:#ccc}
.soi-btn-secondary.disabled:hover,.soi-btn-secondary:disabled:hover{background-color:#fff;border-color:#ccc}
/********************************************************************/
/****    Secondary Button new in Bootstrap 4    *********************/
/********************************************************************/
/********************************************************************/
/****    Buttons Outlines new in Bootstrap 4    *********************/
/********************************************************************/
.soi-btn-primary-outline{color:#0275d8;background-color:transparent;background-image:none;border-color:#0275d8}
.soi-btn-primary-outline.active,.soi-btn-primary-outline.focus,.soi-btn-primary-outline:active,.soi-btn-primary-outline:focus,.open>.soi-btn-primary-outline.dropdown-toggle{color:#fff;background-color:#0275d8;border-color:#0275d8}
.soi-btn-primary-outline:hover{color:#fff;background-color:#0275d8;border-color:#0275d8}
.soi-btn-primary-outline.disabled.focus,.soi-btn-primary-outline.disabled:focus,.soi-btn-primary-outline:disabled.focus,.soi-btn-primary-outline:disabled:focus{border-color:#43a7fd}
.soi-btn-primary-outline.disabled:hover,.soi-btn-primary-outline:disabled:hover{border-color:#43a7fd}

.soi-btn-secondary-outline{color:#ccc;background-color:transparent;background-image:none;border-color:#ccc}
.soi-btn-secondary-outline.active,.soi-btn-secondary-outline.focus,.soi-btn-secondary-outline:active,.soi-btn-secondary-outline:focus,.open>.soi-btn-secondary-outline.dropdown-toggle{color:#fff;background-color:#ccc;border-color:#ccc}
.soi-btn-secondary-outline:hover{color:#fff;background-color:#ccc;border-color:#ccc}
.soi-btn-secondary-outline.disabled.focus,.soi-btn-secondary-outline.disabled:focus,.btn-secondary-outline:disabled.focus,.btn-secondary-outline:disabled:focus{border-color:#fff}
.soi-btn-secondary-outline.disabled:hover,.soi-btn-secondary-outline:disabled:hover{border-color:#fff}

.soi-btn-info-outline{color:#5bc0de;background-color:transparent;background-image:none;border-color:#5bc0de}
.soi-btn-info-outline.active,.soi-btn-info-outline.focus,.soi-btn-info-outline:active,.soi-btn-info-outline:focus,.open>.soi-btn-info-outline.dropdown-toggle{color:#fff;background-color:#5bc0de;border-color:#5bc0de}
.soi-btn-info-outline:hover{color:#fff;background-color:#5bc0de;border-color:#5bc0de}
.soi-btn-info-outline.disabled.focus,.soi-btn-info-outline.disabled:focus,.soi-btn-info-outline:disabled.focus,.soi-btn-info-outline:disabled:focus{border-color:#b0e1ef}
.soi-btn-info-outline.disabled:hover,.soi-btn-info-outline:disabled:hover{border-color:#b0e1ef}

.soi-btn-success-outline{color:#5cb85c;background-color:transparent;background-image:none;border-color:#5cb85c}
.soi-btn-success-outline.active,.soi-btn-success-outline.focus,.soi-btn-success-outline:active,.soi-btn-success-outline:focus,.open>.soi-btn-success-outline.dropdown-toggle{color:#fff;background-color:#5cb85c;border-color:#5cb85c}
.soi-btn-success-outline:hover{color:#fff;background-color:#5cb85c;border-color:#5cb85c}
.soi-btn-success-outline.disabled.focus,.soi-btn-success-outline.disabled:focus,.soi-btn-success-outline:disabled.focus,.soi-btn-success-outline:disabled:focus{border-color:#a3d7a3}
.soi-btn-success-outline.disabled:hover,.soi-btn-success-outline:disabled:hover{border-color:#a3d7a3}

.soi-btn-warning-outline{color:#f0ad4e;background-color:transparent;background-image:none;border-color:#f0ad4e}
.soi-btn-warning-outline.active,.soi-btn-warning-outline.focus,.soi-btn-warning-outline:active,.soi-btn-warning-outline:focus,.open>.soi-btn-warning-outline.dropdown-toggle{color:#fff;background-color:#f0ad4e;border-color:#f0ad4e}
.soi-btn-warning-outline:hover{color:#fff;background-color:#f0ad4e;border-color:#f0ad4e}
.soi-btn-warning-outline.disabled.focus,.soi-btn-warning-outline.disabled:focus,.soi-btn-warning-outline:disabled.focus,.soi-btn-warning-outline:disabled:focus{border-color:#f8d9ac}
.soi-btn-warning-outline.disabled:hover,.soi-btn-warning-outline:disabled:hover{border-color:#f8d9ac}

.soi-btn-danger-outline{color:#d9534f;background-color:transparent;background-image:none;border-color:#d9534f}
.soi-btn-danger-outline.active,.soi-btn-danger-outline.focus,.soi-btn-danger-outline:active,.soi-btn-danger-outline:focus,.open>.soi-btn-danger-outline.dropdown-toggle{color:#fff;background-color:#d9534f;border-color:#d9534f}
.soi-btn-danger-outline:hover{color:#fff;background-color:#d9534f;border-color:#d9534f}
.soi-btn-danger-outline.disabled.focus,.soi-btn-danger-outline.disabled:focus,.soi-btn-danger-outline:disabled.focus,.soi-btn-danger-outline:disabled:focus{border-color:#eba5a3}
.soi-btn-danger-outline.disabled:hover,.soi-btn-danger-outline:disabled:hover{border-color:#eba5a3}
/********************************************************************/
/****    END Buttons Outlines new in Bootstrap 4    *****************/
/********************************************************************/

/********************************************************************/
/*************************    Callouts    ***************************/
/********************************************************************/
.soi-callout { padding: 20px; margin: 20px 0; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px; }
.soi-callout h1, .soi-callout h2, .soi-callout h3, .soi-callout h4, .soi-callout h5, .soi-callout h6 { margin-top: 0; margin-bottom: 5px;}
.soi-callout p:last-child { margin-bottom: 0; }
.soi-callout code { border-radius: 3px; }
.soi-callout+.soi-callout { margin-top: -5px; }
.soi-callout-default { border-left-color: #777; }
.soi-callout-default h1, .soi-callout-default h2, .soi-callout-default h3, .soi-callout-default h4, .soi-callout-default h5, .soi-callout-default h6 { color: #777; }
.soi-callout-primary { border-left-color: #428bca; }
.soi-callout-primary h1, .soi-callout-primary h2, .soi-callout-primary h3, .soi-callout-primary h4, .soi-callout-primary h5, .soi-callout-primary h6 { color: #428bca; }
.soi-callout-success { border-left-color: #5cb85c; }
.soi-callout-success h1, .soi-callout-success h2, .soi-callout-success h3, .soi-callout-success h4, .soi-callout-success h5, .soi-callout-success h6 { color: #5cb85c; }
.soi-callout-danger { border-left-color: #d9534f; }
.soi-callout-danger h1, .soi-callout-danger h2, .soi-callout-danger h3, .soi-callout-danger h4, .soi-callout-danger h5, .soi-callout-danger h6 { color: #d9534f; }
.soi-callout-warning { border-left-color: #f0ad4e; }
.soi-callout-warning h1, .soi-callout-warning h2, .soi-callout-warning h3, .soi-callout-warning h4, .soi-callout-warning h5, .soi-callout-warning h6 { color: #f0ad4e; }
.soi-callout-info { border-left-color: #5bc0de; }
.soi-callout-info h1, .soi-callout-info h2, .soi-callout-info h3, .soi-callout-info h4, .soi-callout-info h5, .soi-callout-info h6 { color: #5bc0de; }
/********************************************************************/
/*********************    End Callouts    ***************************/
/********************************************************************/

/********************************************************************/
/**********    Accordion                         ********************/
/********************************************************************/
.soi-panel-borderless {
    border: 0;
    border-radius: 4px;
    -webkit-box-shadow: none; /* 0 1px 1px rgba(0, 0, 0, .05);*/
    box-shadow: none; /* 0 1px 1px rgba(0, 0, 0, .05);*/
}

.soi-panel-borderless .panel-heading{
    border-radius: 4px;
}


.soi-panel-accordion .panel-heading {
    cursor: pointer;
    display:block;
}

.soi-panel-accordion a.panel-heading[aria-expanded=false] .panel-title:after
{
  content:"\2b";
  font-family:"Glyphicons Halflings";
  float:right;
  display:inline-block;

}
.soi-panel-accordion a.panel-heading .panel-title:after
{
  content:"\2212";
  font-family:"Glyphicons Halflings";
  float:right;
  display:inline-block;

}
/********************************************************************/
/**********    END Accordion                     ********************/
/********************************************************************/