/*
    Theme Name: Moderna
    Theme URL: https://bootstrapmade.com/free-bootstrap-template-corporate-moderna/
    Author: BootstrapMade
    Author URL: https://bootstrapmade.com
*/

@import url('font-awesome.css');

/* ===================================
1. General
==================================== */

body {
    font-family: Arial, sans-serif;
    font-size:14px;
    font-weight:300;
    line-height:1.6em;
    color:#111;
    -ms-overflow-style: scrollbar;
    margin: 0px !important; 
    min-height: 100vh; 
}

a:active {
    outline:0;
}

.clear {
    clear:both;
}

h1,h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight:700;
    line-height:1.1em;
    margin-bottom: 10px;
}

h1 {
    color:#f26522;
}

h4, h5, h6 {
    color:#000;
}

/* ===================================
2. layout
==================================== */

#wrapper{
    width:100%;
    margin:0;   
    padding:0;
}

.row,.row-fluid {
    margin-bottom:0.32em;
}

.row .row,.row-fluid .row-fluid{
    margin-bottom:0.32em;
}

.row.nomargin,.row-fluid.nomargin {
    margin-bottom:0;
}

.doc-table {
    .doc-table_head {
        .doc-table_cell {
            background: #303F42;
            color: #FFFFFF;
        }

        th {
            border-top: none;
            border-bottom: none;
        }

        th:first-of-type {
            border-top-left-radius: 6px;
        }

        th:last-of-type {
            border-top-right-radius: 6px;
        }        
    }

    .doc-table_body {
        .doc-table_cell {
            background: #F4F4F4;
            color: #000000;
            border-bottom: 1px solid #AAAAAA;
        }
    }
}

.doc-code {
    background: #EEEEEE;
    border-radius: 5px;
    color: #000000;
    font-size: 1em;
    padding: 3px;
}

pre.doc-code {
    padding: 10px;
}


/* ===================================
3. Responsive media
==================================== */

/* ===================================
4. Header
==================================== */

/* --- header -- */


header .navbar {
    margin-bottom: 0;
    /* box-shadow:0px 1px 5px #817364; */
}

.navbar-default {
    border: none;
        font-family: 'Open Sans', sans-serif;
}

.navbar-brand {
    color: #222;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    line-height: 1em;
    letter-spacing: -1px;
    margin-top: 15px;
    padding: 0 0 0 15px;
}

header .navbar-collapse  ul.navbar-nav {
    float: right;
    margin-right: 0;
    margin-bottom: 5px;
}

header .navbar-default{
    background-color: #fff;
}

header .nav li a:hover,
header .nav li a:focus,
header .nav li.active a,
header .nav li.active a:hover,
header .nav li a.dropdown-toggle:hover,
header .nav li a.dropdown-toggle:focus,
header .nav li.active ul.dropdown-menu li a:hover,
header .nav li.active ul.dropdown-menu li.active a{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

header .navheadmenu li a:hover,
header .navheadmenu li a:focus,
header .navheadmenu li.active a,
header .navheadmenu li.active a:hover,
header .navheadmenu li a.dropdown-toggle:hover,
header .navheadmenu li a.dropdown-toggle:focus,
header .navheadmenu li.active ul.dropdown-menu li a:hover,
header .navheadmenu li.active ul.dropdown-menu li.active a{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}



header .navbar-default .navbar-nav > .open > a,
header .navbar-default .navbar-nav > .open > a:hover,
header .navbar-default .navbar-nav > .open > a:focus {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

/* @media (min-width: 992px){
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}
} */

/* @media (min-width: 992px){
ul.navheadmenu li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}
} */

@media (min-width: 768px){
header .navbar {
    min-height: 130px;
}
}
header .navbar-nav > li  {
    /*padding-bottom: 30px;
    padding-top: 30px;*/
}

header  .navbar-nav > li > a {
    padding-bottom: 6px;
    padding-top: 5px;
    margin-left: 2px;
    line-height: 30px;
    font-weight: 700;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}


.dropdown-menu li a:hover {
    color: #fff !important;
}

header .nav .caret {
    border-bottom-color: #f5f5f5;
    border-top-color: #f5f5f5;
}

header .navheadmenu .caret {
    border-bottom-color: #f5f5f5;
    border-top-color: #f5f5f5;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background-color: #fff;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color:  #fff;
}   
    

.dropdown-menu  {
    box-shadow: none;
    border-radius: 0;
    border: none;
}

.dropdown-menu li:last-child  {
    padding-bottom: 0 !important;
    margin-bottom: 0;
}

header .nav li .dropdown-menu  {
   padding: 0;
}

header .nav li .dropdown-menu li a {
   line-height: 28px;
   padding: 3px 12px;
}

header .navheadmenu li .dropdown-menu  {
   padding: 0;
}

header .navheadmenu li .dropdown-menu li a {
   line-height: 28px;
   padding: 3px 12px;
}

/* --- menu --- */
.navheadmenu

header .navigation {
    float:right;
}

header ul.nav li {
    border:none;
    margin:0;
}

header ul.nav li a {    
    font-size:12px;
    border:none;
    font-weight:700;
    
}

header ul.nav li ul li a {  
    font-size:12px;
    border:none;
    font-weight:300;
}


.navbar .nav > li > a {
  color: #111;
  text-shadow: none;
}

.navbar .nav a:hover {
    background:none;
}

.navbar .nav > .active > a,.navbar .nav > .active > a:hover {
    background:none;
    font-weight:700;
}

.navbar .nav > .active > a:active,.navbar .nav > .active > a:focus {
    background:none;
    outline:0;
    font-weight:700;
}

.navbar .nav li .dropdown-menu {
    z-index:2000;
}

header ul.nav li ul {
    margin-top:1px;
}
header ul.nav li ul li ul {
    margin:1px 0 0 1px;
}
.dropdown-menu .dropdown i {
    position:absolute;
    right:0;
    margin-top:3px;
    padding-left:20px;
}

.navbar .nav > li > .dropdown-menu:before {
  display: inline-block;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-bottom-color: none;
  content:none;
}

ul.nav li.dropdown a {
    z-index:1000;
    display:block;
}

 select.selectmenu {
    display:none;
}

/* navheadmenu */
header ul.navheadmenu li {
    /* border:none; */
    margin:0;
}

header ul.navheadmenu li a {    
    font-size:12px;
    border:none;
    font-weight:700;
    
}

header ul.navheadmenu li ul li a {  
    font-size:12px;
    border:none;
    font-weight:300;
}


.navbar .navheadmenu > li > a {
  color: #111;
  text-shadow: none;
}

.navbar .navheadmenu a:hover {
    background:none;
}

.navbar .navheadmenu > .active > a,.navbar .nav > .active > a:hover {
    background:none;
    font-weight:700;
}

.navbar .navheadmenu > .active > a:active,.navbar .nav > .active > a:focus {
    background:none;
    outline:0;
    font-weight:700;
}

.navbar .navheadmenu li .dropdown-menu {
    z-index:2000;
}

header ul.navheadmenu li ul {
    margin-top:1px;
}
header ul.navheadmenu li ul li ul {
    margin:1px 0 0 1px;
}
.dropdown-menu .dropdown i {
    position:absolute;
    right:0;
    margin-top:3px;
    padding-left:20px;
}

.navbar .navheadmenu > li > .dropdown-menu:before {
  display: inline-block;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-bottom-color: none;
  content:none;
}

ul.navheadmenu li.dropdown a {
    z-index:1000;
    display:block;
}

 select.selectmenu {
    display:none;
}


/* ===================================
5. Section: Featured
==================================== */

/* ===================================
6. Sliders
==================================== */

/* ===================================
7. Section: call action
==================================== */

/* ===================================
8. Section: Content
==================================== */

/* --- box --- */

.box {
    width: 100%;
}

/*

.box-gray  {
    background: #f8f8f8;
    padding: 20px 20px 30px;
}
.box-gray  h4,.box-gray  i {
    margin-bottom: 20px;
}
.box-bottom {
    padding: 20px 0;
    text-align: center;
}
.box-bottom a {
    color: #fff;
    font-weight: 700;
}
.box-bottom a:hover {
    color: #eee;
    text-decoration: none;
}

*/

/* ===================================
9. Section: Bottom
==================================== */
/*

#bottom {
    background:#fcfcfc;
    padding:50px 0 0;

}

*/

/* ===================================
10. Inner - Section: page headline
==================================== */

/* ============================
11. Forms
============================= */

/* ===============================
12. Portfolio
================================ */


/* ===============================
13. Elements
================================ */

/* --- list style --- */

ul.general {
    list-style:none;
    margin-left:0;
}

ul.link-list{
    margin:0;
    padding:0;
    list-style:none;
}

ul.link-list li{
    margin:0;
    padding:2px 0 2px 0;
    list-style:none;
}

footer ul.link-list li a{
    color:#fff;
}

footer ul.link-list li a:hover {
    color:#eee;
}

/* --- Heading style --- */

h4.heading {
    font-weight:700;
}

.heading { 
    margin-bottom: 30px; 
}

.heading {
    position: relative;
    
}


/*

#bottom .widget .widgetheading span, aside .widget .widgetheading span, footer .widget .widgetheading span {    
    position: fixed;
    width: 60px;
    height: 1px;
    bottom: -1px;
    right:0;

}

*/

/* --- Map --- */
.map{
    position:relative;
    margin-top:-50px;
    margin-bottom:40px;
}


/* ===============================
14. Blog & article
================================ */

article{
    margin-bottom:40px;
}

article .post-heading h3 {
    margin-bottom:20px;
}

article .post-heading h3 a {
    font-weight:700;
    color:#353535;
}

article .post-heading h3 a:hover {
    text-decoration:none;
}


/* --- post meta --- */
.post-meta {
    background:#fcfcfc;
    border:1px solid #e6e6e6;
    border-top:none;
    text-align:center;
}

.post-meta .format {
    border-bottom:1px solid #e6e6e6;
    padding:10px 0 10px;
}

.post-meta i{
    margin:0;
}

.post-meta .date {
    border-bottom:1px solid #e6e6e6;
    padding:10px 0 10px;
}

.post-meta .date span {
    text-align:center;
    color:#999;
    font-size:12px;
    font-weight:600;
}

.post-meta .comments {
    padding:10px 0 10px;
}

.post-meta .comments a {
    color:#999;
    font-size:12px;
    font-weight:700;
}

.post-meta .comments a:hover {
    text-decoration:none;
}

/* --- post format --- */

.post-image {
    margin-bottom:20px;
}

.post-quote {
    margin-bottom:20px;
}

.post-video {
    margin-bottom:20px;
}

.post-audio {
    margin-bottom:20px;
}

.post-link {
    margin-bottom:20px;
}

.post-slider {
    margin-bottom:20px;
}


.post-quote blockquote {
    font-size:16px;
    color:#999;
    font-family:'Noto Serif', serif;
    font-style:italic;
    line-height:1.6em;
}


.post-image img:hover {
  -webkit-box-shadow: 0 0 2px #979797;
     -moz-box-shadow: 0 0 2px #979797;
          box-shadow: 0 0 2px #979797;  
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

ul.meta-post{
    float:left;
    margin: 0;
    padding:0;
    list-style:none;
}

ul.meta-post li{
    float:left;
    margin:0 10px 0 0;
    padding:0;
    list-style:none;
    border-right:1px dotted #e9e9e9;
    padding-right:10px;
}

ul.meta-post li i {
    float:left;
    font-size:12px;
    margin:2px 5px 0 0;
}

ul.meta-post li a{
    color:#999;
    float:left;
    font-size:12px;
    font-weight:600;
}




/* --- Comment --- */

.comment-area {
    float:left;
    width:100%;
    margin-top:30px;    
}


.media-content{
    overflow:hidden;
    margin-left:12px;
    border-bottom:1px dotted #d5d5d5;
    padding-bottom:20px;
}

.media-content h6 {
    font-size:14px;
    font-weight:700;
}

.media-content span{
    color:#a9a9a9;
    font-size:14px;
    font-weight:300;
}

.comment-area .thumbnail > img {
  display: block;
    width:60px;
    height:60px;
}
.filter-list{
    margin-top:20px;
}

/* --- pagination --- */

#pagination a,
#pagination span {
    /* display: block; */
    float: left;
    margin: 0 7px 0 0;
    padding: 7px 10px 6px 10px;
    font-size: 12px;
    line-height:12px;
    color: #888;
    font-weight:600;
}

#pagination a:hover {
    color: #fff;
    text-decoration:none;
}

#pagination span.current {
    background: #333;
    color: #fff;
    font-weight: bold;
}


/* ===============================
15. Aside, sidebar
================================ */

aside{
    position:relative;
    margin-bottom:0px;
}

.sidebar-nav{
    float:left;
    width:100%;
}

.right-sidebar{
    border-left:1px solid #f5f5f5;
    padding:0 0 0 30px;
-webkit-box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01);
box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01);

}


.left-sidebar{
    border-right:1px solid #f5f5f5;
    padding:0 30px 0 0;
-webkit-box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01);
box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01);
}


.left-sidebar .widget h3, .left-sidebar .widget .widget-content{
    padding-right:20px;
}



aside .widget {
    margin-bottom:40px;
}


ul.cat, ul.recent, ul.folio-detail, ul.contact-info{
    margin:0;
    padding:0;
    list-style:none;
}

ul.cat li, ul.recent li, ul.folio-detail li, ul.contact-info li{
    margin:0 0 15px 0;
    list-style:none;
}

ul.cat li a, ul.folio-detail li a{
    color:#656565;
}

ul.folio-detail li label{
    display:inline;
    cursor:default;
    color:#353535;
    font-weight:bold;
}

.widget ul.recent li {
    margin-bottom:20px;
}

ul.recent li h6 {
    margin:0 0 10px 0;
}

ul.recent li h6 a{
    color:#353535;
    font-size:16px;
    font-weight:600;
}


.widget ul.tags {
    list-style:none;
    margin:0;
    margin-left: 0;
    padding-left:0;
}

.widget ul.tags li {
    margin:0 5px 15px 0;
    display:inline-block;
}


.widget ul.tags li a {
    background:#e6e6e6;
    color:#333;
    padding:5px 10px;
}

.widget ul.tags li a:hover {
    text-decoration:none;
    color:#fff;
}


/* ===============================
16. Footer
================================ */

.footer-sticky{
position: absolute;
  bottom: 0;
  width: 100%;
}


footer{

    padding:30px 0 0 0;
    color:#f8f8f8;
    /*from default.css */
    /* background:  #303f42; #777b7d; */
    background: #303f42;  /* #A9A9A9; */
    /* height: 205px; */
}

footer a {
    color: #7dceff; /* #00b7a3; */
    /* color:#f26522; */
}

footer a:hover {
    /* color:#ffbfbf; */
    color:#f26522;
    font-weight: bold;
    text-decoration: underline;
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6{
    color:#fff;
}

footer address {
    line-height:1.6em;
}

footer h5 a:hover, footer a:hover {

}


#sub-footer{
    text-shadow:none;
    color:#f5f5f5;
    padding:0;
    text-align:center;
    background-color:#000;
}

#sub-footer p{
    margin-top:0;
    padding:0;
    margin-bottom: -20px;
    margin-top: -10px;
    font-size:12px;
}

#sub-footer span{
    color:#f5f5f5;
}

/* ===============================
17. Divider, Line & Misc
================================ */

.solidline {
    border-top:1px solid #f5f5f5;
    margin:0 0 30px;
}

.dottedline {
    border-top:1px dotted #f5f5f5;
    margin:0 0 30px;
}

.dashedline {
    border-top:1px dashed #f5f5f5;
    margin:0 0 30px;
}

.blankline {
    height:1px;
    margin:0 0 30px;
}


/* scroll to top */
.scrollup{
    position:fixed;
    width:32px;
    height:32px;
    bottom:0px;
    right:20px;
    background: #222;
    
}

a.scrollup {
    outline:0;
    text-align: center;
}

a.scrollup:hover,a.scrollup:active,a.scrollup:focus {
    opacity:1;
    text-decoration:none;
}
a.scrollup i {
    margin-top: 10px;
    color: #fff;
}
a.scrollup i:hover {
    text-decoration:none;
}




/* =============================
18. Position & alignment
============================= */

.absolute{
    position:absolute;
}

.relative{
    position:relative;
}

.aligncenter{
    text-align:center;
}

.aligncenter span{
    margin-left:0;
}

.floatright {
    float:right;
}

.floatleft {
    float:left;
}

.floatnone {
    float:none;
}

.aligncenter {
    text-align:center;
}

/* --- Image allignment style --- */

img.pull-left, .align-left{
    float:left;
    margin:0 15px 15px 0;
}

.widget img.pull-left {
    float:left;
    margin:0 15px 15px 0;
}

img.pull-right, .align-right {
    float:right;
    margin:0 0 15px 15px;
}

article img.pull-left, article .align-left{
    float:left;
    margin:5px 15px 15px 0;
}

article img.pull-right, article .align-right{
    float:right;
    margin:5px 0 15px 15px;
}

/* =============================
20. Spacer, margin
============================= */

.clear-marginbot{
    margin-bottom:0;
}

.marginbot10{
    margin-bottom:10px;
}
.marginbot20{
    margin-bottom:20px;
}
.marginbot30{
    margin-bottom:30px;
}
.marginbot40{
    margin-bottom:40px;
}

.clear-margintop{
    margin-top:0;
}

.margintop10{
    margin-top:10px;
}

.margintop20{
    margin-top:20px;
}

.margintop30{
    margin-top:30px;
}

.margintop40{
    margin-top:40px;
}


/* =============================
21. Media queries 
============================= */

/*
.adjustFooter {
  margin-bottom: 165px;
}

@media screen and (max-height: 1000px) {
  .adjustFooter {
   margin-bottom: 30px;
  }
}

@media screen and (max-height: 950px) {
  .adjustFooter {
   margin-bottom: 30px;
  }
}

*/

@media (min-width: 768px) and (max-width: 979px) {

    a.detail{
        background:none;
        width:100%;
    }


    
    footer .widget form  input#appendedInputButton {
          display: block;
          width: 91%;
          -webkit-border-radius: 4px 4px 4px 4px;
             -moz-border-radius: 4px 4px 4px 4px;
                  border-radius: 4px 4px 4px 4px;
    }
    
    footer .widget form  .input-append .btn {
          display: block;
          width: 100%;
          padding-right: 0;
          padding-left: 0;
          -webkit-box-sizing: border-box;
             -moz-box-sizing: border-box;
                  box-sizing: border-box;
                  margin-top:10px;
    }

    ul.related-folio li{
        width:156px;
        margin:0 20px 0 0;
    }   
}

@media (max-width: 767px) {

  body {
    padding-right: 0;
    padding-left: 0;
  }
    .navbar-brand {
        margin-top: 10px;
        /* border-bottom: none; */

    }
    .navbar-header {
        margin-top: 0px;
    }
    
    .navbar-nav {
        border-bottom: 1px solid #93a9aa;
        border-top: 1px solid #93a9aa;
        float: none;
        width: 100%;
    }

    header .navbar-nav > li  {
        padding-bottom: 0;
        padding-top: 5px;
        border-bottom: 1px solid #93a9aa;
        border-top: 1px solid #93a9aa;
    }

    
    header .nav li .dropdown-menu  {
        margin-top: 0;
    }

    header .navheadmenu li .dropdown-menu  {
        margin-top: 0;
    }
    .dropdown-menu {
      position: absolute;
      top: 0;
      left: 40px;
      z-index: 1000;
      display: none;
      float: left;
      min-width: 160px;
      padding: 5px 0;
      margin: 2px 0 0;
      font-size: 13px;
      list-style: none;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid #f5f5f5;
      border: 1px solid rgba(0, 0, 0, .15);
      border-radius: 0;
      -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
              box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    }
    @media (max-width:767px) {
        .dropdown-menu {
          position: relative;
          top: 0;
          left: 0;
          z-index: 0;
          display: none;
          float: left;
          width: 100%;
          padding: 5px 0;
          margin: 2px 0 0;
          font-size: 13px;
          list-style: none;
          background-color: #fafafa;
          background-clip: padding-box;
          border: none;
          border-radius: 0;
          -webkit-box-shadow: none;
                  box-shadow: none;
        }
    }
    

    
    .navbar-collapse.collapse  {
        border: none;
        overflow: hidden;
    }

    
    .box {
        border-bottom:1px solid #e9e9e9;
        padding-bottom:20px;
    }

    #featured .flexslider .slide-caption {
        width: 90%; 
        padding: 2%; 
        position: absolute; 
        left: 0; 
        bottom: -40px; 
    }


    #inner-headline .breadcrumb {
        float:left;
        clear:both;
        width:100%;
    }

    .breadcrumb > li {
        font-size:13px;
    }

    
    ul.portfolio li article a i.icon-48{
        width:20px;
        height:20px;
        font-size:16px;
        line-height:20px;
    }


    .left-sidebar{
        border-right:none;
        padding:0 0 0 0;
        border-bottom: 1px dotted #e6e6e6;
        padding-bottom:10px;
        margin-bottom:40px;
    }
    
    .right-sidebar{
        margin-top:30px;
        border-left:none;
        padding:0 0 0 0;
    }
    
    
    footer .col-lg-1, footer .col-lg-2, footer .col-lg-3, footer .col-lg-4, footer .col-lg-5, footer .col-lg-6, 
    footer .col-lg-7, footer .col-lg-8, footer .col-lg-9, footer .col-lg-10, footer .col-lg-11, footer .col-lg-12{
        margin-bottom:20px;
    }



    
  [class*="span"] {
        margin-bottom:20px;
  }

}

@media (max-width: 480px) {
    .bottom-article a.pull-right {
        float:left;
        margin-top:20px;
    }


    .search{
        float:left;
    }

    .flexslider .flex-caption {
        display:none;
    }


    .cta-text {
        margin:0 auto;
        text-align:center;  
    }
    
    ul.portfolio li article a i{
        width:20px;
        height:20px;
        font-size:14px;
    }

    

}

@media (max-width: 767px) {
.navbar-brand { margin-top:-7px;}
}

/*
@media (max-width: 400px) {
.navbar-brand { width:80%;}
.navbar-toggle { margin-right:3px;; }
}


@media (max-width: 290px) {
.navbar-brand { width:70%;}
.navbar-toggle { margin-right:3px;; }
}
*/

.jumbotron {background-color:#dedede;     box-shadow: 0px 1px 5px 0px #817b74;}

.label {font-size:20px;}

#svAsset {max-width:300px; margin:15px; float:right;}
#svAsset p {font-weight: bold; font-size:12px; padding:10px; color:#000;text-align:center; }
#svAsset img {border-radius:50%; padding:10px; border: 2px solid #dedede; margin-bottom:10px;}

@media (min-width: 768px){
    .maincontentfront {margin-top:0px;}
}
@media (max-width: 767px){
    .maincontentfront {margin-top:130px;}
}
.maincontent {margin-top:147px;margin-bottom: 20px;}
@media (min-width: 992px){
    .maincontent {min-height: 616px;}
}

@media (max-width: 767px) {
.maincontent {margin-top:130px;}
}

.endlinks {margin-top:20px}

.edges {border-radius:7px;}
.btn { text-transform: none;}
.form-control:focus {box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(144, 144, 144, 0.6);border:1px solid #dedede;}
.input[type="text"]:focus { border-color: #fff;}


/*   Large nav styling */
@media (min-width: 768px){
.navbar .nav > li > a {font-weight:700; font-size:16px; color:#303f42; padding-left:8px; padding-right:8px;border-radius: 0px 0px 5px 5px}
header .nav li .dropdown-menu li a { font-family: sans-serif; font-size:14px;  }
.dropdown-menu {border:1px solid #dedede; box-shadow: 1px 1px 5px #817b74;}
/* commented out for GtR */
/*ul.nav a:hover { background-color:#93a9aa;}*/
.navbar .nav > li > a:hover { background-color:none; border-bottom: 3px solid #f26522; border-radius: 0px;}
.navbar .nav > li > a.active {background-color:#dedede;}
.navbar .btn { background-color:#dedede; color:#303f42;}
.navbar .btn:hover { background-color:#f26522; color:#fff;}
}

/*   Large nav styling */
@media (min-width: 768px){
.navbar .navheadmenu > li > a {font-weight:700; font-size:16px; color:#303f42; padding-left:8px; padding-right:8px;border-radius: 0px 0px 5px 5px}
header .navheadmenu li .dropdown-menu li a { font-family: sans-serif; font-size:14px;  }
.navbar .navheadmenu > li > a:hover { background-color:none; border-bottom: 3px solid #f26522; border-radius: 0px;}
.navbar .navheadmenu > li > a.active {background-color:#dedede;}
}


/******************************* FROM HERE ***************/

/*   Small nav styling */
@media (max-width: 767px){
/* .navbar-collapse { margin-top:0px; max-height:100%; overflow:scroll;} */
.nav li { padding:0; margin:0;}
.navbar .nav > li > a { margin:0px; padding:5px 0px; padding-left:5px;}
/* header .navbar-collapse  ul.navbar-nav { margin-top:-10px;} */
.navbar-form { border:0; margin:5px;;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a { color:#000;}
.container>.navbar-collapse { margin-left:-20px; margin-right:-20px; }
.navbar .btn { background-color:#dedede; color:#303f42;}
.navbar .btn:hover { background-color:#fff; color:#000;}
.navbar-collapse  { background-color:#dedede; font-family: sans-serif; font-weight: normal; }
}

/******************************* TO HERE ***************/


/*   ------------------- */
@media (min-width: 1200px) {
.navbar-form .form-control {  max-width: 160px; margin:0;}

	.rwd-break { display: none; }
	.rwd-break-2btn { display: none; }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .navbar-form .form-control { max-width:150px; margin:0;}
        .rwd-break-2btn { display: none; }
}
@media (max-width: 767px) {
.navbar-form .form-control {  margin:0;}
}

@media (max-width: 993px) {
    .navbar .form-group, .navbar  .form-control { font-size:12px; }
}
#navcopy { padding:0px; margin:0px;}
#navcopy ul { margin-bottom: -20px; }
.inpagenav { padding:10px; margin:10px; background-color:#eee; float:right; border-radius:5px;  box-shadow:0px 1px 5px #817b74; margin-top:5px;}


.maincontent a {color:#0645ad;}
.maincontent a:hover {color:#0b0080;}
.maincontent a:visited {}

.maincontentfront a {color:#0645ad;}
.maincontentfront a:hover { color:#0b0080;}
.maincontentfront a:visited {}

/* =============================
22. GtR Specific
============================= */

/* 22.1 Homepage Specific */

#homepage-wrapper {
    background-color: #000000;
    background-image: url('/resources/img/ukrisunrise.png');
    background-size: auto;  
    width: 100%;
    padding: 12em 0 12em 0;
    color: #ffffff;
}

#homepage-wrapper .homepage-search-wrapper {
        /* margin-left: 2em;
        margin-right: 2em; */
    }

#homepage-title {
    background-color: white;    
    padding: 15px;    
    border-radius: 5px;    
    opacity: .8;    
    margin-bottom: 5px; 
    color: #f26522; 
    text-align: center;
}

#homepage-title h2  {
       
    color: #36454f; 
    font-size: 1.9rem;
    }

#homepage-title h3  {
    color: #36454f; 
    font-size: 1.65rem;
    }
#homepage-title p {
    color: #36454f;
    font-size: 1.33rem;
}

#homepage-wrapper .homepage-search-wrapper {
        margin-left: 2em;
        margin-right: 2em;
    }
    
.api-alert {
    border: red 2px;
    font-size: 1.33rem;
}





/* 22.2 SEARCH BAR  */
section#Search {
    position: relative;
/*    background-color: #333333;*/
    background-color: #303f42; 
    color: white;  
    padding-bottom: 0.95em;
    padding-top: 0.75em;
     border-radius:5px; 
}

#search-wrapper {
    margin-left: 12px;
    margin-right: 2px;
}

#term {
    width: 65%;  /* 68 */
    margin-top: 0.2em;
    height: 2em;
    padding-left: 0.5em;
}

#Search .btn {
    height: 1.9em;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-align: center;
    margin-top: 0.2;
    line-height: inherit;
    display: inline-block;
    border-color: #777b7d;
}

.search-button {
    width: 6.5em;
    padding-left: 0;
    padding-right: 0;
    border-radius: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}




section #search-help {
     width: 11%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
    background-color: #07569e;  /* #0C66B4; */
    border-color: #357ebd;
    border-radius: 4px;
}

.pad-top-em,
.pad-bot-em {
    padding-bottom: 0.8em;
}

#further-help {
   color: #00b7a3;
    text-decoration: underline;
}

#further-help:hover {
    color:#f26522;
    font-weight: bold;
    text-decoration: underline;
}

#further-details {
    margin-bottom: 1.5em;
}







/* 22.3 BUTTONS */

.btn-primary {
    color: #fff; 
    background-color: #f26522;
}

.btn-primary:hover {
    color: #fff; 
    background-color: #ba5107;
}

.btn-primary:active {
    color: #fff; 
    background-color: #ba5107;
}    

.btn-primary:active:after {
      color: #fff; 
    background-color: #ba5107;
}    
    
.btn-primary:after {
  color: #fff; 
    background-color: #ba5107;
}   

.btn-primary:focus, .btn-primary.focus {
  /*box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);*/
    color: #ffffff;
  background-color: #ba5107;
  border-color: #285e8e;
}   

.arrow-down {
    width: 0;
    height: 0;
    border-left: 0.5em solid transparent;
    border-right: 0.5em solid transparent;
    border-top: 0.5em solid #f00;
    display: inline-block;
}

.arrow-up {
    width: 0;
    height: 0;
    border-left: 0.5em solid transparent;
    border-right: 0.5em solid transparent;
    border-bottom: 0.5em solid #0088cc;
    margin-bottom: 0.25em;
    display: inline-block;
}

.btn-mini {
    padding: 0.5em 0.5em;
    line-height: 1.8em;
}

.btn-responsive {
    width: auto;
    font-size: 0.8em !important;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.btn-responsive > .btn {
    font-size: 0.8em;
}

#gtr-back {
    padding-bottom: 0.8em;
}
 
 
[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("/resources/img/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    margin-top: 1px;
}
    
.icon-chevron-left {
    background-position: -432px -72px;
    width: 0.9em;
    height: 0.9em;
    margin-top: 0;
    margin-right: 0.2em;
}

.btn-back {
    background-color: #eeeeee;
    color: #2967cd;
    display: inline-block;
    margin-top: 0.2em;
    padding: 0.6em;
    font-size: 1em;
    text-decoration: none;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    margin-bottom: 0.4em;
}







   
/***   22.4 RESULT CONTROLS ***/
/***  #gtr-top-search-controls   =  container for top set of controls for sorting, paging and results per page ***/
/***  #gtr-bottom-search-controls   =  container for bottom set of controls i.e. paging  ***/
/***  #results-controls   =  row within the search controls ***/
/***  #sort-controls  = sort controls ***/

.ui-jqgrid .ui-jqgrid-labels th.ui-th-column {
    background-color: #93a9aa;
    background-image: none
} 

#results-controls {
    margin-bottom: 1.5em;
}

    #results-controls > div {
        padding-right: 0; /* Important - prevents some of the controls wrpping when they  become closer*/
    }

    #results-controls .pagination {
        margin-bottom: 0px;
    }

#results-main, #results-container {
    padding-top: 0.5em;
    padding-left: 0;
    padding-right: 0;
}

#results-controls-bottom {
    padding-top: 1.5em;
    padding-left: 0;
    padding-right: 0;
}

#results-controls .pagination .btn, #result-controls a.btn {
    color: black;
}

.box {
    color: white;
    background-color: #303f42;
    text-align: center;
    display:flex;
    align-items:center;
    justify-content:center;
    padding: 1.6em 0;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
}
 
 #result-container .container {
    padding-top: 0.5em;
    padding-left: 0px;
    padding-right: 0px;
}

.title {
    line-height: 1em;
    font-size: 1.8em;
    padding-top: 0px;
    padding-bottom: 0px;
}

.flex-wrapper {
  height:100%;
  display:flex;
  justify-content: center;
  flex-direction:column;
}

.result-details {
    margin-top: 1em;
}

.header-light {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: normal;
}

.gtr-search-title {
    line-height: 1em;
    font-size: 1.8em;
    padding-top: 0px;
    padding-bottom: 0px;

}

.gtr-search-pub-title {
    line-height: 1em;
    font-size: 1.6em;
    padding-top: 0px;
    padding-bottom: 0px;
}

#titleblock {
    background-color: white;    
}

.flex-grow {
   flex: 1;
}
     
.gtr-proj-org {
    font-size: 1.4em;
    margin-bottom: 0.4em;
}

.gtr-summary {
    margin-bottom: 1.5em;
}



.gtr-search-icon {
    padding: 1em 0;
}


img {
    /* Responsive images (ensure images don't scale beyond their parents) */
    max-width: 100%;
    /* Part 1: Set a maxium relative to the parent */
    width: auto;
    /* IE7-8 need help adjusting responsive images */
    height: auto;
    /* Part 2: Scale the height according to the width, otherwise you get stretching */
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}



/*22.5 FILTERS */

.filter-category a {
    text-decoration: underline;
}

.filter-category ul {
    margin-left: 0em;
    padding-left: 0em;
}

.filter-category li {
    line-height: inherit;
    font-size: 1.2em;
    color: initial;
}

.filter-category {
    position: relative;
    padding: 1em 0;
    border-top: 1px solid #cccccc;
    font-size: 0.8em;
    color: #ed1c24;
}

.filter-category.first-child {
    padding-top: 0;
    border-top: none;
}

.filter-category ul li {
    margin: 0.5em 0;
    color: grey;
}

.treeNodeTextChild{
    color: #07569e;  /* #0c66b4; */
    font-size: 0.9em;
    font-weight: 400;
}

.treeNodeTextParentLevel1{
    color: #f26522; 
    font-size: 1.2em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
        
}
.treeNodeTextParentLevel2{
    color: #f26522; 
    font-size: 0.938em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.treeNodeTextParentLevel3{
    color: #3f3d3d; 
    font-size: 0.74em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.treeNodeTextParentLevel3_bold{
    color: #3f3d3d; 
    font-size: 0.74em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.treeNodeTextParentLevel3_red{
    color: red; 
    font-size: 0.74em;
    font-family: Arial, Helvetica, sans-serif;
}

.treeNodeTextParentLevel3_inactive{
    color: #AAAAAA; 
    font-size: 0.74em;
}

.treeNodeTextParentLevel1_filter{
    color: #f26522; 
    font-size: 1.4em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
        
}

.treeNodeTextParentLevel3_filter{
    color: #3f3d3d; 
    font-size: 1.1em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.filter-category a {
    text-decoration: underline;
}

.filter-category ul {
    margin-left: 0em;
    padding-left: 0em;
}

.filter-category li {
    line-height: inherit;
    font-size: 1.2em;
    color: initial;
}

.filter-category {
    position: relative;
    padding: 1em 0;
    border-top: 1px solid #cccccc;
    font-size: 0.8em;
    color: #ed1c24;
}

.filter-category.first-child {
    padding-top: 0;
    border-top: none;
}

.filter-category ul li {
    margin: 0.5em 0;
    color: grey;
}

.filter-text {
    color: #07569e;  /* #0c66b4;; */
}


.filter-category.first-child {
    padding-top: 0;
    border-top: none;
}

.filter-category ul li {
    margin: 0.5em 0;
    color: grey;
}

.remove-filter {
    color: #f26522;
    text-transform: uppercase;
    font-size: 60%;
    text-decoration: none;
}

/*22.5 TABS */

.tabbable a:active, .tabbable a:focus {
   /* color: #f26522 !important; */
    color: #fff;
    font-weight: bold;
}

#tabPeople ul,
#tabOrganisations ul  {
    padding-left: 0;
}

#tabPeople ul > li,
#tabOrganisations ul > li {
    display:block;
    font-size: 1.2em;
}

#tabOutcomes {
    margin-top: 1em;
}

#tabOutcomes .nav-stacked {
    border-bottom: 0;

}

#tabOutcomes .nav-stacked  > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
    color: #333333;
}




#tabOutcomes .nav-stacked  > li > a.active  {

    border: 2px solid #dddddd;
    border-right-color: transparent;
    color: rgb(50, 118, 177);
    font-weight: bold;
}


#tabOutcomes  .nav-stacked {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

/* Tab Section*/
#tab-container {
    margin-top: 1em;
    padding-left: 0;
    padding-right: 0;
    clear: both;
}

#tab-container  li > a.active {
    color: #f26522; /*rgb(50,118,177); */
    font-weight: bold;
}

#tab-container li > .active {
    color: #f26522; /* rgb(50,118,177); */
    font-weight: bold;
}

#tab-container li > a {
        color: #3F3D3D;
}

#tabOutcomes li > a {
    color: #3F3D3D;
}

#tabOutcomes  li.active > a {
    color: #f26522;
}

#tab-container .active .recordCount {
    color: #f26522;
}

#tab-container h2 {
    margin-top: 0.25em;
    font-size: 1em;
    margin-bottom: 0.25em;
}

/* 22.6  ASIDES  */

.aside-category a {
    text-decoration: underline;
}

.aside-category ul {
    margin-left: 0em;
    padding-left: 0em;
}

.aside-category li {
    line-height: inherit;
    font-size: 1.2em;
    color: initial;
}

.aside-category {
    position: relative;
    padding: 0 0 1em 0;
    border-top: 1px solid #cccccc;
    font-size: 1em;
    line-height: 1.5;
}

.aside-category h3 {
    padding-top: 0.7em;
    font-weight: normal;
    color: #ed1c24;
}

.aside-category.first-child {
    padding-top: 0;
    border-top: none;
}

.aside-category ul li {
    margin: 0.5em 0;
}

#funding-details {
    margin-top: 1em;
}

#funding-details h3,
    #results-refine h3 {
    line-height: 1.8em;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 0.5em;
    margin-top: 0.25em;
}

#funding-details h3 {
    font-weight: normal;
    color: #f26522;
    margin-bottom: 0;
    font-weight: bold;
}

#totalFund {
    font-size: 1.2em;
}

#chart_container {
    width: 200px; height: 260px; overflow: hidden;
}

#chart_div {
    width: 600px;
    border: 1px solid red;
    margin-left: -188px;
    margin-top: -75px;
}



/*22.6 MEDIA QUERIES */

@media (min-width: 992px) {
    body {
        line-height: 1.5;
        min-width: 767px;
    }


    #results-refine {
        display: block;
    }


        #funding-details.collapse,
        #results-refine.collapse {
            display: block;
        }


    #result-list.collapse {
        display: block;
    }
}


/*  ideally might code down to 320 which is smartphone in portrait  */

/* .navbar-img {
  width: 232px;
  height: 58px;
} */

@media screen and (min-width: 767px) {
  .navbar-img {
    width: 290px;
    height: 85px;
  }
}

@media (max-width: 767px) {
  .navbar-img {
    width: 220px;
    height: 56.57px;
  }
  
}

@media (max-width: 354px) {
  .navbar-img {
    width: 200px;
    height: 52px;
  }

/*22.5 General */
           
.splash {
  display: none;
}

[ng-cloak].splash {
  background-color: #07569e; /* #0c66b4;; */
  text-align: center;
  color: white;
  display: block !important;
}




/*
.searchfacetrepeater {
    font-size: 1.2em;
    display:inline;
    vertical-align:top;
}
*/


.pagination {
    margin-top: 0;
}


.pagination-centered {
    padding-left: 5%;
}


#results-controls > #search-right-controls {
    padding-right: 15px;
}

.jstree-anchor {
     color: #f26522; 
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;

}

/* Tooltip */
.test + .tooltip > .tooltip-inner {
    background-color: #73AD21; 
    color: #FFFFFF; 
    border: 1px solid green;
    padding: 15px;
    font-size: 20px;
}

 @media (max-width: 768px) {
        
            #homepage-title {color: red;}
        
            
        }
    


@media (max-width: 991px) {

    body {
        line-height: 1.5;
       /* min-width: 450px; */
    }
    
    #pagesize-controls {
        margin-right: 0.75em;
    }

    #gtr-home-lnk img {
        margin-right:0.4em;
    }

    #tab-container li.active > a {
        color: white;
        background-color: #f26522;  /* rgb(50,118,177); */
    }

    #tab-container li > a:hover {
        color: white;
        background-color: #f26522; /* rgb(50,118,177); */
    }

   .btn.menu-btn {
        background-color: #f26522; /* rgb(50,118,177); */
        color: white;
    }

    /*  Set Left to 0 if you want this to cover all (also need to add o refine button to collapse the Results-list if you want the refine to fill the whole screen*/
   /*
    #results-refine {
        position: relative;
        background-color: white;
        top: 3.5em;
        left: 100%;
        float: left;
       border: inset;
        width: 100%;
    }
   */
    .gtr-search-title {
        line-height: 1em;
        font-size: 1.1em;
    }
}

@media (max-width: 768px) {
 
    #results-refine {
        position: absolute;
        background-color: white;
        top: 3.5em;
        left: 100%;
        float: left;
       /* border: inset; */
        width: 100%;
    }
}
   /*
   
      @media (min-width: 1200px ) {
        .rwd-break { display: none; }
   } 
   
   
   @media (max-width: 500px) {
.search-button { width: 30%; }
}


@media (max-width: 900px) {
.search-button { width: 20%; }
}

@media (min-width: 901px) {
.search-button { width: 10%; }
}
*/

@media (max-width: 767px)
.navbar-toggler {
    background-color: #dedede;
}
@media (max-width: 767px)
.navbar-toggler{
    background-color: #dedede;
}

.navbar-toggler-icon {
	background-color: #dedede;
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}