/* Set Design Standards & Colors Here */
:root {

  --primary: #545454;
  --secondary: #5c5552;
  --dark: #545454;
  --light: #dfcbb7;
  --accent: #da915a;
  --gray: #f7f0f5;
	--primary-rgb: 122, 215, 166;
	--body-text: #545454;
	--primary-font: 'Source Sans Pro', sans-serif;
	--secondary-font: 'Raleway', sans-serif;
	--cursive-font: 'ff-market-web', cursive;
	--box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
	--box-shadow-lg: 0 2px 12px 5px rgb(0 0 0 / 5%), 0 3px 11px -2px rgb(0 0 0 / 3%), 0 1px 15px 8px rgb(0 0 0 / 5%);
	--box-shadow-xl: 0px 33px 79px 0px rgba(0, 0, 0, 0.08);
}
html { }
body { background:#fff;font-family: var(--primary-font); color: var(--body-text); line-height: 1.66; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
main, section { overflow: hidden; }
.body-container {position:relative;}

/* Font Styles
============================================================================= */
h1, h2, .display-1 { font-size: 45px; margin: 0 0 30px; font-weight: 500; font-family: var(--secondary-font); font-style:normal; text-transform: uppercase; color:var(--body-text) !important; line-height: 1;letter-spacing: .05em;  }
h1 + h2, h2 + h3, .display-2 { font-family: var(--primary-font); font-size: 40px; margin: -30px 0 45px; text-transform: none; font-weight: 400; line-height: 1.5; letter-spacing: .05em; }
h3, .display-3 { font-size: 25px; margin: 40px 0 8px; color: var(--body-text); font-weight: 400;font-style:italic; line-height: 1.2; letter-spacing: .05em; }
h4, .display-4 { font-size: 17px; margin: 25px 0 5px; font-weight: bold; line-height: 1.2; }
p { margin-bottom: 25px; }
a { color: var(--secondary); text-decoration: none; transition: all 0.5s; }
a:hover, a:active { color: var(--primary); text-decoration: none; }
@media (min-width:992px) {
	h1, h2, .display-1 { font-size: 45px; }
  .d-lg-flex { display: flex; }
  .order-lg-first { order: -1; }
}
@media (max-width:575.98px) {
	h1, h2, .display-1 { font-size: 40px; }
	h1 + h2, h2 + h3, .display-2 { font-size: 20px; }
	h3, .display-3 { font-size: 20px; }
}

.btn {background:var(--secondary);border-color:var(--secondary);color:#fff;min-width:300px;height:40px;line-height:19px;}
.btn:hover {background:#fff;border-color:var(--secondary);color:var(--secondary);}

.flex-direction-column { flex-direction: column; }
.align-items-stretch { align-items: stretch; }
.align-self-stretch { align-self: stretch; }

.bg-dark {background:var(--dark);color:#fff;}

.anchor-offset{
	display: block;
	height: 235px;
	margin: -235px 0 0 0;
	content: '';
}

#header.riverview{border: 0; height: auto; background-color: transparent;}
#header.riverview #top{
	height: 95px;
	background-color: #fff;
}
#header.riverview #top .container { width: calc(100% - 4vw); }
#header.riverview #top a img{position: absolute; top: 50%; transform: translateY(-50%); left: 15px; max-height: 85px;}
#header.riverview #top a.launch-menu-button{position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-family: 'Oxygen'; color: #555555;}
#header.riverview #bottom{height: 222px;background-color:var(--dark);position:relative;}
#header.riverview #bottom .container { width: calc(100% - 4vw); }
#header.riverview #bottom .nav{border: 0;text-align: right;margin-bottom: 0; top: 50%; transform: translateY(-50%); font-size: 18px;font-family: 'Source Sans Pro'; letter-spacing: .05em; font-weight: 400; }
#header.riverview #bottom .nav ul{list-style-type: none; padding: 0; margin-bottom: 0;}
#header.riverview #bottom .nav ul li{display: inline-block; margin: 0 20px; color: #fff;}
#header.riverview #bottom .nav ul li a{color: #fff; text-transform: uppercase; font-size: 18px; letter-spacing: .05em; }
#header.riverview #bottom .nav ul li:hover a{opacity: .5;}
#header.riverview #bottom .nav__dropdown { padding: 0; background: var(--primary);}
#header.riverview #bottom .nav__dropdown li { display: block!important; margin: 0!important; }
#header.riverview #bottom .nav__dropdown a { color: #fff!important; opacity: 1!important; }
#header.riverview #bottom .nav__dropdown a:hover, #header.riverview #bottom .nav__dropdown li:hover { background: var(--accent)!important; }
#header.riverview #bottom .phone{position: absolute; top: 65px; right: 15px;}
#header.riverview #bottom .phone a{color: #fff; margin-left: 10px; font-size: 32px;font-weight: 400;}
#header.riverview #bottom .launch-menu-button { display: none; text-align: center; color: #fff!important; }
#header.affix #bottom .mobile-hide { display: block!Important! }
#header:not(.affix) .logo {position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:10;}
#header .logins {position:absolute;top:45px;color:#fff;}
#header .logins a {text-transform: uppercase;color:#fff;font-size:16px;}
#header .logins a:hover {color:var(--primary);}
#header .phone a:hover {color:var(--primary) !important;opacity:1 !important;}
#header .phone i { color: var(--light); }
#header .btn { background: var(--accent); border: 1px solid var(--accent); font-weight: 600; color: var(--primary)!important; font-size: 20px; letter-spacing: .025em; border-radius: 22px; min-width: 231px; position: absolute; right: 15px; top: 120px; }
#header .btn:hover { background: #fff; }
#header.riverview.affix #bottom {height:50px;}
#header.affix .phone{display: block;top:50% !important;transform:translateY(-50%);}
#header.affix .nav{top: inherit; right: 15px; left: 15px; text-align: right;}
#header.affix .logins, #header.affix .btn {display:none;}
#header.riverview.affix #bottom .phone a {font-size:25px;}
@media(max-width:1475px){
	#header.riverview #bottom .nav ul li{ margin: 0 10px; }
  #header.riverview:not(.affix) #bottom .logo { top: 35%; }
  #header.riverview #bottom .phone { top: 40px; }
  #header .btn { top: 80px; }
}
@media(max-width:1275px){
	#header.riverview #bottom .nav { top: auto; bottom: 30px; transform: translate(0); }
}
@media(max-width:1155px){
	#header.affix #bottom .nav { display: none; }
}
@media(max-width:767px){
	#header #bottom .btn, #header #bottom .nav  { display: none; }
  #header:not(.affix) #bottom .phone { top: 70%; }
  #header.affix #bottom .phone { right: 15px; text-align: right; }
}


/* Apartments Hero
================================================== */
#secondary-banner { position: relative; overflow: hidden; padding-top: 317px; }
#secondary-banner {height:auto;background-size: cover;  background-position: top center; background-repeat: no-repeat;}
@media (max-width: 600px){
	#secondary-banner {height:auto;}
}

#banner-carousel { position: relative; top: 0; left: 0; height: 780px; width: 100%; }
#banner-carousel .carousel-inner { height: 100%; }
#banner-carousel .item { background-position: center center; background-size: cover; height: 100%; }
#banner-carousel .banner-1 { background-image: url('/images/riverwalk-flats/riverwalk-flats-banner-1.jpg'); }
#banner-carousel .banner-2 { background-image: url('/images/riverwalk-flats/riverwalk-flats-banner-2.jpg'); }
#banner-carousel .banner-3 { background-image: url('/images/riverwalk-flats/riverwalk-flats-banner-3.jpg'); }
@media(max-width:767px){
	#banner-carousel { height: 450px; }
}

.banner {padding:85px 0;}
hr {border-bottom:2px solid var(--light); margin: 15px 0 30px; }

/* Apartments Welcome
================================================== */
#welcome { padding: 95px 0 50px; font-size: 18px; }
#welcome .display-1 { margin-bottom: 30px; }
#welcome p { letter-spacing: .025em; }

/* Apartments Floorplans
================================================== */
#floorplans { }
#floorplans header { padding: 0 5vw 70px; text-align: left; }
#floorplans header .display-1 { margin: 0 0 5px; }
#floorplans header .display-2 { color: #8e847e; font-size: 24px; font-style: italic; margin: 5px 0 15px; }
#floorplans [class^="icon-"], #floorplans [class*=" icon-"] {fill:black !important;}

/* Nav Tabs */
.nav-tabs { position: relative; padding: 35px 40px; display: flex; z-index: 9; border:0; background: #f0f0f0; margin-bottom: 85px; }
.nav-tabs li { padding: 0 20px; flex: 0 1 300px; }
.nav-tabs li a { border-radius: 0; height: 44px; line-height: 44px; font-size: 20px; font-weight: 600; padding: 0 15px; width: 100%; min-width: unset;background: #fff!important;color:var(--primary)!important; border:0; border-radius: 22px; }
.nav-tabs li a:hover { background:var(--secondary)!important; color:#fff!important; }
.nav-tabs li.active a { color: #fff!important; background:var(--primary)!important; }
.nav-tabs li.active a:hover, .nav-tabs>li.active>a:focus {background:var(--secondary)!important; color:#fff!important;}
@media (max-width: 1199px) {
	.nav-tabs li { padding: 0 8px; }
}
@media (max-width: 991px) {
	.nav-tabs { transform: none!important; justify-content: center; }
}
@media (max-width: 599px) {
	.nav-tabs, .nav-tabs li { display: block; float: none; text-align: center; }
	.nav-tabs li ~ li { margin-top: 20px; }
}

#floorplans {background:#fff; overflow: hidden; }
#floorplans header { padding-top: 100px; }
.floorplans__img { height: 100%; }
#floorplans .floorplan {  }
#floorplans .floorplan-image { padding: 30px 10vw 50px;  }
#floorplans .floorplan-image a { display: block; transition: 0.5s; }
#floorplans .floorplan-image a:hover { cursor: zoom-in; transform: scale(1.05); transition: 0.5s; }
#floorplans .floorplan-image img { max-height: 530px; display: block; margin: 0 auto; }
#floorplans .floorplan-details { padding: 0 6vw; }
#floorplans .floorplan-details h3 { font-family:var(--secondary-font); color: var(--secondary); font-size: 30px; margin: 0;font-style:normal; font-weight: 500; }
#floorplans .floorplan-details hr { border-color: var(--light); border-width: 1px; width: 189px; max-width: 100%; margin: 15px 0 20px; }
#floorplans .floorplan-details ul { list-style: none; padding: 0; margin: 0 0 35px; font-size: 20px; }
#floorplans .floorplan-details .btn { text-transform: uppercase;display: block; font-size: 20px; letter-spacing: .025em; font-weight: 600; border-radius: 22px; width: 231px; min-width: unset; background:var(--light);border:1px solid var(--light);color:var(--body-text)!important;}
#floorplans .floorplan-details .btn:hover {background:#fff;color:var(--secondary) !important;}
#floorplans .floorplan-details .btn ~ .btn { margin-top: 20px; }
#floorplans .floorplan-details__description { font-size: 18px; flex: 1 1 auto; padding: 15px 3vw; }
#floorplans img.cover {object-position: 0% 90% !important;}
#floorplans .carousel-inner .item { height: 100%; }
#floorplans .controls { position: absolute; text-align: center; right: auto; top: 90px; height: 164px; width: 158px; }
#floorplans .controls h3 { color: #fff; font-size: 30px; margin: 30px 0 15px; font-family: 'Shadows Into Light';  }
#floorplans .carousel-control { color: var(--light); display: inline-block; width: 5%; opacity: 1; background: none;top:80%;transform:translateY(-50%);height:100%; box-shadow: none; text-shadow: none; font-size: 50px; }
#floorplans .carousel-control:hover {opacity:0.7;}
#floorplans .carousel-control.right {right:0;}
.tab-content, .tab-content>.tab-pane {position:relative;}
@media (min-width: 992px) {
	#floorplans .image-container { height: 370px; }
  #floorplans .floorplan-details { display: flex; width: 100%; align-items: center; text-align: left; }
  #floorplans .tab-pane { padding: 0 4vw 0 15px; }
}
@media(max-width:991px){
	#floorplans .controls {right:auto;left:50%;transform:translateX(-50%);height:60px;top:auto;bottom:0px;}
  #floorplans .floorplan {padding-bottom: 100px;padding-top:40px;}
  #floorplans .floorplan-details { text-align: center; padding-bottom: 35px; }
  #floorplans .floorplan-details hr { margin-left: auto; margin-right: auto; }
  #floorplans .floorplan-details__links { justify-content: center; display: flex; flex-wrap: wrap; align-items: center; }
  #floorplans .floorplan-details__links .btn { margin: 5px!important; }
}
@media (min-width: 651px) {
	#floorplans .floorplan { height: 100%; justify-content: space-around; align-items: center; }
	#floorplans .floorplan-image { flex: 0 0 60%; }
	#floorplans .floorplan-details { flex: 1 1 40%;  }
}
@media (max-width: 650px) {
	#floorplans .floorplan { flex-direction: column; padding-bottom: 70px; }
  #floorplans .nav-tabs { margin-bottom: 0; }
	#floorplans .floorplan-details { text-align: center; padding: 50px 15px; order: -1; }
	#floorplans .floorplan-details hr,
	#floorplans .floorplan-details .btn { margin-left: auto; margin-right: auto; }
  #floorplans .carousel-control { position: relative; top: 0; width: 30%; }
  #floorplans .carousel { text-align: center; }
}

#three-bed-plan {position:relative;}
#three-bed-plan .controls {position:absolute;bottom:0;}


#amenities { overflow: hidden; }
.nav-tab-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 60px 5vw; text-align: center; justify-content: center; background-color: var(--light); }
.nav-tab-header .display-1 { margin: 20px 0; }
.nav-tab-header .nav-tabs { padding: 0 30px; background: none; margin: 20px 0; }
.nav-tab-header .nav-tabs li a { min-width: 281px; }
#amenities .amenities { padding: 95px 5vw; overflow: hidden; }
#amenities .amenities__header { position: relative; }
#amenities .amenities__header::after { content: ''; height: 288px; width: 1px; background: var(--light); position: absolute; top: 0; right: 0; }
#amenities .amenities__header h4 { font-size: 25px; font-style: italic; letter-spacing: .025em; color: var(--body-text); font-weight: 400; margin: 0 0 20px; }
#amenities .amenities__details { font-size: 18px; }
#amenities .amenities__details li { margin: 0 0 10px; }
@media (min-width: 992px) {
  #amenities .row { display: flex; align-items: stretch; }
}
@media (min-width: 601px) {
  #amenities .amenities { display: flex; }
  #amenities .amenities__header { padding: 0 4vw 0 0; flex: 0 1 200px; min-width: 200px; }
  #amenities .amenities__details { padding: 0 4vw; flex: 1 1 auto; }
}
@media (max-width: 991px) {
  #amenities .amenities { padding-bottom: 0; }
  #amenities img { max-height: 550px; }
}
@media (max-width: 600px) {
  #amenities img { max-height: 350px; }
  #amenities .amenities__header::after { content: ''; width: 100%; height: 2px; background: var(--light); position: relative; display: block; margin: 10px 0 20px; }

}

#location { overflow: hidden; }
.location__content { padding: 95px 10vw 50px 5vw; }
.location__content .display-1 { margin: 0 0 5px; }
.location__content .display-2 { color: #8e847e; font-size: 24px; font-style: italic; margin: 5px 0 15px; }
.map-container { position: relative; height: 100%; min-height: 600px; }
.map-container iframe { position: absolute; height: 100%; width: 100%; top: 0; left: 0; }


#fees { overflow: hidden; }
.fees__content { padding: 95px 10vw 30px 5vw; }
.fees__content .display-1 { margin: 0 0 25px; }



/* Apartments Gallery
================================================== */
#gallery { overflow: hidden; }
#gallery .nav-tab-header { background-color: var(--primary); margin: 0; }
#gallery .nav-tab-header .display-1 { color: #fff!important;  }
#gallery .nav-tab-header li a { color:var(--body-text)!important; }
#gallery .nav-tab-header li a:hover { background:var(--accent)!important; color:var(--body-text)!important; }
#gallery .nav-tab-header li.active a { color: var(--body-text)!important; background:var(--light)!important; }
#gallery .nav-tab-header li.active a:hover, #gallery .nav-tab-header>li.active>a:focus {background:var(--accent)!important; color:var(--body-text)!important;}
#gallery .container-fluid {margin-bottom:50px;}
#gallery .title-container { padding: 65px 15px; text-align: center; width: 100%; background-color: #333333;   }
#gallery .title-container h3 { color: #fff; text-transform: uppercase; margin: 0;font-style:italic; }
#gallery .image-gallery { margin: 0 -5px; }
#gallery .image-gallery .col-md-4 { padding: 0 5px 10px; }
#gallery .gallery-image { display: block; width: 100%; padding-top: 100%; height: 0; position: relative; overflow: hidden; }
#gallery .gallery-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: .5s; }
#gallery .gallery-image:hover img { transform: scale(1.05); transition: .5s; }
#gallery .gallery-image::after { content: 'enlarge  [+]'; opacity: 0; color: #fff; position: absolute; background: rgba(0,0,0,.6); top: 0; left: 0; height: 100%; width: 100%; text-align: center; display: flex; align-items: center; justify-content: center; font-size: 24px; transition: .5s; }
#gallery .gallery-image:hover::after { opacity: 1; transition: .5s; }


.load-more-gallery .item { display: none; }
.load-more-gallery .item.active { display: block; }
.load-more-gallery__btn { display: block; text-align: center; font-size: 20px; padding: 20px; letter-spacing: .025em; color: var(--body-text)!important; font-weight: 600; }
.load-more-gallery__btn:hover { color: var(--accent)!important; }

/* Apartments Contact
================================================== */
.contact__info { padding: 80px 2vw 20px 5vw; font-size: 18px; }
.contact__info .display-1 { font-size: 40px; margin: 0 0 25px; }
.contact__info hr { margin: 25px 0 20px; }
.contact__info a { color: var(--body-text); }
.contact__info .tel { font-size: 22px; }
.contact__rental-link { display: block; text-decoration: underline!important; font-weight: 600; margin: 40px 0 30px; color: var(--body-text)!important; }
.contact__info a:hover, .contact__rental-link:hover { color: var(--light)!important; }

#contact .form-container { padding: 80px 3.5vw 115px; border: 0; background: none; overflow: hidden; }
#contact .form-container .display-1 { font-size: 40px; font-weight: 500; margin: 0 0 55px; }
#contact .form-container label { position: absolute; top: -100vw; left: -100vw; opacity: 0; visibility: hidden; }
#contact .form-container input, #contact .form-container textarea, #contact .form-container select { border: 1px solid #21293b; border-radius: 0; }
#contact .form-container .ion-form-group { margin-bottom: 35px; }
#contact .form-container ::-webkit-input-placeholder { color: #222; }
#contact .form-container .ion-form button { background: var(--primary); border-color: var(--primary); border-radius: 20px; font-size: 20px; font-weight: 600; text-transform: uppercase; letter-spacing: .025em; height: 44px; line-height: 44px; padding: 0 15px; width: 144px; margin: 0 0 0 auto; display: block; }
#contact .form-container .ion-form button:hover { background: #fff; color: var(--primary);}

/* footer
========================================= */
#footer-community { background: var(--primary); color: #fff; padding: 70px 0; text-align: center; font-size: 18px; line-height: 1.33; }
#footer-community .phone { margin-bottom: 20px; }
#footer-community .phone a { font-size: 30px; color: inherit; }
#footer-community .phone a:hover {color:var(--light) !important;opacity:1 !important;}
#footer-community .phone i { color: var(--light); font-size: 22px; }
#footer-community .btn { background: var(--light); border: 1px solid var(--light); font-weight: 600; color: var(--primary)!important; font-size: 20px; letter-spacing: .025em; border-radius: 22px; min-width: 231px; }
#footer-community .btn:hover { background: #fff; }
#footer-community .footer__contact { padding: 50px 0; }
#footer-community a { color: inherit; }
#footer-community a:hover { color: var(--light); }
@media (min-width: 992px) {
  #footer-community .row { display: flex; align-items: center; }
  #footer-community [class*='col'] { order: -1; }
  #footer-community .order-lg-last { order: 999!important; }
}

.pb-0 {padding-bottom:0;}
.mb-0 {margin-bottom:0;}

/* List Styles
============================================================================= */

/* Inline list with Pipes or Dots */
.list-inline, .list-inline--pipes, .list-inline--dots { list-style: none; padding: 0; margin: 0; }
.list-inline li, .list-inline--pipes li, .list-inline--dots li { display: inline-block; }
.list-inline--pipes li:nth-child(1n+2)::before { content: '|'; margin: 0 8px; }
.list-inline--dots li:nth-child(1n+2)::before { content: '•'; margin: 0 8px; }


/* Utilities - Helper Classes
============================================================================= */
.mw-500 { width: 500px; max-width: 100%;  }
.mw-600 { width: 600px; max-width: 100%; margin-left: auto!important; margin-right: auto!important; }
.mw-650 { width: 650px; max-width: 100%; margin-left: auto!important; margin-right: auto!important; }
.mw-700 { width: 700px; max-width: 100%; margin-left: auto!important; margin-right: auto!important; }
.mw-750 { width: 750px; max-width: 100%; margin-left: auto!important; margin-right: auto!important; }
.mw-900 { width: 900px; max-width: 100%; margin-left: auto!important; margin-right: auto!important; }
.mw-1000 { width: 1000px; max-width: 100%; margin-left: auto!important; margin-right: auto!important; }
.mw-1060 { width: 1060px; max-width: 100%; margin-left: auto!important; margin-right: auto!important; }
.mw-1400 { width: 1400px; max-width: 100%; margin-left: auto!important; margin-right: auto!important; }
.mw-1600 { width: 1600px; max-width: 100%; margin-left: auto!important; margin-right: auto!important; }
.mw-1700 { width: 1700px; max-width: 100%; margin-left: auto!important; margin-right: auto!important; }
.mw-1850 { width: 1850px; max-width: 100%; margin-left: auto!important; margin-right: auto!important; }

/* Padding Relative to Screen Width on containers */
/* Math: (2000px (design width) - 1000px (content width) / 2 (sides)) / 2000px (design width) * 100 = VW */
.pw-1000 { padding-left: 25vw; padding-right: 25vw; }
.pw-1400 { padding-left: 16vw; padding-right: 16vw; }
.pw-1600 { padding-left: 10vw; padding-right: 10vw; }
.pw-1700 { padding-left: 8vw; padding-right: 8vw; }

/* Adjust size of padding between columns */
.g-3 { margin: -15px; }
.g-3 > [class*='col-'] { padding: 15px; }
.g-4 { margin: -22px; }
.g-4 > [class*='col-'] { padding: 22px; }
.g-5 { margin: -30px; }
.g-5 > [class*='col-'] { padding: 30px; }
.g-6 { margin: -2.25vw; }
.g-6 > [class*='col-'] { padding: 2.25vw; }
.g-7 { margin: -3.5vw; }
.g-7 > [class*='col-'] { padding: 3.5vw; }
.g-8 { margin: -5.5vw; }
.g-8 > [class*='col-'] { padding: 5.5vw; }

.gx-6 { margin-left: -2.25vw; margin-right: -2.25vw; }
.gx-6 > [class*='col-'] { padding-right: 2.25vw; padding-left: 2.25vw; }

@media (min-width:1200px) {
	.pr-xl-6, .px-xl-6 { padding-right: 6rem!important; }
	.pl-xl-6, .px-xl-6 { padding-left: 6rem!important; }
	.g-xl-4 { margin: -22px; }
	.g-xl-4 > [class*='col-'] { padding: 22px; }
	.g-xl-5 { margin: -30px; }
	.g-xl-5 > [class*='col-'] { padding: 30px; }
	.g-xl-6 { margin: -45px; }
	.g-xl-6 > [class*='col-'] { padding: 45px; }
}
@media (min-width:992px) {
	.g-lg-4 { margin: -22px; }
	.g-lg-4 > [class*='col-'] { padding: 22px; }
	.g-lg-5 { margin: -30px; }
	.g-lg-5 > [class*='col-'] { padding: 30px; }
	.g-lg-6 { margin: -45px; }
	.g-lg-6 > [class*='col-'] { padding: 45px; }
	.row--gutters-lg { margin: 0 -30px; }
	.row--gutters-lg [class*='col-'] { padding: 0 30px; }
	.row--gutters-xl { margin: 0 -35px; }
	.row--gutters-xl [class*='col-'] { padding: 0 35px; }
	.pr-lg-6, .px-lg-6 { padding-right: 6rem!important; }
	.pl-lg-6, .px-lg-6 { padding-left: 6rem!important; }
}



/* SUB NAV */
#sub-nav { position: absolute; top: 0; list-style: none; padding: 15px 0; background: var(--dark); display: -webkit-box; display: -ms-flexbox; display: flex;
width: 100%; color:#fff;text-align: center; font-size: 16px; font-weight: 400; -webkit-transition: padding 0.3s; -o-transition: padding 0.3s; transition: padding 0.3s; }
#sub-nav a {color:#fff !important;}
#sub-nav a:hover {color:var(--primary) !important;}
#sub-nav .container-fluid { width: 100%; max-width: 1552px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
#sub-nav .nav .launch-menu-button { color: #fff; }
#sub-nav .nav .launch-menu-button:hover { text-decoration: none; }
#sub-nav .btn:first-of-type { margin-right:25px; }
#sub-nav.affix { position: fixed; top: 0px; padding: 0px; z-index: 999; -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35); -webkit-transition: padding 0.3s; -o-transition: padding 0.3s; transition: padding 0.3s; }
#sub-nav.affix { height: 60px; bottom: auto; top: 0; z-index: 9999; transition: height 0s; box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.35); }
#sub-nav.affix .logo img {max-height:50px;}
@media(max-width:1300px){
	#sub-nav .btn{min-width:170px;}
}
@media(max-width:1199px){
	#sub-nav .btn:first-of-type {margin-right:0;}
}
@media(max-width:1100px){
	#sub-nav .logo {width:25%;text-align: left;}
	#sub-nav .nav {width:50%;text-align: center;}
	#sub-nav .button-list {width:25%;text-align: center;}
  #sub-nav .btn {display:block;max-width:200px;margin:0 0 0 auto;}
	#sub-nav .btn:first-of-type {margin-bottom:5px;}
	#sub-nav.affix {height:110px;}
}
@media (max-width: 991px){
  #sub-nav .nav .launch-menu-button {text-align: right;}
  #sub-nav .button-list {display:none;}
  #sub-nav .logo {width:50%}
  #sub-nav .nav{width:50%;text-align: right;}
  #sub-nav.affix {height:60px;}

}