<style> .container-max-md { max-width: unset !important; } @media(max-width:1200px) { .px-xl-8 { padding-left: 0 !important; padding-right: 0 !important; } } @media(max-width:992px) { .px-xl-8 { padding-left: 0 !important; padding-right: 0 !important; } } @media(max-width:768px) { .p-md-5 { padding: 0 !important; } } .p-4 { padding: 0 !important; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left } .col-xs-12 { width: 100% } .col-xs-11 { width: 91.66666667% } .col-xs-10 { width: 83.33333333% } .col-xs-9 { width: 75% } .col-xs-8 { width: 66.66666667% } .col-xs-7 { width: 58.33333333% } .col-xs-6 { width: 50% } .col-xs-5 { width: 41.66666667% } .col-xs-4 { width: 33.33333333% } .col-xs-3 { width: 25% } .col-xs-2 { width: 16.66666667% } .col-xs-1 { width: 8.33333333% } .col-xs-pull-12 { right: 100% } .col-xs-pull-11 { right: 91.66666667% } .col-xs-pull-10 { right: 83.33333333% } .col-xs-pull-9 { right: 75% } .col-xs-pull-8 { right: 66.66666667% } .col-xs-pull-7 { right: 58.33333333% } .col-xs-pull-6 { right: 50% } .col-xs-pull-5 { right: 41.66666667% } .col-xs-pull-4 { right: 33.33333333% } .col-xs-pull-3 { right: 25% } .col-xs-pull-2 { right: 16.66666667% } .col-xs-pull-1 { right: 8.33333333% } .col-xs-pull-0 { right: auto } .col-xs-push-12 { left: 100% } .col-xs-push-11 { left: 91.66666667% } .col-xs-push-10 { left: 83.33333333% } .col-xs-push-9 { left: 75% } .col-xs-push-8 { left: 66.66666667% } .col-xs-push-7 { left: 58.33333333% } .col-xs-push-6 { left: 50% } .col-xs-push-5 { left: 41.66666667% } .col-xs-push-4 { left: 33.33333333% } .col-xs-push-3 { left: 25% } .col-xs-push-2 { left: 16.66666667% } .col-xs-push-1 { left: 8.33333333% } .col-xs-push-0 { left: auto } .col-xs-offset-12 { margin-left: 100% } .col-xs-offset-11 { margin-left: 91.66666667% } .col-xs-offset-10 { margin-left: 83.33333333% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-8 { margin-left: 66.66666667% } .col-xs-offset-7 { margin-left: 58.33333333% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-5 { margin-left: 41.66666667% } .col-xs-offset-4 { margin-left: 33.33333333% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-2 { margin-left: 16.66666667% } .col-xs-offset-1 { margin-left: 8.33333333% } .col-xs-offset-0 { margin-left: 0 } .w-25 { width: 25% !important } .w-50 { width: 50% !important } .w-75 { width: 75% !important } .w-100 { width: 100% !important } .w-auto { width: auto !important } .h-25 { height: 25% !important } .h-50 { height: 50% !important } .h-75 { height: 75% !important } .h-100 { height: 100% !important } .h-auto { height: auto !important } .mw-100 { max-width: 100% !important } .mh-100 { max-height: 100% !important } .min-vw-100 { min-width: 100vw !important } .min-vh-100 { min-height: 100vh !important } .vw-100 { width: 100vw !important } .vh-100 { height: 100vh !important } .m-0 { margin: 0 !important } .mt-0, .my-0 { margin-top: 0 !important } .mr-0, .mx-0 { margin-right: 0 !important } .mb-0, .my-0 { margin-bottom: 0 !important } .ml-0, .mx-0 { margin-left: 0 !important } .m-1 { margin: 0.25rem !important } .mt-1, .my-1 { margin-top: 0.25rem !important } .mr-1, .mx-1 { margin-right: 0.25rem !important } .mb-1, .my-1 { margin-bottom: 0.25rem !important } .ml-1, .mx-1 { margin-left: 0.25rem !important } .m-2 { margin: 0.5rem !important } .mt-2, .my-2 { margin-top: 0.5rem !important } .mr-2, .mx-2 { margin-right: 0.5rem !important } .mb-2, .my-2 { margin-bottom: 0.5rem !important } .ml-2, .mx-2 { margin-left: 0.5rem !important } .m-3 { margin: 1rem !important } .mt-3, .my-3 { margin-top: 1rem !important } .mr-3, .mx-3 { margin-right: 1rem !important } .mb-3, .my-3 { margin-bottom: 1rem !important } .ml-3, .mx-3 { margin-left: 1rem !important } .m-4 { margin: 1.5rem !important } .mt-4, .my-4 { margin-top: 1.5rem !important } .mr-4, .mx-4 { margin-right: 1.5rem !important } .mb-4, .my-4 { margin-bottom: 1.5rem !important } .ml-4, .mx-4 { margin-left: 1.5rem !important } .m-5 { margin: 3rem !important } .mt-5, .my-5 { margin-top: 3rem !important } .mr-5, .mx-5 { margin-right: 3rem !important } .mb-5, .my-5 { margin-bottom: 3rem !important } .ml-5, .mx-5 { margin-left: 3rem !important } .p-0 { padding: 0 !important } .pt-0, .py-0 { padding-top: 0 !important } .pr-0, .px-0 { padding-right: 0 !important } .pb-0, .py-0 { padding-bottom: 0 !important } .pl-0, .px-0 { padding-left: 0 !important } .p-1 { padding: 0.25rem !important } .pt-1, .py-1 { padding-top: 0.25rem !important } .pr-1, .px-1 { padding-right: 0.25rem !important } .pb-1, .py-1 { padding-bottom: 0.25rem !important } .pl-1, .px-1 { padding-left: 0.25rem !important } .p-2 { padding: 0.5rem !important } .pt-2, .py-2 { padding-top: 0.5rem !important } .pr-2, .px-2 { padding-right: 0.5rem !important } .pb-2, .py-2 { padding-bottom: 0.5rem !important } .pl-2, .px-2 { padding-left: 0.5rem !important } .p-3 { padding: 1rem !important } .pt-3, .py-3 { padding-top: 1rem !important } .pr-3, .px-3 { padding-right: 1rem !important } .pb-3, .py-3 { padding-bottom: 1rem !important } .pl-3, .px-3 { padding-left: 1rem !important } .p-4 { padding: 1.5rem !important } .pt-4, .py-4 { padding-top: 1.5rem !important } .pr-4, .px-4 { padding-right: 1.5rem !important } .pb-4, .py-4 { padding-bottom: 1.5rem !important } .pl-4, .px-4 { padding-left: 1.5rem !important } .p-5 { padding: 3rem !important } .pt-5, .py-5 { padding-top: 3rem !important } .pr-5, .px-5 { padding-right: 3rem !important } .pb-5, .py-5 { padding-bottom: 3rem !important } .pl-5, .px-5 { padding-left: 3rem !important } .m-n1 { margin: -0.25rem !important } .mt-n1, .my-n1 { margin-top: -0.25rem !important } .mr-n1, .mx-n1 { margin-right: -0.25rem !important } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important } .ml-n1, .mx-n1 { margin-left: -0.25rem !important } .m-n2 { margin: -0.5rem !important } .mt-n2, .my-n2 { margin-top: -0.5rem !important } .mr-n2, .mx-n2 { margin-right: -0.5rem !important } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important } .ml-n2, .mx-n2 { margin-left: -0.5rem !important } .m-n3 { margin: -1rem !important } .mt-n3, .my-n3 { margin-top: -1rem !important } .mr-n3, .mx-n3 { margin-right: -1rem !important } .mb-n3, .my-n3 { margin-bottom: -1rem !important } .ml-n3, .mx-n3 { margin-left: -1rem !important } .m-n4 { margin: -1.5rem !important } .mt-n4, .my-n4 { margin-top: -1.5rem !important } .mr-n4, .mx-n4 { margin-right: -1.5rem !important } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important } .ml-n4, .mx-n4 { margin-left: -1.5rem !important } .m-n5 { margin: -3rem !important } .mt-n5, .my-n5 { margin-top: -3rem !important } .mr-n5, .mx-n5 { margin-right: -3rem !important } .mb-n5, .my-n5 { margin-bottom: -3rem !important } .ml-n5, .mx-n5 { margin-left: -3rem !important } .m-auto { margin: auto !important } .mt-auto, .my-auto { margin-top: auto !important } .mr-auto, .mx-auto { margin-right: auto !important } .mb-auto, .my-auto { margin-bottom: auto !important } .ml-auto, .mx-auto { margin-left: auto !important } @media only screen and (max-width: 768px) { .hero-title { font-size: 52px !important; font-weight: 600 !important; color: #ffffff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); line-height: 1.4em; } .title-h3 { font-size: 28px; } .parallax-scroll { background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: 80% 75%; width: 100%; height: 30vh; overflow-x: hidden; overflow-y: auto; perspective: 1px; } .equal-height { display: block; } .side-img { object-fit: cover; max-width: 100vw; width: 100%; } .equal-height .col-md-5, .equal-height .col-md-7 { display: block; } .equal-height .col-md-5 { align-items: stretch; } .sub-text-bottom { display: block; font-size: 24px; justify-content: center; align-items: center; text-align: center; margin-bottom: 0 !important; background-color: rgba(0, 0, 0, 0.5); color: #fff; } .sub-text-bottom-2 { display: block; font-size: 24px; background: rgba(218, 218, 218, 0.5); justify-content: center; align-items: center; text-align: center; color: #444; letter-spacing: 2px; margin-bottom: 0 !important; } .side-img { height: 100%; object-fit: cover; max-width: 100%; max-height: max-content !important; } .side-img-more { object-fit: cover; max-width: 100%; margin-bottom: -50px; } #mainid>div:nth-child(17)>div>div>div>div>div:nth-child(2) { border-right: none !important; } #mainid>div:nth-child(17)>div>div>div>div>div:nth-child(3) { border-right: none !important; } #mainid>div:nth-child(17)>div>div>div>div>div:nth-child(4) { border-right: none !important; } #mainid>div:nth-child(18)>div>div.col-md-6.col-md-pull-6.mb-2.mt-2.mr-3.p-0>img { width: 100% !important; max-height: unset !important; height: 100%; object-fit: contain !important; margin: auto; } #mainid>div:nth-child(16)>div>div.col-md-6.mb-2.mt-2.ml-3.p-0 { margin-left: unset !important; } #mainid>div:nth-child(14)>div>div.col-md-6.mb-2.mt-2.ml-3.p-0 { margin-left: unset !important; } #mainid>div.container.aos-init.aos-animate>div>div.col-md-6.col-md-pull-6.col-sm-12.col-xs-12.mb-2.mt-2.mr-3.p-0.pl-2 { margin-left: unset !important; } } @media (min-width:576px) { .m-sm-0 { margin: 0 !important } .mt-sm-0, .my-sm-0 { margin-top: 0 !important } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important } .m-sm-1 { margin: 0.25rem !important } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important } .m-sm-2 { margin: 0.5rem !important } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important } .m-sm-3 { margin: 1rem !important } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important } .m-sm-4 { margin: 1.5rem !important } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important } .m-sm-5 { margin: 3rem !important } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important } .p-sm-0 { padding: 0 !important } .pt-sm-0, .py-sm-0 { padding-top: 0 !important } .pr-sm-0, .px-sm-0 { padding-right: 0 !important } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important } .pl-sm-0, .px-sm-0 { padding-left: 0 !important } .p-sm-1 { padding: 0.25rem !important } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important } .p-sm-2 { padding: 0.5rem !important } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important } .p-sm-3 { padding: 1rem !important } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important } .p-sm-4 { padding: 1.5rem !important } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important } .p-sm-5 { padding: 3rem !important } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important } .m-sm-n1 { margin: -0.25rem !important } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important } .m-sm-n2 { margin: -0.5rem !important } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important } .m-sm-n3 { margin: -1rem !important } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important } .m-sm-n4 { margin: -1.5rem !important } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important } .m-sm-n5 { margin: -3rem !important } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important } .m-sm-auto { margin: auto !important } .mt-sm-auto, .my-sm-auto { margin-top: auto !important } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important } .hero-title { font-size: 52px !important; font-weight: 600 !important; color: #ffffff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); line-height: 1.4em; } .title-h3 { font-size: 28px; } .parallax-scroll { background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: 80% 75%; width: 100%; height: 30vh; overflow-x: hidden; overflow-y: auto; perspective: 1px; } .side-img { object-fit: cover; max-width: 100vw; width: 100%; } .equal-height { display: block; } .equal-height .col-md-5, .equal-height .col-md-7 { display: block; } .equal-height .col-md-5 { align-items: stretch; } .sub-text-bottom { display: block; font-size: 24px; justify-content: center; align-items: center; text-align: center; margin-bottom: 0 !important; background-color: rgba(0, 0, 0, 0.5); color: #fff; } .sub-text-bottom-2 { display: block; font-size: 24px; background: rgba(218, 218, 218, 0.5); justify-content: center; align-items: center; text-align: center; color: #444; letter-spacing: 2px; margin-bottom: 0 !important; } .side-img { height: 100%; object-fit: cover; max-width: 100%; max-height: max-content !important; } .side-img-more { object-fit: cover; max-width: 100%; margin-bottom: -50px; } #mainid>div:nth-child(17)>div>div>div>div>div:nth-child(2) { border-right: none !important; } #mainid>div:nth-child(17)>div>div>div>div>div:nth-child(3) { border-right: none !important; } #mainid>div:nth-child(17)>div>div>div>div>div:nth-child(4) { border-right: none !important; } #mainid>div:nth-child(18)>div>div.col-md-6.col-md-pull-6.mb-2.mt-2.mr-3.p-0>img { width: 100% !important; max-height: unset !important; height: 100%; margin: auto; } #mainid>div:nth-child(16)>div>div.col-md-6.mb-2.mt-2.ml-3.p-0 { margin-left: unset !important; } #mainid>div:nth-child(14)>div>div.col-md-6.mb-2.mt-2.ml-3.p-0 { margin-left: unset !important; } #mainid>div.container.aos-init.aos-animate>div>div.col-md-6.col-md-pull-6.col-sm-12.col-xs-12.mb-2.mt-2.mr-3.p-0.pl-2 { margin-left: unset !important; } } @media (min-width:768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left } .col-sm-12 { width: 100% } .col-sm-11 { width: 91.66666667% } .col-sm-10 { width: 83.33333333% } .col-sm-9 { width: 75% } .col-sm-8 { width: 66.66666667% } .col-sm-7 { width: 58.33333333% } .col-sm-6 { width: 50% } .col-sm-5 { width: 41.66666667% } .col-sm-4 { width: 33.33333333% } .col-sm-3 { width: 25% } .col-sm-2 { width: 16.66666667% } .col-sm-1 { width: 8.33333333% } .col-sm-pull-12 { right: 100% } .col-sm-pull-11 { right: 91.66666667% } .col-sm-pull-10 { right: 83.33333333% } .col-sm-pull-9 { right: 75% } .col-sm-pull-8 { right: 66.66666667% } .col-sm-pull-7 { right: 58.33333333% } .col-sm-pull-6 { right: 50% } .col-sm-pull-5 { right: 41.66666667% } .col-sm-pull-4 { right: 33.33333333% } .col-sm-pull-3 { right: 25% } .col-sm-pull-2 { right: 16.66666667% } .col-sm-pull-1 { right: 8.33333333% } .col-sm-pull-0 { right: auto } .col-sm-push-12 { left: 100% } .col-sm-push-11 { left: 91.66666667% } .col-sm-push-10 { left: 83.33333333% } .col-sm-push-9 { left: 75% } .col-sm-push-8 { left: 66.66666667% } .col-sm-push-7 { left: 58.33333333% } .col-sm-push-6 { left: 50% } .col-sm-push-5 { left: 41.66666667% } .col-sm-push-4 { left: 33.33333333% } .col-sm-push-3 { left: 25% } .col-sm-push-2 { left: 16.66666667% } .col-sm-push-1 { left: 8.33333333% } .col-sm-push-0 { left: auto } .col-sm-offset-12 { margin-left: 100% } .col-sm-offset-11 { margin-left: 91.66666667% } .col-sm-offset-10 { margin-left: 83.33333333% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-8 { margin-left: 66.66666667% } .col-sm-offset-7 { margin-left: 58.33333333% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-5 { margin-left: 41.66666667% } .col-sm-offset-4 { margin-left: 33.33333333% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-2 { margin-left: 16.66666667% } .col-sm-offset-1 { margin-left: 8.33333333% } .col-sm-offset-0 { margin-left: 0 } .m-md-0 { margin: 0 !important } .mt-md-0, .my-md-0 { margin-top: 0 !important } .mr-md-0, .mx-md-0 { margin-right: 0 !important } .mb-md-0, .my-md-0 { margin-bottom: 0 !important } .ml-md-0, .mx-md-0 { margin-left: 0 !important } .m-md-1 { margin: 0.25rem !important } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important } .m-md-2 { margin: 0.5rem !important } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important } .m-md-3 { margin: 1rem !important } .mt-md-3, .my-md-3 { margin-top: 1rem !important } .mr-md-3, .mx-md-3 { margin-right: 1rem !important } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important } .ml-md-3, .mx-md-3 { margin-left: 1rem !important } .m-md-4 { margin: 1.5rem !important } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important } .m-md-5 { margin: 3rem !important } .mt-md-5, .my-md-5 { margin-top: 3rem !important } .mr-md-5, .mx-md-5 { margin-right: 3rem !important } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important } .ml-md-5, .mx-md-5 { margin-left: 3rem !important } .p-md-0 { padding: 0 !important } .pt-md-0, .py-md-0 { padding-top: 0 !important } .pr-md-0, .px-md-0 { padding-right: 0 !important } .pb-md-0, .py-md-0 { padding-bottom: 0 !important } .pl-md-0, .px-md-0 { padding-left: 0 !important } .p-md-1 { padding: 0.25rem !important } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important } .p-md-2 { padding: 0.5rem !important } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important } .p-md-3 { padding: 1rem !important } .pt-md-3, .py-md-3 { padding-top: 1rem !important } .pr-md-3, .px-md-3 { padding-right: 1rem !important } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important } .pl-md-3, .px-md-3 { padding-left: 1rem !important } .p-md-4 { padding: 1.5rem !important } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important } .p-md-5 { padding: 3rem !important } .pt-md-5, .py-md-5 { padding-top: 3rem !important } .pr-md-5, .px-md-5 { padding-right: 3rem !important } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important } .pl-md-5, .px-md-5 { padding-left: 3rem !important } .m-md-n1 { margin: -0.25rem !important } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important } .m-md-n2 { margin: -0.5rem !important } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important } .m-md-n3 { margin: -1rem !important } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important } .m-md-n4 { margin: -1.5rem !important } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important } .m-md-n5 { margin: -3rem !important } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important } .m-md-auto { margin: auto !important } .mt-md-auto, .my-md-auto { margin-top: auto !important } .mr-md-auto, .mx-md-auto { margin-right: auto !important } .mb-md-auto, .my-md-auto { margin-bottom: auto !important } .ml-md-auto, .mx-md-auto { margin-left: auto !important } .equal-height { display: block; } .equal-height .col-md-5, .equal-height .col-md-7 { display: block; flex-direction: column; } .equal-height .col-md-5 { align-items: stretch; } .sub-text-bottom { display: block; font-size: 24px; justify-content: center; align-items: center; text-align: center; margin-bottom: 0 !important; background-color: rgba(0, 0, 0, 0.5); color: #fff; } .sub-text-bottom-2 { display: block; font-size: 24px; background: rgba(218, 218, 218, 0.5); justify-content: center; align-items: center; text-align: center; color: #444; letter-spacing: 2px; margin-bottom: 0 !important; } .hero-title { font-size: 52px !important; font-weight: 600 !important; color: #ffffff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); line-height: 1.4em; } .side-img { object-fit: cover; max-width: 100vw; width: 100%; } .side-img-more { object-fit: cover; max-width: 100%; margin-bottom: -50px; } } @media (min-width:992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left } .col-md-12 { width: 100% } .col-md-11 { width: 91.66666667% } .col-md-10 { width: 83.33333333% } .col-md-9 { width: 75% } .col-md-8 { width: 66.66666667% } .col-md-7 { width: 58.33333333% } .col-md-6 { width: 50% } .col-md-5 { width: 41.66666667% } .col-md-4 { width: 33.33333333% } .col-md-3 { width: 25% } .col-md-2 { width: 16.66666667% } .col-md-1 { width: 8.33333333% } .col-md-pull-12 { right: 100% } .col-md-pull-11 { right: 91.66666667% } .col-md-pull-10 { right: 83.33333333% } .col-md-pull-9 { right: 75% } .col-md-pull-8 { right: 66.66666667% } .col-md-pull-7 { right: 58.33333333% } .col-md-pull-6 { right: 50% } .col-md-pull-5 { right: 41.66666667% } .col-md-pull-4 { right: 33.33333333% } .col-md-pull-3 { right: 25% } .col-md-pull-2 { right: 16.66666667% } .col-md-pull-1 { right: 8.33333333% } .col-md-pull-0 { right: auto } .col-md-push-12 { left: 100% } .col-md-push-11 { left: 91.66666667% } .col-md-push-10 { left: 83.33333333% } .col-md-push-9 { left: 75% } .col-md-push-8 { left: 66.66666667% } .col-md-push-7 { left: 58.33333333% } .col-md-push-6 { left: 50% } .col-md-push-5 { left: 41.66666667% } .col-md-push-4 { left: 33.33333333% } .col-md-push-3 { left: 25% } .col-md-push-2 { left: 16.66666667% } .col-md-push-1 { left: 8.33333333% } .col-md-push-0 { left: auto } .col-md-offset-12 { margin-left: 100% } .col-md-offset-11 { margin-left: 91.66666667% } .col-md-offset-10 { margin-left: 83.33333333% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-8 { margin-left: 66.66666667% } .col-md-offset-7 { margin-left: 58.33333333% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-5 { margin-left: 41.66666667% } .col-md-offset-4 { margin-left: 33.33333333% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-2 { margin-left: 16.66666667% } .col-md-offset-1 { margin-left: 8.33333333% } .col-md-offset-0 { margin-left: 0 } .m-lg-0 { margin: 0 !important } .mt-lg-0, .my-lg-0 { margin-top: 0 !important } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important } .m-lg-1 { margin: 0.25rem !important } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important } .m-lg-2 { margin: 0.5rem !important } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important } .m-lg-3 { margin: 1rem !important } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important } .m-lg-4 { margin: 1.5rem !important } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important } .m-lg-5 { margin: 3rem !important } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important } .p-lg-0 { padding: 0 !important } .pt-lg-0, .py-lg-0 { padding-top: 0 !important } .pr-lg-0, .px-lg-0 { padding-right: 0 !important } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important } .pl-lg-0, .px-lg-0 { padding-left: 0 !important } .p-lg-1 { padding: 0.25rem !important } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important } .p-lg-2 { padding: 0.5rem !important } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important } .p-lg-3 { padding: 1rem !important } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important } .p-lg-4 { padding: 1.5rem !important } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important } .p-lg-5 { padding: 3rem !important } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important } .m-lg-n1 { margin: -0.25rem !important } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important } .m-lg-n2 { margin: -0.5rem !important } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important } .m-lg-n3 { margin: -1rem !important } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important } .m-lg-n4 { margin: -1.5rem !important } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important } .m-lg-n5 { margin: -3rem !important } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important } .m-lg-auto { margin: auto !important } .mt-lg-auto, .my-lg-auto { margin-top: auto !important } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important } .equal-height { display: flex; } .equal-height .col-md-5, .equal-height .col-md-7 { display: flex; flex-direction: column; } .equal-height .col-md-5 { align-items: stretch; } .sub-text-bottom { display: flex; font-size: 24px; justify-content: center; align-items: center; text-align: center; margin-bottom: 0 !important; background-color: rgba(0, 0, 0, 0.5); color: #fff; } .sub-text-bottom-2 { display: flex; font-size: 24px; background: rgba(218, 218, 218, 0.5); justify-content: center; align-items: center; text-align: center; color: #444; letter-spacing: 2px; margin-bottom: 0 !important; } .hero-title { font-size: 52px !important; font-weight: 600 !important; color: #ffffff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); line-height: 1.4em; } .side-img { height: 100%; object-fit: cover; max-width: 100%; max-height: max-content !important; } .side-img-more { object-fit: cover; max-width: 100%; margin-bottom: -50px; } #hero-banner>div { margin-bottom: 210px; } } @media (min-width:1200px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left } .col-lg-12 { width: 100% } .col-lg-11 { width: 91.66666667% } .col-lg-10 { width: 83.33333333% } .col-lg-9 { width: 75% } .col-lg-8 { width: 66.66666667% } .col-lg-7 { width: 58.33333333% } .col-lg-6 { width: 50% } .col-lg-5 { width: 41.66666667% } .col-lg-4 { width: 33.33333333% } .col-lg-3 { width: 25% } .col-lg-2 { width: 16.66666667% } .col-lg-1 { width: 8.33333333% } .col-lg-pull-12 { right: 100% } .col-lg-pull-11 { right: 91.66666667% } .col-lg-pull-10 { right: 83.33333333% } .col-lg-pull-9 { right: 75% } .col-lg-pull-8 { right: 66.66666667% } .col-lg-pull-7 { right: 58.33333333% } .col-lg-pull-6 { right: 50% } .col-lg-pull-5 { right: 41.66666667% } .col-lg-pull-4 { right: 33.33333333% } .col-lg-pull-3 { right: 25% } .col-lg-pull-2 { right: 16.66666667% } .col-lg-pull-1 { right: 8.33333333% } .col-lg-pull-0 { right: auto } .col-lg-push-12 { left: 100% } .col-lg-push-11 { left: 91.66666667% } .col-lg-push-10 { left: 83.33333333% } .col-lg-push-9 { left: 75% } .col-lg-push-8 { left: 66.66666667% } .col-lg-push-7 { left: 58.33333333% } .col-lg-push-6 { left: 50% } .col-lg-push-5 { left: 41.66666667% } .col-lg-push-4 { left: 33.33333333% } .col-lg-push-3 { left: 25% } .col-lg-push-2 { left: 16.66666667% } .col-lg-push-1 { left: 8.33333333% } .col-lg-push-0 { left: auto } .col-lg-offset-12 { margin-left: 100% } .col-lg-offset-11 { margin-left: 91.66666667% } .col-lg-offset-10 { margin-left: 83.33333333% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-8 { margin-left: 66.66666667% } .col-lg-offset-7 { margin-left: 58.33333333% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-5 { margin-left: 41.66666667% } .col-lg-offset-4 { margin-left: 33.33333333% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-2 { margin-left: 16.66666667% } .col-lg-offset-1 { margin-left: 8.33333333% } .col-lg-offset-0 { margin-left: 0 } .m-xl-0 { margin: 0 !important } .mt-xl-0, .my-xl-0 { margin-top: 0 !important } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important } .m-xl-1 { margin: 0.25rem !important } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important } .m-xl-2 { margin: 0.5rem !important } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important } .m-xl-3 { margin: 1rem !important } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important } .m-xl-4 { margin: 1.5rem !important } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important } .m-xl-5 { margin: 3rem !important } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important } .p-xl-0 { padding: 0 !important } .pt-xl-0, .py-xl-0 { padding-top: 0 !important } .pr-xl-0, .px-xl-0 { padding-right: 0 !important } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important } .pl-xl-0, .px-xl-0 { padding-left: 0 !important } .p-xl-1 { padding: 0.25rem !important } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important } .p-xl-2 { padding: 0.5rem !important } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important } .p-xl-3 { padding: 1rem !important } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important } .p-xl-4 { padding: 1.5rem !important } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important } .p-xl-5 { padding: 3rem !important } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important } .m-xl-n1 { margin: -0.25rem !important } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important } .m-xl-n2 { margin: -0.5rem !important } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important } .m-xl-n3 { margin: -1rem !important } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important } .m-xl-n4 { margin: -1.5rem !important } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important } .m-xl-n5 { margin: -3rem !important } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important } .m-xl-auto { margin: auto !important } .mt-xl-auto, .my-xl-auto { margin-top: auto !important } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important } .equal-height { display: flex; align-items: center; } .equal-height .col-md-5, .equal-height .col-md-7 { display: flex; flex-direction: column; } .equal-height .col-md-5 { align-items: stretch; } .sub-text-bottom { display: flex; font-size: 24px; justify-content: center; align-items: center; text-align: center; margin-bottom: 0 !important; background-color: rgba(0, 0, 0, 0.5); color: #fff; } .sub-text-bottom-2 { display: flex; font-size: 24px; background: rgba(218, 218, 218, 0.5); justify-content: center; align-items: center; text-align: center; color: #444; letter-spacing: 2px; margin-bottom: 0 !important; } .hero-title { font-size: 52px !important; font-weight: 600 !important; color: #ffffff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); line-height: 1.4em; } .side-img { height: 100%; object-fit: cover; max-width: 100%; max-height: max-content !important; } .side-img-more { object-fit: cover; max-width: 100%; margin-bottom: -50px; } #hero-banner>div { margin-bottom: 210px; } } a.primary { transition: all 0.7s ease-out; border-radius: 0; background: #ed0d01; color: #fff; border-color: transparent; border-radius: 0; border-style: solid; border-width: 1px; cursor: pointer; display: flex; font-family: "Roboto-Regular"; font-size: 1.6rem; justify-content: center; letter-spacing: normal; line-height: 1.5; max-width: 300px; width: 100%; min-height: 52px; padding: 1.3rem; text-align: center; text-transform: uppercase; transition: all 0.5s ease; } a.primary:hover { transition: all 0.7s ease-out; border-radius: 0; background: #fff; color: #ed0d01; border-color: #ed0d01; border-radius: 0; border-style: solid; border-width: 1px; transition: all 0.5s ease; } .box-cont { letter-spacing: 2px; vertical-align: middle; display: flex; flex-direction: row; object-position: center; justify-content: center; place-items: center; max-height: 50px; height: 100%; } .contentcontainer#di-page-composer { padding: 0; margin: 0; overflow: hidden; } #di-page-composer { font-family: inherit; font-size: unset; overflow-x: hidden; } #di-page-composer .dark-text { color: #fff; } #di-page-composer>div.fullcontentrow { background-size: cover; background-repeat: no-repeat; width: 100%; overflow: hidden; } #di-page-composer h2 { margin-bottom: 20px; font-size: unset; } .button, .button:visited { display: inline-block; background: #002c5f; border: none; border-radius: 4px; background-clip: padding-box; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; padding: 20px 50px; font-family: inherit; font-weight: bold; font-size: 14px; line-height: 1; color: white !important; position: relative; text-shadow: none; text-transform: uppercase; text-align: center; text-decoration: none; letter-spacing: normal; cursor: pointer; width: auto !important; margin: 0 40px 15px 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .blockSection .button { padding: 12px 40px; } .button.primary-button, .button:visited.primary-button { background: #ed0d01; color: #fff; border: none; } .ctaRow .cta__container .ctaItem .ctaWrap__content .ctaContent__buttons .fa { margin-left: 6px; transition: transform 450ms ease; } .ctaRow .cta__container .ctaItem .ctaWrap__content .ctaContent__buttons:hover .fa { -ms-transform: translateX(6px); -webkit-transform: translateX(6px); transform: translateX(6px); } * { margin: 0; padding: 0; box-sizing: border-box; } #mainid .titlehead { text-transform: capitalize !important; text-shadow: 0 3px 10px #000000; } #mainid img.img-responsive { width: 100%; } #mainid .container-fluid { padding: 0; } #mainid figure.imgcontainer, #mainid p { margin-top: 10px; } #mainid .row { max-width: 1440px; margin: auto; } #mainid { font-family: "Roboto" , sans-serif } #mainid img.img-responsive:hover { transform: scale(1.1); } #mainid img.img-responsive { transition: all 0.5s; } #mainid figure.imgcontainer { position: relative; padding: 0; overflow: hidden; } #mainid .bg-theme-color .text-light { color: #fff !important; } .textwhite { color: #ffffff !important; } .textdark { color: #000000 !important; } .w700 { font-weight: 700 !important; } .w600 { font-weight: 600 !important; } .w500 { font-weight: 500 !important; } .w400 { font-weight: 400 !important; } .btn-custom { color: #fff; background-color: #c3002f !important; border-color: #c3002f !important; font-size: 20px; } .btn-custom:hover { color: #fff; background-color: #2c2c2c !important; border-color: #2c2c2c !important; font-size: 20px; } .line-divider-dark { border-bottom: 6px solid #020B24; width: 25%; } .line-divider-light { border-bottom: 6px solid #f8f9fa; width: 25%; } .vertical-divider { width: 25%; margin: auto; } .title-h2 { font-size: 56px !important; font-family: inherit; font-weight: inherit; } .title-h3 { font-size: 40px !important; font-family: inherit; font-weight: 600 !important; text-transform: uppercase !important; } .title-h4 { font-size: 26px !important; font-family: inherit; font-weight: inherit; line-height: 1.5em !important; } .p-desc { font-family: sans-serif; line-height: 1.5em; } .font-weight-bold { font-weight: 700 !important; } #hero-banner { background-image: url('https://di-uploads-pod34.dealerinspire.com/modernhyundaiofconcord/uploads/2024/07/The-2024-Hyundai-Santa-Fe-Hybrid-At.webp'); background-repeat: no-repeat; background-position: center center; background-size: cover; height: 75vh; mix-blend-mode: multiply; display: flex; flex-direction: column; justify-content: space-between; } .bg-fullwidth-7 { background-image: url('https://di-uploads-pod34.dealerinspire.com/modernhyundaiofconcord/uploads/2024/07/Choose-Your-Style-Exploring-the-Trims.webp'); } .parallax-scroll { background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; height: 75vh; overflow-x: hidden; overflow-y: auto; perspective: 1px; } .parallax-scroll-sm { background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; height: 50vh; overflow-x: hidden; overflow-y: auto; perspective: 1px; } .bg-theme-color { background-color: #002c5f; color: #fff; justify-content: center; align-items: center; } .bg-theme-color-secondary { background-color: #e1e1e1; color: #000; justify-content: center; align-items: center; }</style>