@charset "UTF-8";
/*-------------------------------------------------*/
/*--CREATED ON 11/11/2017 BY HIEU.MINH@GMAIL.COM --*/
* {margin:0; padding:0; outline: none;}
html, body {font-family: 'Nunito', sans-serif; line-height: 130%; color: #5c5b59; font-size: 1rem;}

/*-----------BASE RULES----------*/
p {line-height: 160%; margin-bottom: 1.5rem;}

/*-----------LAYOUT----------*/
.landing-lg {min-height: 37.5rem;}
.landing-md {min-height: 16.875rem;}
.landing-text h3 {font-weight: 800; font-size: 2.5rem; text-transform: uppercase;}
.landing-text small {font-size: 1rem; font-weight: 800;}
.wrap {padding: 4.6875rem 0; position: relative; overflow: hidden;}
.wrap .illustration {}
.wrap .illustration img {max-width: 100%;}
.wrap .wrap-content {}
.wrap .wrap-content-body {}
.wrap .wrap-content-inside {}

.wrap-md {padding: 3rem 0; position: relative; overflow: hidden;}
@media (max-width: 575px) { 
	.wrap {padding: 2.5rem 0;}
	.wrap-md {padding: 2rem 0;}
}
@media (min-width: 576px) and (max-width: 767px) {
	.wrap {padding: 2.5rem 0;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.wrap {padding: 3rem 0;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.wrap {padding: 4rem 0;}
}

header a.hotline {display: inline-block; color: #7d7c7a; font-size: 0.8125rem;}
header a.hotline:hover {text-decoration: none; color: #464542;}
header a.hotline:hover span {color: #fee934;}
@media (max-width: 576px) { 
	.h-about h2 {text-align: center; margin-bottom: 1rem;}
}
@media (min-width: 576px) and (max-width: 768px) { 
	.h-about h2 {margin-top: 2rem;}
	
}
@media (min-width: 992px) and (max-width: 1199px) {
	.h-about h2 {margin-top: 14rem;}
}
@media (min-width: 1200px) { 	
	.h-about h2 {margin-top: 15rem;}
}
.h-authen .wrap-content-body {padding: 0 5rem;}
.h-authen .wrap-content {margin-top: 2rem;}

/*-----------MODULE----------*/
.navbar {padding-top: 0; padding-bottom: 0}
.navbar-light .navbar-toggler {border: 0; padding: 1rem 0 1rem 2rem }
.navbar-light .navbar-toggler:hover, .navbar-light .navbar-toggler:focus {outline: none;}
.navbar-line {display: block; content:""; width: 1.8rem; height: 0.125rem; background: #fee934; margin: 0.4rem 0}
.navbar-toggler:focus {outline: none;}

ul.navbar-nav {}
ul.navbar-nav li.nav-item {margin: 0 1rem; text-align: center;}
ul.navbar-nav li.nav-item a.nav-link {display: inline-block; padding: 1.875rem 0 1.25rem 0; border-bottom: 0.25rem solid transparent; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.125rem; font-weight: 700; color: #464542;}

ul.navbar-nav li.nav-item a.active, ul.navbar-nav li.nav-item a:hover, ul.navbar-nav li.nav-item a:focus {text-decoration: none; border-color: #fee934; color: #000;}

header .mr-auto {margin-left: auto;}

/*-----------STATE----------*/
.btn {padding: 0 1.3rem; height: 3rem; line-height: 2.98rem; border-radius: 1.375rem; color: #5c5b59; text-transform: uppercase; font-size: 0.6875rem; font-weight: 900; border: 0 none;}
.btn:hover, .btn:focus, .btn:active {cursor: pointer; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; }
.btn-primary {background-color: rgba(255, 233, 52, .8); letter-spacing: .125rem; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {background-color: rgba(252, 179, 22, .9) !important; color: #fff !important; }

.read-more-wrap {margin-top: 2rem;}
a.read-more {display: inline-block; padding: 0.8rem 0 0.3rem 0; border-bottom: 1px solid transparent; color: #fee934; font-weight: 600; font-size: .8125rem; letter-spacing: .2rem;}
a.read-more:hover, a.read-more:focus {color: #fcb316; text-decoration: none; border-color: #fee934;}

/*-----------THEME----------*/
.header-ho {background: url(../images/banner/home-1.jpg) no-repeat top center fixed; min-height: 700px;}
.header-a {background: url(../images/banner/about-header.jpg) no-repeat top center fixed; min-height: 680px;}
.header-se {background: url(../images/banner/service-header.jpg) no-repeat top center fixed; min-height: 700px;}
.header-c {background: url(../images/banner/career-header.jpg) no-repeat top center fixed; min-height: 680px;}
.header-co {background: url(../images/banner/contact-header.jpg) no-repeat top center fixed; min-height: 350px;}
.header-st {background: url(../images/banner/static-header.jpg) no-repeat top center fixed; min-height: 400px;}

.headline {text-align: center; margin-top: 180px}
.headline h1 {text-align: center; font-weight: 900; letter-spacing: .5rem; font-size: 3.375rem; line-height:4rem; color: #fff; text-transform: uppercase;}
.headline h1 label {display: block; font-weight: 300; letter-spacing: .8rem; font-size: 2.75rem; }
.headline .act {margin-top: 90px;}
.headline .btn {padding: 0 4.5rem}
.headline .act a.scrolldown {display: block; margin-top: 45px; padding: 30px; color: #5c5b59;}
.headline .act a.scrolldown:hover, .headline .act a.scrolldown:focus {color: #fcb316}
@media (max-width: 575px) { 
	.headline {margin-top: 0}
	.headline .act {margin-top: 2rem;}
	.headline h1 {font-size: 2.375rem; line-height: 3rem;}
	.headline h1 label {font-size: 1.75rem; line-height: 150%;}
	.read-more-wrap {margin-top: 1.5rem;}
}
@media (min-width: 576px) and (max-width: 767px) {
	.headline {margin-top: 30px}
}
@media (min-width: 768px) and (max-width: 991px) {
	.headline {margin-top: 90px}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.headline {margin-top: 120px}
}

.intro-content-md {position: relative; z-index: 999; }
.intro-content-md h2 {margin-bottom: 1rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 0.3rem; }
.intro-content-md p {padding-left: 2.5rem;}
.intro-content-md p strong {color: #fee934;}

.intro-content-lg {position: relative; z-index: 999; }
.intro-content-lg h2 {margin-top: 3rem; margin-bottom: 2rem;}
.align-left-lg {margin-left: -8rem;}

.title-top-md {margin-top: 1.5rem; position: relative;}
.extra-width-md {width: 144%;}
.align-content-left-md {margin-left: -9rem;}
.align-content-bottom-md {margin-bottom: -4.8rem;}
@media (max-width: 575px) { 
	.extra-width-md {width: 100%;}
	.intro-content-md p {padding-left: 1.5rem;}
	.align-content-left-md {margin-left: 0;}
	.intro-content-lg {text-align: center}
	.we-believe h3 {text-align: center;}
	.we-believe p {text-align: center;}
	.align-left-lg {margin-left: 0;}
	.block-img img {text-align: center;}
	.align-content-bottom-md {margin-bottom: 0;}
	.title-top-md {margin-top: 0;}
}
@media (min-width: 576px) and (max-width: 767px) {
	.extra-width-md {width: 100%}
	.align-content-left-md {margin-left: 0;}
	.intro-content-lg {text-align: center}
	.we-believe h3 {text-align: center;}
	.we-believe p {text-align: center;}
	.align-left-lg {margin-left: 0;}
	.block-img img {text-align: center;}
	.align-content-bottom-md {margin-bottom: 0;}
	.title-top-md {margin-top: 0;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.extra-width-md {width: 100%;}
	.intro-content-md p {padding-left: 1.5rem;}
	.align-content-left-md {margin-left: 0;}
	.we-believe h3 {text-align: center;}
	.we-believe p {text-align: center;}
	.intro-content-lg {text-align: center}
	.align-left-lg {margin-left: 0;}
	.block-img img {text-align: center;}
	.align-content-bottom-md {margin-bottom: 0;}
	.title-top-md {margin-top: 0;}
}
.after-left:after {position: absolute; left: 0; bottom: -.3125rem; width: 1.8rem; height: 0.1875rem; background: #fee934; content: " ";}
.after-header-left:after {position: absolute; left: 0; bottom: -1rem; width: 2.5rem; height: 0.1875rem; background: #fee934; content: " ";}

/*----We believe ---*/
.we-believe {}
.we-believe h3 {margin-bottom: 2rem; font-size: 1rem; font-weight: 900; text-transform: uppercase; color: #fee934;}
.we-believe ul {list-style: none; }
.we-believe li {display: block; margin-bottom: 2.2rem; font-size: 1.5rem; line-height: 1.875rem; font-weight: 900; text-align: center; }
.we-believe p {font-weight: 900; font-style: italic; color: #262421;}

/*----We Aim ---*/
.we-aim {}
/*.we-aim .intro-content {margin-top: 3rem;} */
.we-aim {} h6.aim {margin-top: 1rem; font-size: 1rem; line-height: 1.375rem; font-weight: 700; }
.we-aim {} .media {margin-bottom: 1rem;}

/*----Our mission ---*/
.stock-4 .even {padding-top: 3.2rem;}

/*----Our team ------*/
.profile {}
.profile-item {margin-bottom: 3rem; max-width: 100%; text-align: center; position: relative;}
.profile-item img {max-width: 13.75rem; width: 100%; height: auto; margin: 0 auto; vertical-align: middle;}
.profile-item h5 {margin-top: .8rem; margin-bottom: .2rem; padding-left: 1.7rem; font-size: 1rem; display: inline-block; position: relative;}
.profile-item h5:before {position: absolute; top: 50%; left: 0; margin-top: -.125rem; content: " "; width: 1.1rem; height: .1875rem; background: #fee934;}
.profile-item h5 strong {font-weight: 800;}

.profile-item p {margin-bottom: 1rem; font-weight: 300;}
.profile-item a.bio-link {color: #fcb316; font-size: .7rem; font-weight: 900; text-transform: uppercase; letter-spacing: .1rem;}

.break-title {margin-top: 2rem; padding-bottom: 1rem;}
.break-title h3 {font-size: 2.5rem; font-weight: 900;}
.break-title span.highlight {font-weight: 900; color: #fee934;}
.its-you h5, .its-you p {color: #fee934;}

/*----Why Join Auhome? ------*/
.special-highlight {font-size: 1.125rem; font-weight: 900; border-bottom: .125rem solid #fee934;}

/*----Job Openning ----------*/
.job-open-header {position: relative;}
.job-open-header h3 {font-size: 2.5rem; font-weight: 800;}
.job-open-header h4 {font-size: 2rem; font-weight: 800;}
.job-open-header p {font-style: italic;}
.job-open-header.after {margin-bottom: 1.5rem; padding-bottom: .1rem;}
.job-open-header.after-header-left {margin-bottom: 2rem; }
ol.job-list {list-style: none; margin-bottom: 2rem;}
ol.job-list li {color: #3479ff; margin-bottom: 1.4rem; }
ol.job-list li a {font-size: 1rem; color: #3479ff; text-decoration: underline; vertical-align: top;}
ol.job-list li a:hover, ol.job-list li a:focus {color: #fcb316;}
a.send-us-cv {margin-top: 1rem; display: inline-block; padding: .5rem 1rem; font-size: 1.125rem; font-weight: 900; color: #fee934; }
a.send-us-cv:hover, a.send-us-cv:focus {color: #fcb316;}

/*-----Job Details ----------*/
.job-details {margin-bottom: 2rem;}
.job-details .job-title {margin-bottom: 2rem; font-size: 2.8rem; line-height: 110%; font-weight: 900;}
.job-details-content {margin-left: 1rem;}

.job-details-content ol li h4 {font-size: 1rem; font-weight: 900;}
.job-details-content ol ul {list-style: none; margin: 1rem 0 2rem 1rem;}
.job-details-content ol ul li {margin-bottom: 1rem; padding-left: 1.2rem; line-height: 150%; position: relative;}
.job-details-content ol ul li:after {position: absolute; top: 8px; left: 0; width: 8px; height: 8px; border-radius: 50%; background: #fee934; content: "";}
.apply {margin-bottom: 3rem;}
.apply .btn {padding-left: 5rem; padding-right: 5rem; max-width: 100%;}

.share-job {}
.share-job p {margin-bottom: .6rem;}
.share-job a {display: inline-block; padding-right: 3rem; font-size: 1.875rem;}
.share-job a.facebook {color: #3c5a9a;}
.share-job a.linkedin {color: #0077b5;}

/*------Contact -----------*/
.landing-headline h3 {font-size: 2.5rem; font-weight: 800; text-transform: uppercase;}
.landing-headline small {font-size: 1rem; font-weight: 800;}
.landing-headline h4 {font-size: 2.25rem; font-weight: 600; color: #464542;}

.contact-info {}
.intouch {margin-bottom: 3rem;}
.intouch h4 {margin-bottom: 2rem; font-size: 1.125rem; font-weight: 900; letter-spacing: 0.15rem;}

.need-talk {margin-bottom: 4rem; padding: 1rem 0; position: relative;}
.need-talk h4 {margin-bottom: 1rem; font-size: 1.125rem; font-weight: 900; letter-spacing: 0.15rem;}
.need-talk a {font-weight: 200; font-size: 1.3rem; color: #464542;}
.need-talk a:hover, .need-talk a:focus {color: #fcb316; text-decoration: none;}

.need-talk:before {position: absolute; top: -1.5rem; left: 50%; margin-left: -1.3rem; width: 2.6rem; height: 0.125rem; background: #fee934; content: ""}
.need-talk:after {position: absolute; bottom: -1.5rem; left: 50%; margin-left: -1.3rem; width: 2.6rem; height: 0.125rem; background: #fee934; content: ""}

.send-request p {margin-bottom: 3rem; font-weight: 900; text-align: center;}
.form-row {}
.form-row>div {margin-bottom: 2rem;}
.form-row select {color: #464542;}
.form-style {display: block; width: 100%; padding: .6rem; border: 1px solid #d7d7d7; background: #fff; font-size: 1rem; border-radius: .1875rem;}
select.form-style {padding: .4875rem;}
.send-request .btn-primary {padding-right: 5rem; padding-left: 5rem; max-width: 100%;}

.error {color: #fcb316; font-weight: 400; font-style: italic; border-color: #fcb316 !important;}

/*--------Single Headline ---------*/
.single-headline h1 {font-weight: 900; font-size: 3.375rem; text-transform: uppercase; letter-spacing: 0.5rem;}
.single-headline small {font-size:1.125rem; font-weight: 700}
@media (max-width: 575px) { 
	.single-headline h1 {font-size: 2.8rem}
	.single-headline small {font-size: 1rem;}
}
@media (min-width: 576px) and (max-width: 768px) { 
	.single-headline h1 {font-size: 3rem}
	.single-headline small {font-size: 1rem;}
}
/*--------Services ---------------*/
.we-here {padding: 3.5rem 0; background: #f5f5f5;}
.we-here h2.left-title {margin-bottom: 3rem; font-size: 2.25rem; font-weight: 900; position: relative;}
.we-here h2.left-title:after {position: absolute; left: 0; bottom: -1rem; width: 2.5rem; height: .1875rem; background: #fee934; content: "";}

.card-item {background: #fff; margin-bottom: 1.875rem; padding: 2rem 1.5rem; min-height: 16.5rem; border-radius: .1875rem; text-align: center;}
.card-item img {margin: 0 auto 1.5rem; max-width: 100%}
.card-item h4 {margin-bottom: .6rem; font-size: 1.125rem; font-weight: 900; }
.card-item p {margin: 0;}

.we-built h3 {text-transform: uppercase; margin-bottom: 1.5rem; font-weight: 900; font-size: 1.875rem;}

/*-----Static Page ----------*/
.static {position: relative;}
.static:after {position: absolute; bottom: -2.5rem; left: 0; width: 3rem; height: .1875rem; background: #fee934; content: "";}
.static .desc {margin-bottom: 2rem; font-size: .8125rem; font-weight: 900; text-transform: uppercase; letter-spacing: 0.1rem;}
.static ul, .static ol {margin: 2.5rem 0 2rem 1rem;}
.static ul li, .static ol li {margin-bottom: 1rem;}
.static .inside {margin-left: 1.5rem;}

.static ul {list-style: none;}
.static ul li {position: relative; padding-left: 1.3rem;}
.static ul li:before {position: absolute; top: .4rem; left: 0; width: .5rem; height:.5rem; background: #fee934; border-radius: 50%; content: ""; }

ol.bullet-color li {color: #fee934; padding-left: .5rem; font-weight: 800;}
ol.bullet-color li span {color: #464542; font-weight: 400;}

.static dl {margin: 2.5rem 0;}
.static dl dt {margin: 1rem 0;}
.static dl dd {margin-left: 1.5rem; }

h2.sub-headline {color: #464542; position: relative; z-index: 998}
h2.sub-headline span {display: block; margin: 0 0 0.2rem; font-weight: 600; font-size:.8rem; line-height: 160%; letter-spacing: .6rem; text-transform: uppercase;}
h2.sub-headline label {display: block; margin: 0; font-weight: 900; font-size: 3rem; letter-spacing: .1rem;}
h2.title-alone {font-weight: 900; font-size: 2.75rem; letter-spacing: .1rem; line-height: 95%;}
@media (max-width: 575px) { 
	h2.title-alone {font-size: 2rem}
}
@media (min-width: 576px) and (max-width: 768px) { 
	h2.title-alone {font-size: 1.8rem}
}
@media (min-width: 992px) and (max-width: 1199px) {
	h2.title-alone {font-size: 2.3rem}
}
.hightlight {position: absolute; top: 0; left: 4rem; width: 9rem; text-align: left; font-size: 1rem; line-height: 1.9rem; font-weight: 900; letter-spacing: 0.1rem;}
.hightlight span {color: #fee934;}
@media (max-width: 575px) { 
	.hightlight {left: 2rem; top: 1rem;}
	.img img {margin-bottom: 2rem; width: 100%;}

}
@media (min-width: 576px) and (max-width: 768px) { 
	.hightlight {left: 2.5rem; top: 1rem;}
	.img img {margin-bottom: 2rem;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.hightlight {left: -1rem; top: 1rem;}
}

.img img {max-width: 100%;}
.h-authen h2 {margin-left: -10rem; margin-bottom: 1rem; max-width: 100%; position: relative; z-index: 999;}
.h-services {background: url(../images/banner/auhome-services.jpg) no-repeat top center;}
.h-services h2 {padding-bottom: 1.5rem}
.h-services h2 span {margin-bottom: .6rem}
.h-services {}
@media (max-width: 575px) { 
	.h-authen h2 {margin-left: 0;}
	.h-authen .wrap-content-body {padding: 0;}
	.h-services {background-color: #fafafa; background-image: none;}
}
@media (min-width: 576px) and (max-width: 767px) {
	.h-authen h2 {margin-left: 0;}
	.h-authen .wrap-content-body {padding: 0}
}
@media (min-width: 768px) and (max-width: 991px) {
	.h-authen h2 {margin-left: -5rem;}
	.h-authen .wrap-content-body {padding: 0}
	.h-authen .wrap-content {margin-top: 0}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.h-authen h2 {margin-left: -7rem;}
	.h-authen .wrap-content-body {padding: 0 2rem;}
}

/*------------Services block & item------------*/
.servive-item {margin: 0 0 2.5rem; text-align: center;}
.servive-item i {display: block;}
.servive-item h3 {margin: 1rem 0 0.5rem; font-size: 1rem; font-weight: 900; line-height: 150%; letter-spacing: 0.2rem; text-transform: uppercase;}
.servive-item p {margin: 0;}
.whatelse {margin: 1.5rem 0 0; text-align: center;}
.whatelse h5 {margin-bottom: 1.2rem; text-transform: uppercase; font-weight: 700; font-size: .875rem; color: #323232; letter-spacing: 0.3rem}
@media (min-width: 768px) and (max-width: 991px) {
	.whatelse h5 {margin-bottom: 0}
}
/*-----------Call to action----------*/
.cta {position: relative; padding: 3.5rem 0;}
.cta-inside {text-align: center;}
.cta-inside h4 {font-size: 1.875rem; font-weight: 800;}
.cta-inside p {margin: 0;}
.cta-inside .btn-primary {margin-top: 1.5rem; background: #fee934; font-size: 0.75rem; height: auto; line-height: 130%; padding: 1rem 5rem; max-width: 100%; white-space: normal;}

.next-content {padding: 0 0 4rem;}
.next-content a {display: inline-block; padding: 1rem; cursor: pointer; line-height: 1.5rem;}
.next-content a label {display: block; font-size: 1rem; color: #7d7c7a;}
.next-content a label i {margin: 0 0.4rem;}
.next-content a span {display: block; font-size: 0.875rem; font-weight:900; text-transform: uppercase; color: #fee934; letter-spacing: 0.1rem;}
.next-content a:hover, .next-content a:focus {text-decoration: none;}
.next-content a:hover span, .next-content a:focus span {color: #fcb316;}
@media (max-width: 575px) { 
	.next-content {padding: 0 0 2rem;}
	.sub-nav h2 {margin-bottom: 0}
}
@media (min-width: 576px) and (max-width: 767px) {
	.sub-nav h2 {margin-bottom: 0}
}
@media (min-width: 768px) and (max-width: 991px) {
	.whatelse h5 {margin-bottom: 0}
}

/*------------Slider------------*/
.swiper-container {width: 100%; height: auto;}
.slider {}
.slider img {max-width: 100%; margin-bottom: 1.25rem}
.slider h5 {font-size: 1rem; font-weight: 600;}
.slider p {margin-bottom: 0.3rem; font-size: 0.875rem; line-height: 1.1rem}
.slider p .price-from {font-style: italic;}

.slider-prev {position: absolute; top: 40%; left: -2.5rem; width: 2rem; height: 2.2rem; margin-top: -1.2rem; z-index: 10; cursor: pointer;}
.slider-next {position: absolute; top: 40%; right: -2.5rem; width: 2rem; height: 2.2rem; margin-top: -1.2rem; z-index: 10; cursor: pointer;}
.slider-prev i, .slider-next i {font-size: 1.4rem; color: #bdbdbc;}
.slider-prev:hover i, .slider-next:hover i, .slider-prev:focus i, .slider-next:focus i {color: #fcb316;}

/*------------TOOLS------------*/
.row-header {margin-bottom: 2rem}
.before:before {content: " "; background: #fee934; height: 4px; width: 46px; position: absolute; top: 0; left: 50%; margin-left: -23px;}
.after {padding-bottom: 1.5rem;}
.after:after {content: " "; background: #fee934; height: 4px; width: 46px; position: absolute; bottom: 0; left: 50%; margin-left: -23px;}
.relative {position: relative;}

.block-img {}
.block-img img {width: 100%; }

.inline-block {display: inline-block;}

/*--------------FOOTER---------------*/
footer {padding:2.5rem 0 0; background: #f7f7f7;}
footer>div>div>div {margin-bottom: 1rem}
footer h6 {font-size: .875rem; margin-bottom: 0.8rem; font-weight: 900}
footer ul {list-style: none;}
footer ul li {display: block;}
footer ul a {display: block; padding: 0.3rem 0; color: #5c5b59; font-size: 0.8125rem; }
footer a span.hotline-footer {font-weight: 900; color: #fee934;}
footer ul a:hover, footer ul a:focus, footer a:hover span.hotline-footer, footer a:focus span.hotline-footer {color: #fcb316; text-decoration: none;}
.social-network {margin-top: -0.5rem}
.social-network a {display: inline-block; margin-bottom: 0.7rem; font-size: 1.875rem;}
.social-network a.facebook {color: #3c5a9a;}
.social-network a.twitter {color: #00aced;}
.social-network a.instagram {color: #5c5b59;}
.copyright {font-size: .875rem;}
.copyright p {margin-bottom: .35rem;}
.copyright p.copy {margin-bottom: -0.1rem}
.copyright p a {color: #5c5b59;}
.copyright p.copy a {color: #fee934; font-weight: 700}
.copyright p a:hover, .copyright p a:focus {color: #fcb316;}
/*-------------WHO WE ARE--------------*/
.wrap-sub-nav {height: 590px}

.sub-nav {}
.sub-nav h2 {margin-bottom: 1.5rem;}
.sub-nav ul {list-style: none; margin: 0;}
.sub-nav ul li {}
.sub-nav ul li a {display: block; padding: .45rem 1.8rem; font-size: 0.75rem; font-weight: 900; text-transform: uppercase; color: #5c5b59; position: relative;}
.sub-nav ul li a:hover, .sub-nav ul li a:focus {color: #fee934; text-decoration: none;}
.sub-nav ul li a.active:before {position: absolute; top: 50%; left: 0; width: 1.125rem; height: 0.1875rem; margin-top: -0.0925rem; background: #fee934; content: " ";}
.sub-nav ul li a.active:hover {color: #5c5b59;}
@media (max-width: 575px) { 
	.sub-nav h2 {margin-bottom: 0}
}
@media (min-width: 576px) and (max-width: 767px) {
	.sub-nav h2 {margin-bottom: 0}
}
/*--------Reset Modal ---------------*/
.modal-content {border: 0 none; border-radius: 0.1875rem}
.modal-header {border-bottom: 0 none; padding: 1rem;}
.modal-body {padding: 0 1rem;}
.modal-footer {padding-top: 0; justify-content: center; border-top: 0 none;}
.modal-footer .close-link {padding: 1rem 2rem; font-size: .6rem; font-weight: 900; letter-spacing: 0.6rem; text-transform: uppercase; color: #fcb316; background: transparent; border: 0 none; cursor: pointer;}

/*------- END OF OUR STYLES :) :) --------*/
/*------- CONGRATS OUR CRAZY :) :) -------*/