/* ==================== */ /* Core Theme UTILITIES */ /* ==================== */ /* MISC Utils */ /* ---------------------------------------------- */ .circle-crop { border-radius: 50%; overflow: hidden; } #global-wrapper .disabled { opacity: 0.4; cursor: default; pointer-events: none; } .cursor-pointer {cursor: pointer;} .opacity-50 {opacity: 50%;} .pointer-events-none { pointer-events: none;} /* BG Image Mods */ /* ---------------------------------------------- */ .bg-cover { background-size: cover!important; background-position: center center!important; /*background-color: rgba(0,0,0,0.5);*/ } .bg-top { background-position-y: top!important; } .bg-bottom { background-position-y: bottom!important; } @media only screen and (min-width: 1160px) { .bg-p-xl-center-center { background-position: center center; } .bg-p-xl-center-75 { background-position: center 75% !important; } .bg-p-xl-center-25 { background-position: center 25% !important; } } .bg-left { background-position-x: left!important; } .bg-right { background-position-x: right!important; } @media only screen and (min-width: 768px) { .bg-md-x-centered { background-position-x: center!important; } } .bg-y-05 {background-position-y: 5%!important;} .bg-y-10 {background-position-y: 10%!important;} .bg-y-15 {background-position-y: 15%!important;} .bg-y-20 {background-position-y: 20%!important;} .bg-y-25 {background-position-y: 25%!important;} .bg-y-30 {background-position-y: 30%!important;} .bg-y-35 {background-position-y: 35%!important;} .bg-y-40 {background-position-y: 40%!important;} .bg-y-45 {background-position-y: 45%!important;} .bg-y-50 {background-position-y: 50%!important;} .bg-y-55 {background-position-y: 55%!important;} .bg-y-60 {background-position-y: 60%!important;} .bg-y-65 {background-position-y: 65%!important;} .bg-y-70 {background-position-y: 70%!important;} .bg-y-75 {background-position-y: 75%!important;} .bg-y-80 {background-position-y: 80%!important;} .bg-y-85 {background-position-y: 85%!important;} .bg-y-90 {background-position-y: 90%!important;} .bg-y-95 {background-position-y: 95%!important;} @media only screen and (min-width: 400px) { .bg-y-xs-05 {background-position-y: 5%!important;} .bg-y-xs-10 {background-position-y: 10%!important;} .bg-y-xs-15 {background-position-y: 15%!important;} .bg-y-xs-20 {background-position-y: 20%!important;} .bg-y-xs-25 {background-position-y: 25%!important;} .bg-y-xs-30 {background-position-y: 30%!important;} .bg-y-xs-35 {background-position-y: 35%!important;} .bg-y-xs-40 {background-position-y: 40%!important;} .bg-y-xs-45 {background-position-y: 45%!important;} .bg-y-xs-50 {background-position-y: 50%!important;} .bg-y-xs-55 {background-position-y: 55%!important;} .bg-y-xs-60 {background-position-y: 60%!important;} .bg-y-xs-65 {background-position-y: 65%!important;} .bg-y-xs-70 {background-position-y: 70%!important;} .bg-y-xs-75 {background-position-y: 75%!important;} .bg-y-xs-80 {background-position-y: 80%!important;} .bg-y-xs-85 {background-position-y: 85%!important;} .bg-y-xs-90 {background-position-y: 90%!important;} .bg-y-xs-95 {background-position-y: 95%!important;} } @media only screen and (min-width: 576px) { .bg-y-sm-05 {background-position-y: 5%!important;} .bg-y-sm-10 {background-position-y: 10%!important;} .bg-y-sm-15 {background-position-y: 15%!important;} .bg-y-sm-20 {background-position-y: 20%!important;} .bg-y-sm-25 {background-position-y: 25%!important;} .bg-y-sm-30 {background-position-y: 30%!important;} .bg-y-sm-35 {background-position-y: 35%!important;} .bg-y-sm-40 {background-position-y: 40%!important;} .bg-y-sm-45 {background-position-y: 45%!important;} .bg-y-sm-50 {background-position-y: 50%!important;} .bg-y-sm-55 {background-position-y: 55%!important;} .bg-y-sm-60 {background-position-y: 60%!important;} .bg-y-sm-65 {background-position-y: 65%!important;} .bg-y-sm-70 {background-position-y: 70%!important;} .bg-y-sm-75 {background-position-y: 75%!important;} .bg-y-sm-80 {background-position-y: 80%!important;} .bg-y-sm-85 {background-position-y: 85%!important;} .bg-y-sm-90 {background-position-y: 90%!important;} .bg-y-sm-95 {background-position-y: 95%!important;} } @media only screen and (min-width: 768px) { .bg-y-md-05 {background-position-y: 5%!important;} .bg-y-md-10 {background-position-y: 10%!important;} .bg-y-md-15 {background-position-y: 15%!important;} .bg-y-md-20 {background-position-y: 20%!important;} .bg-y-md-25 {background-position-y: 25%!important;} .bg-y-md-30 {background-position-y: 30%!important;} .bg-y-md-35 {background-position-y: 35%!important;} .bg-y-md-40 {background-position-y: 40%!important;} .bg-y-md-45 {background-position-y: 45%!important;} .bg-y-md-50 {background-position-y: 50%!important;} .bg-y-md-55 {background-position-y: 55%!important;} .bg-y-md-60 {background-position-y: 60%!important;} .bg-y-md-65 {background-position-y: 65%!important;} .bg-y-md-70 {background-position-y: 70%!important;} .bg-y-md-75 {background-position-y: 75%!important;} .bg-y-md-80 {background-position-y: 80%!important;} .bg-y-md-85 {background-position-y: 85%!important;} .bg-y-md-90 {background-position-y: 90%!important;} .bg-y-md-95 {background-position-y: 95%!important;} } @media only screen and (min-width: 992px) { .bg-y-lg-05 {background-position-y: 5%!important;} .bg-y-lg-10 {background-position-y: 10%!important;} .bg-y-lg-15 {background-position-y: 15%!important;} .bg-y-lg-20 {background-position-y: 20%!important;} .bg-y-lg-25 {background-position-y: 25%!important;} .bg-y-lg-30 {background-position-y: 30%!important;} .bg-y-lg-35 {background-position-y: 35%!important;} .bg-y-lg-40 {background-position-y: 40%!important;} .bg-y-lg-45 {background-position-y: 45%!important;} .bg-y-lg-50 {background-position-y: 50%!important;} .bg-y-lg-55 {background-position-y: 55%!important;} .bg-y-lg-60 {background-position-y: 60%!important;} .bg-y-lg-65 {background-position-y: 65%!important;} .bg-y-lg-70 {background-position-y: 70%!important;} .bg-y-lg-75 {background-position-y: 75%!important;} .bg-y-lg-80 {background-position-y: 80%!important;} .bg-y-lg-85 {background-position-y: 85%!important;} .bg-y-lg-90 {background-position-y: 90%!important;} .bg-y-lg-95 {background-position-y: 95%!important;} } @media only screen and (min-width: 1024px) { .bg-y-dt-05 {background-position-y: 5%!important;} .bg-y-dt-10 {background-position-y: 10%!important;} .bg-y-dt-15 {background-position-y: 15%!important;} .bg-y-dt-20 {background-position-y: 20%!important;} .bg-y-dt-25 {background-position-y: 25%!important;} .bg-y-dt-30 {background-position-y: 30%!important;} .bg-y-dt-35 {background-position-y: 35%!important;} .bg-y-dt-40 {background-position-y: 40%!important;} .bg-y-dt-45 {background-position-y: 45%!important;} .bg-y-dt-50 {background-position-y: 50%!important;} .bg-y-dt-55 {background-position-y: 55%!important;} .bg-y-dt-60 {background-position-y: 60%!important;} .bg-y-dt-65 {background-position-y: 65%!important;} .bg-y-dt-70 {background-position-y: 70%!important;} .bg-y-dt-75 {background-position-y: 75%!important;} .bg-y-dt-80 {background-position-y: 80%!important;} .bg-y-dt-85 {background-position-y: 85%!important;} .bg-y-dt-90 {background-position-y: 90%!important;} .bg-y-dt-95 {background-position-y: 95%!important;} } @media only screen and (min-width: 1200px) { .bg-y-xl-05 {background-position-y: 5%!important;} .bg-y-xl-10 {background-position-y: 10%!important;} .bg-y-xl-15 {background-position-y: 15%!important;} .bg-y-xl-20 {background-position-y: 20%!important;} .bg-y-xl-25 {background-position-y: 25%!important;} .bg-y-xl-30 {background-position-y: 30%!important;} .bg-y-xl-35 {background-position-y: 35%!important;} .bg-y-xl-40 {background-position-y: 40%!important;} .bg-y-xl-45 {background-position-y: 45%!important;} .bg-y-xl-50 {background-position-y: 50%!important;} .bg-y-xl-55 {background-position-y: 55%!important;} .bg-y-xl-60 {background-position-y: 60%!important;} .bg-y-xl-65 {background-position-y: 65%!important;} .bg-y-xl-70 {background-position-y: 70%!important;} .bg-y-xl-75 {background-position-y: 75%!important;} .bg-y-xl-80 {background-position-y: 80%!important;} .bg-y-xl-85 {background-position-y: 85%!important;} .bg-y-xl-90 {background-position-y: 90%!important;} .bg-y-xl-95 {background-position-y: 95%!important;} } /* BG-Blur */ /* ---------------------------------------------- */ .bg-blur { backdrop-filter: blur(16px); } .bg-blur-0 { backdrop-filter: blur(0px); } .bg-blur-2 { backdrop-filter: blur(2px); } .bg-blur-4 { backdrop-filter: blur(4px); } .bg-blur-8 { backdrop-filter: blur(8px); } .bg-blur-16 { backdrop-filter: blur(16px); } .bg-blur-32 { backdrop-filter: blur(32px); } .bg-blur-anim { -webkit-transition: backdrop-filter .2s ease-out; -moz-transition: backdrop-filter .2s ease-out; transition: backdrop-filter .2s ease-out; } /* PADDING */ /* ---------------------------------------------- */ .pt-phi { padding-top: calc(100% * 5/8); } .pb-phi { padding-bottom: calc(100% * 5/8); } /* BACKGROUNDS */ /* ---------------------------------------------- */ .bg-grey-2 { background: #fbfbfb; } .bg-grey-5 { background: #f2f2f2; } .bg-grey-10 { background: #e5e5e5; } .bg-grey-25 { background: #c0c0c0; } .bg-grey-50 { background: #808080; } .bg-grey-65 { background: #595959; } .bg-grey-75 { background: #404040; } .bg-grey-85 { background: #262626; } .bg-grey-90 { background: #1a1a1a; } .bg-grey-95 { background: #111111; } /* Gradients */ .bg-grey-90-gradient { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1eb097+0,0db7bd+100 */ background: #1a1a1a; /* Old browsers */ background: -webkit-radial-gradient(rgba(0,0,0,0.1), transparent), -moz-linear-gradient(45deg, #1a1a1a 0%, #111111 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(rgba(0,0,0,0.1), transparent), -webkit-linear-gradient(45deg, #1a1a1a 0%,#111111 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(rgba(0,0,0,0.1), transparent), linear-gradient(45deg, #1a1a1a 0%,#111111 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#111111',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .bg-white-90 { background: rgba(255,255,255,0.9); } .bg-white-80 { background: rgba(255,255,255,0.8); } .bg-white-75 { background: rgba(255,255,255,0.75); } .bg-white-60 { background: rgba(255,255,255,0.6); } .bg-white-50 { background: rgba(255,255,255,0.5); } .bg-white-25 { background: rgba(255,255,255,0.25); } .bg-white-20 { background: rgba(255,255,255,0.2); } .bg-white-10 { background: rgba(255,255,255,0.1); } .bg-white-05 { background: rgba(255,255,255,0.05); } .bg-black-90 { background: rgba(0,0,0,0.9); } .bg-black-80 { background: rgba(0,0,0,0.8); } .bg-black-70 { background: rgba(0,0,0,0.7); } .bg-black-75 { background: rgba(0,0,0,0.75); } .bg-black-60 { background: rgba(0,0,0,0.6); } .bg-black-50 { background: rgba(0,0,0,0.5); } .bg-black-40 { background: rgba(0,0,0,0.4); } .bg-black-30 { background: rgba(0,0,0,0.3); } .bg-black-25 { background: rgba(0,0,0,0.25); } .bg-black-20 { background: rgba(0,0,0,0.2); } .bg-black-10 { background: rgba(0,0,0,0.1); } .bg-black-05 { background: rgba(0,0,0,0.05); } /* BORDERS */ /* ---------------------------------------------- */ .b-grey-10 { border-color: #e5e5e5 !important; } .b-grey-25 { border-color: #c0c0c0 !important; } .b-grey-50 { border-color: #808080 !important; } .b-grey-65 { border-color: #595959 !important; } .b-grey-75 { border-color: #404040 !important; } .b-grey-80 { border-color: #333333 !important; } .b-white { border-color: rgba(255,255,255,1)!important; } .b-white-90 { border-color: rgba(255,255,255,0.9)!important; } .b-white-80 { border-color: rgba(255,255,255,0.8)!important; } .b-white-75 { border-color: rgba(255,255,255,0.75)!important; } .b-white-60 { border-color: rgba(255,255,255,0.6)!important; } .b-white-50 { border-color: rgba(255,255,255,0.5)!important; } .b-white-25 { border-color: rgba(255,255,255,0.25)!important; } .b-white-20 { border-color: rgba(255,255,255,0.2)!important; } .b-white-10 { border-color: rgba(255,255,255,0.1)!important; } .b-black { border-color: rgba(0,0,0,1)!important; } .b-black-90 { border-color: rgba(0,0,0,0.9)!important; } .b-black-80 { border-color: rgba(0,0,0,0.8)!important; } .b-black-75 { border-color: rgba(0,0,0,0.75)!important; } .b-black-60 { border-color: rgba(0,0,0,0.6)!important; } .b-black-50 { border-color: rgba(0,0,0,0.5)!important; } .b-black-25 { border-color: rgba(0,0,0,0.25)!important; } .b-black-20 { border-color: rgba(0,0,0,0.2)!important; } .b-black-10 { border-color: rgba(0,0,0,0.1)!important; } .b-black-05 { border-color: rgba(0,0,0,0.05)!important; } .border-solid { border-style: solid !important; } .border-1 { border-width: 1px!important; border-top-style: none;} .border-2 { border-width: 2px!important; border-top-style: none;} .border-3 { border-width: 3px!important; border-top-style: none;} .border-4 { border-width: 4px!important; border-top-style: none;} .border-5 { border-width: 5px!important; border-top-style: none;} .border-0 { border-top-width: 0px !important; border-bottom-width: 0px !important; border-top-style: none; border-bottom-style: none; border-left-width: 0px !important; border-right-width: 0px !important; border-left-style: none; border-right-style: none; } .border-top { /*border-top-width: 1px !important;*/ border-top-style: solid; } .border-bottom { /*border-bottom-width: 1px !important;*/ border-bottom-style: solid; } .border-left { /*border-left-width: 1px !important;*/ border-left-style: solid; } .border-right { /*border-right-width: 1px !important;*/ border-right-style: solid; } .border-top-solid { border-top-style: solid !important; } .border-bottom-solid { border-bottom-style: solid !important; } .border-left-solid { border-left-style: solid !important; } .border-right-solid { border-right-style: solid !important; } .border-top-0 { border-top-width: 0px !important; border-top-style: none; } .border-bottom-0 { border-bottom-width: 0px !important; border-bottom-style: none; } .border-left-0 { border-left-width: 0px !important; border-left-style: none; } .border-right-0 { border-right-width: 0px !important; border-right-style: none; } .border-y-0 { border-top-width: 0px !important; border-bottom-width: 0px !important; border-top-style: none; border-bottom-style: none; } .border-x-0 { border-left-width: 0px !important; border-right-width: 0px !important; border-left-style: none; border-right-style: none; } @media only screen and (min-width: 576px) { .border-sm-top { border-top-width: 1px !important; border-top-style: solid; } .border-sm-bottom { border-bottom-width: 1px !important; border-bottom-style: solid; } .border-sm-left { border-left-width: 1px !important; border-left-style: solid; } .border-sm-right { border-right-width: 1px !important; border-right-style: solid; } .border-top-sm-0 { border-top-width: 0px !important; border-top-style: none; } .border-bottom-sm-0 { border-bottom-width: 0px !important; border-bottom-style: none; } .border-left-sm-0 { border-left-width: 0px !important; border-left-style: none; } .border-righ-sm-0 { border-right-width: 0px !important; border-right-style: none; } .border-y-sm-0 { border-top-width: 0px !important; border-bottom-width: 0px !important; border-top-style: none; border-bottom-style: none; } .border-x-sm-0 { border-left-width: 0px !important; border-right-width: 0px !important; border-left-style: none; border-right-style: none; } } @media only screen and (min-width: 768px) { .border-md-top { border-top-width: 1px !important; border-top-style: solid; } .border-md-bottom { border-bottom-width: 1px !important; border-bottom-style: solid; } .border-md-left { border-left-width: 1px !important; border-left-style: solid; } .border-md-right { border-right-width: 1px !important; border-right-style: solid; } .border-top-md-0 { border-top-width: 0px !important; border-top-style: none; } .border-bottom-md-0 { border-bottom-width: 0px !important; border-bottom-style: none; } .border-left-md-0 { border-left-width: 0px !important; border-left-style: none; } .border-righ-md-0 { border-right-width: 0px !important; border-right-style: none; } .border-y-md-0 { border-top-width: 0px !important; border-bottom-width: 0px !important; border-top-style: none; border-bottom-style: none; } .border-x-md-0 { border-left-width: 0px !important; border-right-width: 0px !important; border-left-style: none; border-right-style: none; } } @media only screen and (min-width: 992px) { .border-md-top { border-top-width: 1px !important; border-top-style: solid; } .border-md-bottom { border-bottom-width: 1px !important; border-bottom-style: solid; } .border-md-left { border-left-width: 1px !important; border-left-style: solid; } .border-md-right { border-right-width: 1px !important; border-right-style: solid; } .border-top-md-0 { border-top-width: 0px !important; border-top-style: none; } .border-bottom-md-0 { border-bottom-width: 0px !important; border-bottom-style: none; } .border-left-md-0 { border-left-width: 0px !important; border-left-style: none; } .border-righ-md-0 { border-right-width: 0px !important; border-right-style: none; } .border-y-md-0 { border-top-width: 0px !important; border-bottom-width: 0px !important; border-top-style: none; border-bottom-style: none; } .border-x-md-0 { border-left-width: 0px !important; border-right-width: 0px !important; border-left-style: none; border-right-style: none; } } @media only screen and (min-width: 992px) { .border-lg-top { border-top-width: 1px !important; border-top-style: solid; } .border-lg-bottom { border-bottom-width: 1px !important; border-bottom-style: solid; } .border-lg-left { border-left-width: 1px !important; border-left-style: solid; } .border-lg-right { border-right-width: 1px !important; border-right-style: solid; } .border-top-lg-0 { border-top-width: 0px !important; border-top-style: none; } .border-bottom-lg-0 { border-bottom-width: 0px !important; border-bottom-style: none; } .border-left-lg-0 { border-left-width: 0px !important; border-left-style: none; } .border-righ-lg-0 { border-right-width: 0px !important; border-right-style: none; } .border-y-lg-0 { border-top-width: 0px !important; border-bottom-width: 0px !important; border-top-style: none; border-bottom-style: none; } .border-x-lg-0 { border-left-width: 0px !important; border-right-width: 0px !important; border-left-style: none; border-right-style: none; } } /* Custom WIDTH Utils */ /* ---------------------------------------------- */ .width-1 { width: 100% !important; } .width-2 { width: 50% !important; } .width-3 { width: 33.33% !important; } .width-4 { width: 25% !important; } .width-5 { width: 20% !important; } .width-6 { width: 16.66% !important; } .width-7 { width: 14.28% !important; } .width-8 { width: 12.5% !important; } .width-9 { width: 11.11% !important; } .width-10 { width: 10% !important; } .width-11 { width: 9.0909% !important; } .width-12 { width: 8.33% !important; } .width-phi-lrg { width: 61.8% !important; } .width-phi-sml { width: 38.2% !important; } .width-50 { width:50px !important; } .width-100 { width:100px !important; } .width-150 { width:150px !important; } .width-180 { width:180px !important; } .width-200 { width:200px !important; } .width-250 { width:250px !important; } .width-300 { width:300px !important; } .width-350 { width:350px !important; } .width-400 { width:400px !important; } .width-450 { width:450px !important; } .width-500 { width:500px !important; } .width-550 { width:550px !important; } .width-600 { width:600px !important; } .width-650 { width:650px !important; } .width-700 { width:700px !important; } .width-750 { width:750px !important; } .width-800 { width:800px !important; } .width-850 { width:850px !important; } .max-w-50 { max-width:50px !important; } .max-w-75 { max-width:75px !important; } .max-w-100 { max-width:100px !important; } .max-w-125 { max-width:125px !important; } .max-w-150 { max-width:150px !important; } .max-w-180 { max-width:180px !important; } .max-w-200 { max-width:200px !important; } .max-w-250 { max-width:250px !important; } .max-w-300 { max-width:300px !important; } .max-w-350 { max-width:350px !important; } .max-w-400 { max-width:400px !important; } .max-w-450 { max-width:450px !important; } .max-w-500 { max-width:500px !important; } .max-w-550 { max-width:550px !important; } .max-w-600 { max-width:600px !important; } .max-w-650 { max-width:650px !important; } .max-w-700 { max-width:700px !important; } .max-w-750 { max-width:750px !important; } .max-w-800 { max-width:800px !important; } .max-w-850 { max-width:850px !important; } .max-w-900 { max-width:900px !important; } .max-w-950 { max-width:950px !important; } .max-w-1000 { max-width:1000px !important; } .max-w-1050 { max-width:1050px !important; } .max-w-1100 { max-width:1100px !important; } .max-w-25perc { max-width:25% !important; } .max-w-33perc { max-width:33% !important; } .max-w-50perc { max-width:50% !important; } .max-w-66perc { max-width:66% !important; } .max-w-75perc { max-width:75% !important; } .max-w-80perc { max-width:80% !important; } .max-w-100perc { max-width:100% !important; } .max-w-6em { max-width:6em !important; } .max-w-8em { max-width:8em !important; } .max-w-10em { max-width:10em !important; } .max-w-11em { max-width:11em !important; } .max-w-12em { max-width:12em !important; } .max-w-14em { max-width:14em !important; } .max-w-16em { max-width:16em !important; } .max-w-18em { max-width:18em !important; } .max-w-20em { max-width:20em !important; } .max-w-25em { max-width:25em !important; } .max-w-30em { max-width:30em !important; } .max-w-35em { max-width:35em !important; } .max-w-40em { max-width:40em !important; } .max-w-45em { max-width:45em !important; } .max-w-50em { max-width:50em !important; } .min-w-25perc { min-width:25% !important; } .min-w-33perc { min-width:33% !important; } .min-w-50perc { min-width:50% !important; } .min-w-66perc { min-width:66% !important; } .min-w-75perc { min-width:75% !important; } .min-w-80perc { min-width:80% !important; } .min-w-100perc { min-width:100% !important; } /* THE Grid */ /* ---------------------------------------------- */ /* rows */ .ez-row { width: 100%; display: table; } /* columns */ .ez-col { display: table-cell; vertical-align: middle; } /* BS - ovverride todo figure out what you actually need & move to override or extensions */ /* ---------------------------------------------- */ .w-25 { width: 25% !important; flex-basis: 25% !important; } .w-40 { width: 40% !important; flex-basis: 40% !important; } .w-50 { width: 50% !important; flex-basis: 50% !important; } .w-60 { width: 60% !important; flex-basis: 60% !important; } .w-75 { width: 75% !important; flex-basis: 75% !important; } .w-80 { width: 80% !important; flex-basis: 80% !important; } .w-100 { width: 100% !important; flex-basis: 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; } .min-vh-75 { min-height: 75vh !important; } .min-vh-50 { min-height: 50vh !important; } .vw-100 { width: 100vw !important; } @media (min-width: 400px) { .w-xs-25 { width: 25% !important; flex-basis: 25% !important; } .w-xs-40 { width: 40% !important; flex-basis: 40% !important; } .w-xs-50 { width: 50% !important; flex-basis: 50% !important; } .w-xs-60 { width: 60% !important; flex-basis: 60% !important; } .w-xs-75 { width: 75% !important; flex-basis: 75% !important; } .w-xs-80 { width: 80% !important; flex-basis: 80% !important; } .w-xs-100 { width: 100% !important; flex-basis: 100% !important; } .w-xs-auto { width: auto !important; } .width-xs-50 { width: 50px; } .width-xs-100 { width: 100px !important; } .width-xs-150 { width: 150px !important; } .width-xs-180 { width: 180px !important; } .width-xs-200 { width: 200px !important; } .width-xs-250 { width: 250px !important; } .width-xs-300 { width: 300px !important; } .width-xs-350 { width: 350px !important; } .width-xs-400 { width: 400px !important; } .width-xs-450 { width: 450px !important; } .width-xs-500 { width: 500px !important; } .width-xs-550 { width: 550px !important; } .width-xs-600 { width: 600px !important; } .width-xs-650 { width: 650px !important; } .width-xs-700 { width: 700px !important; } .width-xs-750 { width: 750px !important; } .width-xs-800 { width: 800px !important; } .width-xs-850 { width: 850px !important; } .width-xs-1 { width: 100% !important; } .width-xs-2 { width: 50% !important; } .width-xs-3 { width: 33.33% !important; } .width-xs-4 { width: 25% !important; } .width-xs-5 { width: 20% !important; } .width-xs-6 { width: 16.66% !important; } .width-xs-7 { width: 14.28% !important; } .width-xs-8 { width: 12.5% !important; } .width-xs-9 { width: 11.11% !important; } .width-xs-10 { width: 10% !important; } .width-xs-11 { width: 9.0909% !important; } .width-xs-12 { width: 8.33% !important; } .width-xs-phi-lrg { width: 61.8% !important; } .width-xs-phi-sml { width: 38.2% !important; } .max-w-xs-50 { max-width:50px !important; } .max-w-xs-75 { max-width:75px !important; } .max-w-xs-100 { max-width:100px !important; } .max-w-xs-125 { max-width:125px !important; } .max-w-xs-150 { max-width:150px !important; } .max-w-xs-180 { max-width:180px !important; } .max-w-xs-200 { max-width:200px !important; } .max-w-xs-250 { max-width:250px !important; } .max-w-xs-300 { max-width:300px !important; } .max-w-xs-350 { max-width:350px !important; } .max-w-xs-400 { max-width:400px !important; } .max-w-xs-450 { max-width:450px !important; } .max-w-xs-500 { max-width:500px !important; } .max-w-xs-550 { max-width:550px !important; } .max-w-xs-600 { max-width:600px !important; } .max-w-xs-650 { max-width:650px !important; } .max-w-xs-700 { max-width:700px !important; } .max-w-xs-750 { max-width:750px !important; } .max-w-xs-800 { max-width:800px !important; } .max-w-xs-850 { max-width:850px !important; } .max-w-xs-900 { max-width:900px !important; } .max-w-xs-950 { max-width:950px !important; } .max-w-xs-1000 { max-width:1000px !important; } .max-w-xs-1050 { max-width:1050px !important; } .max-w-xs-1100 { max-width:1100px !important; } .max-w-xs-25perc { max-width:25% !important; } .max-w-xs-33perc { max-width:33% !important; } .max-w-xs-50perc { max-width:50% !important; } .max-w-xs-66perc { max-width:66% !important; } .max-w-xs-75perc { max-width:75% !important; } .max-w-xs-80perc { max-width:80% !important; } .max-w-xs-100perc { max-width:100% !important; } } @media (min-width: 576px) { .w-sm-25 { width: 25% !important; flex-basis: 25% !important; } .w-sm-40 { width: 40% !important; flex-basis: 40% !important; } .w-sm-50 { width: 50% !important; flex-basis: 50% !important; } .w-sm-60 { width: 60% !important; flex-basis: 60% !important; } .w-sm-75 { width: 75% !important; flex-basis: 75% !important; } .w-sm-80 { width: 80% !important; flex-basis: 80% !important; } .w-sm-100 { width: 100% !important; flex-basis: 100% !important; } .w-sm-auto { width: auto !important; } .width-sm-50 { width: 50px !important; } .width-sm-100 { width: 100px !important; } .width-sm-150 { width: 150px !important; } .width-sm-180 { width: 180px !important; } .width-sm-200 { width: 200px !important; } .width-sm-250 { width: 250px !important; } .width-sm-300 { width: 300px !important; } .width-sm-350 { width: 350px !important; } .width-sm-400 { width: 400px !important; } .width-sm-450 { width: 450px !important; } .width-sm-500 { width: 500px !important; } .width-sm-550 { width: 550px !important; } .width-sm-600 { width: 600px !important; } .width-sm-650 { width: 650px !important; } .width-sm-700 { width: 700px !important; } .width-sm-750 { width: 750px !important; } .width-sm-800 { width: 800px !important; } .width-sm-850 { width: 850px !important; } .width-sm-1 { width: 100% !important; } .width-sm-2 { width: 50% !important; } .width-sm-3 { width: 33.33% !important; } .width-sm-4 { width: 25% !important; } .width-sm-5 { width: 20% !important; } .width-sm-6 { width: 16.66% !important; } .width-sm-7 { width: 14.28% !important; } .width-sm-8 { width: 12.5% !important; } .width-sm-9 { width: 11.11% !important; } .width-sm-10 { width: 10% !important; } .width-sm-11 { width: 9.0909% !important; } .width-sm-12 { width: 8.33% !important; } .width-sm-phi-lrg { width: 61.8% !important; } .width-sm-phi-sml { width: 38.2% !important; } .max-w-sm-50 { max-width:50px !important; } .max-w-sm-75 { max-width:75px !important; } .max-w-sm-100 { max-width:100px !important; } .max-w-sm-125 { max-width:125px !important; } .max-w-sm-150 { max-width:150px !important; } .max-w-sm-180 { max-width:180px !important; } .max-w-sm-200 { max-width:200px !important; } .max-w-sm-250 { max-width:250px !important; } .max-w-sm-300 { max-width:300px !important; } .max-w-sm-350 { max-width:350px !important; } .max-w-sm-400 { max-width:400px !important; } .max-w-sm-450 { max-width:450px !important; } .max-w-sm-500 { max-width:500px !important; } .max-w-sm-550 { max-width:550px !important; } .max-w-sm-600 { max-width:600px !important; } .max-w-sm-650 { max-width:650px !important; } .max-w-sm-700 { max-width:700px !important; } .max-w-sm-750 { max-width:750px !important; } .max-w-sm-800 { max-width:800px !important; } .max-w-sm-850 { max-width:850px !important; } .max-w-sm-900 { max-width:900px !important; } .max-w-sm-950 { max-width:950px !important; } .max-w-sm-1000 { max-width:1000px !important; } .max-w-sm-1050 { max-width:1050px !important; } .max-w-sm-1100 { max-width:1100px !important; } .max-w-sm-25perc { max-width:25% !important; } .max-w-sm-33perc { max-width:33% !important; } .max-w-sm-50perc { max-width:50% !important; } .max-w-sm-66perc { max-width:66% !important; } .max-w-sm-75perc { max-width:75% !important; } .max-w-sm-80perc { max-width:80% !important; } .max-w-sm-100perc { max-width:100% !important; } } @media (min-width: 768px) { .w-md-25 { width: 25% !important; flex-basis: 25% !important; } .w-md-40 { width: 40% !important; flex-basis: 40% !important; } .w-md-50 { width: 50% !important; flex-basis: 50% !important; } .w-md-60 { width: 60% !important; flex-basis: 60% !important; } .w-md-75 { width: 75% !important; flex-basis: 75% !important; } .w-md-80 { width: 80% !important; flex-basis: 80% !important; } .w-md-100 { width: 100% !important; flex-basis: 100% !important; } .w-md-auto { width: auto !important; } .width-md-50 { width: 50px !important; } .width-md-100 { width: 100px !important; } .width-md-150 { width: 150px !important; } .width-md-180 { width: 180px !important; } .width-md-200 { width: 200px !important; } .width-md-250 { width: 250px !important; } .width-md-300 { width: 300px !important; } .width-md-350 { width: 350px !important; } .width-md-400 { width: 400px !important; } .width-md-450 { width: 450px !important; } .width-md-500 { width: 500px !important; } .width-md-550 { width: 550px !important; } .width-md-600 { width: 600px !important; } .width-md-650 { width: 650px !important; } .width-md-700 { width: 700px !important; } .width-md-750 { width: 750px !important; } .width-md-800 { width: 800px !important; } .width-md-850 { width: 850px !important; } .width-md-auto { width: auto !important; } .width-md-1 { width: 100% !important; } .width-md-2 { width: 50% !important; } .width-md-3 { width: 33.33% !important; } .width-md-4 { width: 25% !important; } .width-md-5 { width: 20% !important; } .width-md-6 { width: 16.66% !important; } .width-md-7 { width: 14.28% !important; } .width-md-8 { width: 12.5% !important; } .width-md-9 { width: 11.11% !important; } .width-md-10 { width: 10% !important; } .width-md-11 { width: 9.0909% !important; } .width-md-12 { width: 8.33% !important; } .width-md-phi-lrg { width: 61.8% !important; } .width-md-phi-sml { width: 38.2% !important; } .max-w-md-50 { max-width:50px !important; } .max-w-md-75 { max-width:75px !important; } .max-w-md-100 { max-width:100px !important; } .max-w-md-125 { max-width:125px !important; } .max-w-md-150 { max-width:150px !important; } .max-w-md-180 { max-width:180px !important; } .max-w-md-200 { max-width:200px !important; } .max-w-md-250 { max-width:250px !important; } .max-w-md-300 { max-width:300px !important; } .max-w-md-350 { max-width:350px !important; } .max-w-md-400 { max-width:400px !important; } .max-w-md-450 { max-width:450px !important; } .max-w-md-500 { max-width:500px !important; } .max-w-md-550 { max-width:550px !important; } .max-w-md-600 { max-width:600px !important; } .max-w-md-650 { max-width:650px !important; } .max-w-md-700 { max-width:700px !important; } .max-w-md-750 { max-width:750px !important; } .max-w-md-800 { max-width:800px !important; } .max-w-md-850 { max-width:850px !important; } .max-w-md-900 { max-width:900px !important; } .max-w-md-950 { max-width:950px !important; } .max-w-md-1000 { max-width:1000px !important; } .max-w-md-1050 { max-width:1050px !important; } .max-w-md-1100 { max-width:1100px !important; } .max-w-md-25perc { max-width:25% !important; } .max-w-md-33perc { max-width:33% !important; } .max-w-md-50perc { max-width:50% !important; } .max-w-md-66perc { max-width:66% !important; } .max-w-md-75perc { max-width:75% !important; } .max-w-md-80perc { max-width:80% !important; } .max-w-md-100perc { max-width:100% !important; } } @media (min-width: 992px) { .w-lg-25 { width: 25% !important; flex-basis: 25% !important; } .w-lg-40 { width: 40% !important; flex-basis: 40% !important; } .w-lg-50 { width: 50% !important; flex-basis: 50% !important; } .w-lg-60 { width: 60% !important; flex-basis: 60% !important; } .w-lg-75 { width: 75% !important; flex-basis: 75% !important; } .w-lg-80 { width: 80% !important; flex-basis: 80% !important; } .w-lg-100 { width: 100% !important; flex-basis: 100% !important; } .w-lg-auto { width: auto !important; } .width-lg-50 { width: 50px !important; } .width-lg-100 { width: 100px !important; } .width-lg-150 { width: 150px !important; } .width-lg-180 { width: 180px !important; } .width-lg-200 { width: 200px !important; } .width-lg-250 { width: 250px !important; } .width-lg-300 { width: 300px !important; } .width-lg-350 { width: 350px !important; } .width-lg-400 { width: 400px !important; } .width-lg-450 { width: 450px !important; } .width-lg-500 { width: 500px !important; } .width-lg-550 { width: 550px !important; } .width-lg-600 { width: 600px !important; } .width-lg-650 { width: 650px !important; } .width-lg-700 { width: 700px !important; } .width-lg-750 { width: 750px !important; } .width-lg-800 { width: 800px !important; } .width-lg-850 { width: 850px !important; } .width-lg-auto { width: auto !important; } .width-lg-1 { width: 100% !important; } .width-lg-2 { width: 50% !important; } .width-lg-3 { width: 33.33% !important; } .width-lg-4 { width: 25% !important; } .width-lg-5 { width: 20% !important; } .width-lg-6 { width: 16.66% !important; } .width-lg-7 { width: 14.28% !important; } .width-lg-8 { width: 12.5% !important; } .width-lg-9 { width: 11.11% !important; } .width-lg-10 { width: 10% !important; } .width-lg-11 { width: 9.0909% !important; } .width-lg-12 { width: 8.33% !important; } .width-lg-phi-lrg { width: 61.8% !important; } .width-lg-phi-sml { width: 38.2% !important; } .max-w-lg-50 { max-width:50px !important; } .max-w-lg-75 { max-width:75px !important; } .max-w-lg-100 { max-width:100px !important; } .max-w-lg-125 { max-width:125px !important; } .max-w-lg-150 { max-width:150px !important; } .max-w-lg-180 { max-width:180px !important; } .max-w-lg-200 { max-width:200px !important; } .max-w-lg-250 { max-width:250px !important; } .max-w-lg-300 { max-width:300px !important; } .max-w-lg-350 { max-width:350px !important; } .max-w-lg-400 { max-width:400px !important; } .max-w-lg-450 { max-width:450px !important; } .max-w-lg-500 { max-width:500px !important; } .max-w-lg-550 { max-width:550px !important; } .max-w-lg-600 { max-width:600px !important; } .max-w-lg-650 { max-width:650px !important; } .max-w-lg-700 { max-width:700px !important; } .max-w-lg-750 { max-width:750px !important; } .max-w-lg-800 { max-width:800px !important; } .max-w-lg-850 { max-width:850px !important; } .max-w-lg-900 { max-width:900px !important; } .max-w-lg-950 { max-width:950px !important; } .max-w-lg-1000 { max-width:1000px !important; } .max-w-lg-1050 { max-width:1050px !important; } .max-w-lg-1100 { max-width:1100px !important; } .max-w-lg-25perc { max-width:25% !important; } .max-w-lg-33perc { max-width:33% !important; } .max-w-lg-50perc { max-width:50% !important; } .max-w-lg-66perc { max-width:66% !important; } .max-w-lg-75perc { max-width:75% !important; } .max-w-lg-80perc { max-width:80% !important; } .max-w-lg-100perc { max-width:100% !important; } } @media (min-width: 1024px) { .w-dt-25 { width: 25% !important; flex-basis: 25% !important; } .w-dt-40 { width: 40% !important; flex-basis: 40% !important; } .w-dt-50 { width: 50% !important; flex-basis: 50% !important; } .w-dt-60 { width: 60% !important; flex-basis: 60% !important; } .w-dt-75 { width: 75% !important; flex-basis: 75% !important; } .w-dt-80 { width: 80% !important; flex-basis: 80% !important; } .w-dt-100 { width: 100% !important; flex-basis: 100% !important; } .w-dt-auto { width: auto !important; } .width-dt-50 { width: 50px !important; } .width-dt-100 { width: 100px !important; } .width-dt-150 { width: 150px !important; } .width-dt-180 { width: 180px !important; } .width-dt-200 { width: 200px !important; } .width-dt-250 { width: 250px !important; } .width-dt-300 { width: 300px !important; } .width-dt-350 { width: 350px !important; } .width-dt-400 { width: 400px !important; } .width-dt-450 { width: 450px !important; } .width-dt-500 { width: 500px !important; } .width-dt-550 { width: 550px !important; } .width-dt-600 { width: 600px !important; } .width-dt-650 { width: 650px !important; } .width-dt-700 { width: 700px !important; } .width-dt-750 { width: 750px !important; } .width-dt-800 { width: 800px !important; } .width-dt-850 { width: 850px !important; } .width-dt-auto { width: auto !important; } .width-dt-1 { width: 100% !important; } .width-dt-2 { width: 50% !important; } .width-dt-3 { width: 33.33% !important; } .width-dt-4 { width: 25% !important; } .width-dt-5 { width: 20% !important; } .width-dt-6 { width: 16.66% !important; } .width-dt-7 { width: 14.28% !important; } .width-dt-8 { width: 12.5% !important; } .width-dt-9 { width: 11.11% !important; } .width-dt-10 { width: 10% !important; } .width-dt-11 { width: 9.0909% !important; } .width-dt-12 { width: 8.33% !important; } .width-dt-phi-lrg { width: 61.8% !important; } .width-dt-phi-sml { width: 38.2% !important; } .max-w-dt-50 { max-width:50px !important; } .max-w-dt-75 { max-width:75px !important; } .max-w-dt-100 { max-width:100px !important; } .max-w-dt-125 { max-width:125px !important; } .max-w-dt-150 { max-width:150px !important; } .max-w-dt-180 { max-width:180px !important; } .max-w-dt-200 { max-width:200px !important; } .max-w-dt-250 { max-width:250px !important; } .max-w-dt-300 { max-width:300px !important; } .max-w-dt-350 { max-width:350px !important; } .max-w-dt-400 { max-width:400px !important; } .max-w-dt-450 { max-width:450px !important; } .max-w-dt-500 { max-width:500px !important; } .max-w-dt-550 { max-width:550px !important; } .max-w-dt-600 { max-width:600px !important; } .max-w-dt-650 { max-width:650px !important; } .max-w-dt-700 { max-width:700px !important; } .max-w-dt-750 { max-width:750px !important; } .max-w-dt-800 { max-width:800px !important; } .max-w-dt-850 { max-width:850px !important; } .max-w-dt-900 { max-width:900px !important; } .max-w-dt-950 { max-width:950px !important; } .max-w-dt-1000 { max-width:1000px !important; } .max-w-dt-1050 { max-width:1050px !important; } .max-w-dt-1100 { max-width:1100px !important; } .max-w-dt-25perc { max-width:25% !important; } .max-w-dt-33perc { max-width:33% !important; } .max-w-dt-50perc { max-width:50% !important; } .max-w-dt-66perc { max-width:66% !important; } .max-w-dt-75perc { max-width:75% !important; } .max-w-dt-80perc { max-width:80% !important; } .max-w-dt-100perc { max-width:100% !important; } } @media (min-width: 1200px) { .w-xl-25 { width: 25% !important; flex-basis: 25% !important; } .w-xl-40 { width: 40% !important; flex-basis: 40% !important; } .w-xl-50 { width: 50% !important; flex-basis: 50% !important; } .w-xl-60 { width: 60% !important; flex-basis: 60% !important; } .w-xl-75 { width: 75% !important; flex-basis: 75% !important; } .w-xl-80 { width: 80% !important; flex-basis: 80% !important; } .w-xl-100 { width: 100% !important; flex-basis: 100% !important; } .w-xl-auto { width: auto !important; } .width-xl-50 { width: 50px !important; } .width-xl-100 { width: 100px !important; } .width-xl-150 { width: 150px !important; } .width-xl-180 { width: 180px !important; } .width-xl-200 { width: 200px !important; } .width-xl-250 { width: 250px !important; } .width-xl-300 { width: 300px !important; } .width-xl-350 { width: 350px !important; } .width-xl-400 { width: 400px !important; } .width-xl-450 { width: 450px !important; } .width-xl-500 { width: 500px !important; } .width-xl-550 { width: 550px !important; } .width-xl-600 { width: 600px !important; } .width-xl-650 { width: 650px !important; } .width-xl-700 { width: 700px !important; } .width-xl-750 { width: 750px !important; } .width-xl-800 { width: 800px !important; } .width-xl-850 { width: 850px !important; } .width-xl-auto { width: auto !important; } .width-xl-1 { width: 100% !important; } .width-xl-2 { width: 50% !important; } .width-xl-3 { width: 33.33% !important; } .width-xl-4 { width: 25% !important; } .width-xl-5 { width: 20% !important; } .width-xl-6 { width: 16.66% !important; } .width-xl-7 { width: 14.28% !important; } .width-xl-8 { width: 12.5% !important; } .width-xl-9 { width: 11.11% !important; } .width-xl-10 { width: 10% !important; } .width-xl-11 { width: 9.0909% !important; } .width-xl-12 { width: 8.33% !important; } .width-xl-phi-lrg { width: 61.8% !important; } .width-xl-phi-sml { width: 38.2% !important; } .max-w-xl-50 { max-width:50px !important; } .max-w-xl-75 { max-width:75px !important; } .max-w-xl-100 { max-width:100px !important; } .max-w-xl-125 { max-width:125px !important; } .max-w-xl-150 { max-width:150px !important; } .max-w-xl-180 { max-width:180px !important; } .max-w-xl-200 { max-width:200px !important; } .max-w-xl-250 { max-width:250px !important; } .max-w-xl-300 { max-width:300px !important; } .max-w-xl-350 { max-width:350px !important; } .max-w-xl-400 { max-width:400px !important; } .max-w-xl-450 { max-width:450px !important; } .max-w-xl-500 { max-width:500px !important; } .max-w-xl-550 { max-width:550px !important; } .max-w-xl-600 { max-width:600px !important; } .max-w-xl-650 { max-width:650px !important; } .max-w-xl-700 { max-width:700px !important; } .max-w-xl-750 { max-width:750px !important; } .max-w-xl-800 { max-width:800px !important; } .max-w-xl-850 { max-width:850px !important; } .max-w-xl-900 { max-width:900px !important; } .max-w-xl-950 { max-width:950px !important; } .max-w-xl-1000 { max-width:1000px !important; } .max-w-xl-1050 { max-width:1050px !important; } .max-w-xl-1100 { max-width:1100px !important; } .max-w-xl-25perc { max-width:25% !important; } .max-w-xl-33perc { max-width:33% !important; } .max-w-xl-50perc { max-width:50% !important; } .max-w-xl-66perc { max-width:66% !important; } .max-w-xl-75perc { max-width:75% !important; } .max-w-xl-80perc { max-width:80% !important; } .max-w-xl-100perc { max-width:100% !important; } } .vh-25 { height: 25vh !important; } .vh-33 { height: 33vh !important; } .vh-50 { height: 50vh !important; } .vh-60 { height: 60vh !important; } .vh-75 { height: 75vh !important; } .vh-80 { height: 80vh !important; } .vh-85 { height: 85vh !important; } .vh-90 { height: 90vh !important; } .vh-100 { height: 100vh !important; } .vh-25-min { min-height: 25vh !important; } .vh-33-min { min-height: 33vh !important; } .vh-50-min { min-height: 50vh !important; } .vh-66-min { min-height: 66vh !important; } .vh-75-min { min-height: 75vh !important; } .vh-80-min { min-height: 80vh !important; } .vh-85-min { min-height: 85vh !important; } .vh-90-min { min-height: 90vh !important; } .vh-100-min { min-height: 100vh !important; } .vh-phi-sm { height: 37.8vh !important; } .vh-phi-lg { height: 62.9vh !important; } .vh-phi-sm-min { min-height: 37.8vh !important; } .vh-phi-lg-min { min-height: 62.9vh !important; } .vh-25vw-min { min-height: 25vw !important; } .vh-33vw-min { min-height: 33vw !important; } .vh-50vw-min { min-height: 50vw !important; } .vh-66vw-min { min-height: 66vw !important; } .vh-75vw-min { min-height: 75vw !important; } .vh-phi-sm-vw-min { min-height: 37.8vw !important; } .vh-phi-lg-vw-min { min-height: 62.9vw !important; } @media (min-width: 576px) { .vh-sm-25 { height: 25vh !important; } .vh-sm-33 { height: 33vh !important; } .vh-sm-50 { height: 50vh !important; } .vh-sm-60 { height: 60vh !important; } .vh-sm-75 { height: 75vh !important; } .vh-sm-80 { height: 80vh !important; } .vh-sm-85 { height: 85vh !important; } .vh-sm-90 { height: 90vh !important; } .vh-sm-100 { height: 100vh !important; } .vh-sm-25-min { min-height: 25vh !important; } .vh-sm-33-min { min-height: 33vh !important; } .vh-sm-50-min { min-height: 50vh !important; } .vh-sm-66-min { min-height: 66vh !important; } .vh-sm-75-min { min-height: 75vh !important; } .vh-sm-80-min { min-height: 80vh !important; } .vh-sm-85-min { min-height: 85vh !important; } .vh-sm-90-min { min-height: 90vh !important; } .vh-sm-100-min { min-height: 100vh !important; } .vh-sm-phi-sm { height: 37.8vh !important; } .vh-sm-phi-lg { height: 62.9vh !important; } .vh-sm-phi-sm-min { min-height: 37.8vh !important; } .vh-sm-phi-lg-min { min-height: 62.9vh !important; } .vh-sm-25vw-min { min-height: 25vw !important; } .vh-sm-33vw-min { min-height: 33vw !important; } .vh-sm-50vw-min { min-height: 50vw !important; } .vh-sm-66vw-min { min-height: 66vw !important; } .vh-sm-75vw-min { min-height: 75vw !important; } .vh-sm-phi-sm-vw-min { min-height: 37.8vw !important; } .vh-sm-phi-lg-vw-min { min-height: 62.9vw !important; } } @media (min-width: 768px) { .w-md-auto { width: auto !important} .vh-md-25 { height: 25vh !important; } .vh-md-33 { height: 33vh !important; } .vh-md-50 { height: 50vh !important; } .vh-md-60 { height: 60vh !important; } .vh-md-75 { height: 75vh !important; } .vh-md-80 { height: 80vh !important; } .vh-md-85 { height: 85vh !important; } .vh-md-90 { height: 90vh !important; } .vh-md-100 { height: 100vh !important; } .vh-md-25-min { min-height: 25vh !important; } .vh-md-33-min { min-height: 33vh !important; } .vh-md-50-min { min-height: 50vh !important; } .vh-md-66-min { min-height: 66vh !important; } .vh-md-75-min { min-height: 75vh !important; } .vh-md-80-min { min-height: 80vh !important; } .vh-md-85-min { min-height: 85vh !important; } .vh-md-90-min { min-height: 90vh !important; } .vh-md-100-min { min-height: 100vh !important; } .vh-md-phi-sm { height: 37.8vh !important; } .vh-md-phi-lg { height: 62.9vh !important; } .vh-md-phi-sm-min { min-height: 37.8vh !important; } .vh-md-phi-lg-min { min-height: 62.9vh !important; } .vh-md-25vw-min { min-height: 25vw !important; } .vh-md-33vw-min { min-height: 33vw !important; } .vh-md-50vw-min { min-height: 50vw !important; } .vh-md-66vw-min { min-height: 66vw !important; } .vh-md-75vw-min { min-height: 75vw !important; } .vh-md-phi-sm-vw-min { min-height: 37.8vw !important; } .vh-md-phi-lg-vw-min { min-height: 62.9vw !important; } } @media (min-width: 992px) { .vh-lg-25 { height: 25vh !important; } .vh-lg-33 { height: 33vh !important; } .vh-lg-50 { height: 50vh !important; } .vh-lg-60 { height: 60vh !important; } .vh-lg-75 { height: 75vh !important; } .vh-lg-80 { height: 80vh !important; } .vh-lg-85 { height: 85vh !important; } .vh-lg-90 { height: 90vh !important; } .vh-lg-100 { height: 100vh !important; } .vh-lg-25-min { min-height: 25vh !important; } .vh-lg-33-min { min-height: 33vh !important; } .vh-lg-50-min { min-height: 50vh !important; } .vh-lg-66-min { min-height: 66vh !important; } .vh-lg-75-min { min-height: 75vh !important; } .vh-lg-80-min { min-height: 80vh !important; } .vh-lg-85-min { min-height: 85vh !important; } .vh-lg-90-min { min-height: 90vh !important; } .vh-lg-100-min { min-height: 100vh !important; } .vh-lg-phi-sm { height: 37.8vh !important; } .vh-lg-phi-lg { height: 62.9vh !important; } .vh-lg-phi-sm-min { min-height: 37.8vh !important; } .vh-lg-phi-lg-min { min-height: 62.9vh !important; } .vh-lg-25vw-min { min-height: 25vw !important; } .vh-lg-33vw-min { min-height: 33vw !important; } .vh-lg-50vw-min { min-height: 50vw !important; } .vh-lg-66vw-min { min-height: 66vw !important; } .vh-lg-75vw-min { min-height: 75vw !important; } .vh-lg-phi-sm-vw-min { min-height: 37.8vw !important; } .vh-lg-phi-lg-vw-min { min-height: 62.9vw !important; } } @media only screen and (min-width:1025px) { .vh-dt-25 { height: 25vh !important; } .vh-dt-33 { height: 33vh !important; } .vh-dt-50 { height: 50vh !important; } .vh-dt-60 { height: 60vh !important; } .vh-dt-75 { height: 75vh !important; } .vh-dt-80 { height: 80vh !important; } .vh-dt-85 { height: 85vh !important; } .vh-dt-90 { height: 90vh !important; } .vh-dt-100 { height: 100vh !important; } .vh-dt-25-min { min-height: 25vh !important; } .vh-dt-33-min { min-height: 33vh !important; } .vh-dt-50-min { min-height: 50vh !important; } .vh-dt-66-min { min-height: 66vh !important; } .vh-dt-75-min { min-height: 75vh !important; } .vh-dt-80-min { min-height: 80vh !important; } .vh-dt-85-min { min-height: 85vh !important; } .vh-dt-90-min { min-height: 90vh !important; } .vh-dt-100-min { min-height: 100vh !important; } .vh-dt-phi-sm { height: 37.8vh !important; } .vh-dt-phi-lg { height: 62.9vh !important; } .vh-dt-phi-sm-min { min-height: 37.8vh !important; } .vh-dt-phi-lg-min { min-height: 62.9vh !important; } .vh-dt-25vw-min { min-height: 25vw !important; } .vh-dt-33vw-min { min-height: 33vw !important; } .vh-dt-50vw-min { min-height: 50vw !important; } .vh-dt-66vw-min { min-height: 66vw !important; } .vh-dt-75vw-min { min-height: 75vw !important; } .vh-dt-phi-sm-vw-min { min-height: 37.8vw !important; } .vh-dt-phi-lg-vw-min { min-height: 62.9vw !important; } } @media only screen and (min-width:1160px) { .vh-xl-25 { height: 25vh !important; } .vh-xl-33 { height: 33vh !important; } .vh-xl-50 { height: 50vh !important; } .vh-xl-60 { height: 60vh !important; } .vh-xl-75 { height: 75vh !important; } .vh-xl-80 { height: 80vh !important; } .vh-xl-85 { height: 85vh !important; } .vh-xl-90 { height: 90vh !important; } .vh-xl-100 { height: 100vh !important; } .vh-xl-25-min { min-height: 25vh !important; } .vh-xl-33-min { min-height: 33vh !important; } .vh-xl-50-min { min-height: 50vh !important; } .vh-xl-66-min { min-height: 66vh !important; } .vh-xl-75-min { min-height: 75vh !important; } .vh-xl-80-min { min-height: 80vh !important; } .vh-xl-85-min { min-height: 85vh !important; } .vh-xl-90-min { min-height: 90vh !important; } .vh-xl-100-min { min-height: 100vh !important; } .vh-xl-phi-sm { height: 37.8vh !important; } .vh-xl-phi-lg { height: 62.9vh !important; } .vh-xl-phi-sm-min { min-height: 37.8vh !important; } .vh-xl-phi-lg-min { min-height: 62.9vh !important; } .vh-xl-25vw-min { min-height: 25vw !important; } .vh-xl-33vw-min { min-height: 33vw !important; } .vh-xl-50vw-min { min-height: 50vw !important; } .vh-xl-66vw-min { min-height: 66vw !important; } .vh-xl-75vw-min { min-height: 75vw !important; } .vh-xl-phi-sm-vw-min { min-height: 37.8vw !important; } .vh-xl-phi-lg-vw-min { min-height: 62.9vw !important; } } @media only screen and (max-height: 768px) { .vh-mdy-25 { height: 25vh !important; } .vh-mdy-33 { height: 33vh !important; } .vh-mdy-50 { height: 50vh !important; } .vh-mdy-60 { height: 60vh !important; } .vh-mdy-75 { height: 75vh !important; } .vh-mdy-80 { height: 80vh !important; } .vh-mdy-85 { height: 85vh !important; } .vh-mdy-90 { height: 90vh !important; } .vh-mdy-100 { height: 100vh !important; } .vh-mdy-25-min { min-height: 25vh !important; } .vh-mdy-33-min { min-height: 33vh !important; } .vh-mdy-50-min { min-height: 50vh !important; } .vh-mdy-66-min { min-height: 66vh !important; } .vh-mdy-75-min { min-height: 75vh !important; } .vh-mdy-80-min { min-height: 80vh !important; } .vh-mdy-85-min { min-height: 85vh !important; } .vh-mdy-90-min { min-height: 90vh !important; } .vh-mdy-100-min { min-height: 100vh !important; } .vh-mdy-phi-sm { height: 37.8vh !important; } .vh-mdy-phi-lg { height: 62.9vh !important; } .vh-mdy-phi-sm-min { min-height: 37.8vh !important; } .vh-mdy-phi-lg-min { min-height: 62.9vh !important; } .vh-mdy-25vw-min { min-height: 25vw !important; } .vh-mdy-33vw-min { min-height: 33vw !important; } .vh-mdy-50vw-min { min-height: 50vw !important; } .vh-mdy-66vw-min { min-height: 66vw !important; } .vh-mdy-75vw-min { min-height: 75vw !important; } .vh-mdy-phi-sm-vw-min { min-height: 37.8vw !important; } .vh-mdy-phi-lg-vw-min { min-height: 62.9vw !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-center, .text-center * { text-align: center; } .text-right, .text-right * { text-align: right; } .text-left, .text-left * { text-align: left; } @media screen and (min-width: 480px) { .text-sm-left, .text-sm-left * { text-align: left; } .text-sm-center, .text-sm-center * { text-align: center; } .text-sm-right, .text-sm-right * { text-align: right; } } @media screen and (min-width: 768px) { .text-md-left, .text-md-left * { text-align: left; } .text-md-center, .text-md-center * { text-align: center; } .text-md-right, .text-md-right * { text-align: right; } } @media screen and (min-width: 1025px) { .text-lg-left, .text-lg-left * { text-align: left; } .text-lg-center, .text-lg-center * { text-align: center; } .text-lg-right, .text-lg-right * { text-align: right; } } @media screen and (min-width: 1440px) { .text-xl-left, .text-xl-left * { text-align: left; } .text-xl-center, .text-xl-center * { text-align: center; } .text-xl-right, .text-xl-right * { text-align: right; } } @media (min-width: 480px) { .m-mp-0 { margin: 0 !important; } .mt-mp-0, .my-mp-0 { margin-top: 0 !important; } .mr-mp-0, .mx-mp-0 { margin-right: 0 !important; } .mb-mp-0, .my-mp-0 { margin-bottom: 0 !important; } .ml-mp-0, .mx-mp-0 { margin-left: 0 !important; } .m-mp-1 { margin: 0.25rem !important; } .mt-mp-1, .my-mp-1 { margin-top: 0.25rem !important; } .mr-mp-1, .mx-mp-1 { margin-right: 0.25rem !important; } .mb-mp-1, .my-mp-1 { margin-bottom: 0.25rem !important; } .ml-mp-1, .mx-mp-1 { margin-left: 0.25rem !important; } .m-mp-2 { margin: 0.5rem !important; } .mt-mp-2, .my-mp-2 { margin-top: 0.5rem !important; } .mr-mp-2, .mx-mp-2 { margin-right: 0.5rem !important; } .mb-mp-2, .my-mp-2 { margin-bottom: 0.5rem !important; } .ml-mp-2, .mx-mp-2 { margin-left: 0.5rem !important; } .m-mp-3 { margin: 1rem !important; } .mt-mp-3, .my-mp-3 { margin-top: 1rem !important; } .mr-mp-3, .mx-mp-3 { margin-right: 1rem !important; } .mb-mp-3, .my-mp-3 { margin-bottom: 1rem !important; } .ml-mp-3, .mx-mp-3 { margin-left: 1rem !important; } .m-mp-4 { margin: 1.5rem !important; } .mt-mp-4, .my-mp-4 { margin-top: 1.5rem !important; } .mr-mp-4, .mx-mp-4 { margin-right: 1.5rem !important; } .mb-mp-4, .my-mp-4 { margin-bottom: 1.5rem !important; } .ml-mp-4, .mx-mp-4 { margin-left: 1.5rem !important; } .m-mp-5 { margin: 3rem !important; } .mt-mp-5, .my-mp-5 { margin-top: 3rem !important; } .mr-mp-5, .mx-mp-5 { margin-right: 3rem !important; } .mb-mp-5, .my-mp-5 { margin-bottom: 3rem !important; } .ml-mp-5, .mx-mp-5 { margin-left: 3rem !important; } .p-mp-0 { padding: 0 !important; } .pt-mp-0, .py-mp-0 { padding-top: 0 !important; } .pr-mp-0, .px-mp-0 { padding-right: 0 !important; } .pb-mp-0, .py-mp-0 { padding-bottom: 0 !important; } .pl-mp-0, .px-mp-0 { padding-left: 0 !important; } .p-mp-1 { padding: 0.25rem !important; } .pt-mp-1, .py-mp-1 { padding-top: 0.25rem !important; } .pr-mp-1, .px-mp-1 { padding-right: 0.25rem !important; } .pb-mp-1, .py-mp-1 { padding-bottom: 0.25rem !important; } .pl-mp-1, .px-mp-1 { padding-left: 0.25rem !important; } .p-mp-2 { padding: 0.5rem !important; } .pt-mp-2, .py-mp-2 { padding-top: 0.5rem !important; } .pr-mp-2, .px-mp-2 { padding-right: 0.5rem !important; } .pb-mp-2, .py-mp-2 { padding-bottom: 0.5rem !important; } .pl-mp-2, .px-mp-2 { padding-left: 0.5rem !important; } .p-mp-3 { padding: 1rem !important; } .pt-mp-3, .py-mp-3 { padding-top: 1rem !important; } .pr-mp-3, .px-mp-3 { padding-right: 1rem !important; } .pb-mp-3, .py-mp-3 { padding-bottom: 1rem !important; } .pl-mp-3, .px-mp-3 { padding-left: 1rem !important; } .p-mp-4 { padding: 1.5rem !important; } .pt-mp-4, .py-mp-4 { padding-top: 1.5rem !important; } .pr-mp-4, .px-mp-4 { padding-right: 1.5rem !important; } .pb-mp-4, .py-mp-4 { padding-bottom: 1.5rem !important; } .pl-mp-4, .px-mp-4 { padding-left: 1.5rem !important; } .p-mp-5 { padding: 3rem !important; } .pt-mp-5, .py-mp-5 { padding-top: 3rem !important; } .pr-mp-5, .px-mp-5 { padding-right: 3rem !important; } .pb-mp-5, .py-mp-5 { padding-bottom: 3rem !important; } .pl-mp-5, .px-mp-5 { padding-left: 3rem !important; } .m-mp-n1 { margin: -0.25rem !important; } .mt-mp-n1, .my-mp-n1 { margin-top: -0.25rem !important; } .mr-mp-n1, .mx-mp-n1 { margin-right: -0.25rem !important; } .mb-mp-n1, .my-mp-n1 { margin-bottom: -0.25rem !important; } .ml-mp-n1, .mx-mp-n1 { margin-left: -0.25rem !important; } .m-mp-n2 { margin: -0.5rem !important; } .mt-mp-n2, .my-mp-n2 { margin-top: -0.5rem !important; } .mr-mp-n2, .mx-mp-n2 { margin-right: -0.5rem !important; } .mb-mp-n2, .my-mp-n2 { margin-bottom: -0.5rem !important; } .ml-mp-n2, .mx-mp-n2 { margin-left: -0.5rem !important; } .m-mp-n3 { margin: -1rem !important; } .mt-mp-n3, .my-mp-n3 { margin-top: -1rem !important; } .mr-mp-n3, .mx-mp-n3 { margin-right: -1rem !important; } .mb-mp-n3, .my-mp-n3 { margin-bottom: -1rem !important; } .ml-mp-n3, .mx-mp-n3 { margin-left: -1rem !important; } .m-mp-n4 { margin: -1.5rem !important; } .mt-mp-n4, .my-mp-n4 { margin-top: -1.5rem !important; } .mr-mp-n4, .mx-mp-n4 { margin-right: -1.5rem !important; } .mb-mp-n4, .my-mp-n4 { margin-bottom: -1.5rem !important; } .ml-mp-n4, .mx-mp-n4 { margin-left: -1.5rem !important; } .m-mp-n5 { margin: -3rem !important; } .mt-mp-n5, .my-mp-n5 { margin-top: -3rem !important; } .mr-mp-n5, .mx-mp-n5 { margin-right: -3rem !important; } .mb-mp-n5, .my-mp-n5 { margin-bottom: -3rem !important; } .ml-mp-n5, .mx-mp-n5 { margin-left: -3rem !important; } .m-mp-auto { margin: auto !important; } .mt-mp-auto, .my-mp-auto { margin-top: auto !important; } .mr-mp-auto, .mx-mp-auto { margin-right: auto !important; } .mb-mp-auto, .my-mp-auto { margin-bottom: auto !important; } .ml-mp-auto, .mx-mp-auto { margin-left: auto !important; } } /* BORDER (override bootstrap styles to allow more flexibility & shorter css class strings */ /* ---------------------------------------------- */ /* -- border style */ .b-solid { border-style: solid!important; border-color: #dee2e6; border-width: 0; /* should be used in combination with utilities below */ } /* -- border width */ .b-1 { border-width: 1px !important; } .by-1, .bt-1 { border-top-width: 1px !important; } .bx-1, .br-1 { border-right-width: 1px !important; } .by-1, .bb-1 { border-bottom-width: 1px !important; } .bx-1, .bl-1 { border-left-width: 1px !important; } .b-md-0 { border: 0 !important; } .by-0, .bt-0 { border-top-width: 0 !important; } .bx-0, .br-0 { border-right-width: 0 !important; } .by-0, .bb-0 { border-bottom-width: 0 !important; } .bx-0, .bl-0 { border-left-width: 0 !important; } /* -- border width (responsive) */ @media only screen and (min-width: 576px){ /* use as needed */ } @media only screen and (min-width: 768px) { .b-md-1 { border-width: 1px !important; } .by-md-1, .bt-md-1 { border-top-width: 1px !important; } .bx-md-1, .br-md-1 { border-right-width: 1px !important; } .by-md-1, .bb-md-1 { border-bottom-width: 1px !important; } .bx-md-1, .bl-md-1 { border-left-width: 1px !important; } .b-md-0 { border: 0 !important; } .by-md-0, .bt-md-0 { border-top: 0 !important; } .bx-md-0, .br-md-0 { border-right: 0 !important; } .by-md-0, .bb-md-0 { border-bottom: 0 !important; } .bx-md-0, .bl-md-0 { border-left: 0 !important; } } @media only screen and (min-width: 992px) { /* use as needed */ } @media only screen and (min-width:1025px) { /* use as needed */ } @media only screen and (min-width:1160px) { /* use as needed */ } .v-align-top { vertical-align: top !important; } .v-align-middle { vertical-align: middle !important; } .v-align-bottom { vertical-align: bottom !important; } /* Opacity ----------------------------------- */ .opacity-0 { opacity: 0!important; } .opacity-5 { opacity: 0.05!important; } .opacity-10 { opacity: 0.1!important; } .opacity-15 { opacity: 0.15!important; } .opacity-20 { opacity: 0.2!important; } .opacity-25 { opacity: 0.25!important; } .opacity-30 { opacity: 0.3!important; } .opacity-35 { opacity: 0.35!important; } .opacity-40 { opacity: 0.4!important; } .opacity-45 { opacity: 0.45!important; } .opacity-50 { opacity: 0.5!important; } .opacity-55 { opacity: 0.55!important; } .opacity-60 { opacity: 0.6!important; } .opacity-65 { opacity: 0.65!important; } .opacity-70 { opacity: 0.7!important; } .opacity-75 { opacity: 0.75!important; } .opacity-80 { opacity: 0.8!important; } .opacity-85 { opacity: 0.85!important; } .opacity-90 { opacity: 0.9!important; } .opacity-100 { opacity: 1!important; } .transparency-grid { background-image: url('../images/transparency-grid.jpg'); background-size: cover; } /* util: Disable all