/*

1. Add your custom Css styles below
2. Place the this code in your template:

 <link href="css/custom.css" rel="stylesheet">

*/

.text_justify {
  text-align: justify!important;
}

.logo_height {
  height: 40px !important;
}

.font_black {
  color: black!important;
}

.font_white {
  color: #fff !important;
}

.bgcwhite {
  background-color: #fff !important;
}

.bgcblack {
  background-color: black !important;
}

#mainMenu nav > ul > li {
    float: left;
    border: 0;
    transition: all .3s ease;
    margin-left: 100px;
}

.mb50 {
  margin-bottom: 50px!important;
}

.mb50mt150 {
  margin-bottom: 50px!important;
  margin-top: 150px!important;
}

html {
  scroll-behavior: smooth;
}

.mt100 {
  margin-top: 100px
}

.op7 {
  opacity: .7;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt100 {
  padding-top: 100px;
}

.footer_porto {
  min-height: 0px!important;
  padding: 15px 0!important;
}

.w100 {
  width: 100% !important;
}

.custom_img {
  height:175px!important;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.main_img {
  height:450px!important;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.mx450 {
  max-height: 450px !important;
}

.mx250 {
  max-height: 175px !important;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.ext-box {
  display: table;
  width: 100%;
  height:100%
}

.int-box {
  display:table-cell;
  vertical-align: middle;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb_10 {
  margin-bottom: -10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}