/*!
 * Bootstrap v4.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@import url('https://fonts.googleapis.com/css?family=Ubuntu|Anton|Roboto');

:root {
   --blue: #007bff;
   --white: #fff;
   --gray-dark: #2b506a;
   --dark: #2b506a !important
}

*, ::after, ::before {
   box-sizing: border-box
}

html {
   font-family: Roboto !important;
   line-height: 1.15;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   -ms-overflow-style: scrollbar;
   -webkit-tap-highlight-color: transparent
}

footer, header, main, nav, section {
   display: block
}

.title {
   background-color: #fff;
   position: relative;
   margin-top: 15px;
   height: 40px !important;
}

.title_caption {
   margin-left: 10px;
}

.text-muted_2 {
   color: #c2d4e1 !important
}

.form-control {
   line-height: 2.0em !important;
   /*height: 2.1em !important;
   padding: 2px !important;*/
   margin: 0px;
   font-size: 0.9em !important
}

body {
   margin: 0;
   font-family: Roboto !important;
   line-height: 1.5;
   color: #212529;
   text-align: left;
   background-color: #fff;
   letter-spacing: .05rem
}

[tabindex="-1"]:focus {
   outline: 0 !important
}

p {
   margin-top: 0;
   margin-bottom: 1rem
}

ol, ul {
   margin-top: 0;
   margin-bottom: 1rem
}

ol ol, ol ul, ul ol, ul ul {
   margin-bottom: 0
}

a {
   color: #0056b3;
   text-decoration: none;
   background-color: transparent;
   -webkit-text-decoration-skip: objects
}

a:hover {
   color: #0af
}

p,
h1,
h2,
h4,
h5,
h6 {
   font-family: Roboto !important;
   display: block !important;
}

hr {
   display: block;
}

h1.empresa {
   font-size: 26px !important;
   font-family: Anton;
   color: #2b506a !important;
}

.h4, h4 {
   margin-bottom: .5rem;
   font-weight: 300;
   color: inherit;
   margin-top: 0
}

h1, h4 {
   margin-top: 0;
   margin-bottom: .5rem
}

.h1, h1 {
   font-size: 1.7rem !important;
   color: #2b506a !important;
   font-weight: bold;
}

.h2, h2 {
   font-size: 1.5rem !important;
}

.h3, h3 {
   font-size: 1.4rem !important
}

.h4, h4 {
   font-size: 1.3rem !important
}

.h5, h5 {
   font-size: 1.2rem !important
}

.h6, h6 {
   font-size: 1.1rem !important
}

.breadcrumb {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: .35rem !important;
   margin-bottom: 1rem;
   margin-top: 0.5rem;
   list-style: none;
   background-color: #ddd;
   font-size: 0.85em;
}

.breadcrumb-item+.breadcrumb-item {
   padding-top: .6rem;
}

.breadcrumb-item a i {
   padding-top: .6rem;
   /*icon de home alinhado*/
}

.breadcrumb-item+.breadcrumb-item::before {
   display: inline-block;
   padding-right: .5rem;
   color: #6c757d;
   content: "/"
}

.breadcrumb {
   width: 100% !important
}

.breadcrumb-item+.breadcrumb-item:hover::before {
   text-decoration: underline
}

.breadcrumb-item+.breadcrumb-item:hover::before {
   text-decoration: none
}

.breadcrumb-item.active {
   color: #6c757d;
   padding-top: .6rem;
}

/** Carousel **/

header .container-fluid {
   width: 100%;
   padding-right: 0x !important;
   padding-left: 0px !important;
}
.carousel {
   position: relative
}

.carousel-inner {
   position: relative;
   width: 100%;
   overflow: hidden;
   vertical-align: middle
}

.carousel-item {
   position: relative;
   display: none;
   -ms-flex-align: center;
   align-items: center;
   width: 100%;
   /*max-height: 400px !important;*/
   transition: -webkit-transform .6s ease;
   transition: transform .6s ease;
   transition: transform .6s ease, -webkit-transform .6s ease;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-perspective: 1000px;
   perspective: 1000px
}

.carousel-item img {
   display: block;
   width: 100%;
   margin-left: auto;
   margin-right: auto;
}

.carousel-indicators {
   filter: invert(40%);
}

.carousel-control-prev-icon, .carousel-control-next-icon {
   filter: invert(40%);
}

.bg-secondary {
   background-color: #6c757d !important
}

a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
   background-color: #545b62 !important
}

.bg-dark {
   color: #2b506a !important;
   min-height: 120px !important;
}

a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
   color: #2b506a !important
}

.bg-white {
   background-color: #fff !important
}

.foot {
   color: #2b506a !important;
}

.d-none {
   display: none !important
}

.d-block {
   display: block !important
}

.text-white {
   color: #fff !important
}

.text-secondary {
   color: #6c757d !important
}

a.text-secondary:focus, a.text-secondary:hover {
   color: #545b62 !important
}

.text-dark {
   color: #343a40 !important
}

a.text-dark:focus, a.text-dark:hover {
   color: #1d2124 !important
}

.text-body {
   color: #212529 !important
}

.text-white-50 {
   color: rgba(255, 255, 255, .5) !important
}

.text-center {
   text-align: center !important;
}

.card {
   background-color: #fff !important;
   border: 1px solid white !important
}

.card-img-top {
   align-content: center !important
}

.card-body {
   text-align: center !important;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   padding: .80rem !important;
}

.card-title {
   text-align: center !important;
   margin-bottom: .4rem !important;
   font-size: 1em !important;
   letter-spacing: 0.03em;
}

.card-text:last-child {
   margin-bottom: 0
}

.card-text {
   font-weight: bold !important;
   text-align: center !important;
   font-size: 0.8em;
   letter-spacing: 0.02em;
   line-height: 1.6em
}

.portfolio-item img:hover {
   opacity: 1 !important;
}

.portfolio-item img {
   opacity: 0.8 !important;
}

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

footer {
   font-size: 0.9em !important;
   background-color: #2b506a !important
}

footer a img:hover {
   opacity: 0.5
}


/* icons social no FOOTER */

ul.social {list-style-type: none;}
.social li {
	background: none repeat scroll 0 0 #fff;
	border: 2px solid #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	float: left;
	height: 36px;
	line-height: 36px;
	margin: 0 8px 0 0;
	padding: 0;
	text-align: center;
	width: 36px;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}
.social li:hover {
	transform: scale(1.15) rotate(360deg);
	-webkit-transform: scale(1.1) rotate(360deg);
	-moz-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
}
.social li a {
	color: #000;
}
.social li a i {
	font-size: 1.2em;
	margin: 0 0 0 5px;
	color: #000 !important;
}
.social li a i:hover {
	font-size: 1.2em;
	margin: 0 0 0 5px;
	color: #fff !important;
}
.social li:hover {
	border: 2px solid #000;
	background: #000;
   color: #fff !important;
}



.py-5 {
   background-color: #2b506a !important
}

#topo {
   display: none
}


@media print {
    @page {
       size: A4;
        margin: 20mm 15mm 20mm 15mm !important;
    }
   body {
    width: 210mm;
    height: 297mm;
   }
    img.img-fluid {width: 100px !important; height:100px !important; page-break-after: auto !important; page-break-before:auto !important; page-break-inside: avoid !important; }
    div.arq {
       width: 150px !important;
       margin-top:20px;
       text-align:center;
       page-break-inside: avoid !important;
       border: 0 !important;
    }

    #topo {
      display:block;
      position: running(header);
      background: #fff url("../images/mgo_print.jpg") no-repeat !important;
    	margin-top:0px;
      overflow: visible;
      text-align:center;
      width:100%;
      height:117px!important;
    }
/*
@top-center {
   content: element(header);
}
*/

}
.arq {
    border-bottom: dotted 0.01em #dbdbdb;
    border-right: dotted 0.01em #dbdbdb;
    border-left: dotted 0.01em #dbdbdb;
    margin-bottom: 10px;}

.arq:hover {
        border-bottom:  dotted 0.01em #ccc;
        border-right:  dotted 0.01em #ccc;
        border-left:  dotted 0.01em#ccc;
        }

/** Search opcao 2**/
#custom-search-form {
   margin: 0;
   margin-top: 0px;
   padding: 0;
}

#custom-search-form .search-query {
   margin-top: 3px;
   padding: 5px;
   margin-bottom: 0;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-transition: width 0.2s ease-in-out;
   -moz-transition: width 0.2s ease-in-out;
   -o-transition: width 0.2s ease-in-out;
   transition: width 0.2s ease-in-out;
   font-size: 0.9em;
   border: 1px solid #0056b3;
}

.search-query {
   height: 25px !important;
   width: 110px !important;
}

.pesquisa2 .search-query {
   height: 25px !important;
   max-width: 180px !important;
   min-width: 150px !important;
}

#custom-search-form button {
   border: 0;
   background-color: rgba(255, 255, 255, 0.0) !important;
   color: #aaa !important;
   /** belows styles are working good */
   padding: 1px;
   margin-top: 0px;
   position: relative;
   color: #888;
   left: -35px;
   /* IE7-8 doesn't have border-radius, so don't indent the padding */
   margin-bottom: 0;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

.search-query:focus+button {
   z-index: 3;
}

.search-query:focus {
   width: 150px !important;
}

button {
   background-color: rgba(255, 255, 255, 0.0) !important
}

.fa-home {
   color: #2b506a !important;
   font-size: 1rem;
   margin-top: 0px;
}

.fa-search {
   color: #2b506a !important;
}

.fa-arrow-alt-circle-right {
   color: #2b506a !important;
   font-size: 1.5rem;
   margin: -15px auto auto -15px
}

@media only screen and (max-width: 991px) {
   .ml-auto {
      background-color: rgba(255, 255, 255, 1) !important;
   }

   .section {
      margin-top: 30px;
   }

   .breadcrumb {
      visibility: collapse;
   }

   .conteudo {
      margin-top: 50px !important;
   }

   .d-block {
      margin-left: 10px !important;
   }
}

.section {
   margin-top: 30px;
}

/*############
Drop Down menu + MENU
#############*/
.menu a {
   padding: 0px 5px 0px 5px !important;
   font-size: 0.9em;
   letter-spacing: 0.05rem;
   margin: 0px !important;
   color: #4c4c4c !important;
}

.menu a:hover {
   color: #000 !important
}
.nav-header{color: #000 !important; font-size: 1.4em !important; margin-bottom:0.2em; margin-top: 1em;}
#menu {
   z-index: 1001;
   height: 30px;
}

nav {
   top: 15px;
   position: relative;
}

.nav-link {
   display: block;
   /*padding: .6rem 1rem .1rem 1rem !important;*/
}

.nav-link1 {
   color: #fff !important;
   text-decoration: none !important;
   padding-right: .5rem !important;
   background-color: #2b506a !important;
}

.nav-link1:hover {
   color: #0df !important;
   background-color: #2b506a !important;
}

li.nav-item a {
   color: #fff !important;
   letter-spacing: 0.01rem;
}

.navbar-brand {
   padding-left: 0px !important;
   z-index: 2000;
}

.navbar-brand img:hover {
   opacity: 1 !important;
}

.navbar-nav .nav-link {
   line-height: 1.2em !important;
   color: rgba(255, 255, 255, 1) !important;
   background-color: #2b506a !important;
   padding-left: 10px !important;
}

.navbar-nav:hover .nav-link:hover {
   color: rgba(0, 230, 255, 1) !important;
   background-color: #2b506a !important;
}

.navbar {
   position: relative;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-pack: justify;
   justify-content: space-between;
   font-size: 0.9em !important;
   background-color: #2b506a !important;
   overflow: visible;
}

/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
   margin-bottom: 0.5rem;
}

.dropdown h5 {
   font-size: 1.2em !important;
   color: #fff !important;
   margin: 0;
   padding: 0;
   font-weight: bold;
   text-transform: uppercase;
   letter-spacing: 0.05em
}

.dropdown-menu {
   background-color: #2b506a !important;
   font-size: 0.9em !important;
}

/* breakpoint and up - mega dropdown styles */
@media screen and (max-width: 992px) {
   .navbar .dropdown {
      position: static;
      z-index: 1000 !important;
   }
}

@media screen and (min-width: 992px) {

   /* remove the padding from the navbar so the dropdown hover state is not broken */
   .navbar {
      height: 80px;
      padding-top: 0px;
      padding-bottom: 0px;
   }

   /* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
   .navbar .nav-item {
      padding: 0;
      margin: 0;
      background-color: #2b506a !important;
   }

   /* makes the dropdown full width  */
   .navbar .dropdown {
      position: static;
      z-index: 1000 !important;
   }

   .navbar .dropdown-menu {
      width: 100%;
      left: 0;
      right: 0;
      top: 67px;
      opacity: 1;
      border-bottom: 5px solid #012c4b !important;
   }

   /* shows the dropdown menu on hover */
   .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
      display: block !important;
   }

   .navbar .dropdown-menu {
      border: none;
      background: #2b506a !important;
      padding-top: 50px !important;
   }

   .dropdown-toggle::after {
      display: inline-block;
      width: 0;
      height: 0;
      margin-left: .255em;
      vertical-align: .255em;
      border: 0px !important;
   }
}

/*-------------------------------------------------------------------*/
/* Back to Top */
/*-------------------------------------------------------------------*/
#back-top a {
   position: fixed;
   bottom: 20px;
   right: 20px;
   z-index: 999999999;
   color: #eee;
   background-color: rgba(0, 0, 0, 0.3);
   -webkit-transition: all .25s ease;
   -moz-transition: all .25s ease;
   -ms-transition: all .25s ease;
   -o-transition: all .25s ease;
   transition: all .25s ease;
   padding: 10px;
   border-radius: 5px;
   text-align: center;
}

#back-top a:hover {
   background-color: rgba(0, 0, 0, 0.7);
}

#back-top a i {
   font-size: 2em;
}

@media (max-width: 767px) {
   #back-top a {
      position: fixed;
      bottom: 10px;
   }

   #back-top a i {
      font-size: 1.6em;
   }
}

.hide {
   display: none;
}