/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
.amg-color-white{      color: #FFFFFF; }

.amg-color-black{       color: #000000; }
.amg-color-blue{       color: #0063C3; }

.amg-bg-white{ background-color: #FFFFFF; }
.amg-bg-blue{ background-color: #0072C8; }

.amg-color-white a{ color: #FFFFFF; }


:root {
    --bs-link-color: #00A2C6;
    --bs-link-hover-color: #00A2C6;
}

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Gradients
--------------------------------------------------------------*/
.amg-bg{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.amg-bg-gradient{
    background-image:url( '../img/bg.svg' );
	background-size: cover;
}

.amg-shadowed{
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.amg-bg-opacity{
    background:#000000c7;
}

/*--------------------------------------------------------------
# Button
--------------------------------------------------------------*/
.amg-cta-btn{
    
}

/*--------------------------------------------------------------
# Borders
--------------------------------------------------------------*/
.amg-bordered {
    border:1px solid;
}

/*--------------------------------------------------------------
# Images
--------------------------------------------------------------*/
.amg-img-fluid{
    width:100%;
}

/*--------------------------------------------------------------
# Iframes
--------------------------------------------------------------*/
iframe {
    min-width: 100%;
    max-width: 100%;
}

/*--------------------------------------------------------------
# Font Sizes
--------------------------------------------------------------*/

.amg-font-logo {
    font-size: 23px;
    font-weight: 500;
    line-height: 27.60px;
    letter-spacing: 9.20px;
}

.amg-bold{
    
}

.amg-light{
    font-weight: 300;
}

.amg-font-14 {
    font-size: 14px;
    line-height: 17px;
}

.amg-font-15 {
    font-size: 15px;
    line-height: 18px;
}


.amg-font-16 {
    font-size: 16px;
    line-height: 20px;
}


.amg-font-18 {
    font-size: 18px;
    line-height: 25px;
}

.amg-font-20 {
    font-size: 20px;
    line-height: 30px;
}

.amg-font-35 {
    font-size: 35px;
    line-height: 40px;
}

.amg-font-55 {
    font-size: 55px;
    line-height: 65px;
}

h3 {
    font-size: 25px;
    line-height: 36px;
  }

h1,
.h1,
.amg-font-40 {
    font-size: 40px;
    line-height: 55px;
}

/*--------------------------------------------------------------
# Positioning
--------------------------------------------------------------*/

.pt-amg{
    padding-top:3rem;
}

.pb-amg {
    padding-bottom:3rem;
}

.amg-index-0{ z-index:0; }
.amg-index-1{ z-index:10; }
.amg-index-2{ z-index:20; }
.amg-index-3{ z-index:30; }
.amg-top-90 { top:90%; }

.amg-sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
}

.amg-fixed{
    position: fixed;
    bottom:0;
}

.mw-80{ max-width: 80%; }
.mw-70{ max-width: 70%; }
.mw-40{ max-width: 40%; }
.mw-50{ max-width: 50%; }

/*--------------------------------------------------------------
# Sizing
--------------------------------------------------------------*/
.w-80{ width: 80%; }
.w-50{ width: 50%; }
.w-40{  width: 40%; }
.w-30{ width: 30%; }
.h-80{ height: 80%; }
.h-90{ height: 90%; }
.h-70{ height: 70%; }
.h-10{ height: 10%; }
.h-8{ height: 8px; }

/*--------------------------------------------------------------
# Headings
--------------------------------------------------------------*/
h1, .h1,
h2, .h2,
h3, .h3{
    font-weight: 500;
}

h1, .h1{
    font-size: 46px;
    line-height: 55.20px;
}

h1.title-light {
    font-weight: 400;
    line-height: 55.20px;
}

/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
.amg-btn-inverse,
.amg-btn {
    border-radius: 10px;
    padding: 0.9rem 3rem;
    background: #00A2C6;
    border: 2px solid #00A2C6;
    text-decoration: none;
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    font-weight: bold;
  }

.amg-btn:hover {
  background: #fff;
  color: #00A2C6;
  border: 2px solid #00A2C6;
}

.amg-btn-inverse{
    color: #00A2C6;
    background: #fff;
}

.amg-btn-inverse:hover {
    background: #00A2C6;
    color: #fff;
    border: 2px solid #fff;
  }



/*--------------------------------------------------------------
# Borders
--------------------------------------------------------------*/
.amg-radius-5 {  border-radius: 5px; }
.amg-radius-10 { border-radius: 10px; }
.amg-radius-20 { border-radius: 20px; }
.amg-radius-30 { border-radius: 30px; }
.amg-radius-40 { border-radius: 40px; }

/*--------------------------------------------------------------
# Ratios
--------------------------------------------------------------*/

.ratio-9x16 {
    padding-top: 125%;
}

.ratio-9x20 {
    padding-top: 160%;
}

.ratio-3x4 {
    padding-top: 110%;
}

.ratio-1x8 {
    padding-top: 80%;
}

.ratio-1x8 {
    padding-top: 80%;
}