﻿/*MY STYLES*/
h1{
    color:#48484A;
    font-family:AvenirLTStd-Medium;
    line-height:1 !important;
}
h2,
h4,
h5,
h6 {
  font-family:'Avenir LT 95 Black';
  font-weight:bold !important;
  color: #48484A;
}
h3{
    color: #48484A;
}
body{
    font-size:1.3rem;
    overflow-x:hidden;
    font-family:AvenirLTStd-Book;
    color:#727273 ;
   line-height:1.4 !important;
}
b, strong{
    font-weight:bold !important;
    
    font-family: 'Avenir LT 95 Black'
}

@font-face {
    font-family: 'Avenir LT 95 Black';
    src: url('../font/Avenir LT 95 Black.WOFF') format('woff');
}
@font-face {
    font-family: 'AvenirLTStd-Book';
    src: url('../font/AvenirLTStd-Book.WOFF') format('woff');
}
@font-face {
    font-family: 'AvenirLTStd-Medium';
    src: url('../font/AvenirLTStd-Medium.WOFF') format('woff');
}
@font-face {
    font-family: 'AvenirLTStd-Roman';
    src: url('../font/AvenirLTStd-Roman.WOFF') format('woff');
}

/*ALL PAGES*/
.nav-share-icons img{
    width:28px !important;
}
.v-align{
    position:relative;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}
.navbar-brand img{
    height: 3.5rem !important;
}
.map{
    background: url('../img/page/map.jpg') no-repeat center center;
    background-size:cover;
    /*width:auto;
    height:100%;*/
}

/*COLORS*/
.fnt-red{
    color:#e62127 !important;
}
.fnt-dark-red{
    color:#BE1E2D !important;
}
.fnt-dark-grey{
    color:#414042 !important;
}
.bg-red{
    background-color:#e62127 !important;
}
.bg-dark-red{
    background-color:#BE1E2D !important;
}
.bg-dark-grey{
    background-color:#414042 !important;
}
.fnt-shadow-white{
    text-shadow: 2px 2px 8px white;
}

/*HOME SECTION*/
.section-home .red-line{
    border-bottom: 4px solid #BE1E2D;
    display:block;
}
.section-home .redline-container{
        max-width: 50rem;
    margin: auto;
}
.section-home .margin-top{
    margin-top:2rem;
}

/*FIGURES SECTION*/
.section-figures img{
    max-width: 11rem !important;
}

/*CONTACT SECTION*/
.contact-section .card-body.contact-info{
    padding:1rem !important;
}
.contact-section small{
    font-size:79% !important;
}

/*LEGAL INFORMATION*/ 
.legal-info table th{
    border-top:0 !important;
    font-size:1.3rem;
    padding:0.5px !important;
    padding-bottom:1.5px !important;
}


/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) 
{  
 
}
/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) 
{  
   
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) 
{ 
    .divRule{
        display:none;
    }
    .section-home .container{
        width:1111px !important
    }
    /*.container{
        
        width:1000px !important;
    }*/
    .margin-top{
        margin-top:5rem !important;
    }
    /*.section-home h1{
    max-width:24em;
}*/
   
}
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) 
{ 
  
}

/* MDB OVERRIDE */
.wow {
    visibility: visible !important;
}
.btn{
    font-size:1.5rem !important;
    text-transform:none !important;
    padding: .4rem 1.5rem;
  

}
.btn.btn-md {
    font-size: .8rem;
    color:white!important;
      padding: .4rem 1.1rem;
}
.nav-item .btn.btn-md {
      padding: .1rem 1.1rem;
}
.btn-danger, btn-danger:hover{
    background-color:#e62127 !important;
}
.white-skin .primary-color {
    background-color: #BE1E2D !important;
}
.btn-primary,.white-skin .btn-primary:hover, .white-skin .btn-primary:focus, .white-skin .btn-primary:active, .white-skin .btn-primary.active {
    background-color: #BE1E2D !important;
}
.white-skin .navbar .navbar-nav .nav-item .dropdown-menu a:hover, .white-skin .navbar .navbar-nav .nav-item .dropdown-menu a:focus, .white-skin .navbar .navbar-nav .nav-item .dropdown-menu a:active{
    background-color:#BE1E2D;
    color:white;

}
.stepper li.active a .white-skin .circle, .stepper li.completed a .white-skin .circle, .white-skin .primary-color, .white-skin .stepper li.active a .circle, .white-skin .stepper li.completed a .circle {
    background-color: #BE1E2D !important;
}
.md-form .prefix{
    font-size:1.7rem !important; 
}
#toast-container > div{
    top:65px !important;
}
.md-form .prefix ~ input, .md-form .prefix ~ textarea {
    width: calc(100% - 3.5rem) !important;
   width: -webkit-calc(100% - 3.5rem);
   
}
.navbar .nav-item .nav-link .d-none{
    display:none !important;
}
.contact-section .form .btn-floating {
    float: right;
    position: relative;
    bottom: 3.5rem;
    margin-right: 0;
}
.section .contact i{
    color:white;
}